.period-toggle{background:var(--bg-field);border-radius:var(--r-pill);flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.period-toggle button{border-radius:var(--r-pill);min-height:40px;padding:0 var(--s-4);color:var(--text-default);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:inline-flex}.period-toggle button:hover{background:var(--bg-hover)}.period-toggle button[aria-checked=true]{background:var(--bg-surface);color:var(--text-strong);outline:2px solid var(--accent);outline-offset:-2px}.period-toggle .save{color:var(--success);background:var(--success-soft);border-radius:var(--r-pill);padding:1px 6px;font-size:.7rem;font-weight:700}.plan-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:stretch;display:grid}.plan-card{gap:var(--s-4);padding:var(--s-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-card);flex-direction:column;display:flex;position:relative}.plan-card[data-featured=true]{border:2px solid var(--accent)}.plan-card[data-current=true]{background:var(--bg-selected)}.plan-card .plan-flag{top:-12px;left:var(--s-6);position:absolute}.plan-card h3{font-size:1.2rem}.plan-card .plan-desc{color:var(--text-muted);min-height:2.6em;font-size:.9rem}.plan-price{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex}.plan-price .amt{color:var(--text-strong);letter-spacing:-.02em;font-size:1.7rem;font-weight:800}.plan-price .per{color:var(--text-muted);font-size:.9rem}.plan-facts{gap:var(--s-2);flex-direction:column;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}.plan-facts li{gap:var(--s-2);align-items:flex-start;display:flex}.plan-facts svg{color:var(--success);flex:none;margin-top:2px}.plan-card .plan-actions{gap:var(--s-2);flex-direction:column;margin-top:auto;display:flex}.qty{align-items:center;gap:var(--s-2);display:inline-flex}.qty output{text-align:center;min-width:3ch;font-size:1.1rem;font-weight:700}.quote-lines{border:1px solid var(--border-subtle);border-radius:var(--r-tile);flex-direction:column;display:flex;overflow:hidden}.quote-lines .ql{justify-content:space-between;gap:var(--s-3);padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-subtle);font-size:.92rem;display:flex}.quote-lines .ql:last-child{border-bottom:0}.quote-lines .ql.neg span:last-child{color:var(--success)}.quote-lines .ql.total{background:var(--bg-field);color:var(--text-strong);font-size:1.05rem;font-weight:800}.coupon-row{gap:var(--s-2);align-items:flex-start;display:flex}.coupon-row .field{flex:1}.secure-note{gap:var(--s-2);color:var(--text-muted);align-items:flex-start;font-size:.82rem;display:flex}.secure-note svg{color:var(--success);flex:none}.pay-methods{gap:var(--s-2);flex-wrap:wrap;display:flex}.state-box{align-items:center;gap:var(--s-3);text-align:center;padding:var(--s-6) var(--s-2);flex-direction:column;display:flex}.state-box .ico{border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.state-box .ico.ok{background:var(--success-soft);color:var(--success)}.state-box .ico.bad{background:var(--danger-soft);color:var(--danger)}.state-box .ico.wait{background:var(--bg-field);color:var(--accent)}.meter{background:var(--bg-field);border-radius:var(--r-pill);height:8px;overflow:hidden}.meter>div{background:var(--accent);border-radius:var(--r-pill);height:100%}.meter[data-full=true]>div{background:var(--warning)}.sub-grid{gap:var(--s-4) var(--s-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.sub-grid .l{color:var(--text-muted);font-size:.8rem}.sub-grid .v{color:var(--text-strong);font-weight:700}.mcards{flex-direction:column;display:none}.mcard{gap:var(--s-2);padding:var(--s-4);border-bottom:1px solid var(--border-subtle);flex-direction:column;display:flex}.mcard:last-child{border-bottom:0}@media (max-width:767px){.mcards{display:flex}.has-mcards{display:none}}.doc{background:var(--print-bg);max-width:760px;color:var(--print-text);border:1px solid var(--print-line);border-radius:var(--r-card);padding:var(--s-8);margin:0 auto;position:relative;overflow:hidden}.doc h1{color:var(--print-text);letter-spacing:.04em;text-transform:uppercase;font-size:1.6rem}.doc .doc-head{justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;align-items:flex-start;display:flex}.doc .doc-brand img{height:auto;display:block}.doc .doc-muted{color:var(--print-muted);font-size:.85rem}.doc .doc-meta{gap:var(--s-4);margin:var(--s-6) 0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.doc .doc-meta .l{color:var(--print-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.doc table{border-collapse:collapse;width:100%;font-size:.92rem}.doc th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--print-muted);border-bottom:2px solid var(--print-line);padding:8px 6px;font-size:.75rem}.doc td{border-bottom:1px solid var(--print-line);vertical-align:top;padding:10px 6px}.doc .num{text-align:right;white-space:nowrap}.doc .totals{margin-left:auto;margin-top:var(--s-4);flex-direction:column;gap:6px;width:min(100%,320px);font-size:.92rem;display:flex}.doc .totals div{justify-content:space-between;gap:var(--s-4);display:flex}.doc .totals .grand{border-top:2px solid var(--print-text);padding-top:8px;font-size:1.1rem;font-weight:800}.doc .stamp{margin-top:var(--s-3);border:3px solid var(--print-text);color:var(--print-text);letter-spacing:.15em;opacity:.75;border-radius:6px;padding:2px 16px;font-size:1.3rem;font-weight:800;display:inline-block;transform:rotate(-8deg)}.doc .doc-foot{margin-top:var(--s-8);padding-top:var(--s-4);border-top:1px solid var(--print-line);color:var(--print-muted);font-size:.8rem}@media (max-width:600px){.doc{padding:var(--s-4)}}@media print{.doc{border:0;border-radius:0;max-width:none;padding:0}.doc .stamp{opacity:1}}.rows-edit{gap:var(--s-2);flex-direction:column;display:flex}.rows-edit .re{gap:var(--s-2);flex-wrap:wrap;align-items:flex-start;display:flex}.rows-edit .re .field{flex:1;min-width:120px}.form-split{gap:var(--s-6);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:1100px){.form-split.has-preview{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}}.preview-sticky{top:var(--s-4);align-self:start;position:sticky}