:root{--bg:#f6f7f9;--card:#fff;--text:#111827;--muted:#6b7280;--line:#e5e7eb;--primary:#111827;--primary2:#0f172a;--danger:#b91c1c;--success:#047857;--info:#1d4ed8;--radius:16px;--shadow:0 6px 24px rgba(17,24,39,.06)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.muted{color:var(--muted)}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#111827;color:#fff;font-weight:800}.g-auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#eef2ff,#f8fafc 44%,#f6f7f9)}.g-auth-wrap{width:min(520px,100%)}.g-auth-brand{display:flex;justify-content:center;align-items:center;gap:10px;font-size:24px;margin-bottom:22px}.g-auth-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.g-auth-card h1{margin:0 0 8px}.auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:18px;font-size:14px;color:var(--muted)}.auth-links a{color:var(--text);font-weight:700}.g-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0b1020;color:#dbe4f0;padding:22px 16px;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;padding:0 10px 22px}.sidebar nav{display:grid;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:10px;color:#aeb9c9}.sidebar nav a:hover,.sidebar nav a.active{background:#182033;color:#fff}.sidebar-foot{margin-top:auto;padding:16px 10px 4px;border-top:1px solid #263044;display:grid;gap:12px}.sidebar-foot small{display:block;color:#8ea0b7;margin-top:3px;overflow:hidden;text-overflow:ellipsis}.sidebar-foot>a{font-size:14px;color:#d4dce8}.main{min-width:0}.topbar{height:68px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.top-actions{display:flex;gap:8px}.content{padding:30px;max-width:1500px;margin:0 auto}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{font-size:30px;line-height:1.1;margin:4px 0 6px}.page-head p{margin:0}.head-actions{display:flex;gap:8px}.back{font-size:14px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);background:#fff;color:var(--text);padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.btn:hover{border-color:#cbd5e1}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.ghost{background:transparent}.btn.small{padding:8px 11px;font-size:14px}.btn.full{width:100%}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid var(--line)}.card-head h2{margin:0;font-size:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.stat span{display:block;color:var(--muted);font-size:13px;margin-bottom:10px}.stat strong{font-size:27px}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table-wrap th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.table-wrap td small{display:block;color:var(--muted);margin-top:3px}.table-wrap tr:last-child td{border-bottom:0}.right{text-align:right!important}.empty{padding:55px 24px;text-align:center}.empty h3{margin:0 0 8px}.empty p{color:var(--muted);margin:0 0 18px}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#eef2f7;color:#334155}.status-approved,.status-paid{background:#ecfdf5;color:#047857}.status-sent{background:#eff6ff;color:#1d4ed8}.status-rejected,.status-overdue,.status-cancelled{background:#fef2f2;color:#b91c1c}.tabs{display:flex;gap:6px;margin-bottom:14px;overflow:auto}.tabs a{padding:8px 12px;border-radius:9px;color:var(--muted);font-weight:700;font-size:14px}.tabs a.active{background:#111827;color:#fff}.searchbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid var(--line)}.searchbar input{flex:1}.g-form label{display:grid;gap:7px;font-size:13px;font-weight:700}.g-form input,.g-form select,.g-form textarea,.searchbar input{width:100%;border:1px solid #d6dbe3;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text);outline:none}.g-form textarea{resize:vertical}.g-form input:focus,.g-form select:focus,.g-form textarea:focus,.searchbar input:focus{border-color:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.15)}.g-form .check{display:flex;grid-auto-flow:column;justify-content:start;align-items:center;gap:8px;font-weight:500}.g-form .check input{width:auto}.grid2,.grid3{display:grid;gap:14px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-card{padding:22px;margin-bottom:18px}.form-card h2{margin:0 0 18px;font-size:18px}.form-card .g-form,.form-card.g-form{display:grid;gap:14px}.g-form{display:grid;gap:14px}.form-actions{display:flex;gap:10px;margin-top:4px}.danger-zone{padding-top:16px;margin-top:22px;border-top:1px solid var(--line)}.link-danger{background:none;border:0;color:var(--danger);font-weight:700;cursor:pointer;padding:0}.alert{border-radius:10px;padding:12px 14px;margin-bottom:16px;font-weight:600;font-size:14px}.alert.success{background:#ecfdf5;color:#047857}.alert.error{background:#fef2f2;color:#b91c1c}.alert.info{background:#eff6ff;color:#1d4ed8}.item-editor{overflow:auto}.item-head,.item-row{display:grid;grid-template-columns:minmax(240px,1fr) 82px 95px 120px 120px 36px;gap:10px;align-items:center;min-width:820px}.item-head{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;padding-bottom:8px}.item-row{padding:9px 0;border-top:1px solid var(--line)}.item-row input{margin:0}.icon-btn{border:0;background:#f3f4f6;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:20px}.doc-bottom{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.totals-card{padding:22px;height:max-content;position:sticky;top:88px}.totals-card>label{display:grid;gap:7px;margin-bottom:12px;font-size:13px;font-weight:700}.totals-card input{width:100%;border:1px solid #d6dbe3;border-radius:9px;padding:10px}.totals{margin-top:18px;border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}.totals>div{display:flex;justify-content:space-between;gap:15px}.totals .grand{font-size:20px;padding-top:9px;border-top:1px solid var(--line)}.sticky-actions{position:sticky;bottom:14px;z-index:10;display:flex;gap:10px;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:var(--shadow);padding:10px;border-radius:13px;width:max-content;margin-left:auto}.secondary-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.mobile-menu{display:none;border:0;background:transparent;font-size:22px}.document-form{display:block}.document-form>.card{margin-bottom:18px}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-bottom{grid-template-columns:1fr}.totals-card{position:static}.g-app{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;z-index:50;width:250px;transition:left .2s}.sidebar.open{left:0}.mobile-menu{display:inline-block}.topbar{padding:0 18px}.content{padding:20px}.top-actions .ghost{display:none}}
@media(max-width:640px){.grid2,.grid3,.stat-grid{grid-template-columns:1fr}.page-head{display:grid}.top-actions{display:none}.content{padding:16px}.g-auth-card{padding:22px}.auth-links{display:grid}.sticky-actions{width:100%;justify-content:stretch}.sticky-actions .btn{flex:1}.page-head h1{font-size:26px}}

.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* v0.2.2 list management, filters and imports */
.sidebar-foot{min-width:0}.sidebar-foot>div{min-width:0}.sidebar-foot strong,.sidebar-foot small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-foot small{word-break:break-all}.filter-card{margin-bottom:14px}.filterbar{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(4,minmax(120px,.7fr)) auto auto;gap:10px;padding:14px;align-items:center}.filterbar input,.filterbar select{width:100%;border:1px solid #d6dbe3;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text);min-width:0}.import-card{margin-bottom:14px}.import-card>summary{cursor:pointer;padding:14px 18px;font-weight:800;list-style:none}.import-card>summary::-webkit-details-marker{display:none}.import-card>summary:after{content:'+';float:right;color:var(--muted)}.import-card[open]>summary:after{content:'−'}.import-inner{border-top:1px solid var(--line);padding:16px 18px}.import-inner p{margin:0 0 12px}.import-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.import-actions form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.import-actions input[type=file]{max-width:280px}.action-form{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end}.action-form select{max-width:165px;border:1px solid #d6dbe3;background:#fff;border-radius:8px;padding:7px 9px}.customer-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.empty.compact{padding:28px 18px}.table-wrap td .action-form{white-space:nowrap}
@media(max-width:1200px){.filterbar{grid-template-columns:repeat(3,minmax(0,1fr))}.filterbar input[type=search]{grid-column:span 2}.customer-doc-grid{grid-template-columns:1fr}}
@media(max-width:700px){.filterbar{grid-template-columns:1fr}.filterbar input[type=search]{grid-column:auto}.action-form{display:grid;grid-template-columns:1fr auto}.action-form select{max-width:none}.head-actions{flex-wrap:wrap}.sidebar-foot strong,.sidebar-foot small{white-space:normal;overflow-wrap:anywhere}}


/* v0.2.3 master administrator */
.master-head{align-items:center}.master-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:900;letter-spacing:.12em}.admin-tabs{display:flex;gap:6px;overflow:auto;margin:-2px 0 18px;padding:5px;background:#fff;border:1px solid var(--line);border-radius:12px;width:max-content;max-width:100%}.admin-tabs a{padding:9px 12px;border-radius:8px;color:var(--muted);font-size:13px;font-weight:800;white-space:nowrap}.admin-tabs a.active{background:#111827;color:#fff}.master-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.master-stats .stat small{display:block;margin-top:4px;color:var(--muted);font-size:12px}.master-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:18px;margin-bottom:18px}.master-grid.thirds{grid-template-columns:repeat(3,minmax(0,1fr))}.system-summary{padding:20px}.system-summary dl,.info-list{display:grid;gap:0;margin:0 0 18px}.system-summary dl>div,.info-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}.system-summary dt,.info-list dt{font-size:12px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.system-summary dd,.info-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.admin-user-list{display:grid}.admin-user-list>a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.admin-user-list>a:last-child{border-bottom:0}.admin-user-list span:first-child{display:grid;min-width:0}.admin-user-list small,.mini-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.role-chip{padding:5px 8px;border-radius:999px;background:#f3f4f6;font-size:11px;font-weight:800}.mini-list{display:grid}.mini-list>div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.mini-list>div:last-child{border-bottom:0}.mini-list span:first-child{display:grid;min-width:0}.compact-stats{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:18px}.subhead h2{margin:4px 0 0;font-size:26px}.password-box{border:1px solid #fecaca;background:#fff7f7;padding:14px;border-radius:12px}.password-box p{margin:6px 0 0;font-size:12px}.master-filter{grid-template-columns:minmax(260px,1fr) auto auto}.users-filter{grid-template-columns:minmax(250px,1fr) minmax(180px,.6fr) auto auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}
@media(max-width:1150px){.master-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.master-grid,.master-grid.thirds{grid-template-columns:1fr}}
@media(max-width:700px){.master-stats,.compact-stats{grid-template-columns:1fr 1fr}.master-filter,.users-filter{grid-template-columns:1fr}.admin-tabs{width:100%}.system-summary dl>div,.info-list>div{grid-template-columns:1fr;gap:3px}}

/* v0.3.0 operations */
.bulkbar{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:12px}.bulkbar label{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px}.bulkbar select{border:1px solid #d6dbe3;border-radius:8px;padding:8px 10px}.checkcol{width:38px!important;text-align:center!important}.conversion-card{border:1px solid #cbd5e1}.conversion-form{display:grid;gap:14px}.field-help{font-size:12px;color:var(--muted);font-weight:500}.status-partially_paid{background:#fff7ed;color:#c2410c}.compact-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.bulkbar{align-items:stretch;flex-direction:column}.compact-stats{grid-template-columns:1fr}}
/* v0.3.2 */
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.settings-tab{padding:10px 15px;border:1px solid var(--line,#dfe3e8);border-radius:10px;background:#fff;color:#344054;font-weight:700;text-decoration:none}.settings-tab.active{background:#111827;color:#fff;border-color:#111827}
.payment-center{padding:24px}.payment-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.payment-head h2{margin:3px 0}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#667085}.payment-status-big{text-align:right;display:grid;gap:7px;justify-items:end}.payment-status-big>strong{font-size:20px}.payment-progress{height:9px;background:#edf0f3;border-radius:99px;overflow:hidden;margin:18px 0}.payment-progress span{display:block;height:100%;background:var(--accent,#ff4b16);border-radius:99px}.payment-stats{margin-bottom:20px}.payment-panels{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.payment-panel{border:1px solid #e3e7ec;border-radius:14px;padding:18px;background:#fff}.payment-panel h3{margin-top:0}.accent-panel{background:#fafafa;border-top:3px solid var(--accent,#ff4b16)}.payment-history-title{margin:24px 0 10px}.payment-history{display:grid;gap:9px}.payment-row-edit{display:grid;grid-template-columns:minmax(210px,1fr) 150px 150px auto;gap:12px;align-items:end;border:1px solid #e6e9ee;border-radius:12px;padding:12px;background:#fff}.payment-row-main{display:flex;align-items:center;gap:10px}.payment-row-main small{display:block;color:#667085;margin-top:2px}.payment-dot{width:10px;height:10px;background:#12b76a;border-radius:50%;flex:0 0 auto}.payment-row-edit label{font-size:11px;color:#667085}.payment-row-edit input{margin-top:4px}.quote-invoice-stack{display:grid;gap:0;margin:16px 0 20px}.quote-invoice-card{display:grid;grid-template-columns:30px 1fr;min-height:72px}.invoice-chain-node{position:relative;text-align:center;color:var(--accent,#ff4b16);font-weight:900}.invoice-chain-node:after{content:"";position:absolute;top:24px;bottom:-4px;left:50%;width:2px;background:#e4e7ec}.quote-invoice-card:last-child .invoice-chain-node:after{display:none}.quote-invoice-main{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #e4e7ec;border-radius:12px;padding:12px 14px;margin-bottom:8px}.quote-invoice-main small{display:block;color:#667085;margin-top:4px}.inline-payment-date{display:flex;align-items:end;gap:8px}.inline-payment-date label{font-size:11px;color:#667085}.inline-payment-date input{display:block;margin-top:4px}.invoice-active-pill{display:inline-grid;text-decoration:none;border:1px solid #d0d5dd;border-radius:9px;padding:6px 9px;line-height:1.1}.invoice-active-pill small{margin-top:3px;color:#667085}.invoice-link-chain{display:flex;gap:7px;align-items:center;text-decoration:none}.invoice-link-chain small{display:block;color:#667085}.chain-arrow{font-size:22px;color:var(--accent,#ff4b16);font-weight:900}.status-click{text-decoration:none}.status-click:hover{opacity:.75}
@media(max-width:900px){.payment-panels{grid-template-columns:1fr}.payment-row-edit{grid-template-columns:1fr 1fr}.quote-invoice-main{align-items:flex-start;flex-direction:column}.inline-payment-date{width:100%}}
/* v0.3.2 linked quotes + conversion redesign */
.link-quote-panel{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:22px;align-items:end;padding:18px;margin:16px 0 20px;border:1px solid #dbe3ea;border-radius:14px;background:linear-gradient(135deg,#f8fafc,#fff)}.link-quote-panel h3{margin:3px 0 5px}.link-quote-panel p{margin:0}.linked-invoice-family{padding:22px;margin-top:18px}.linked-family-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.linked-family-head h2{margin:3px 0}.invoice-family-flow{display:flex;align-items:stretch;gap:8px;overflow:auto;padding:18px 2px 4px}.invoice-family-node{min-width:185px;display:grid;grid-template-columns:22px 1fr;column-gap:6px;align-content:center;border:1px solid #dfe5eb;border-radius:12px;padding:13px;text-decoration:none;background:#fff}.invoice-family-node strong,.invoice-family-node small{grid-column:2}.invoice-family-node small{color:#667085;margin-top:3px}.invoice-family-node.current{border:2px solid var(--accent,#ff4b16);background:#fffaf7}.family-dot{grid-row:1/3;color:var(--accent,#ff4b16);font-size:17px}.family-arrow{align-self:center;color:#98a2b3;font-size:22px}.conversion-v2{padding:0;overflow:hidden;border:1px solid #dbe2e8}.conversion-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:24px;background:#111827;color:#fff}.conversion-hero .eyebrow{color:#cbd5e1}.conversion-hero h2{color:#fff;margin:4px 0 5px}.conversion-hero p{margin:0;color:#cbd5e1}.conversion-balance{text-align:right;padding:12px 16px;border:1px solid #374151;border-radius:12px;background:#1f2937}.conversion-balance span{display:block;font-size:11px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em}.conversion-balance strong{display:block;font-size:24px;margin-top:3px;color:#fff}.conversion-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #e5e7eb}.conversion-metrics>div{padding:15px 20px;border-right:1px solid #e5e7eb}.conversion-metrics>div:last-child{border-right:0}.conversion-metrics span{display:block;font-size:11px;color:#667085;text-transform:uppercase;font-weight:800}.conversion-metrics strong{display:block;margin-top:4px;font-size:17px}.linked-documents{padding:18px 22px 8px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.linked-title{display:flex;justify-content:space-between;gap:12px}.linked-title span{color:#667085;font-size:12px}.conversion-builder{padding:22px}.conversion-section{display:grid;grid-template-columns:38px 1fr;gap:14px;padding:18px 0;border-bottom:1px solid #eaecf0}.conversion-section:first-child{padding-top:0}.section-number{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent,#ff4b16);color:#fff;font-weight:900}.conversion-section h3{margin:2px 0 4px}.conversion-section p{margin:0 0 14px}.conversion-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:20px}.conversion-submit>div{display:grid}.conversion-submit small{color:#667085;margin-top:3px}.conversion-button{min-width:180px}.conversion-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.link-quote-panel{grid-template-columns:1fr}.linked-family-head,.conversion-hero,.conversion-submit{align-items:stretch;flex-direction:column}.conversion-balance{text-align:left}.conversion-metrics{grid-template-columns:1fr}.conversion-metrics>div{border-right:0;border-bottom:1px solid #e5e7eb}.conversion-section{grid-template-columns:1fr}.invoice-family-flow{align-items:center}.family-arrow{transform:rotate(90deg)}}
/* v0.4 management visibility */
.date-overdue{color:#b91c1c!important;font-weight:800}.row-overdue td{background:#fff7f7}.row-overdue td:first-child{box-shadow:inset 3px 0 0 #dc2626}.management-alert{display:flex;align-items:center;gap:16px;background:#fff1f2;border:1px solid #fecdd3;color:#991b1b;padding:14px 18px;border-radius:12px;margin-bottom:18px}.management-alert span{flex:1}.management-alert a{color:#991b1b;font-weight:800}.danger-stat{border-color:#fecaca!important;background:#fffafa!important}.danger-stat strong{color:#b91c1c}.success-stat strong{color:#047857}.dashboard-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-stats .stat small,.stat small{display:block;margin-top:6px;color:#64748b}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:18px;margin-top:18px}.timeline-list{padding:6px 18px 18px}.timeline-item{display:grid;grid-template-columns:72px 1fr auto;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #e5e7eb}.timeline-item:last-child{border-bottom:0}.timeline-item small{display:block;color:#64748b;margin-top:3px}.timeline-date strong{display:block}.schedule-editor{position:sticky;top:82px;align-self:start}.signature-confirmed{display:flex;align-items:center;gap:12px;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:13px 15px;margin-top:12px}.signature-confirmed .signature-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#10b981;color:#fff;font-size:20px;font-weight:900}.signature-confirmed div{flex:1}.signature-confirmed small{display:block;margin-top:3px}.signature-confirmed a{font-weight:800;color:#047857}.signed-pill{display:inline-flex;align-items:center;background:#ecfdf5;color:#047857;border-radius:999px;padding:5px 9px;font-weight:800}.scheduling-share-card{display:grid;grid-template-columns:1fr;gap:12px}.scheduling-share-card label{margin:0}.settings-tabs{overflow-x:auto}
@media(max-width:1000px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.schedule-editor{position:static}}@media(max-width:640px){.dashboard-stats{grid-template-columns:1fr}.management-alert{align-items:flex-start;flex-direction:column}.timeline-item{grid-template-columns:64px 1fr}.timeline-item>.badge{grid-column:2}.signature-confirmed{align-items:flex-start;flex-wrap:wrap}}

/* v0.4.1 deadline health + verified signatures */
.date-normal{color:#047857!important;font-weight:800}.date-soon{color:#a16207!important;font-weight:800}.date-overdue{color:#b91c1c!important;font-weight:800}.row-normal td{background:#fbfffd}.row-normal td:first-child{box-shadow:inset 3px 0 0 #22c55e}.row-soon td{background:#fffdf2}.row-soon td:first-child{box-shadow:inset 3px 0 0 #eab308}.row-overdue td{background:#fff7f7}.row-overdue td:first-child{box-shadow:inset 3px 0 0 #dc2626}.deadline-card-normal{border-left:3px solid #22c55e;padding-left:10px}.deadline-card-soon{border-left:3px solid #eab308;padding-left:10px;background:#fffdf5}.deadline-card-overdue{border-left:3px solid #dc2626;padding-left:10px;background:#fff8f8}.dashboard-invoice-activity{margin-top:18px}.dashboard-invoice-activity .card-head>div p{margin:4px 0 0}.linked-doc-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:8px;background:#f3f4f6;color:#344054;font-weight:700}.verified-pill{display:inline-flex;align-items:center;background:#ecfdf5;border:1px solid #a7f3d0;color:#047857;border-radius:999px;padding:5px 9px;font-weight:800;font-size:12px}.verified-signature-note{color:#047857!important;font-weight:700;margin-top:4px!important}

/* v0.4.2 clean management UI */
.dashboard-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}
.dashboard-kpis .kpi{padding:18px 20px;border-right:1px solid #e5e7eb;min-width:0}
.dashboard-kpis .kpi:last-child{border-right:0}
.kpi span{display:block;font-size:12px;color:#667085;font-weight:700}
.kpi strong{display:block;font-size:25px;line-height:1.15;margin-top:5px;letter-spacing:-.02em;color:#101828}
.kpi small{display:block;margin-top:6px;color:#667085}
.kpi-alert strong{color:#b42318}
.dashboard-secondary{display:flex;gap:22px;align-items:center;padding:11px 2px 18px;color:#667085;font-size:13px;flex-wrap:wrap}
.dashboard-secondary span+span:before{content:'·';margin-right:22px;color:#98a2b3}
.dashboard-secondary a{margin-left:auto;font-weight:700;color:#344054;text-decoration:none}
.dashboard-grid-clean{margin-top:0;grid-template-columns:1.2fr .8fr}
.dashboard-grid-clean .card,.recent-activity{box-shadow:none}
.clean-empty{display:flex;align-items:center;gap:12px;padding:20px;color:#344054}
.clean-empty small{display:block;color:#667085;margin-top:3px}
.attention-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:12px;padding:13px 18px;border-top:1px solid #eef0f2;text-decoration:none;color:inherit}
.attention-row:first-of-type{border-top:0}
.attention-row:hover{background:#fafafa}
.attention-row small,.compact-row small{display:block;color:#667085;margin-top:3px}
.attention-date{font-size:13px;font-weight:700;color:#475467}
.status-dot{width:8px;height:8px;border-radius:50%;display:block}.status-dot.normal{background:#16a34a}.status-dot.soon{background:#eab308}.status-dot.overdue{background:#dc2626}
.compact-list{padding:2px 18px 8px}.compact-row{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #eef0f2;text-decoration:none;color:inherit}.compact-row:first-child{border-top:0}
.compact-date strong{display:block}.compact-date small{font-size:12px}.recent-activity{margin-top:18px}
.recent-activity table td small{display:block;color:#667085;margin-top:3px}
/* deadline color lives on the date/status text, not the whole row */
.row-normal td,.row-soon td,.row-overdue td{background:transparent!important;box-shadow:none!important}
.deadline-card-normal,.deadline-card-soon,.deadline-card-overdue{border-left:0!important;padding-left:0!important;background:transparent!important}

/* compact quote billing / invoice creation */
.quote-billing-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;margin-top:18px}
.quote-billing-summary h2{margin:2px 0 2px;font-size:18px}.quote-billing-summary p{margin:0}.billing-summary-actions{display:flex;align-items:center;gap:14px}.billing-summary-actions>strong{font-size:18px}
.invoice-create-popover{position:relative}.invoice-create-popover>summary{list-style:none;cursor:pointer}.invoice-create-popover>summary::-webkit-details-marker{display:none}.invoice-create-panel{position:absolute;right:0;top:calc(100% + 10px);width:min(560px,calc(100vw - 32px));z-index:50;background:#fff;border:1px solid #dfe3e8;border-radius:12px;box-shadow:0 14px 40px rgba(16,24,40,.14);padding:18px}
.panel-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid #eaecf0;margin-bottom:16px}.panel-head strong{display:block;font-size:16px}.panel-head small{display:block;color:#667085;margin-top:3px}.remaining-tag{font-size:12px;font-weight:700;color:#475467;background:#f2f4f7;padding:6px 8px;border-radius:7px;white-space:nowrap}
.conversion-compact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}.conversion-compact-grid label{min-width:0}.compact-conversion label{display:block;font-size:12px;font-weight:700;color:#344054}.compact-conversion input,.compact-conversion select{margin-top:5px}
.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px;padding-top:14px;border-top:1px solid #eaecf0}.panel-footer small{font-size:11px}.fully-invoiced{font-size:13px;font-weight:700;color:#667085}
.linked-invoices-collapsed{margin-top:10px;padding:0;overflow:hidden}.linked-invoices-collapsed>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:14px 18px}.linked-invoices-collapsed>summary::-webkit-details-marker{display:none}.linked-invoices-collapsed>summary>span:first-child small{display:block;color:#667085;margin-top:3px;font-weight:400}.linked-invoices-collapsed>summary>span:last-child{font-size:12px;font-weight:700;color:#475467}.compact-stack{margin:0;padding:0 18px 12px}.compact-stack .quote-invoice-card{min-height:58px}.compact-stack .quote-invoice-main{padding:10px 12px;margin-bottom:6px}
@media(max-width:900px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-kpis .kpi:nth-child(2){border-right:0}.dashboard-kpis .kpi:nth-child(-n+2){border-bottom:1px solid #e5e7eb}.dashboard-grid-clean{grid-template-columns:1fr}.conversion-compact-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.dashboard-kpis{grid-template-columns:1fr}.dashboard-kpis .kpi{border-right:0!important;border-bottom:1px solid #e5e7eb}.dashboard-kpis .kpi:last-child{border-bottom:0}.dashboard-secondary span+span:before{margin-right:12px}.dashboard-secondary a{margin-left:0}.quote-billing-summary{align-items:flex-start;flex-direction:column}.billing-summary-actions{width:100%;justify-content:space-between}.invoice-create-panel{position:fixed;left:16px;right:16px;top:90px;width:auto}.conversion-compact-grid{grid-template-columns:1fr}.panel-footer{align-items:flex-start;flex-direction:column}}
/* v0.4.3 advanced list filters */
.filterbar-advanced{grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(150px,.9fr)) repeat(2,minmax(130px,.7fr)) minmax(190px,1fr) auto auto}
.filter-summary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-2px 0 14px;padding:0 2px;font-size:13px}.filter-summary>span{display:inline-flex;align-items:center;gap:5px}.filter-chip{padding:5px 9px;border:1px solid var(--line);background:#fff;border-radius:999px;font-weight:800}.filter-chip.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.filter-chip.danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}
@media(max-width:1200px){.filterbar-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}.filterbar-advanced input[type=search]{grid-column:span 2}}
@media(max-width:700px){.filterbar-advanced{grid-template-columns:1fr}.filterbar-advanced input[type=search]{grid-column:auto}.filter-summary{padding:0}}

/* v0.4.4 horizontal overflow fix */
html,body{max-width:100%;overflow-x:hidden}
.g-app,.main,.content,.card,.filter-card,.filterbar,.page-head,.head-actions{min-width:0;max-width:100%}
.head-actions{flex-wrap:wrap}
.filterbar-advanced{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;overflow:hidden}
.filterbar-advanced input[type=search]{grid-column:span 2;min-width:0}
.filterbar-advanced input,.filterbar-advanced select,.filterbar-advanced .btn,.filterbar-advanced a{min-width:0;max-width:100%}
.filterbar-advanced input[type=date]{min-width:0;width:100%}
.table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.table-wrap table{min-width:760px}
@media(max-width:1100px){
  .filterbar-advanced{grid-template-columns:repeat(3,minmax(0,1fr))}
  .filterbar-advanced input[type=search]{grid-column:span 3}
}
@media(max-width:700px){
  .filterbar-advanced{grid-template-columns:1fr;overflow:visible}
  .filterbar-advanced input[type=search]{grid-column:auto}
  .filterbar-advanced .btn,.filterbar-advanced a{width:100%}
  .page-head{gap:14px}
  .head-actions{width:100%}
  .head-actions .btn{flex:1;min-width:0}
}

/* v0.4.5 focused list UI + persistent sidebar */
@media(min-width:1001px){
  .g-app{display:block;min-height:100vh}
  .sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;height:100vh;z-index:40;overflow-y:auto}
  .main{margin-left:250px;min-height:100vh}
}
.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.search-main{flex:1;min-width:0}
.search-main form{position:relative;display:flex;align-items:center}
.search-main input[type=search]{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 42px 0 13px;color:var(--text);outline:none}
.search-main input[type=search]:focus{border-color:#9ca3af;box-shadow:0 0 0 3px rgba(17,24,39,.06)}
.search-submit{position:absolute;right:4px;top:4px;width:34px;height:34px;border:0;background:transparent;border-radius:8px;color:#667085;cursor:pointer;font-size:19px}
.list-toolbar-actions{display:flex;gap:8px;flex-shrink:0}
.toolbar-btn{height:42px;padding:0 13px}
.toolbar-btn span{font-size:16px;line-height:1}
.list-mini-stats{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 14px;padding:0 2px;font-size:11px;color:#667085}
.list-mini-stats strong{color:#344054;font-weight:800}
.list-mini-stats .filter-chip{font-size:10px;padding:3px 7px}
.drawer{position:fixed;inset:0;z-index:100;visibility:hidden;pointer-events:none}
.drawer.open{visibility:visible;pointer-events:auto}
.drawer-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.35);opacity:0;transition:opacity .18s ease}
.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(430px,calc(100vw - 28px));background:#fff;border-left:1px solid var(--line);box-shadow:-14px 0 40px rgba(16,24,40,.16);transform:translateX(100%);transition:transform .2s ease;display:flex;flex-direction:column;overflow:auto}
.drawer.open .drawer-backdrop{opacity:1}
.drawer.open .drawer-panel{transform:translateX(0)}
.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--line)}
.drawer-head strong{display:block;font-size:16px}.drawer-head small{display:block;color:#667085;margin-top:4px}
.drawer-form,.drawer-content{padding:18px 20px}
.drawer-form{display:grid;gap:14px}
.drawer-form label,.drawer-content label{display:grid;gap:6px;font-size:12px;font-weight:800;color:#344054}
.drawer-form input,.drawer-form select,.drawer-content input[type=file]{width:100%;min-width:0;border:1px solid #d6dbe3;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text)}
.drawer-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.drawer-footer{display:flex;gap:8px;padding-top:6px}
.drawer-footer .btn{flex:1}
.drawer-content{display:grid;gap:14px}.drawer-content p{margin:0}.import-form{display:grid;gap:12px;padding-top:4px}
@media(max-width:1000px){
  .g-app{display:block}.main{margin-left:0}
  .sidebar{position:fixed;top:0;bottom:0;height:100vh;overflow-y:auto}
}
@media(max-width:640px){
  .list-toolbar{align-items:stretch;flex-direction:column}.list-toolbar-actions{width:100%}.toolbar-btn{flex:1}
  .drawer-grid2{grid-template-columns:1fr}.drawer-panel{width:min(430px,calc(100vw - 16px))}
}

/* v0.4.6 sortable list headers + user permissions */
.sort-link{display:inline-flex;align-items:center;gap:5px;color:inherit;text-decoration:none;white-space:nowrap}
.sort-link:hover{color:var(--text)}
.sort-link::first-letter{font-weight:900}
.users-card{overflow:visible}
.role-pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;font-size:12px;font-weight:800}
.user-permission-details{position:relative;display:inline-block}
.user-permission-details>summary{list-style:none;cursor:pointer}
.user-permission-details>summary::-webkit-details-marker{display:none}
.user-permission-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:70;width:min(760px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(16,24,40,.16);padding:18px;text-align:left}
.permission-role{display:grid;gap:6px;font-size:12px;font-weight:800;max-width:320px}
.permission-role select{border:1px solid #d6dbe3;border-radius:9px;padding:9px;background:#fff}
.permission-matrix{margin-top:16px;border:1px solid var(--line);border-radius:10px;overflow:auto}
.permission-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(5,62px);align-items:center;border-top:1px solid var(--line);min-width:500px}
.permission-row:first-child{border-top:0}
.permission-row>strong,.permission-row>span{padding:10px 12px;font-size:12px}
.permission-row>span{text-align:center;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.03em}
.permission-head{background:#f8fafc}
.permission-check{display:grid;place-items:center;padding:10px;min-height:42px}
.permission-check input{width:17px;height:17px}
.user-permission-panel .drawer-footer{margin-top:12px}
.remove-user-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.role-capability-card{margin-top:18px;overflow:hidden}
.role-capability-card .card-head{align-items:flex-start}
.role-capability-card .card-head h2{margin-bottom:4px}
.role-capability-card .table-wrap{max-height:420px}
@media(max-width:700px){
 .user-permission-panel{position:fixed;left:10px;right:10px;top:80px;width:auto;max-height:calc(100vh - 100px);overflow:auto}
 .permission-row{grid-template-columns:minmax(130px,1fr) repeat(5,54px)}
}

/* v0.5.0 approvals, booking, commissions and integrations */
.status-link{display:inline-flex;align-items:center;gap:7px;text-decoration:none;color:inherit}.status-link:hover{opacity:.85}.status-link>span:last-child{font-size:12px;font-weight:700;color:#475467}.quick-document-links{border-left:3px solid var(--accent,#ff4b16)}.quick-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-link-grid>div{min-width:0}.quick-link-grid strong{display:block;font-size:12px;margin-bottom:6px}.quick-link-grid input{width:100%;font-size:12px}.quick-link-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.commission-settings-box{border:1px solid #e4e7ec;background:#f8fafc;padding:14px;border-radius:10px;margin:14px 0}.commission-settings-box h3{margin:0 0 10px;font-size:14px}.brevo-field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;border:1px solid #e4e7ec;padding:12px;border-radius:10px;background:#f8fafc}.brevo-field-grid .check{font-size:12px}.integration-test-card{margin-top:16px}.integration-test-card form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.integration-test-card input{min-width:240px}.inline-form{display:inline-flex;gap:6px;align-items:center;margin:0}.role-pill{display:inline-flex}.public-booking-slots{display:grid;gap:8px}.public-booking-slots button{min-height:44px}.user-permission-panel .commission-settings-box{margin-top:14px}.sidebar{position:sticky;top:0;height:100vh;max-height:100vh;overflow-y:auto;align-self:flex-start}.g-app{align-items:flex-start}.main{min-width:0}.content{min-width:0}
@media(max-width:900px){.sidebar{position:fixed;top:0;bottom:0;height:100vh;z-index:1000}.quick-link-grid{grid-template-columns:1fr}.brevo-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.brevo-field-grid{grid-template-columns:1fr}.integration-test-card form{align-items:stretch}.integration-test-card input{min-width:0;width:100%}}
/* v0.5.2 account + master admin cleanup */
.inline-form{display:inline-flex;align-items:center;gap:8px;margin:0}.user-account-actions{display:flex;justify-content:flex-end;margin-bottom:10px}.password-box{border:1px solid var(--border,#e4e7ec);padding:14px;border-radius:12px;margin:12px 0}.password-box h3{margin:0 0 8px}.field-help{font-size:12px;color:var(--muted,#667085);margin:6px 0}.status-paid{background:#ecfdf3!important;color:#027a48!important}.status-overdue{background:#fef3f2!important;color:#b42318!important}.master-stats .stat small{display:block;line-height:1.35;margin-top:4px}.master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.master-grid .card:last-child:nth-child(odd){grid-column:1/-1}@media(max-width:900px){.master-grid{grid-template-columns:1fr}}@media(max-width:640px){.user-account-actions{justify-content:flex-start}.master-grid{grid-template-columns:1fr}}

/* v0.5.3 master admin + support cleanup */
.master-body .content{padding-top:24px}
.master-page{width:100%;min-width:0}
.master-page .page-head{margin-bottom:18px}
.master-head{align-items:center}
.master-head h1{margin-top:5px}
.master-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:#111827;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em}
.master-card-body{padding:18px 22px}
.master-card-body p{margin:0}
.master-card-body strong{font-size:24px}
.master-sidebar .sidebar-foot{margin-top:auto}
.support-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;font-weight:900;font-size:16px;color:var(--text)}
.support-icon:hover{background:#f8fafc;border-color:#cbd5e1}
.support-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:18px;align-items:start}
.support-list{padding:4px 20px 12px}
.support-list-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);min-width:0}
.support-list-row:last-child{border-bottom:0}
.support-list-row>div{min-width:0}
.support-list-row strong{display:block;overflow-wrap:anywhere}
.support-list-row small{display:block;color:var(--muted);margin-top:4px}
.support-message{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}
.support-message p{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.master-user-editor{margin-top:18px}
.master-page .table-wrap{max-width:100%;overflow-x:auto}
.master-page table{min-width:0}
.master-page th,.master-page td{white-space:normal;overflow-wrap:anywhere}
@media(max-width:900px){.support-layout{grid-template-columns:1fr}.master-head{align-items:flex-start}.master-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.master-stats{grid-template-columns:1fr}.support-list-row{align-items:flex-start;flex-direction:column}.top-actions{flex-wrap:wrap}.support-icon{flex:0 0 auto}}

/* v0.5.4 master dashboard above-the-fold cleanup */
.master-overview-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 14px}
.master-overview-head h1{font-size:28px;line-height:1.1;margin:4px 0 5px}
.master-overview-head p{margin:0}
.master-subpage-head{margin-bottom:18px}
.master-overview-head .master-badge{flex:0 0 auto}
.master-stats{gap:12px;margin-bottom:14px}
.master-stats .stat{padding:15px 17px;min-height:112px}
.master-stats .stat span{margin-bottom:7px}
.master-stats .stat strong{font-size:25px;line-height:1.1}
.master-stats .stat small{font-size:11px;line-height:1.3}
.master-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.master-quick-card{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:15px 16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);min-width:0}
.master-quick-card:hover{border-color:#cbd5e1;transform:translateY(-1px)}
.master-quick-card>span:nth-child(2){min-width:0;display:grid;gap:4px}
.master-quick-card strong{font-size:14px}
.master-quick-card small{font-size:11px;line-height:1.35;color:var(--muted);overflow-wrap:anywhere}
.master-quick-icon{width:34px;height:34px;border-radius:10px;background:#111827;color:#fff;display:grid;place-items:center;font-size:13px;font-weight:900}
.master-quick-arrow{color:var(--muted);font-size:18px;text-align:right}
.master-dashboard-note{display:flex;align-items:center;gap:10px;padding:11px 14px;background:#f8fafc;border:1px solid var(--line);border-radius:11px;font-size:11px;line-height:1.4}
.master-dashboard-note strong{white-space:nowrap;font-size:11px}
.master-dashboard-note span{color:var(--muted)}
@media(max-width:900px){.master-quick-grid{grid-template-columns:1fr}.master-quick-card{min-height:70px}}
@media(max-width:640px){.master-overview-head{align-items:flex-start}.master-overview-head h1{font-size:25px}.master-dashboard-note{display:block}.master-dashboard-note strong{display:block;margin-bottom:3px}}


/* v0.5.5 master dashboard viewport fix */
html,body{overflow-x:hidden}
.master-body .main{min-width:0;min-height:100vh}
.master-body .content{padding:16px 24px 20px;max-width:none;min-height:calc(100vh - 68px)}
.master-body .master-page{max-width:1440px;margin:0 auto}
.master-body .master-overview-head{margin-bottom:10px}
.master-body .master-overview-head h1{font-size:24px;margin:2px 0 3px}
.master-body .master-overview-head p{font-size:12px}
.master-body .master-stats{gap:10px;margin-bottom:10px}
.master-body .master-stats .stat{min-height:88px;padding:12px 14px;border-radius:12px}
.master-body .master-stats .stat span{font-size:11px;margin-bottom:5px}
.master-body .master-stats .stat strong{font-size:22px}
.master-body .master-stats .stat small{font-size:10px;line-height:1.2;margin-top:3px}
.master-body .master-quick-grid{gap:10px;margin-bottom:0}
.master-body .master-quick-card{min-height:64px;padding:11px 13px;border-radius:12px;box-shadow:none}
.master-body .master-quick-icon{width:30px;height:30px;border-radius:8px}
.master-body .master-quick-card strong{font-size:13px}
.master-body .master-quick-card small{font-size:10px;line-height:1.2}
.master-body .master-dashboard-note{display:none}
.master-body .topbar{height:60px}
@media(min-width:1001px){
  .master-body .g-app{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:stretch;min-height:100vh}
  .master-body .sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;height:100vh;max-height:none;overflow-y:auto;z-index:40}
  .master-body .main{margin-left:250px;width:calc(100% - 250px)}
}
@media(max-width:1000px){
  .master-body .content{padding:14px 18px 18px;min-height:calc(100vh - 60px)}
  .master-body .topbar{height:60px}
}
@media(max-width:640px){
  .master-body .content{padding:12px 14px 16px}
  .master-body .master-overview-head h1{font-size:22px}
}

/* v0.5.6 master dashboard layout correction */
.master-body .topbar{justify-content:flex-start;gap:16px}
.master-body .topbar > div:nth-child(2){flex:0 0 auto;min-width:max-content;white-space:nowrap}
.master-body .topbar > .top-actions{margin-left:auto;flex:0 0 auto}
.master-body .master-page{width:100%;max-width:none;min-width:0}
.master-body .master-stats{display:flex;flex-wrap:nowrap;width:100%;gap:12px;align-items:stretch}
.master-body .master-stats > .stat{flex:1 1 0;min-width:0;width:0}
.master-body .master-stats .stat span,
.master-body .master-stats .stat small{overflow-wrap:anywhere;word-break:normal}
.master-body .master-quick-grid{display:flex;flex-wrap:nowrap;width:100%;gap:12px}
.master-body .master-quick-card{flex:1 1 0;min-width:0;width:0}
@media(max-width:900px){
  .master-body .master-stats{flex-wrap:wrap}
  .master-body .master-stats > .stat{flex:1 1 calc(50% - 6px);width:auto}
  .master-body .master-quick-grid{flex-wrap:wrap}
  .master-body .master-quick-card{flex:1 1 100%;width:auto}
}
@media(max-width:640px){
  .master-body .master-stats > .stat{flex-basis:100%}
}


/* v0.5.7 MASTER ISOLATED LAYOUT
 * The Master interface is a front-end Gerenciee screen, not wp-admin.
 * Keep its geometry independent from the generic app/list layout.
 */
.master-body{margin:0!important;padding:0!important;overflow-x:hidden!important}
.master-body .g-app{display:flex!important;align-items:stretch!important;width:100%!important;min-width:0!important;min-height:100vh!important}
.master-body .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;height:100vh!important;max-height:none!important;flex:0 0 250px!important;margin:0!important;z-index:100!important;overflow-y:auto!important}
.master-body .main{display:block!important;position:relative!important;margin:0 0 0 250px!important;padding:0!important;width:auto!important;max-width:none!important;min-width:0!important;flex:1 1 auto!important}
.master-body .topbar{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:60px!important;padding:0 24px!important;margin:0!important}
.master-body .content{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:18px 24px 24px!important}
.master-body .master-page{display:block!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;padding:0!important}
.master-body .master-overview-head{display:flex!important;width:100%!important;min-width:0!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0 0 14px!important}
.master-body .master-overview-head>div{min-width:0!important;flex:1 1 auto!important}
.master-body .master-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:12px!important;margin:0 0 14px!important;padding:0!important}
.master-body .master-stats>.stat{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px!important;min-height:94px!important;overflow:hidden!important}
.master-body .master-stats>.stat span,.master-body .master-stats>.stat small{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.master-body .master-stats>.stat strong{display:block!important;font-size:24px!important;line-height:1.1!important;margin:0!important}
.master-body .master-quick-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:12px!important;margin:0!important;padding:0!important}
.master-body .master-quick-card{display:grid!important;grid-template-columns:34px minmax(0,1fr) 18px!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:14px!important;overflow:hidden!important}
.master-body .master-quick-card>span{min-width:0!important}
.master-body .master-quick-card>span:nth-child(2){min-width:0!important;max-width:100%!important;overflow:hidden!important}
.master-body .master-quick-card small{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important}
.master-body .master-dashboard-note{width:100%!important;min-width:0!important}
@media(max-width:1000px){
  .master-body .g-app{display:block!important}
  .master-body .sidebar{left:-270px!important;width:250px!important}
  .master-body .sidebar.open{left:0!important}
  .master-body .main{margin-left:0!important;width:100%!important}
  .master-body .content{padding:16px 18px 20px!important}
  .master-body .master-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .master-body .master-quick-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .master-body .content{padding:14px!important}
  .master-body .master-stats{grid-template-columns:1fr!important}
  .master-body .master-overview-head{align-items:flex-start!important}
}

/* v0.5.8 - isolate the normal company app layout from Master/Admin styles */
.company-body{margin:0!important;padding:0!important;overflow-x:hidden!important;background:var(--bg)!important;color:var(--text)!important}
.company-body .g-app{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;width:100%!important;min-width:0!important;min-height:100vh!important;align-items:stretch!important}
.company-body .sidebar{position:sticky!important;top:0!important;left:auto!important;width:250px!important;min-width:250px!important;height:100vh!important;max-height:100vh!important;z-index:40!important;overflow-y:auto!important;margin:0!important}
.company-body .main{display:block!important;position:relative!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:0!important}
.company-body .topbar{box-sizing:border-box!important;width:100%!important;min-width:0!important;height:68px!important;margin:0!important;padding:0 28px!important;position:sticky!important;top:0!important;z-index:20!important}
.company-body .content{box-sizing:border-box!important;width:100%!important;max-width:1500px!important;min-width:0!important;margin:0 auto!important;padding:24px 30px 30px!important}
.company-body .page-head{margin-bottom:16px!important}
.company-body .page-head h1{font-size:28px!important;line-height:1.1!important;margin:2px 0 5px!important}
.company-body .page-head p{font-size:13px!important}
.company-body .dashboard-kpis{margin-top:0!important}
.company-body .dashboard-secondary{padding-top:9px!important;padding-bottom:12px!important}
.company-body .dashboard-grid-clean{margin-top:0!important}
@media(max-width:1000px){
  .company-body .g-app{display:block!important;grid-template-columns:none!important}
  .company-body .sidebar{position:fixed!important;left:-270px!important;top:0!important;width:250px!important;min-width:250px!important;height:100vh!important;z-index:50!important}
  .company-body .sidebar.open{left:0!important}
  .company-body .main{width:100%!important;margin:0!important}
  .company-body .topbar{height:64px!important;padding:0 18px!important}
  .company-body .content{max-width:none!important;padding:20px!important}
}
@media(max-width:640px){
  .company-body .content{padding:16px!important}
  .company-body .page-head{display:grid!important}
  .company-body .page-head h1{font-size:26px!important}
}


/* v0.5.9 company navigation + users/commissions consolidation */
.company-body .g-app{display:block!important;min-height:100vh!important;width:100%!important}
.company-body .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;min-width:250px!important;height:100vh!important;max-height:none!important;z-index:100!important;overflow-y:auto!important;margin:0!important}
.company-body .main{display:block!important;width:auto!important;min-width:0!important;margin:0 0 0 250px!important;padding:0!important}
.company-body .topbar{width:100%!important}
.company-body .content{width:100%!important;max-width:1500px!important;min-width:0!important;margin:0 auto!important}
.users-tabs{display:flex;gap:6px;margin:-4px 0 18px;padding:0;overflow:auto}
.users-tabs a{display:inline-flex;align-items:center;padding:8px 13px;border-radius:9px;color:var(--muted);font-weight:800;font-size:13px;white-space:nowrap}
.users-tabs a.active{background:#111827;color:#fff}
.users-section-head{margin-bottom:8px!important}
.role-guide-list{display:flex;flex-wrap:wrap;gap:9px;padding:16px 20px 20px}
.role-guide-item{position:relative;display:inline-flex;align-items:center;outline:none}
.role-guide-item .role-pill{cursor:help}
.role-tooltip{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);width:min(360px,calc(100vw - 32px));padding:11px 13px;background:#111827;color:#fff;border-radius:10px;font-size:12px;line-height:1.45;font-weight:500;box-shadow:0 12px 30px rgba(15,23,42,.22);opacity:0;visibility:hidden;pointer-events:none;z-index:100;transition:opacity .12s ease,transform .12s ease}
.role-tooltip:after{content:"";position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background:#111827;transform:translateX(-50%) rotate(45deg)}
.role-guide-item:hover .role-tooltip,.role-guide-item:focus-within .role-tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
@media(max-width:1000px){
  .company-body .g-app{display:block!important}
  .company-body .sidebar{left:-270px!important;position:fixed!important;width:250px!important;min-width:250px!important;height:100vh!important}
  .company-body .sidebar.open{left:0!important}
  .company-body .main{margin-left:0!important;width:100%!important}
}
@media(max-width:640px){
  .role-guide-list{padding:14px 16px 18px}
  .role-tooltip{left:0;transform:translateY(4px);width:min(320px,calc(100vw - 32px))}
  .role-guide-item:hover .role-tooltip,.role-guide-item:focus-within .role-tooltip{transform:translateY(0)}
  .role-tooltip:after{left:22px}
}

/* v0.6.0 Users / Roles / Security */
.user-detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.user-detail-summary>div{padding:10px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;min-width:0}.user-detail-summary span{display:block;font-size:11px;color:var(--muted,#6b7280);text-transform:uppercase;letter-spacing:.04em}.user-detail-summary strong{display:block;margin-top:3px;overflow-wrap:anywhere}.role-context{margin:10px 0 16px}.security-password-form{max-width:980px}.role-guide-item{position:relative;display:inline-flex}.role-tooltip{z-index:100}
@media(max-width:800px){.user-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.user-detail-summary{grid-template-columns:1fr}}

/* v0.6.1 regression fixes */
.hidden-action-form{display:none!important}
.user-permission-details[open]>.user-permission-panel{position:fixed!important;left:50%!important;right:auto!important;top:84px!important;transform:translateX(-50%)!important;width:min(900px,calc(100vw - 40px))!important;max-height:calc(100vh - 110px)!important;overflow:auto!important;z-index:10000!important}
.user-permission-details[open]::before{content:"";position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:9999}
.user-permission-details[open]>summary{position:relative;z-index:10001}
.document-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.document-form select,.document-form textarea{width:100%;min-height:42px;border:1px solid #d6dbe3;background:#fff;border-radius:9px;padding:10px 11px;color:var(--text);outline:none}
.document-form textarea{min-height:120px;resize:vertical}
.gerenciee-role-float{position:fixed;z-index:20000;max-width:340px;padding:10px 12px;border-radius:9px;background:#111827;color:#fff;font-size:12px;line-height:1.45;box-shadow:0 12px 30px rgba(15,23,42,.25);pointer-events:none}

/* v0.6.2 Users, commissions, booking and pipeline polish */
.user-permission-panel .panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:sticky;top:0;background:#fff;z-index:4;padding-bottom:12px;border-bottom:1px solid #edf0f3}
.permission-close{font-size:24px!important;line-height:1!important;min-width:36px!important;height:36px!important}
.commission-settings-box,.user-password-box{margin:16px 0;padding:16px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.commission-settings-box h3,.user-password-box h3{margin:0 0 12px}.commission-settings-box input:not([type=checkbox]),.commission-settings-box select,.user-password-box input{width:100%;min-height:42px;border:1px solid #d6dbe3!important;background:#fff!important;border-radius:9px!important;padding:10px 11px!important;font:inherit!important;color:var(--text)!important;box-shadow:none!important}
.pipeline-board{display:grid;grid-template-columns:repeat(6,minmax(240px,1fr));gap:14px;overflow-x:auto;padding-bottom:14px}.pipeline-column{background:#f5f6f8;border:1px solid #e5e7eb;border-radius:14px;min-height:420px;padding:12px}.pipeline-column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pipeline-column-head span{font-size:12px;color:var(--muted)}.pipeline-card{display:block;background:#fff;border:1px solid #e2e6eb;border-radius:11px;padding:12px;margin-bottom:9px;color:inherit;text-decoration:none;box-shadow:0 2px 8px rgba(15,23,42,.03)}.pipeline-card small{display:block;color:var(--muted);margin-top:5px}.pipeline-card-actions{display:flex;gap:6px;margin-top:9px}.pipeline-card-actions form{margin:0}.booking-type-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ff;font-size:11px;font-weight:800}


/* v0.6.4 permissions modal + 7-action matrix */
.user-permission-details[open]>.user-permission-panel{
  width:min(1180px,calc(100vw - 48px))!important;
  max-height:calc(100vh - 72px)!important;
  top:36px!important;
  border-radius:18px!important;
  padding:0!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
}
.user-permission-panel .panel-head{padding:18px 22px!important;flex:0 0 auto}
.user-permission-panel .permissions-form{padding:18px 22px 22px;overflow:auto;min-height:0}
.user-permission-panel .user-detail-summary,.user-permission-panel .role-context,.user-permission-panel .user-account-actions{margin-left:22px;margin-right:22px}
.permission-matrix{overflow-x:auto!important;border-radius:12px!important;background:#fff}
.permission-row{grid-template-columns:minmax(180px,1fr) repeat(7,minmax(72px,82px))!important;min-width:760px!important}
.permission-row>strong{padding:13px 16px!important}
.permission-row>span{padding:13px 6px!important;white-space:nowrap!important;font-size:11px!important}
.permission-check{padding:12px 6px!important}
.permission-check input{width:18px!important;height:18px!important}
.user-permission-panel .grid2,.user-permission-panel .grid3{align-items:end}
.user-permission-panel input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.user-permission-panel select{width:100%;min-height:44px;border:1px solid #d6dbe3;border-radius:10px;padding:10px 12px;background:#fff;font:inherit;box-shadow:none}
.user-permission-panel label{min-width:0}
@media(max-width:800px){.user-permission-details[open]>.user-permission-panel{left:12px!important;right:12px!important;top:20px!important;transform:none!important;width:auto!important;max-height:calc(100vh - 40px)!important}.permission-row{grid-template-columns:minmax(150px,1fr) repeat(7,68px)!important}}

/* v0.6.5 document notes */
.document-form label .muted{font-weight:500;font-size:12px;margin-left:4px}.document-form textarea[name="internal_notes"]{background:#f8fafc;border-style:dashed}.document-form textarea[name="internal_notes"]:focus{background:#fff}

/* v0.6.6 project billing balance */
.project-balance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--border,#e5e7eb)}
.project-balance-summary>div{padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:12px;background:#f8fafc;display:grid;gap:5px}
.project-balance-summary span{font-size:12px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.project-balance-summary strong{font-size:20px}.project-balance-summary small{color:#64748b;line-height:1.35}
@media(max-width:760px){.project-balance-summary{grid-template-columns:1fr}}

/* v0.6.7 — explicit row-level seller access */
.record-access-card{margin-bottom:16px}.record-access-card .card-head{margin-bottom:12px}.access-share-list{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}.access-share-row{display:grid;grid-template-columns:minmax(220px,1fr) 90px 90px;align-items:center;gap:14px;padding:13px 15px;border-bottom:1px solid #eef2f7}.access-share-row:last-child{border-bottom:0}.access-share-row>div{min-width:0}.access-share-row strong,.access-share-row small{display:block}.access-share-row small{color:#64748b;margin-top:2px;overflow:hidden;text-overflow:ellipsis}.access-share-row label{display:flex;align-items:center;gap:7px;font-weight:700;margin:0}.access-share-row input[type=checkbox]{width:18px;height:18px}.notice.info{border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;border-radius:12px;padding:12px 14px;margin-bottom:16px}.sticky-actions button:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:700px){.access-share-row{grid-template-columns:1fr 72px 72px;gap:8px;padding:12px}.record-access-card{overflow:hidden}}

/* v0.6.8 universal share modal */
.record-share-trigger{width:42px!important;height:42px!important;border-radius:11px!important;font-size:20px!important;display:inline-grid!important;place-items:center!important;background:#fff!important;border:1px solid #dbe1e8!important}.record-share-trigger:hover{background:#f8fafc!important}.record-share-modal{position:fixed;inset:0;z-index:10050;display:none}.record-share-modal.open{display:block}.record-share-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.48);backdrop-filter:blur(2px)}.record-share-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);display:flex;flex-direction:column}.record-share-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e5e7eb}.record-share-head h2{margin:3px 0 3px}.record-share-form{min-height:0;display:flex;flex-direction:column}.record-share-list{overflow:auto;padding:10px 22px;max-height:55vh}.record-share-user{display:grid;grid-template-columns:minmax(0,1fr) 82px 82px;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eef2f7}.record-share-user:last-child{border-bottom:0}.record-share-person{min-width:0}.record-share-person strong,.record-share-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.record-share-person small{color:#64748b;margin-top:3px}.record-share-user label{display:flex;align-items:center;gap:7px;font-weight:700;margin:0}.record-share-user input[type=checkbox]{width:18px;height:18px}.record-share-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e5e7eb;background:#fafbfc}.share-modal-open{overflow:hidden}.invoice-active-pill{cursor:pointer}
@media(max-width:620px){.record-share-user{grid-template-columns:1fr 70px 70px}.record-share-dialog{top:16px;transform:translateX(-50%);max-height:calc(100vh - 32px)}}

/* v0.6.9 quote approval version integrity */
.approval-required-alert{border:1px solid #f59e0b;background:#fffbeb;color:#78350f;padding:14px 16px;border-radius:12px;margin:0 0 14px}.approval-required-alert strong{display:block;margin-bottom:3px}.approval-current-alert{border:1px solid #a7f3d0;background:#ecfdf5;color:#065f46;padding:12px 16px;border-radius:12px;margin:0 0 14px}.quote-version-line{display:flex;align-items:center;gap:10px;margin:-2px 0 14px;color:#667085;font-size:13px}.quote-version-line strong{color:#101828;background:#f2f4f7;border:1px solid #eaecf0;border-radius:999px;padding:4px 9px}.quote-version-line small{color:#667085}.approval-blocked{display:inline-flex;align-items:center;border:1px solid #f59e0b;background:#fffbeb;color:#92400e;border-radius:9px;padding:9px 12px;font-weight:700;font-size:13px}

/* v0.7.0 record ownership + import/export access */
.record-owner-box{padding:14px 16px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--soft,#f8fafc)}
.record-owner-box label{display:grid;gap:7px;font-weight:800}
.record-owner-box select{width:100%;min-height:42px}
.record-owner-box .field-help{margin:7px 0 0}

/* v0.7.9: progressive disclosure for document-specific settings */
.g-advanced{padding:0!important;overflow:visible}.g-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:20px 22px}.g-advanced>summary::-webkit-details-marker{display:none}.g-advanced>summary:after{content:"⌄";font-size:20px}.g-advanced[open]>summary:after{content:"⌃"}.g-advanced>summary span{color:var(--muted,#667085);font-size:13px}.g-advanced-content{padding:0 22px 22px}.g-advanced-content>h2{margin-top:0}@media(max-width:600px){.g-advanced>summary{flex-wrap:wrap}}

/* Status navigation: responsive, company-scoped lists */
.gerenciee-status-tabs{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:6px 0 13px;margin-bottom:8px;scrollbar-width:thin}
.gerenciee-status-tab{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;padding:9px 13px;border:1px solid var(--border,#e2e8f0);border-radius:9px;text-decoration:none;color:inherit;background:var(--card,#fff);font-size:13px;font-weight:600}
.gerenciee-status-tab:hover{background:var(--muted,#f4f6f8)}
.gerenciee-status-tab.is-active{border-color:#315fd0;background:#eef3ff;color:#234ba9}
.gerenciee-status-count{border-radius:999px;background:rgba(100,116,139,.12);padding:2px 7px;font-size:11px}

/* v0.8.5: collapsed document options */
.g-document-optional-heading{margin:22px 0 10px}.g-document-optional-heading h2{margin:0 0 5px}.g-document-option{padding:0!important;overflow:hidden}.g-document-option>summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;font-weight:700;list-style:none}.g-document-option>summary::-webkit-details-marker{display:none}.g-document-option>summary:after{content:"+";font-size:22px;color:#64748b;margin-left:auto}.g-document-option[open]>summary:after{content:"−"}.g-document-option[open]>summary{border-bottom:1px solid #e5e7eb}.g-document-option-body{padding:18px 22px}.g-option-hint{font-size:12px;font-weight:400;color:#64748b}.g-document-option-body .g-advanced{margin-top:12px}

/* v0.8.8: restore stable fixed desktop sidebar and aligned content. */
@media (min-width:1001px){
  .company-body .g-app{display:block!important;min-height:100vh!important}
  .company-body .sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:250px!important;height:100vh!important;min-height:0!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;margin:0!important;z-index:100!important}
  .company-body .main{display:block!important;margin:0 0 0 250px!important;width:calc(100% - 250px)!important;min-width:0!important;vertical-align:top!important}
  .master-body .sidebar{position:fixed!important;top:0!important;bottom:0!important;height:100vh!important;min-height:0!important;max-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important}
}


/* v0.8.9: sidebar scrolls with document, never as a separate scroll pane. */
@media (min-width:1001px){
  .company-body .g-app, .master-body .g-app{display:grid!important;grid-template-columns:250px minmax(0,1fr)!important;align-items:start!important;min-height:100vh!important}
  .company-body .sidebar, .master-body .sidebar{position:sticky!important;top:0!important;left:auto!important;bottom:auto!important;align-self:start!important;width:250px!important;height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;margin:0!important;z-index:40!important}
  .company-body .main, .master-body .main{display:block!important;margin:0!important;width:auto!important;min-width:0!important;min-height:100vh!important;align-self:start!important}
}

/* v0.9.0: fixed sidebar, no independent scrollbar; main content aligned.
   Overrides legacy conflicting layout rules in one authoritative block. */
@media (min-width:1001px){
  body.company-body .g-app, body.master-body .g-app{display:block!important;min-height:100vh!important;width:100%!important}
  body.company-body .sidebar, body.master-body .sidebar{position:fixed!important;top:0!important;left:0!important;bottom:auto!important;width:250px!important;min-width:250px!important;height:auto!important;min-height:100vh!important;max-height:none!important;overflow:visible!important;align-self:auto!important;margin:0!important;z-index:40!important}
  body.company-body .main, body.master-body .main{display:block!important;margin:0 0 0 250px!important;width:calc(100% - 250px)!important;min-width:0!important;min-height:100vh!important;align-self:auto!important}
}


/* Gerenciee v0.9.7 — unified marketing/app visual identity. Presentation only. */
:root{--bg:#f4f8f7;--card:#ffffff;--text:#122b29;--muted:#657b77;--line:#e0eae7;--primary:#087b73;--primary2:#065e58;--success:#087b73;--radius:16px;--shadow:0 8px 30px rgba(8,60,54,.045)}
html,body{background:var(--bg);color:var(--text)}
.sidebar,.master-sidebar{background:linear-gradient(165deg,#072c2b 0%,#0b3936 55%,#082c2a 100%)!important;color:#d9eee8!important;border-right:1px solid rgba(255,255,255,.09)}
.sidebar-brand{font-size:22px;letter-spacing:-.7px;color:#fff!important;padding-bottom:27px}
.brand-mark{background:linear-gradient(135deg,#18aa92,#087b73)!important;color:#fff!important;box-shadow:0 5px 15px rgba(0,0,0,.14)}
.sidebar nav a{color:#b9d3cb!important;border:1px solid transparent;border-radius:11px;transition:background .16s,border-color .16s,color .16s}
.sidebar nav a:hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
.sidebar nav a.active{background:rgba(69,211,170,.16)!important;color:#fff!important;border-color:rgba(110,233,197,.18);box-shadow:inset 3px 0 0 #56dbb8}
.sidebar-foot{border-color:rgba(255,255,255,.14)}.sidebar-foot small{color:#9cbeb4}.sidebar-foot>a{color:#d8f2e9}
.topbar{background:rgba(255,255,255,.94)!important;border-bottom:1px solid var(--line);box-shadow:0 2px 14px rgba(8,60,54,.025)}
.topbar>div>strong{font-weight:750;letter-spacing:-.2px}.content{padding-top:32px}
.page-head h1{letter-spacing:-1px;font-weight:800;color:#123b36}
.card,.stat,.g-auth-card{background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}
.card-head{background:linear-gradient(180deg,#fff,#fcfefd);border-color:var(--line)}
.btn{border-radius:11px;border-color:#d8e5e1;transition:transform .15s,box-shadow .15s,background .15s}
.btn:hover{border-color:#8cbcb0;box-shadow:0 4px 12px rgba(8,91,80,.08)}
.btn.primary,.btn-primary,button.primary{background:#087b73!important;border-color:#087b73!important;color:#fff!important}
.btn.primary:hover,.btn-primary:hover{background:#06645d!important;border-color:#06645d!important}
.table-wrap th{background:#f7faf9;color:#607e77;letter-spacing:.06em}.table-wrap tbody tr:hover{background:#f8fbfa}
.tabs a.active{background:#087b73!important;color:#fff}.tabs a:hover:not(.active){background:#edf6f3}
.g-form input:focus,.g-form select:focus,.g-form textarea:focus,.searchbar input:focus{border-color:#087b73;box-shadow:0 0 0 3px rgba(8,123,115,.13)}
.g-form input,.g-form select,.g-form textarea,.searchbar input{border-color:#d5e3df;border-radius:10px}
.status-approved,.status-paid,.alert.success{background:#e6f7f0!important;color:#076b55!important}
.g-auth-body{background:radial-gradient(ellipse at 20% 0%,#dff5eb 0%,transparent 48%),linear-gradient(140deg,#f4faf7,#f8fbfa 60%,#edf6f2)}
.g-auth-card{border-radius:22px;box-shadow:0 22px 75px rgba(7,55,48,.10)}
.g-auth-brand{color:#0b4d46}.g-auth-brand .brand-mark{width:42px;height:42px}
.g-brand-logo{display:block;width:auto;max-width:132px;height:36px;object-fit:contain}.g-auth-brand .g-brand-logo{max-width:180px;height:45px}
.role-pill{background:#eef7f4;border-color:#d4e8e0;color:#126b5d}
.gerenciee-status-tab.is-active{border-color:#087b73;background:#e9f7f2;color:#076b60}
@media(max-width:1000px){.sidebar{box-shadow:12px 0 38px rgba(4,38,35,.17)}}
@media(prefers-reduced-motion:reduce){.btn,.sidebar nav a{transition:none}}

/* v0.9.8 — retain black sidebar and primary buttons; keep refined neutral UI. */
.sidebar,.master-sidebar{background:#111214!important;color:#e5e7eb!important;border-right:1px solid #25272a!important}
.sidebar nav a{color:#c4c7cb!important}
.sidebar nav a:hover{background:#242629!important;color:#fff!important}
.sidebar nav a.active{background:#303236!important;color:#fff!important;border-color:#404348!important;box-shadow:inset 3px 0 0 #f1f2f3!important}
.sidebar-foot{border-color:#34363a!important}.sidebar-foot small{color:#aeb1b7!important}.sidebar-foot>a{color:#e5e7eb!important}
.brand-mark{background:#202225!important;color:#fff!important}
.btn.primary,.btn-primary,button.primary{background:#17181a!important;border-color:#17181a!important;color:#fff!important}
.btn.primary:hover,.btn-primary:hover,button.primary:hover{background:#303236!important;border-color:#303236!important;color:#fff!important}

/* v0.9.9: prevent sidebar clipping at short viewport heights and browser zoom.
   Keep the black appearance and the existing navigation behaviour. */
body.company-body .sidebar,body.master-body .sidebar{
  box-sizing:border-box!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  max-height:100dvh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:#55585c #111214;
  padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
}
body.company-body .sidebar nav,body.master-body .sidebar nav{flex:0 0 auto;min-height:min-content;}
body.company-body .sidebar-brand,body.master-body .sidebar-brand{flex-shrink:0;min-width:0;}
body.company-body .sidebar-foot,body.master-body .sidebar-foot{flex-shrink:0;min-width:0;}
body.company-body .sidebar::-webkit-scrollbar,body.master-body .sidebar::-webkit-scrollbar{width:6px}
body.company-body .sidebar::-webkit-scrollbar-thumb,body.master-body .sidebar::-webkit-scrollbar-thumb{background:#55585c;border-radius:10px}
@media(max-width:1000px){
  body.company-body .sidebar,body.master-body .sidebar{height:100dvh!important;max-height:100dvh!important;overflow-y:auto!important;}
}

/* v0.9.10: mobile and tablet responsive refinements, preserving black UI */
html,body{max-width:100%} .g-app,.main,.content{min-width:0} .content img,.content video{max-width:100%;height:auto} .content table{max-width:100%} .content input,.content select,.content textarea{max-width:100%;min-width:0} .content [class*="table-wrap"],.content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:1000px){body.company-body .sidebar,body.master-body .sidebar{z-index:1100!important;max-width:min(300px,85vw)!important;background:#111214!important}.g-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1090}.g-sidebar-backdrop.is-visible{display:block}.topbar{min-width:0}.top-actions{min-width:0;flex-wrap:wrap;justify-content:flex-end;gap:6px}}
@media(max-width:640px){.content{padding:16px!important;min-width:0}.topbar{padding:12px 14px!important;gap:8px;min-height:64px}.topbar>div{min-width:0}.topbar>div strong{overflow-wrap:anywhere}.top-actions .btn{padding:8px 10px!important;font-size:12px}.stat-grid,.metrics,.dashboard-grid{grid-template-columns:1fr!important}.content .card,.content .panel{min-width:0}.content table{font-size:13px}.content th,.content td{white-space:nowrap}.content .item-row{overflow-x:auto}.content .btn{max-width:100%;white-space:normal}.content h1{font-size:clamp(23px,6vw,34px)} }

/* v0.9.11: ensure backdrop is visible and intercepts taps behind the mobile sidebar. */
@media(max-width:1000px){
 body.company-body .g-sidebar-backdrop,body.master-body .g-sidebar-backdrop{display:none!important;position:fixed!important;inset:0!important;z-index:1998!important;background:rgba(0,0,0,.55)!important;pointer-events:none!important}
 body.company-body .g-sidebar-backdrop.is-visible,body.master-body .g-sidebar-backdrop.is-visible{display:block!important;pointer-events:auto!important}
 body.company-body .sidebar,body.master-body .sidebar{z-index:1999!important;transition:left .2s ease!important}
 body.g-mobile-nav-open{overflow:hidden!important}
}

/* Expenses: readable, responsive register */
.expense-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.expense-heading h2{margin-bottom:5px}.expense-heading input{width:min(340px,100%);border:1px solid #dfe4e7;border-radius:12px;padding:11px 14px;background:#fff}.expense-file{display:block;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;color:#075b52;text-decoration:underline}.g-table td{vertical-align:middle}@media(max-width:700px){.expense-heading{align-items:stretch}.expense-heading input{width:100%}#expense-table{min-width:850px}}

/* v0.9.26: grouped navigation, existing modules only */
.sidebar nav{display:block!important;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding-bottom:16px;scrollbar-width:thin;scrollbar-color:#364153 transparent}
.sidebar .g-nav-group{margin:0 0 13px;display:grid;gap:3px}
.sidebar .g-nav-group-title{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8b98ac;padding:12px 12px 5px;line-height:1.4}
.sidebar nav .g-nav-link{display:flex;align-items:center;gap:11px;min-height:39px;padding:9px 12px;font-size:13px;font-weight:600;border-radius:9px;white-space:normal;line-height:1.25}
.sidebar .g-nav-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;font-size:16px;line-height:1;color:#98a8bf}
.sidebar nav .g-nav-link.active .g-nav-icon,.sidebar nav .g-nav-link:hover .g-nav-icon{color:#fff}
.sidebar .sidebar-brand{flex-shrink:0}.sidebar .sidebar-foot{flex-shrink:0;margin-top:auto}
@media(max-width:900px){.sidebar nav .g-nav-link{min-height:43px}}

/* Master administration navigation and responsive data tables */
.master-body .master-sidebar{display:flex;flex-direction:column;overflow:hidden;height:100dvh;max-height:100dvh;position:sticky;top:0}
.master-body .master-sidebar nav{display:flex;flex-direction:column;gap:6px;overflow-y:auto;min-height:0;flex:1;padding-bottom:12px}
.master-body .master-sidebar nav .g-nav-link{display:flex;align-items:center;min-height:43px;padding:10px 14px;border-radius:10px;white-space:normal}
.master-body .master-sidebar .sidebar-foot{flex-shrink:0;min-width:0;overflow-wrap:anywhere}
.master-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.master-metrics .card{padding:18px;display:flex;flex-direction:column;gap:8px}.master-metrics .card span{font-size:12px;color:#667085}.master-metrics .card strong{font-size:26px}
.master-data-table{max-width:100%;overflow-x:auto}.master-data-table table{min-width:900px}.master-data-table td{vertical-align:top}.master-data-table td small{display:block;overflow-wrap:anywhere;max-width:240px;margin-top:4px}
.master-status{display:inline-block;background:#eef2f6;border-radius:20px;padding:5px 9px;font-size:12px;text-transform:capitalize}
.master-user-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 18px}.master-user-details>div{border:1px solid #e4e7ec;padding:12px;border-radius:10px;min-width:0}.master-user-details span{display:block;color:#667085;font-size:12px;margin-bottom:6px}.master-user-details strong{overflow-wrap:anywhere}
@media(max-width:900px){.master-body .master-sidebar{position:fixed;top:0;bottom:0;height:100dvh;z-index:1000}.master-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.master-metrics{grid-template-columns:1fr 1fr}.master-user-details{grid-template-columns:1fr}.master-page .filterbar{display:flex;flex-wrap:wrap}.master-page .filterbar input{min-width:0;flex:1 1 180px}}

/* Master administration: readable data tables and first-class editors */
.master-page .master-users-table{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}
.master-page .master-users-table table{min-width:760px;table-layout:auto;width:100%}
.master-page .master-users-table th,.master-page .master-users-table td{padding:14px 12px;white-space:normal;word-break:normal;overflow-wrap:anywhere;line-height:1.45;min-width:0}
.master-page .master-users-table td:first-child{min-width:190px;max-width:310px}
.master-page .master-users-table td:last-child{min-width:96px;white-space:nowrap}
.master-page .master-users-table .btn{white-space:nowrap;word-break:normal;min-width:80px}
.master-page .status{white-space:nowrap;word-break:normal;line-height:1.2}
.master-user-editor{scroll-margin-top:90px}
.master-user-editor h3{margin:22px 0 10px}
.master-permission-panel{border:1px solid #dbe3e7;border-radius:12px;margin:12px 0;background:#fff}
.master-permission-panel>summary{cursor:pointer;font-weight:700;padding:15px}
.master-permission-form{padding:16px;border-top:1px solid #e5e7eb;display:grid;gap:14px}
.master-membership-controls{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.master-membership-controls label{display:flex;align-items:center;gap:8px}
.master-membership-controls select{padding:8px;border:1px solid #cbd5e1;border-radius:8px}
.master-permission-scroll{overflow-x:auto}
.master-permission-table{min-width:690px}
.master-permission-table th,.master-permission-table td{text-align:center!important;padding:9px!important}
.master-permission-table th:first-child{text-align:left!important}
.master-subscription-detail{padding:20px;margin:18px 0;scroll-margin-top:90px}
.master-stripe-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
@media(max-width:720px){.master-page .master-users-table table{min-width:690px}.master-page .master-users-table th,.master-page .master-users-table td{padding:10px 9px}.master-user-editor{padding:14px}}