.reading-modal{min-width:520px}.reading-modal .content{display:flex;flex-direction:column;gap:1em;padding:0 0 1.4em}.reading-modal .content .summary{display:grid;gap:.75em;grid-template-columns:repeat(2,minmax(0,1fr))}.reading-modal .content .summary .item{background:#f8fafc;border:1px solid #dbe5f7;border-radius:8px;padding:.9em 1em}.reading-modal .content .summary .item .label{color:#64748b;font-size:.78rem}.reading-modal .content .summary .item .value{color:#111827;font-size:1.25rem;font-weight:700;margin-top:.2em}.reading-modal .content .summary .item .hint{color:#64748b;font-size:.78rem;margin-top:.2em}.reading-modal .content .form .consumption{color:#2563ea;font-size:.9rem;margin-top:.5em}.reading-modal .footer{display:grid;gap:1em}.reading-modal .footer h3{color:#172b4d;font-size:1rem;margin-bottom:.6em}.reading-modal .footer .result{display:grid;gap:.75em}.reading-modal .footer .result .grid-parent .item{background:#f8fafc;border:1px solid #dbe5f7;border-radius:8px;padding:.8em .9em}.reading-modal .footer .result .grid-parent .item .label{color:#64748b;font-size:.78rem}.reading-modal .footer .result .grid-parent .item div:last-child{color:#111827;font-size:1.05rem;font-weight:700;margin-top:.2em}.reading-modal .footer .result>.created{align-items:center;color:#64748b;display:flex;font-size:.84rem;gap:.4em}.reading-modal .footer .result>.created .date{color:#f12400}.reading-modal .footer>.buttons{display:flex;gap:.5em;justify-content:flex-end}