.app{grid-template-columns:minmax(0,1fr) 460px}.side .preview-panel{position:sticky;top:16px}textarea{resize:vertical}.row.three{grid-template-columns:1fr 1fr 1fr}.logo-row{align-items:center;gap:14px;margin-bottom:12px;display:flex}.logo-box{border:1px dashed var(--line);background:#fafbfc;border-radius:10px;flex:none;place-items:center;width:96px;height:64px;display:grid;overflow:hidden}.logo-box img{max-width:100%;max-height:100%}.logo-box span{color:var(--muted);font-size:.78rem}.file-label{margin-bottom:4px}.side-actions .link-btn,.logo-row .link-btn{margin:0}.items-head,.item-row{grid-template-columns:minmax(0,1fr) 64px 96px 96px 32px;align-items:start;gap:8px;display:grid}.items-head{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.78rem;font-weight:700}.items-head span:nth-child(n+2){text-align:right}.item-row{margin-bottom:8px}.item-row .sr-label{margin:0;font-size:0}.item-row input,.item-row textarea{margin-top:0!important}.item-row input{text-align:right}.amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:11px;font-size:.95rem;font-weight:600}.icon-btn{width:32px;height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:1.3rem}.icon-btn:hover{color:#b91c1c;background:#f1f5f9}.btn.small{padding:8px 14px;font-size:.9rem}.btn.wide{width:100%;margin-top:12px;font-size:1.05rem}.side-actions{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.side-actions .status{margin:0}.paper{--accent:#0f766e;border:1px solid var(--line);color:#111827;background:#fff;border-radius:8px;max-height:560px;padding:22px;font-size:.74rem;line-height:1.45;overflow:auto;box-shadow:0 6px 20px #0f172a14}.paper .muted{color:#64748b}.p-head{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.p-logo{max-width:110px;max-height:48px}.p-meta{text-align:right}.p-meta span{color:#64748b;margin-right:4px}.p-title{color:var(--accent);letter-spacing:.02em;margin-bottom:4px;font-size:1.35rem;font-weight:800}.p-parties{overflow-wrap:anywhere;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.p-label{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:2px;font-size:.64rem;font-weight:700}.paper p{margin:0 0 8px}.p-items{border-collapse:collapse;width:100%;margin-bottom:8px}.p-items th{background:var(--accent);color:#fff;text-align:left;padding:5px 6px;font-weight:700}.p-items td{vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #eef2f6;padding:5px 6px}.p-items tbody tr:nth-child(2n) td{background:#f6f8fa}.paper .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.p-totals{border-collapse:collapse;min-width:60%;margin-bottom:12px;margin-left:auto}.p-totals td{padding:3px 6px}.p-totals td:last-child{text-align:right;font-variant-numeric:tabular-nums}.p-total td{background:var(--accent);color:#fff;padding:6px;font-size:.86rem;font-weight:800}@media (width<=1020px){.app{grid-template-columns:1fr}.side .preview-panel{position:static}}@media (width<=520px){.row.three{grid-template-columns:1fr}.items-head{display:none}.item-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr 32px;padding-bottom:8px}.item-row>label:first-child{grid-column:1/-1}.item-row .amount{text-align:left;grid-column:1/3;padding-top:0}.item-row .icon-btn{grid-area:2/3}}.logo-row>div{flex:1;min-width:0}
