
:root{--navy:#142942;--accent:#276be7;--bg:#f4f7fb;--paper:#fff;--ink:#182b44;--muted:#72839a;--line:#e2e8f0;--good:#07845d;--bad:#c6344b;--gold:#bc892c;--radius:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,input,select,textarea,a{outline-offset:3px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a4c8ff}a{color:var(--accent)}.app{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--navy);color:#fff;position:sticky;top:0;height:100vh;overflow:auto;padding:20px 14px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:10px}.brand img{width:43px;height:43px;object-fit:contain;background:#fff;border-radius:10px}.brand b{font-size:23px;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:1.5px;color:#abc0d8}.company-toggle{background:#ffffff10;border:1px solid #ffffff25;color:white;display:flex;align-items:center;width:100%;text-align:left;padding:12px;border-radius:12px;gap:10px;margin:20px 0 12px}.company-toggle img,.company-toggle .company-initial{width:35px;height:35px;border-radius:9px;background:#fff;color:var(--navy);object-fit:contain;display:grid;place-items:center;font-weight:800}.company-toggle span{flex:1;min-width:0}.company-toggle b{display:block;overflow-wrap:anywhere}.company-toggle small{color:#b5c9df}.company-menu{padding:6px;background:#ffffff0c;border-radius:12px;margin-bottom:12px}.company-menu button{background:transparent;color:white;border:0;padding:10px;border-radius:8px;width:100%;text-align:left}.company-menu button:hover{background:#ffffff15}.nav-caption{font-size:10px;text-transform:uppercase;letter-spacing:1.8px;color:#9bb5d1;padding:20px 12px 8px}.nav-btn{width:100%;display:flex;gap:11px;padding:11px 14px;border:0;border-radius:10px;background:transparent;color:#cddcef;text-align:left;margin:3px 0}.nav-btn.active{background:#ffffff19;color:white;box-shadow:inset 3px 0 #63d6b0}.sidebar-foot{margin-top:auto;padding:20px 10px;font-size:11px;color:#adc4dd}.main{min-width:0}.topbar{min-height:76px;background:var(--paper);border-bottom:1px solid var(--line);padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar h1{font-size:18px;margin:0}.topbar small{color:var(--muted)}.top-actions{display:flex;align-items:center;gap:10px}.content{padding:30px;max-width:1600px;margin:auto}.intro{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.intro h2{font-size:28px;letter-spacing:-.7px;margin:0 0 5px}.intro p{color:var(--muted);margin:0}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{border:1px solid transparent;background:var(--accent);color:#fff;border-radius:9px;padding:10px 16px;font-weight:600}.btn.alt{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn.soft{background:#276be711;color:var(--accent);border-color:#276be725}.btn.danger{background:#fff0f2;color:var(--bad)}.btn.wa{background:#07845d;color:white}.btn.sm{font-size:12px;padding:7px 11px}.btn.icon{font-size:18px;padding:7px 12px}.pill{padding:4px 9px;display:inline-block;border-radius:30px;font-size:11px;font-weight:650;background:#eaf0f9;color:#415c80;white-space:nowrap}.pill.good{background:#e1f5ec;color:#087956}.pill.warn{background:#fff1d5;color:#96661a}.pill.bad{background:#ffe5e9;color:#b33043}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-width:0;box-shadow:0 5px 17px #1b335406}.card h3{margin:0 0 15px;font-size:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.panel-head h3{margin:0}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin-bottom:22px}.kpi{padding:18px 20px}.kpi small{display:block;color:var(--muted);font-size:12px}.kpi strong{display:block;font-size:27px;letter-spacing:-.7px;margin-top:6px}.kpi .symbol{font-size:20px;color:var(--accent);margin-bottom:12px}.muted{color:var(--muted)}.tiny{font-size:11px}.notice{padding:14px 16px;background:var(--bg);border:1px solid var(--line);border-radius:10px;margin:10px 0}.notice.warn{background:#fff8e8;color:#805b1b}.notice.good{background:#eaf8f0;color:#16634a}.notice p{margin:5px 0 0}.empty{padding:30px;text-align:center;color:var(--muted)}.field{width:100%;padding:10px 12px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:8px;min-height:42px}.label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.check{display:flex;gap:10px;align-items:center;padding:10px}.check input{width:17px;height:17px;accent-color:var(--accent)}textarea.field{min-height:90px}.form-actions{justify-content:flex-end;margin-top:22px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:11px;letter-spacing:.4px;color:var(--muted);background:var(--bg);padding:12px;text-transform:uppercase;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid var(--line);vertical-align:top}td .actions{min-width:130px}tr:last-child td{border-bottom:0}.filters{display:flex;gap:10px;margin:0 0 16px}.filters input{flex:1}.filters select{max-width:180px}.period-bar{padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:22px}.period-bar label{min-width:125px;flex:1}.period-bar .field{min-height:38px;padding:7px 10px}.period-bar .period-label{flex:2;font-size:12px;color:var(--muted)}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.pipeline-column{border:1px solid var(--line);border-top:3px solid var(--accent);background:var(--paper);border-radius:12px;padding:14px}.pipeline-column:last-child{border-top-color:var(--good)}.lead-card{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:12px;background:var(--bg)}.lead-card p{margin:8px 0}.overlay{display:none;position:fixed;inset:0;z-index:50;background:#0c1c38aa;padding:28px 14px;overflow:auto}.overlay.show{display:block}.modal{background:var(--paper);color:var(--ink);max-width:980px;margin:auto;border-radius:18px;padding:26px;box-shadow:0 20px 80px #0004}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.modal-head h2{margin:0;font-size:20px}.close{font-size:26px;background:none;border:0;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 22px;color:#fff;background:#152c48;border-radius:12px;z-index:90;max-width:90%;display:none;box-shadow:0 10px 30px #0002}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.day{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:12px 5px;min-height:62px;text-align:center;font-size:11px}.day b{display:block;font-size:16px}.day.good{background:#dff5ea}.day.warn{background:#fff0d4}.day.bad{background:#ffe7eb}.day.off{background:#edf1f7}.day-name{font-size:11px;text-align:center;color:var(--muted)}.theme-tile{padding:18px;border:1px solid var(--line);border-radius:12px}.theme-tile.selected{outline:2px solid var(--accent)}.theme-art{height:90px;border-radius:8px;display:flex;gap:8px;padding:12px;margin-bottom:12px}.theme-art i:first-child{width:25%;background:#ffffff25;border-radius:4px}.theme-art i:last-child{flex:1;background:#ffffffbb;border-radius:4px}.widget-row{display:flex;justify-content:space-between;border:1px solid var(--line);padding:13px;border-radius:10px;margin:8px 0;gap:12px}.photo{width:75px;height:75px;border-radius:10px;object-fit:cover;background:var(--bg)}.evidence-video{width:100%;max-height:270px;background:#132942;border-radius:12px}.marketing-hero{background:linear-gradient(130deg,#102843,#183d66);color:white;border-radius:24px;padding:44px;display:grid;grid-template-columns:1.4fr 1fr;gap:32px;margin-bottom:24px}.marketing-hero h2{font-size:42px;line-height:1.15;letter-spacing:-1.2px;margin:12px 0}.marketing-hero p{color:#bed1e9;font-size:16px}.marketing-hero .card{color:var(--ink)}.price{font-size:36px;font-weight:750;letter-spacing:-1px}.audit{font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding:12px 0}.invoice-sheet{position:relative;background:#fff;color:#213047;max-width:850px;margin:auto;padding:28px;border:1px solid #e4e9f0;border-radius:14px;font-size:12px;overflow:hidden;--invoice:#276be7}.invoice-sheet h1{margin:0;font-size:25px}.invoice-sheet .doc-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid #e7edf5;padding-bottom:22px}.invoice-sheet .doc-brand{display:flex;gap:13px;align-items:center}.invoice-sheet .doc-brand img{width:62px;height:62px;object-fit:contain;border:1px solid #e4e9f0;border-radius:9px}.invoice-sheet .doc-brand h2{font-size:23px;color:var(--invoice);margin:0}.invoice-sheet .right{text-align:right}.invoice-sheet .doc-meta{display:flex;justify-content:space-between;gap:16px;margin:24px 0}.invoice-sheet table{font-size:12px}.invoice-sheet th{font-size:10px;background:#f5f8fc;color:#8092a9}.invoice-sheet td{border-color:#e8edf4}.invoice-sheet .totals{max-width:330px;margin:22px 0 22px auto}.invoice-sheet .totals div{display:flex;justify-content:space-between;gap:20px;margin:6px 0}.invoice-sheet .totals .grand{font-size:17px;font-weight:750;border-top:1px solid #e0e7f1;padding-top:12px;color:var(--invoice)}.invoice-sheet .scanpay{border:1px solid #b6eaf2;background:#edfafd;border-radius:12px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:95px}.invoice-sheet .scanpay img{width:100px;height:100px;object-fit:contain}.invoice-sheet .signature{margin:40px 0 28px auto;text-align:right;min-height:60px}.invoice-sheet .signature img{max-width:150px;max-height:65px;object-fit:contain}.doc-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5eaf2;padding-top:16px;font-size:10px;gap:20px;color:#5e738d;margin-top:25px}.doc-footer img{width:50px;height:28px;object-fit:contain}.watermark{position:absolute;pointer-events:none;left:0;right:0;top:43%;text-align:center;transform:rotate(-27deg);font-size:57px;font-weight:850;color:#24558920;letter-spacing:3px;z-index:0}.invoice-sheet>*:not(.watermark){position:relative;z-index:1}.invoice-theme-1 .doc-head{background:#172b46;color:white;padding:20px;border-radius:10px}.invoice-theme-1 .doc-brand h2{color:#d8b56c}.invoice-theme-2{border-top:8px solid var(--invoice)}.invoice-theme-3 .doc-head{border-left:5px solid var(--invoice);padding-left:18px}.invoice-theme-4 .doc-head{background:#faf6eb;padding:20px;border-radius:10px}.invoice-theme-5 .doc-head{border-bottom:3px solid var(--invoice)}.invoice-theme-6 .doc-brand h2{letter-spacing:2px}.invoice-theme-7 .doc-head{background:#eef8f7;padding:20px}.invoice-theme-8 .doc-head{background:linear-gradient(110deg,#f4f0ff,#fff0ea);padding:20px;border-radius:10px}.staff-id{max-width:350px;margin:auto;text-align:center;border:1px solid #e1e8f0;border-radius:18px;background:linear-gradient(#edf4ff,#fff);padding:28px}.avatar{width:85px;height:85px;margin:20px auto;border-radius:50%;background:#142942;color:white;display:grid;place-items:center;font-size:35px}.progress{height:7px;background:var(--bg);border-radius:10px;overflow:hidden;margin:12px 0}.progress div{height:100%;background:var(--good)}body[data-theme=emerald]{--navy:#103f3d;--accent:#0d8270;--bg:#f0f7f4}body[data-theme=burgundy]{--navy:#4a1d30;--accent:#9c3c5b;--bg:#faf4f6}body[data-theme=ivory]{--navy:#3e311e;--accent:#a47728;--bg:#fcf9f2}body[data-theme=rainbow]{--navy:#25304a;--accent:#7455c7;--bg:#f7f5fc}body[data-theme=rainbow] .sidebar{background:linear-gradient(165deg,#193c61,#542c73,#164b50)}body[data-theme=rainbow] .kpi:nth-child(3n+1){border-top:3px solid #328edf}body[data-theme=rainbow] .kpi:nth-child(3n+2){border-top:3px solid #9a63d9}body[data-theme=rainbow] .kpi:nth-child(3n){border-top:3px solid #21a28b}.compact .card{padding:15px}.compact .content{padding:22px}.compact td{padding:9px}.hamburger{display:none}.mobile-nav{display:none}.spacer{height:20px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.line-editor{display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:8px;align-items:end;margin:12px 0}.line-editor .label{font-size:10px}.qa-result{padding:10px;border-bottom:1px solid var(--line);font-size:12px}.storage-note{font-size:11px;color:var(--muted);text-align:center;padding:18px}
@media(max-width:1100px){.topbar{padding:14px 20px}.content{padding:22px}.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.line-editor{grid-template-columns:2fr repeat(3,1fr)}}
@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:-280px;width:250px;z-index:40;transition:left .2s}.sidebar.open{left:0;box-shadow:0 0 0 100vw #0b17377a}.hamburger{display:inline-block}.topbar{padding:10px 14px;flex-wrap:wrap}.top-actions{width:100%;justify-content:space-between}.content{padding:18px 14px 85px}.intro{flex-wrap:wrap}.intro h2{font-size:24px}.grid2,.grid3{grid-template-columns:1fr}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi strong{font-size:23px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}.filters{flex-wrap:wrap}.filters input{flex-basis:100%}.filters select{max-width:none;flex:1}.overlay{padding:12px 8px}.modal{padding:18px}.marketing-hero{padding:25px;grid-template-columns:1fr}.marketing-hero h2{font-size:32px}.line-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);padding:8px;gap:5px;z-index:20}.mobile-nav button{flex:1;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;padding:8px}.mobile-nav button.active{background:#276be711;color:var(--accent)}.invoice-sheet{padding:16px}.invoice-sheet .doc-head{gap:12px}.invoice-sheet .doc-brand h2{font-size:17px}.invoice-sheet h1{font-size:19px}.invoice-sheet .doc-brand img{width:40px;height:40px}.watermark{font-size:35px}.day{min-height:55px;padding:8px 2px}.period-bar label{min-width:110px}}
@media print{@page{size:A4;margin:12mm 12mm 25mm}body{background:white!important}.app,.mobile-nav,.toast{display:none!important}.overlay.show{display:block!important;background:white;padding:0;position:static;overflow:visible}.modal{max-width:none;margin:0;padding:0;box-shadow:none;border:0;background:white}.modal-head,.modal .no-print{display:none!important}.invoice-sheet{border:0;border-radius:0;padding:0;max-width:none;overflow:visible}.watermark{position:fixed;top:43%;font-size:65px}.invoice-sheet tr{break-inside:avoid}.doc-footer{break-inside:avoid;position:fixed;bottom:-17mm;left:0;right:0;background:white;padding-top:8px}.invoice-sheet .scanpay,.signature{break-inside:avoid}}
.chat-log{max-height:330px;overflow:auto;margin:18px 0}.chat-bubble{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:14px;margin:10px 0;max-width:90%}.chat-bubble.mine{margin-left:auto;background:#eaf2ff}.chat-bubble p{margin:6px 0;overflow-wrap:anywhere}.message-preview{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 system-ui}.campaign-image{max-width:100%;max-height:220px;border-radius:12px}.top-actions{flex-wrap:wrap}.top-actions .field{width:auto;max-width:190px} @media(max-width:760px){.top-actions{gap:6px}.top-actions .field{max-width:47%;font-size:12px}.top-actions .btn{padding:6px 8px}}body[data-portal]:not([data-portal=marketing]){font-family:var(--ui-font,system-ui);font-size:var(--ui-size,14px);font-weight:var(--ui-weight,400)}
body[data-portal]:not([data-portal=marketing]) .brand{display:none}
body[data-portal]:not([data-portal=marketing]) .app{grid-template-columns:228px minmax(0,1fr)}
body[data-portal]:not([data-portal=marketing]) .sidebar{padding:12px 10px}
body[data-portal]:not([data-portal=marketing]) .company-toggle{margin:4px 0 10px;padding:10px;min-height:56px}
body[data-portal]:not([data-portal=marketing]) .nav-caption{padding:12px 10px 6px;font-size:calc(var(--ui-size) - 3px)}
body[data-portal]:not([data-portal=marketing]) .nav-btn{min-height:38px;padding:8px 11px;margin:2px 0;font-size:calc(var(--ui-size) - 1px)}
body[data-portal]:not([data-portal=marketing]) .topbar{min-height:64px;padding:10px 22px}
body[data-portal]:not([data-portal=marketing]) .content{padding:22px;max-width:1500px}
body[data-portal]:not([data-portal=marketing]) .intro{margin-bottom:18px;gap:14px}
body[data-portal]:not([data-portal=marketing]) .intro h2{font-size:calc(var(--ui-size) + 10px);line-height:1.3}
body[data-portal]:not([data-portal=marketing]) .topbar h1{font-size:calc(var(--ui-size) + 3px)}
body[data-portal]:not([data-portal=marketing]) .card h3{font-size:calc(var(--ui-size) + 1px)}
body[data-portal]:not([data-portal=marketing]) table{font-size:calc(var(--ui-size) - 1px)}
body[data-portal]:not([data-portal=marketing]) th,body[data-portal]:not([data-portal=marketing]) .label{font-size:calc(var(--ui-size) - 2px)}
body[data-portal]:not([data-portal=marketing]) .btn.sm{font-size:calc(var(--ui-size) - 1px);min-height:34px}
body[data-portal]:not([data-portal=marketing]) .field{font-size:var(--ui-size);min-height:40px;padding:8px 10px}
body[data-portal]:not([data-portal=marketing]) .form-grid{gap:13px}
body[data-portal]:not([data-portal=marketing]) .kpi strong{font-size:calc(var(--ui-size) + 11px)}
body[data-portal]:not([data-portal=marketing]).compact .card{padding:17px}
body[data-portal]:not([data-portal=marketing]).compact td{padding:10px}
body[data-portal]:not([data-portal=marketing]).comfortable .card{padding:22px}
body[data-portal]:not([data-portal=marketing]).comfortable .nav-btn{padding:11px;min-height:44px}
body[data-portal]:not([data-portal=marketing]) .grid2,body[data-portal]:not([data-portal=marketing]) .grid3{gap:14px}
body[data-portal]:not([data-portal=marketing]) .sidebar-foot{padding:14px 10px}
.sidebar button{position:relative;transition:background .18s ease,transform .18s ease,box-shadow .18s ease,color .18s ease}
.sidebar button:hover{transform:translateX(2px);background:#ffffff16}
.sidebar button:active{transform:translateX(2px) scale(.98)}
.nav-btn.active{background:#ffffff22;box-shadow:inset 3px 0 #63d6b0,0 3px 10px #0001;color:#fff;animation:navSelect .26s ease-out}
.sidebar .nav-feedback{animation:navSelect .26s ease-out}
.company-menu button.selected,.company-menu button[aria-current=true]{background:#ffffff22;box-shadow:inset 3px 0 #63d6b0}
.company-toggle[aria-expanded=true]{background:#ffffff22;box-shadow:inset 3px 0 #63d6b0}
@keyframes navSelect{0%{transform:translateX(-3px);background:#63d6b03b}100%{transform:translateX(0)}}
body[data-theme=custom] .sidebar{color:var(--sidebar-text)}
body[data-theme=custom] .nav-btn,body[data-theme=custom] .company-toggle,body[data-theme=custom] .company-menu button{color:var(--sidebar-text)}
body[data-theme=custom] .company-toggle small,body[data-theme=custom] .nav-caption,body[data-theme=custom] .sidebar-foot{color:var(--sidebar-muted)}
body[data-theme=custom] .btn:not(.alt):not(.soft):not(.wa):not(.danger){color:var(--accent-text)}
body[data-theme=custom] .company-toggle .company-initial{color:var(--navy)}
.custom-theme-preview{display:grid;grid-template-columns:120px 1fr;background:var(--preview-bg);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:170px}
.custom-theme-preview aside{padding:18px;background:var(--preview-sidebar);color:white}.custom-theme-preview aside span{display:block;padding:8px 0;font-size:12px}
.custom-theme-preview section{margin:15px;padding:18px;background:var(--preview-paper);color:var(--preview-ink);border-radius:9px}.custom-theme-preview button{background:var(--preview-accent);color:white;border:0;border-radius:8px;padding:8px 12px;opacity:1}
.invoice-sheet,.staff-id{font-family:system-ui,Segoe UI,sans-serif;font-weight:400}
body[data-portal]:not([data-portal=marketing]) .invoice-sheet table{font-size:12px}body[data-portal]:not([data-portal=marketing]) .invoice-sheet th{font-size:10px}
@media(prefers-reduced-motion:reduce){.sidebar button,.nav-btn.active,.sidebar .nav-feedback{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:1100px){body[data-portal]:not([data-portal=marketing]) .app{grid-template-columns:218px minmax(0,1fr)}.top-actions{gap:6px}}
@media(max-width:760px){body[data-portal]:not([data-portal=marketing]) .app{grid-template-columns:1fr}body[data-portal]:not([data-portal=marketing]) .sidebar{width:228px}body[data-portal]:not([data-portal=marketing]) .content{padding:16px 12px 90px}body[data-portal]:not([data-portal=marketing]) .topbar{padding:10px 12px}.custom-theme-preview{grid-template-columns:90px 1fr}.custom-theme-preview aside{padding:12px}.custom-theme-preview section{margin:10px;padding:12px}}


.invoice-items-scroll{width:100%;max-width:100%;overflow-x:auto;padding-bottom:6px}
.invoice-items-scroll .invoice-line-row{grid-template-columns:minmax(190px,2.2fr) 80px 108px 104px 96px 104px 84px 36px;min-width:900px;gap:8px;align-items:end;white-space:nowrap}
.invoice-line-row .field{min-width:0;width:100%;padding:8px;font-size:inherit}
.invoice-line-row .label{white-space:nowrap;font-size:11px!important}
.invoice-line-row .btn{min-height:40px;padding:7px}
@media(max-width:1100px){.invoice-items-scroll .invoice-line-row{grid-template-columns:minmax(190px,2.2fr) 80px 108px 104px 96px 104px 84px 36px}}
@media(max-width:760px){.invoice-items-scroll .invoice-line-row{grid-template-columns:minmax(190px,2.2fr) 80px 108px 104px 96px 104px 84px 36px}}

body[data-portal=vendor] .company-dashboard-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:18px}
body[data-portal=vendor] .company-dashboard-cards .kpi{padding:13px 14px;min-height:108px;box-shadow:0 3px 10px #1b335405}
body[data-portal=vendor] .company-dashboard-cards .symbol{font-size:18px;line-height:1;margin-bottom:8px}
body[data-portal=vendor] .company-dashboard-cards small{font-size:calc(var(--ui-size,14px) - 2px);line-height:1.35;min-height:32px}
body[data-portal=vendor] .company-dashboard-cards strong{font-size:clamp(16px,1.55vw,23px);line-height:1.25;letter-spacing:-.4px;margin-top:4px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
@media(max-width:1100px){body[data-portal=vendor] .company-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){body[data-portal=vendor] .company-dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}body[data-portal=vendor] .company-dashboard-cards .kpi{padding:12px;min-height:105px}}
@media(max-width:360px){body[data-portal=vendor] .company-dashboard-cards{grid-template-columns:1fr}}
/* Compact responsive adjustments shared by all sample portals. */
.app,.main,.content,.card,.pipeline-column{min-width:0}img,video{max-width:100%}.panel-head,.intro,.period-bar{flex-wrap:wrap;gap:10px}.intro>.actions{flex-wrap:wrap}.top-actions{min-width:0}.field{max-width:100%}.grid2,.grid3{align-items:start}.followup-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.followup-entry p{margin:4px 0}.followup-entry:last-child{border:0}.company-cost-field{min-width:130px}.company-cost-field[hidden]{display:none!important}.invoice-items-scroll .invoice-line-row.has-company-cost{grid-template-columns:minmax(190px,2.2fr) 80px 108px 104px 96px 104px 84px 170px 36px;min-width:1080px}.internal-profit{margin-top:9px;border-top:1px solid var(--line);padding-top:9px}.table-wrap,.invoice-items-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap td,.table-wrap th{overflow-wrap:anywhere}.kpi strong{overflow-wrap:anywhere}.demo-test-note{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#f6edff;color:#603687;border:1px solid #dec9f6;font-size:12px}.pipeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.pipeline-column .actions{flex-wrap:wrap}.pipeline-column .lead-card{overflow-wrap:anywhere}.content .actions .btn{white-space:normal}.modal{max-height:calc(100dvh - 32px);overflow:auto}.form-grid>label{min-width:0}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-width:0}
@media(max-width:1200px){.pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-wrap:wrap}}
@media(min-width:761px) and (max-width:1000px){body[data-portal] .company-dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid2{grid-template-columns:1fr}}
@media(max-width:760px){.pipeline,.grid2,.grid3{grid-template-columns:1fr}.top-actions{justify-content:flex-start;gap:6px;width:100%}.top-actions .field{flex:1;min-width:100px}.intro>.actions{width:100%}.intro .btn,.period-bar .btn{flex:1}.followup-entry{align-items:flex-start;flex-direction:column}.followup-entry .actions{width:100%}.followup-entry .btn{flex:1}.period-bar label{flex:1;min-width:120px}.modal{max-height:calc(100dvh - 20px);padding:14px}.modal .panel-head{align-items:flex-start}.company-dashboard-cards{gap:8px!important}.kpi{padding:12px!important}.kpi strong{font-size:20px!important}.kpi small{font-size:11px!important}.table-wrap table{min-width:620px}.table-wrap{border:1px solid var(--line);border-radius:8px}.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.content{padding-bottom:110px!important}}
@media(max-width:360px){.top-actions .field{max-width:100%;flex-basis:100%}.intro h2{font-size:21px}.followup-entry .actions{display:grid;grid-template-columns:1fr 1fr}.followup-entry .actions .btn:first-child{grid-column:1/-1}}
@media print{.internal-profit,.internal-cost-note,.company-cost-field,.demo-test-note{display:none!important}}
/* Company logos: larger without stretching or enlarging QR/signature artwork. */
body[data-portal] .company-toggle img,body[data-portal] .company-toggle .company-initial{width:50px;height:50px;flex:0 0 50px;object-fit:contain}.invoice-sheet .doc-brand img{width:82px;height:82px;flex:0 0 82px;object-fit:contain}.doc-footer img{width:68px;height:38px;object-fit:contain}.team-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,275px),1fr));gap:14px}.team-member-card{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--paper)}.team-member-card h3{margin:0 0 6px}.team-member-card p,.team-member-card small{overflow-wrap:anywhere}.team-member-card .badge-row{margin:12px 0}.team-member-card .actions{margin-top:14px}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-tags .pill{white-space:normal}.team-permissions{border:1px solid var(--line);border-radius:12px;padding:14px;margin:0;min-width:0}.team-permissions legend{padding:0 6px;font-weight:650}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.permission-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;border:1px solid var(--line);border-radius:9px;padding:12px;cursor:pointer}.permission-option:has(input:checked){background:#276be70a;border-color:var(--accent)}.permission-option span{min-width:0;overflow-wrap:anywhere}.permission-option small{display:block;font-size:11px;font-weight:400;line-height:1.5;margin-top:5px;color:var(--muted)}.permission-option input[type=checkbox],.form-grid input[type=checkbox],.form-grid input[type=radio]{width:18px!important;max-width:18px;height:18px;min-width:18px;margin:2px 0;flex:0 0 18px}.team-permissions .check{display:flex;gap:10px;align-items:flex-start;line-height:1.5}.team-invitation-modal .form-actions{position:sticky;bottom:-14px;background:var(--paper);padding:12px 0 2px;border-top:1px solid var(--line);z-index:2}.team-invitation-modal{width:min(840px,100%)}.team-invitation-modal .form-actions .btn{white-space:normal}
@media(max-width:760px){.permission-grid{grid-template-columns:1fr}.team-member-grid{grid-template-columns:1fr}.team-member-card .actions .btn{width:100%}.team-invitation-modal .form-actions{display:grid;grid-template-columns:1fr 1fr}.invoice-sheet .doc-brand img{width:60px;height:60px;flex-basis:60px}body[data-portal] .company-toggle img,body[data-portal] .company-toggle .company-initial{width:44px;height:44px;flex-basis:44px}.invoice-sheet .doc-head{flex-wrap:wrap}.invoice-sheet .doc-brand{min-width:0}.invoice-sheet .doc-brand h2{overflow-wrap:anywhere}.doc-footer img{width:60px;height:34px}}

.brand img{width:60px;height:60px;object-fit:contain}.staff-id>img{width:136px!important;max-width:100%;object-fit:contain}.invoice-sheet .doc-head>img[alt=Company]{width:110px!important;max-width:34%;object-fit:contain}

.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,285px),1fr));gap:14px}.field-card{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0;background:var(--paper)}.field-card h3{margin:0;overflow-wrap:anywhere}.field-card p,.field-card small{overflow-wrap:anywhere}.field-card .panel-head{align-items:flex-start}.field-card .pill{white-space:normal}.task-controls{margin-top:14px}.field-proof{display:block;max-width:100%;max-height:420px;object-fit:contain;margin:14px auto;border:1px solid var(--line);border-radius:10px}.field-pdf{width:100%;height:400px;border:1px solid var(--line)}.field-shortcuts{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.field-grid .actions{flex-wrap:wrap}.field-grid .actions .btn{min-height:38px}.field-card .actions+.actions{padding-top:8px}
@media(max-width:760px){.field-grid{grid-template-columns:1fr}.field-card{padding:13px}.field-card .actions .btn{flex:1}.field-shortcuts .actions{width:100%}.field-shortcuts .btn{flex:1}.field-pdf{height:300px}}
.field-guide{padding-left:22px;line-height:1.7}.field-guide li{margin-bottom:14px}.field-guide b{color:var(--ink)}

.six-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.six-renew{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.six-renew small{width:100%}.visit-invoice-line{display:grid;grid-template-columns:minmax(170px,2fr) repeat(5,minmax(90px,1fr)) 38px;gap:8px;align-items:end;overflow-x:auto;margin:14px 0;padding-bottom:8px}.visit-invoice-line .field{min-width:90px}.visit-plan{border-bottom:1px solid var(--line);padding:16px 0}.visit-plan:last-child{border:0}.six-actions .btn{white-space:normal}
@media(max-width:760px){.six-actions .btn{flex:1;min-width:130px}.visit-invoice-line{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.visit-invoice-line>label:first-child{grid-column:1/-1}.visit-invoice-line .field{min-width:0}.six-renew .btn{width:100%}.visit-plan .notice .btn{width:100%;margin-top:8px}}


.portal-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.portal-setting-tile{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}.portal-setting-tile h3,.portal-setting-tile p{margin:0}.portal-setting-tile p{flex:1}.portal-service-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.portal-settings-grid .btn{margin-top:auto}#nav .nav-btn{transition:background .18s ease,transform .18s ease,box-shadow .18s ease}#nav .nav-btn:active{transform:scale(.98)}@media(prefers-reduced-motion:reduce){#nav .nav-btn{transition:none}}@media(max-width:600px){.portal-settings-grid{grid-template-columns:1fr}.portal-service-tabs .btn{flex:1 1 auto}#mobileNav button{min-width:0;overflow-wrap:anywhere}}

.crm-expected-value{display:flex;flex-direction:column;gap:3px;margin:10px 0;padding:8px;border-radius:8px;background:var(--bg)}.crm-expected-value strong{font-size:15px;overflow-wrap:anywhere}.crm-value-table td:nth-child(5){min-width:145px}.crm-value-table td:last-child{min-width:205px}
@media(max-width:700px){.crm-value-table{overflow:visible}.crm-value-table table,.crm-value-table tbody,.crm-value-table tr,.crm-value-table td{display:block;width:100%;min-width:0}.crm-value-table thead{display:none}.crm-value-table tr{border:1px solid var(--line);border-radius:12px;padding:10px;margin:10px 0;background:var(--paper)}.crm-value-table td{display:grid;grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:6px;padding:7px 0;border:0;white-space:normal;overflow-wrap:anywhere}.crm-value-table td::before{content:attr(data-label);font-size:12px;color:var(--muted);font-weight:500}.crm-value-table td:last-child{display:block;min-width:0}.crm-value-table td:last-child::before{display:block;margin-bottom:6px}.crm-value-table td .actions{flex-wrap:wrap}}

.crm-summary-row{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;overflow-x:auto;padding:2px 0 8px;max-width:100%;-webkit-overflow-scrolling:touch}.crm-summary-row .card{margin:0;min-width:0;padding:14px}.crm-summary-row strong{font-size:23px}.assignment-panel{margin:12px 0}.assignment-panel form .form-grid{grid-template-columns:minmax(140px,240px) 1fr}.assignment-panel .form-actions{margin-top:8px}.assignment-record{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.assignment-record p{margin:3px 0}.own-data-source{display:block;color:var(--accent);font-size:10px;margin-top:3px}.crm-value-table td[data-label="Expected Value"]{min-width:140px}@media(max-width:700px){.crm-summary-row{grid-template-columns:repeat(4,165px)}.assignment-panel form .form-grid{grid-template-columns:1fr}.assignment-record{flex-wrap:wrap}.crm-value-table td[data-label="Expected Value"]{min-width:0}}

.duplicate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:10px}.duplicate-grid .card{margin:0;overflow-wrap:anywhere}.festival-banner{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(140px,1fr);gap:18px;align-items:center;background:var(--festival-side);color:var(--festival-on-side);padding:25px;border-radius:18px;margin-bottom:20px;overflow:hidden;border:1px solid var(--line)}.festival-banner:before{content:"";position:absolute;inset:8px;z-index:-1;border:1px solid currentColor;border-radius:12px;opacity:.25}.festival-banner h2{color:inherit;font-size:clamp(22px,3vw,34px);line-height:1.2;margin:10px 0}.festival-banner p{max-width:650px;white-space:pre-wrap}.festival-kicker{font-size:10px;letter-spacing:.14em}.festival-offer{display:inline-block;max-width:100%;overflow-wrap:anywhere;padding:8px 12px;border-radius:8px;background:var(--festival-paper);color:var(--festival-ink);font-weight:650}.festival-banner-image{width:100%;max-height:210px;object-fit:contain;border-radius:12px}.festival-art{text-align:center;position:relative;min-height:130px;display:flex;align-items:center;justify-content:center;gap:8px}.festival-art i{font-size:34px;font-style:normal;opacity:.65}.festival-art i:nth-child(2){font-size:52px}.festival-art span{font-size:14px;line-height:1.4}.festival-month-editor{border:1px solid var(--line);border-radius:10px;padding:14px}.festival-month-editor legend{font-weight:700;padding:0 7px}body[data-portal=marketing] .sidebar{background:var(--navy)}body[data-portal=marketing] .btn:not(.soft):not(.alt):not(.wa){color:var(--accent-text)}@media(max-width:650px){.festival-banner{grid-template-columns:1fr;padding:20px}.festival-art{min-height:50px}.festival-banner-image{max-height:160px}.duplicate-grid{grid-template-columns:1fr}}

.service-team-builder{border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.service-team-builder legend{font-weight:700;padding:0 8px}.service-team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}.service-team-row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:9px;min-width:0}.service-team-row[hidden]{display:none}.service-team-summary{margin-top:14px}.service-team-summary td{overflow-wrap:anywhere}.service-team-summary .table-wrap{max-height:360px}

.invoice-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.invoice-choice-grid .card{margin:0;min-width:0}.profile-shortcuts{margin:0 0 16px;flex-wrap:wrap}#company-details,#company-invoice-design,#company-display{scroll-margin-top:20px}.support-chat-log{max-height:480px;overflow:auto;display:grid;gap:10px;margin:15px 0;padding:3px}.support-chat-log .chat-bubble{max-width:95%;overflow-wrap:anywhere}.support-chat-log p{white-space:pre-wrap}.support-chat-log .mine{justify-self:end}.invoice-custom{font-family:var(--invoice-font);font-size:var(--invoice-font-size);color:var(--invoice-text)}.invoice-custom .doc-brand img{width:var(--invoice-logo-size);height:var(--invoice-logo-size);max-width:var(--invoice-logo-size);flex:0 0 var(--invoice-logo-size);object-fit:contain}.invoice-custom .doc-brand h2{color:var(--invoice)}.invoice-custom.custom-header-band .doc-head{background:var(--invoice-header-bg);color:var(--invoice-header-text);padding:18px;border-radius:8px}.invoice-custom.custom-header-band .doc-brand h2{color:inherit}.invoice-custom.custom-header-boxed .doc-head{border:2px solid var(--invoice);padding:15px;border-radius:8px}.invoice-custom.custom-header-minimal .doc-head{border-bottom:3px solid var(--invoice)}.invoice-custom table{font:inherit}.invoice-custom table th{background:var(--invoice-table-bg);color:var(--invoice-table-text);font:inherit;font-weight:700}.invoice-custom table td{font:inherit}.invoice-custom.custom-table-striped tbody tr:nth-child(even){background:#f5f7fa}.invoice-custom.custom-table-bordered td,.invoice-custom.custom-table-bordered th{border:1px solid #b7c3d1}.invoice-custom.custom-table-minimal td{border-bottom:1px solid #e2e8f0}.invoice-custom .watermark{font-family:system-ui,sans-serif}.invoice-custom .doc-footer{font-size:10px} .invoice-custom .doc-head small{font-size:.85em}@media(max-width:700px){.invoice-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-choice-grid .btn{width:100%}.invoice-choice-grid .card{padding:12px}.support-contact-actions .btn{flex:1}}@media(max-width:400px){.invoice-choice-grid{grid-template-columns:1fr}}@media print{.invoice-custom{-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-custom .doc-brand img{width:var(--invoice-logo-size)!important;height:var(--invoice-logo-size)!important}}

.company-theme-options{display:grid;grid-template-columns:minmax(170px,1fr) 2fr;gap:18px;align-items:center}.company-rainbow-art{height:125px;background:linear-gradient(125deg,#185282,#823c93,#166754);border-radius:12px;color:#fff;display:grid;place-items:center;font-size:20px;font-weight:750}.rainbow-invoice-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rainbow-invoice-choices .card{min-width:0;margin:0}.rainbow-invoice-choices h3{font-size:16px}.rainbow-invoice-choices h3 small{font-weight:400;font-size:11px}.rainbow-style-preview{height:145px;background:#fff;border:1px solid #dce2ec;border-radius:8px;overflow:hidden;padding:12px;color:#182b44}.preview-head{display:flex;justify-content:space-between;gap:6px;font-size:9px;padding:10px 7px;margin:-12px -12px 12px}.rainbow-style-preview>i{display:block;height:12px;border-bottom:1px solid #dce2ec;margin:5px 0}.preview-total{font-size:9px;text-align:right;font-weight:700;color:var(--invoice);margin-top:10px}.preview-royale .preview-head{background:linear-gradient(115deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3));color:var(--rainbow-text)}.preview-executive{border-top:5px solid var(--rainbow-1)}.preview-executive .preview-head{background:#fff;border-bottom:3px solid;border-image:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3)) 1}.preview-minimal:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3));margin:-12px -12px 8px}.preview-minimal .preview-head{padding-top:15px}.rainbow-invoice{font-family:var(--rainbow-font);font-size:var(--rainbow-font-size);color:var(--rainbow-body-text)}.rainbow-invoice .doc-brand img{width:var(--rainbow-logo-size);height:var(--rainbow-logo-size);max-width:var(--rainbow-logo-size);flex:0 0 var(--rainbow-logo-size);object-fit:contain}.rainbow-invoice table{font:inherit}.rainbow-invoice table th,.rainbow-invoice table td{font:inherit}.rainbow-invoice table th{background:var(--rainbow-table-bg);color:var(--rainbow-table-text);font-weight:700}.rainbow-invoice .doc-brand h2{color:var(--invoice)}.rainbow-royale .doc-head{background:linear-gradient(115deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3));color:var(--rainbow-text);padding:20px;border-radius:12px}.rainbow-royale .doc-brand img{background:#ffffff;padding:6px}.rainbow-royale .doc-brand h2,.rainbow-royale .doc-head .right b{color:inherit!important}.rainbow-royale .doc-head{border:0}.rainbow-royale .totals .grand{background:var(--invoice);color:var(--rainbow-on-accent);border-radius:8px;padding:12px}.rainbow-royale table tbody tr:nth-child(even){background:#f7f5fc}.rainbow-executive{border-top:7px solid var(--rainbow-1);border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0}.rainbow-executive .doc-head{border-bottom:4px solid;border-image:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3)) 1;padding-bottom:20px}.rainbow-executive table th,.rainbow-executive table td{border:1px solid #d8e0eb}.rainbow-executive .doc-brand h2{letter-spacing:.02em}.rainbow-minimal{border:0}.rainbow-minimal:before{content:"";display:block;height:4px;margin:0 0 24px;background:linear-gradient(90deg,var(--rainbow-1),var(--rainbow-2),var(--rainbow-3))}.rainbow-minimal .doc-head{border-bottom:1px solid #e2e8f0}.rainbow-minimal table th{background:#fff;border-bottom:2px solid var(--invoice);color:var(--rainbow-body-text)}.rainbow-minimal table td{border-bottom:1px solid #edf0f5}.rainbow-invoice .doc-footer{font-family:system-ui,sans-serif;font-size:10px}.rainbow-invoice .watermark{font-family:system-ui,sans-serif}.rainbow-invoice .doc-head small{font-size:.85em}@media(max-width:850px){.rainbow-invoice-choices{grid-template-columns:1fr}.company-theme-options{grid-template-columns:1fr}.company-rainbow-art{height:100px}}@media print{.rainbow-invoice{-webkit-print-color-adjust:exact;print-color-adjust:exact}.rainbow-invoice .doc-brand img{width:var(--rainbow-logo-size)!important;height:var(--rainbow-logo-size)!important;flex-basis:var(--rainbow-logo-size)!important}}
.credit-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.credit-stats>*{min-width:0}.credit-stats .kpi{margin:0}.form-grid fieldset{min-width:0}@media(max-width:650px){.credit-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.content .actions{flex-wrap:wrap}.content .actions .btn{white-space:normal}}@media(max-width:360px){.credit-stats{gap:6px}}

.saving #content,.saving #modal{pointer-events:none;opacity:.72}.saving{cursor:progress}[hidden]{display:none!important}
