:root{--ink:#242723;--muted:#85877f;--line:#e9e8e2;--paper:#f7f7f4;--white:#fff;--gold:#bb914b;--gold-dark:#9b7438;--green:#527863;--shadow:0 8px 30px rgba(31,34,28,.04);font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:340px;background:var(--paper);font-size:13px}.app-shell{min-height:100vh}.sidebar{width:248px;background:#191c1a;color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:25px 16px 14px;z-index:5}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px;text-decoration:none;color:#fff}.brand-mark{font-family:'Playfair Display',serif;font-size:31px;color:#d2ae6b;line-height:1}.brand b{display:block;font-size:14px;letter-spacing:2.2px;font-weight:600}.brand small{display:block;color:#8f938d;font-size:8px;letter-spacing:1.4px;margin-top:4px}.studio-switch{border:1px solid #353936;border-radius:8px;padding:10px 9px;display:flex;align-items:center;gap:9px;margin-bottom:23px}.studio-avatar{width:31px;height:31px;border-radius:7px;display:grid;place-items:center;background:#bc944e;color:#fff;font-family:serif;font-size:19px}.studio-switch b,.profile b{font-size:11px;display:block;font-weight:600}.studio-switch small,.profile small{display:block;font-size:9px;color:#939790;margin-top:3px}.chevron{margin-left:auto;color:#a6aaa3}.nav-label{font-size:9px;letter-spacing:1.1px;color:#777c75;padding:0 10px;margin:0 0 8px}.nav-item{position:relative;text-decoration:none;color:#b4b8b1;display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:6px;margin:2px 0;font-size:12px;font-weight:600;transition:.16s}.nav-item>span{width:17px;text-align:center;font-size:15px;color:#9ea39b}.nav-item:hover{background:#262a27;color:#fff}.nav-item.active{color:#e4c789;background:#343129;font-weight:600}.nav-item.active>span{color:#d0a95d}.nav-item i{margin-left:auto;background:#323733;padding:2px 6px;border-radius:8px;font-style:normal;font-size:9px}.nav-item.disabled{opacity:.62}.nav-item em{margin-left:auto;font-size:8px;font-style:normal;color:#888e86}.secondary-label{margin-top:27px}.sidebar-bottom{margin-top:auto}.profile{border-top:1px solid #343835;margin-top:13px;padding:15px 6px 3px;display:flex;align-items:center;gap:9px}.profile-pic{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#5e7772;color:#eef5ef;font-size:10px}.profile button{margin-left:auto;border:0;background:none;color:#999;font-size:19px}.main-content{margin-left:248px;min-height:100vh}.topbar{height:61px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.86);display:flex;align-items:center;justify-content:space-between;padding:0 37px;position:sticky;top:0;z-index:3;backdrop-filter:blur(12px)}.breadcrumb{font-size:11px;color:#878981}.breadcrumb span{padding:0 9px;color:#c9c8c2}.breadcrumb b{color:#42443e;font-weight:600}.top-actions{display:flex;align-items:center;gap:19px}.search-box{display:flex;align-items:center;height:32px;border:1px solid #e9e8e2;background:#fbfbf9;border-radius:5px;padding:0 8px;gap:6px;color:#9b9d97}.search-box>span{font-size:18px}.search-box input{border:0;outline:0;background:transparent;width:175px;font:inherit;font-size:10px;color:var(--ink)}.search-box kbd{font:9px 'DM Sans';border:1px solid #e7e6df;border-radius:3px;padding:2px 4px;color:#a1a29d}.icon-button{border:0;background:transparent;color:#6c7068;font-size:19px;position:relative}.notification i{position:absolute;width:5px;height:5px;border-radius:50%;background:#bd914b;right:2px;top:3px}.top-date{font-size:10px;color:#7e8079;border-left:1px solid var(--line);padding-left:17px}.mobile-menu{display:none}.page-wrap{max-width:1510px;margin:auto;padding:31px 38px 18px}.page{display:none}.page.active-page{display:block;animation:appear .24s ease}@keyframes appear{from{opacity:.55;transform:translateY(3px)}to{opacity:1;transform:none}}.welcome-row,.section-title{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:1.4px;color:#9a825b;font-weight:700;margin:0 0 8px}.welcome-row h1,.section-title h1{font:500 29px 'Playfair Display',serif;letter-spacing:-.5px;margin:0;color:#242722}.welcome-row h1 span{font:18px 'DM Sans';color:#c09a58;vertical-align:4px}.subtitle{font-size:11px;color:#898b84;margin:7px 0 0}.button{border:0;border-radius:5px;padding:10px 14px;font:600 11px 'DM Sans';cursor:pointer;transition:.16s}.button-primary{background:#b78e4b;color:#fff;box-shadow:0 2px 4px #b78e4b22}.button-primary:hover{background:#a57c3b;transform:translateY(-1px)}.button-primary span{font-size:15px;margin-right:6px}.button-secondary{background:#f4f3ef;color:#52554e}.filter-row{margin-top:26px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.segmented{border:1px solid #e8e7e0;border-radius:5px;padding:3px;background:#fff;display:flex;gap:1px}.segmented button{border:0;background:none;color:#777970;padding:6px 11px;border-radius:3px;font:500 10px 'DM Sans';cursor:pointer}.segmented button.selected{background:#f1eee7;color:#735b32;font-weight:600}.date-filter,.select-button{border:1px solid #e8e7e0;background:white;border-radius:4px;padding:8px 10px;color:#64665f;font:500 10px 'DM Sans';cursor:pointer}.date-filter span{padding:0 10px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{border:1px solid var(--line);border-radius:6px;background:white;padding:15px 16px 13px;box-shadow:var(--shadow);min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#777a72;font-size:10px}.metric-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:6px;font-weight:600;font-size:10px}.gold{background:#f7f0e3;color:#a7803e}.blue{background:#edf3f6;color:#6d8da0}.green{background:#edf4ee;color:#668672}.purple{background:#f2eff7;color:#8b7aa4}.metric-card>strong{display:block;font-size:21px;letter-spacing:-.5px;font-weight:600;margin-top:14px;white-space:nowrap}.metric-foot{display:flex;align-items:center;gap:5px;font-size:9px;color:#999b95;margin-top:11px;white-space:nowrap}.trend{border-radius:3px;padding:3px 4px;font-weight:600}.positive{color:#557b61;background:#eff5f0}.neutral{color:#6d8492;background:#f0f4f5}.warning{color:#ad8245;background:#f8f3e9}.sparkline{margin-left:auto;font-size:14px;letter-spacing:-2px;line-height:1}.gold-line{color:#c59e60}.blue-line{color:#99b1bd}.green-line{color:#8baa91}.purple-line{color:#a89ab9}.dashboard-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:15px}.panel{border:1px solid var(--line);background:#fff;border-radius:6px;box-shadow:var(--shadow)}.revenue-panel,.appointments-panel,.orders-panel,.activity-panel{padding:17px 17px 14px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{margin:0;font:600 13px 'DM Sans'}.panel-heading p{margin:5px 0 0;color:#999b94;font-size:9px}.text-link{color:#a17a3e;font-weight:600;font-size:9px;text-decoration:none;margin-top:4px}.chart-legend{display:flex;gap:14px;margin-top:17px;color:#81837d;font-size:9px}.legend-dot{width:7px;height:7px;border-radius:50%;background:#bc914d;display:inline-block;margin-right:5px}.muted-dot{background:#cac8c0}.chart-area{display:flex;height:164px;margin-top:11px}.y-axis{width:53px;display:flex;flex-direction:column;justify-content:space-between;padding:0 7px 18px 0;color:#a0a19b;font-size:8px;text-align:right}.chart-content{position:relative;flex:1;margin-bottom:0}.grid-lines{position:absolute;inset:0 0 19px;display:flex;flex-direction:column;justify-content:space-between}.grid-lines i{border-top:1px dashed #eeede8}.chart-content svg{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);overflow:visible}.x-axis{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a0a19b;font-size:8px}.appointment-list{padding-top:12px}.appointment{display:grid;grid-template-columns:43px 7px 1fr 28px;align-items:center;gap:10px;min-height:59px}.appointment-time{text-align:right}.appointment-time b{font-size:10px;display:block}.appointment-time small{font-size:7px;letter-spacing:.6px;color:#aaa}.appointment-line{width:1px;height:35px;background:#e9e7e1;position:relative}.appointment-line:before{content:'';width:7px;height:7px;border-radius:50%;background:#c5a060;position:absolute;left:-3px;top:13px}.appointment-details b,.appointment-details span,.appointment-details small{display:block}.appointment-details b{font-size:10px;font-weight:600}.appointment-details span{font-size:9px;color:#73766e;margin-top:3px}.appointment-details small{font-size:8px;color:#a0a19a;margin-top:3px}.appointment-avatar{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:600}.av-1{background:#eee3d5;color:#93724e}.av-2{background:#dce8ed;color:#537888}.av-3{background:#e9dfeb;color:#806482}.add-appointment{border:0;border-top:1px solid #efeee9;background:white;width:100%;text-align:left;padding:12px 0 0;margin-top:7px;font:500 9px 'DM Sans';color:#a47d41;cursor:pointer}.bottom-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:15px}.table-wrap{overflow-x:auto;margin-top:13px}table{border-collapse:collapse;width:100%;min-width:590px}th{text-align:left;color:#9a9c95;font-size:8px;letter-spacing:.65px;font-weight:600;padding:9px 7px;border-bottom:1px solid #efeee9;white-space:nowrap}td{padding:10px 7px;border-bottom:1px solid #f0efe9;font-size:9px;color:#62655e;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.order-id{font-size:9px;color:#8d7043;font-weight:600}.table-person{display:flex;align-items:center;gap:7px}.mini-avatar{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-size:7px;font-weight:600}.a1{background:#eee3d5;color:#93724e}.a2{background:#dce8ed;color:#537888}.a3{background:#e9dfeb;color:#806482}.a4{background:#e4eade;color:#637550}.status{display:inline-block;border-radius:10px;padding:4px 7px;font-size:8px;font-weight:600}.status-edit{background:#f5f0e7;color:#a07a3f}.status-paid{background:#eef4ef;color:#62826b}.status-pending{background:#f7f1e8;color:#aa8149}.status-done{background:#edf1f4;color:#6d8492}.dots{background:none;border:0;color:#94968f;font-size:19px}.activity-list{padding-top:6px}.activity-item{display:flex;gap:9px;padding:11px 0;border-bottom:1px solid #f0efe9}.activity-item:last-child{border:0}.activity-icon{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;font-size:10px}.ai-gold{background:#f7f1e5;color:#af8847}.ai-blue{background:#edf3f6;color:#7190a1}.ai-green{background:#edf4ee;color:#6d8b74}.activity-item b{font-size:9px;font-weight:600}.activity-item p{margin:3px 0;color:#777a72;font-size:8px}.activity-item small{color:#a0a19a;font-size:8px}.app-footer{display:flex;justify-content:space-between;margin-top:20px;color:#a0a19a;font-size:8px}.status-light{width:6px;height:6px;border-radius:50%;display:inline-block;background:#76a17b;margin-right:5px}.section-title{margin-bottom:24px}.section-title .subtitle{margin-top:7px}.directory-panel{padding:17px}.directory-tools{display:flex;justify-content:space-between;gap:10px}.local-search{width:min(420px,100%);height:35px}.local-search input{width:100%}.directory-panel table{min-width:650px}.empty-state{display:none;text-align:center;color:#969891;padding:25px}.empty-state.show{display:block}.client-row-name{display:flex;align-items:center;gap:9px}.client-row-name b{font-size:10px;color:#42453f}.client-row-name small{display:block;color:#999b94;font-size:8px;margin-top:3px}.client-dot{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#eee8dc;color:#8d7142;font-size:9px}.client-actions{background:none;border:0;color:#85877f;font-size:17px}.placeholder-head{display:flex;justify-content:space-between;align-items:center;font-size:12px}.pipeline{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}.pipeline>div{padding:16px;background:#fafaf8;border-radius:5px;display:grid;grid-template-columns:10px 1fr;gap:7px;align-items:center}.pipeline b{font-size:10px;color:#666960}.pipeline strong{grid-column:2;font-size:22px}.pip-dot{width:7px;height:7px;border-radius:50%}.pip-gray{background:#a4a69e}.pip-blue{background:#7a9dad}.pip-gold{background:#bd9556}.pip-green{background:#729178}.phase-note{border-top:1px solid #efeee9;margin:15px 0 0;padding-top:13px;color:#92948d;font-size:9px;line-height:1.6}.agenda-list{margin-top:13px}.agenda-list>div{display:grid;grid-template-columns:54px 2px 1fr;gap:13px;align-items:center;min-height:70px;border-bottom:1px solid #f1f0ec}.agenda-list time{text-align:right;color:#777970;font-size:10px}.agenda-list>div>span{height:39px;background:#c49a57;border-radius:2px}.agenda-list p{margin:0}.agenda-list p b,.agenda-list p small{display:block}.agenda-list p b{font-size:11px}.agenda-list p small{margin-top:5px;color:#969891;font-size:9px}.finance-metrics{margin-bottom:15px}.transactions>div{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0efe9}.transaction-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px}.income{background:#eef4ef;color:#61836a}.expense{background:#f5f1ea;color:#a8814b}.transactions p{margin:0;flex:1}.transactions p b,.transactions p small{display:block}.transactions p b{font-size:10px}.transactions p small{font-size:8px;color:#999b94;margin-top:4px}.transactions strong{font-size:10px}.income-text{color:#61836a}.catalog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.catalog-card{padding:18px;display:flex;gap:11px;align-items:center}.catalog-icon{width:34px;height:34px;border-radius:7px;background:#f4efe5;color:#aa8346;display:grid;place-items:center;font-size:16px}.catalog-card>div{min-width:0}.catalog-card b{font-size:10px}.catalog-card p{color:#969891;font-size:8px;margin:4px 0 0}.catalog-count{margin-left:auto;white-space:nowrap;font-size:8px;color:#777970}.phase-banner{margin-top:14px;padding:16px;display:flex;gap:12px;align-items:flex-start}.phase-banner>span{color:#bd9351;font-size:18px}.phase-banner b{font-size:10px}.phase-banner p{font-size:9px;color:#90928a;margin:4px 0 0;line-height:1.5}.settings-list{padding:0 18px}.settings-list>div{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #f0efe9}.settings-list>div:last-child{border:0}.settings-list>div>span{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;background:#f4f1e9;color:#a68147}.settings-list p{margin:0;flex:1}.settings-list p b,.settings-list p small{display:block}.settings-list p b{font-size:10px}.settings-list p small{font-size:8px;color:#979991;margin-top:4px}.settings-list em{font-size:8px;color:#999b94;font-style:normal}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(22,24,22,.42);z-index:10;align-items:center;justify-content:center;padding:18px}.modal-backdrop.open{display:flex}.modal{background:#fff;width:min(510px,100%);padding:24px;border-radius:8px;box-shadow:0 18px 55px #1114;animation:appear .18s}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}.modal-head h2{font:500 23px 'Playfair Display';margin:0}.close-modal{font-size:22px;border:0;background:none;color:#8f918a;cursor:pointer}.modal form>label,.form-row label{display:block;font-size:9px;color:#64675f;font-weight:600;margin-bottom:13px}.modal input,.modal select,.modal textarea{display:block;margin-top:6px;width:100%;border:1px solid #e7e6df;background:#fcfcfa;border-radius:4px;padding:10px;font:400 10px 'DM Sans';outline:none;color:#42453f}.modal input:focus,.modal select:focus,.modal textarea:focus{border-color:#c29a57;box-shadow:0 0 0 2px #c29a571b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal textarea{resize:vertical}.form-note{font-size:8px;color:#a0a19a;padding:3px 0 14px}.modal-actions{border-top:1px solid #efeee9;padding-top:14px;display:flex;justify-content:flex-end;gap:8px}.toast{position:fixed;bottom:22px;right:25px;z-index:15;padding:11px 16px;background:#252925;color:white;border-radius:5px;font-size:10px;box-shadow:0 7px 25px #0002;opacity:0;transform:translateY(7px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}
@media(min-width:1450px){.page-wrap{padding-left:48px;padding-right:48px}.metric-card{padding:18px 19px}.metric-card>strong{font-size:23px}.panel{}}@media(max-width:1120px){.sidebar{width:220px}.main-content{margin-left:220px}.topbar{padding:0 24px}.page-wrap{padding:26px 24px}.metrics-grid{gap:9px}.metric-card{padding:13px 12px}.metric-card>strong{font-size:18px}.dashboard-grid,.bottom-grid{grid-template-columns:1.25fr 1fr}.search-box input{width:130px}}@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.22s;width:248px;box-shadow:10px 0 30px #0002}.sidebar.open{transform:none}.main-content{margin-left:0}.mobile-menu{display:block;border:0;background:none;font-size:17px;color:#666;margin-right:8px}.topbar{padding:0 16px}.breadcrumb{margin-right:auto}.top-date{display:none}.page-wrap{padding:23px 18px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appointments-panel{min-height:285px}.catalog-cards{grid-template-columns:1fr}.welcome-row h1,.section-title h1{font-size:25px}}@media(max-width:540px){.topbar{height:55px}.top-actions{gap:10px}.top-actions .search-box{width:34px;justify-content:center;border:0;background:none;padding:0}.top-actions .search-box input,.top-actions .search-box kbd{display:none}.top-actions .search-box>span{font-size:20px}.page-wrap{padding:20px 13px}.welcome-row{align-items:flex-start;gap:8px}.welcome-row .button{padding:9px 10px;white-space:nowrap;font-size:9px}.welcome-row h1{font-size:22px}.welcome-row h1 span{font-size:14px}.welcome-row .subtitle{font-size:10px}.filter-row{margin-top:20px;align-items:flex-start;gap:8px;flex-direction:column}.segmented{max-width:100%;overflow:auto}.segmented button{padding:6px 9px;white-space:nowrap}.date-filter{align-self:flex-end}.metric-card{padding:12px 10px}.metric-card>strong{font-size:16px;margin-top:11px}.metric-top{font-size:9px}.metric-foot{font-size:8px;flex-wrap:wrap}.sparkline{display:none}.revenue-panel,.appointments-panel,.orders-panel,.activity-panel,.directory-panel{padding:14px 12px}.app-footer{gap:10px;font-size:7px}.section-title{align-items:flex-start;gap:10px}.section-title .button{white-space:nowrap;padding:9px 10px;font-size:9px}.section-title h1{font-size:24px}.section-title .subtitle{max-width:235px;line-height:1.5}.pipeline{grid-template-columns:repeat(2,1fr)}.directory-tools{flex-direction:column}.directory-tools .select-button{align-self:flex-start}.form-row{grid-template-columns:1fr;gap:0}.modal{padding:20px}.toast{left:15px;right:15px;bottom:14px;text-align:center}}
[hidden]{display:none!important}#appRoot[hidden],#authScreen[hidden],.auth-form[hidden]{display:none!important}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 0%,#e9e0ce 0,transparent 42%),#f6f5f0;position:relative}.auth-brand{position:absolute;left:34px;top:27px;display:flex;align-items:center;gap:10px;color:#222}.auth-brand b{display:block;font-size:13px;letter-spacing:2px}.auth-brand small{display:block;font-size:8px;color:#898a83;letter-spacing:1.2px;margin-top:3px}.auth-card{width:min(410px,100%);background:#fff;border:1px solid #e9e6dd;border-radius:9px;padding:34px 36px;box-shadow:0 20px 65px #43371c0c;text-align:center}.auth-emblem{width:43px;height:43px;border-radius:50%;background:#f5f0e5;color:#b48d4c;display:grid;place-items:center;margin:0 auto 18px;font-size:19px}.auth-card .eyebrow{margin-bottom:9px}.auth-card h1{font:500 26px 'Playfair Display';margin:0}.auth-subtitle{font-size:10px;color:#8e9089;margin:8px 0 23px}.auth-form{text-align:left}.auth-form label{display:block;font-size:9px;font-weight:600;color:#60635b;margin-bottom:13px}.auth-form input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid #e6e5de;border-radius:4px;background:#fdfdfa;font:400 10px 'DM Sans';outline:none}.auth-form input:focus{border-color:#bb914b;box-shadow:0 0 0 2px #bb914b1c}.auth-submit{width:100%;margin-top:4px;padding:12px}.auth-error{min-height:14px;margin:0;color:#a8463f;font-size:9px}.auth-footnote{font-size:8px;color:#a0a19b;margin:17px 0 0}.auth-copyright{position:absolute;bottom:18px;font-size:8px;color:#9b9c95}.demo-banner{display:flex;align-items:center;gap:9px;background:#faf7ef;border:1px solid #eee5d2;color:#7f6c4b;border-radius:5px;padding:9px 12px;margin:0 0 14px;font-size:9px}.demo-banner>span:first-child{font-size:14px;color:#b48b48}.demo-banner b{font-weight:700}.profile button{cursor:pointer;padding:4px}.profile button:hover{color:#e3c283}@media(max-width:540px){.auth-card{padding:29px 23px}.auth-brand{top:19px;left:20px}}
.team-panel{padding:17px;margin-bottom:14px}.user-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 13px;margin-top:17px;align-items:end}.user-form label{font-size:9px;font-weight:600;color:#64675f}.user-form input,.user-form select{width:100%;display:block;margin-top:6px;padding:10px;border:1px solid #e7e6df;border-radius:4px;background:#fcfcfa;font:400 10px 'DM Sans';color:#484b44}.user-form button{justify-self:start}.user-form p{margin:0;font-size:9px;color:#668672;grid-column:2}.team-directory{margin-bottom:14px}.team-directory .panel-heading{margin-bottom:5px}.user-state{border-radius:10px;padding:4px 8px;font-size:8px;font-weight:600;background:#edf4ee;color:#668672}.user-state.inactive{background:#f3f1ed;color:#888a83}.user-toggle{border:1px solid #e8e7e0;background:#fff;color:#777970;border-radius:4px;padding:6px 9px;font:500 9px 'DM Sans';cursor:pointer}.user-toggle:hover{border-color:#c6a36b;color:#8e6f3c}.settings-list{margin-top:14px}@media(max-width:600px){.user-form{grid-template-columns:1fr}.user-form p{grid-column:1}}
.role-control{display:flex;align-items:center;gap:5px}.user-role-select{max-width:130px;border:1px solid #e8e7e0;background:#fff;color:#666960;border-radius:4px;padding:6px;font:500 8px 'DM Sans'}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.catalog-toolbar .search-box{width:min(350px,100%)}.catalog-form-panel{padding:17px;margin-bottom:14px}.catalog-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:17px;align-items:end}.catalog-form[hidden]{display:none}.catalog-form>label{display:block;color:#65675f;font-size:9px;font-weight:600}.catalog-form input:not([type="checkbox"]),.catalog-form textarea{width:100%;display:block;margin-top:6px;padding:9px;border:1px solid #e7e6df;background:#fcfcfa;border-radius:4px;font:400 10px 'DM Sans';color:#393c36}.catalog-form textarea{resize:vertical}.catalog-form .wide-field{grid-column:span 2}.catalog-form .check-field{display:flex;align-items:center;gap:7px;padding:9px 0}.catalog-form input[type="checkbox"]{accent-color:#b78e4b}.form-buttons{grid-column:1/-1;display:flex;align-items:center;gap:8px}.form-buttons [hidden]{display:none}.form-buttons span{font-size:9px;color:#68846f;margin-left:5px}.catalog-directory{margin-bottom:14px}.catalog-directory table{min-width:700px}.catalog-status{display:inline-flex;align-items:center;gap:5px}.catalog-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#739178}.catalog-status.inactive:before{background:#a0a19a}.catalog-action{background:transparent;border:1px solid #e7e6df;color:#8b7046;border-radius:4px;padding:5px 7px;margin-right:4px;font:500 8px 'DM Sans';cursor:pointer}.catalog-action:hover{background:#f7f2e8}.negative-margin{color:#a35e4c}.@media(max-width:820px){.catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-toolbar .search-box{width:100%}.catalog-form{grid-template-columns:1fr}.catalog-form .wide-field{grid-column:1}.form-buttons{flex-wrap:wrap}}

.order-create-panel{padding:24px;margin-bottom:20px}.order-draft-list{padding:14px 0}.order-draft-list>div{display:flex;align-items:center;gap:14px;padding:9px 0;border-bottom:1px solid #ece9e2}.order-draft-list>div b{margin-left:auto}.order-draft-list>strong{display:block;text-align:right;padding-top:12px}

.cashflow-chart{display:block;width:100%;height:190px}.dashboard-empty{color:#999b94;font-size:10px;padding:16px 10px;margin:0}.activity-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #efeee9}.activity-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f4efe4;color:#9b7438;font-size:9px;font-weight:700}.activity-item b,.activity-item small{display:block}.activity-item b{font-size:10px}.activity-item small{font-size:8px;color:#999b94;margin-top:3px}.appointment{display:flex;align-items:center;gap:10px}.appointment-time{margin-left:auto;font-size:9px;color:#85877f}.appointment-info{min-width:0}.appointment-info b,.appointment-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-info small{font-size:8px;color:#999b94;margin-top:3px}

.chart-content .cashflow-chart{position:absolute;inset:0 0 18px;width:100%;height:calc(100% - 18px);overflow:visible}.dashboard-empty{padding:14px 0}.appointment{grid-template-columns:43px 1fr auto}.appointment-info b{font-size:10px}

.commission-panel{margin:0 0 15px;padding:17px}.commission-note{display:block;color:#979991;font-size:9px;font-weight:400;margin-top:5px}.commission-panel table{min-width:700px}

.gallery-detail{margin-top:15px}.gallery-share-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:15px 0}.gallery-share-row .button{font-size:9px;padding:8px 10px;text-decoration:none}.gallery-upload-label{display:block;width:max-content;max-width:100%;border:1px dashed #d6c8ae;border-radius:5px;padding:12px 15px;color:#876b3d;font-size:10px;font-weight:600;cursor:pointer}.gallery-upload-label input{display:block;margin-top:8px;max-width:100%;font-size:9px;color:#85877f}.gallery-upload-help{font-size:9px;color:#999b94}.gallery-photo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:15px}.gallery-photo-grid figure{margin:0;border:1px solid #eceae4;border-radius:5px;overflow:hidden;background:#faf9f6}.gallery-photo-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.gallery-photo-grid figcaption{padding:7px 8px;font-size:8px;color:#74766f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.gallery-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:540px){.gallery-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-share-row>*{flex:1 1 auto;text-align:center}}

.report-filters{display:flex;align-items:end;gap:12px;padding:16px;margin-bottom:15px}.report-filters label{display:grid;gap:6px;flex:1;color:#64675f;font-size:9px;font-weight:600}.report-filters input,.report-filters select{min-width:0;border:1px solid #e7e6df;background:#fcfcfa;border-radius:4px;padding:9px;color:#42453f;font:400 10px 'DM Sans'}.report-filters .button{height:34px}.report-filters+.metrics-grid{margin-bottom:15px}@media(max-width:600px){.report-filters{align-items:stretch;flex-direction:column}.report-filters .button{align-self:flex-start}}

.notification-count{position:absolute;top:-4px;right:-5px;min-width:15px;height:15px;padding:0 4px;display:inline-grid;place-items:center;border-radius:9px;background:#b54f43;color:#fff;font:600 8px 'DM Sans';line-height:15px}.notification[aria-expanded=true]{background:#f2ede3}.notification-panel{position:fixed;z-index:25;top:62px;right:74px;width:min(370px,calc(100vw - 26px));max-height:min(70vh,560px);overflow:auto;background:#fff;border:1px solid #e9e7e0;border-radius:8px;box-shadow:0 14px 44px #171a1926}.notification-panel[hidden]{display:none}.notification-panel-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:white;border-bottom:1px solid #efeee9}.notification-panel-head h2{margin:0;font:500 18px 'Playfair Display',Georgia}.notification-panel-head button{border:0;background:none;color:#997c4b;font:500 9px 'DM Sans';cursor:pointer}.notification-item{display:flex;width:100%;gap:10px;align-items:flex-start;padding:12px 14px;text-align:left;border:0;border-bottom:1px solid #f1f0eb;background:#fff;cursor:pointer}.notification-item:hover{background:#fcfaf6}.notification-item.read{opacity:.68}.notification-item>span:nth-child(2){flex:1;min-width:0}.notification-item b,.notification-item small,.notification-item time{display:block}.notification-item b{font-size:10px;color:#454841}.notification-item small{margin-top:3px;color:#81837c;font-size:9px;line-height:1.5}.notification-item time{margin-top:4px;color:#aaa99f;font-size:8px}.notification-mark{width:27px;height:27px;flex:none;display:grid;place-items:center;border-radius:6px;background:#f4efe5;color:#ad8647}.notification-item>i{width:6px;height:6px;flex:none;margin-top:5px;border-radius:50%;background:#bb9253}.notification-empty{padding:24px;text-align:center;color:#969891;font-size:10px}@media(max-width:540px){.notification-panel{top:57px;right:8px}}
.global-search-box{position:relative}.global-search-results{position:absolute;top:calc(100% + 11px);right:-4px;width:min(420px,calc(100vw - 32px));max-height:min(68vh,520px);overflow:auto;padding:6px;background:#fff;border:1px solid #e9e5da;border-radius:8px;box-shadow:0 16px 42px #20251d20;z-index:20}.global-search-results[hidden]{display:none}.global-search-result{display:flex;align-items:center;gap:11px;width:100%;padding:10px 9px;border:0;border-radius:5px;background:#fff;text-align:left;color:var(--ink);cursor:pointer}.global-search-result:hover,.global-search-result:focus{outline:0;background:#f7f5ef}.global-search-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:6px;background:#f5f1e7;color:#a47e43;font-size:14px;flex:none}.global-search-copy{min-width:0;flex:1}.global-search-copy b,.global-search-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-copy b{font-size:11px;font-weight:600}.global-search-copy small{font-size:9px;color:#898b83;margin-top:3px}.global-search-arrow{color:#aaa;font-size:13px}.global-search-empty{padding:17px 10px;text-align:center;color:#898b83;font-size:10px}@media(max-width:540px){.top-actions .global-search-box.searching{position:fixed;top:10px;left:58px;right:58px;width:auto;height:35px;justify-content:flex-start;background:#fff;border:1px solid #e3dfd3;padding:0 9px;z-index:21;box-shadow:0 2px 12px #20251d14}.top-actions .global-search-box.searching input{display:block;width:100%;min-width:0}.global-search-results{position:fixed;top:51px;left:9px;right:9px;width:auto;max-height:65vh}.top-actions .global-search-box.searching~button{visibility:hidden}}
.studio-calendar{padding:16px;margin-bottom:14px}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.calendar-date-controls{display:flex;align-items:center;gap:7px}.calendar-date-controls h2{font:500 17px 'Playfair Display',serif;margin:0 0 0 7px;text-transform:capitalize}.calendar-nav,.calendar-today{height:29px;border:1px solid #e9e7df;background:#fff;border-radius:4px;color:#65675f;cursor:pointer}.calendar-nav{width:29px;font-size:18px;line-height:1}.calendar-today{padding:0 10px;font:500 9px 'DM Sans'}.calendar-nav:hover,.calendar-today:hover{border-color:#c4a36a;color:#9b7438}.calendar-views{flex:none}.calendar-views button{font-size:9px;padding:6px 10px}.calendar-grid{display:grid;border-top:1px solid #eeece6;border-left:1px solid #eeece6;overflow:auto}.calendar-grid.calendar-month{grid-template-columns:repeat(7,minmax(88px,1fr))}.calendar-grid.calendar-week{grid-template-columns:repeat(7,minmax(120px,1fr))}.calendar-grid.calendar-single-day{grid-template-columns:minmax(240px,1fr)}.calendar-weekday{padding:8px 7px;text-align:center;border-right:1px solid #eeece6;border-bottom:1px solid #eeece6;font-size:8px;letter-spacing:.6px;text-transform:uppercase;color:#8d8e87}.calendar-day{min-height:105px;padding:5px;border-right:1px solid #eeece6;border-bottom:1px solid #eeece6;background:#fff;min-width:0}.calendar-day.outside-month{background:#fbfbf9}.calendar-day.outside-month .calendar-day-number{color:#b5b5ae}.calendar-day.is-today{background:#fffcf5}.calendar-day-number{border:0;background:transparent;color:#55574f;padding:3px 5px;border-radius:4px;font:500 10px 'DM Sans';cursor:pointer}.calendar-day-number:hover{background:#f3eddf;color:#8b6e3e}.calendar-day.is-today .calendar-day-number{background:#b88e49;color:#fff}.calendar-week .calendar-day,.calendar-single-day .calendar-day{min-height:260px}.calendar-single-day .calendar-day{display:flex;flex-direction:column}.calendar-week .calendar-day-number{font-size:12px;margin-bottom:9px}.calendar-week .calendar-day-number span{color:#898b83;font-size:8px;text-transform:uppercase;margin-right:4px}.calendar-events{display:grid;align-content:start;gap:3px;margin-top:3px}.calendar-event{display:flex;gap:4px;align-items:center;min-width:0;width:100%;border:0;border-left:2px solid #9eae96;border-radius:2px;background:#f0f4ee;color:#4b594b;text-align:left;padding:4px 5px;cursor:pointer}.calendar-event:hover{background:#e5ede2}.calendar-event time{font-size:8px;font-weight:700;white-space:nowrap}.calendar-event span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.calendar-event small{display:none}.calendar-week .calendar-event,.calendar-day .calendar-event{align-items:flex-start;flex-wrap:wrap;padding:7px}.calendar-week .calendar-event span,.calendar-day .calendar-event span{flex-basis:100%;white-space:normal;font-size:9px;font-weight:600}.calendar-week .calendar-event small,.calendar-day .calendar-event small{display:block;flex-basis:100%;font-size:8px;color:#7e8179}.calendar-event.is-cancelled{border-color:#bc877c;background:#f8efed;color:#9b6d64;text-decoration:line-through}.calendar-event.is-done{border-color:#b9a577;background:#f7f3e7;color:#7a6c4c}.calendar-more{border:0;background:transparent;color:#997642;text-align:left;padding:4px;font:500 8px 'DM Sans';cursor:pointer}.calendar-no-events{padding:8px 6px;color:#b1b2ac;font-size:9px}.calendar-row-highlight{outline:2px solid #c6a36b;outline-offset:-2px;background:#fffcf3!important}@media(max-width:700px){.studio-calendar{padding:12px 9px}.calendar-toolbar{align-items:flex-start;flex-direction:column;gap:11px}.calendar-date-controls h2{font-size:15px}.calendar-grid.calendar-month{grid-template-columns:repeat(7,minmax(40px,1fr))}.calendar-day{min-height:78px;padding:3px}.calendar-weekday{padding:7px 2px;font-size:7px}.calendar-day-number{font-size:9px;padding:2px 3px}.calendar-event{display:block;padding:3px 2px}.calendar-event time{display:block;font-size:7px}.calendar-event span{display:none}.calendar-more{padding:2px;font-size:7px}.calendar-grid.calendar-week{grid-template-columns:repeat(7,minmax(105px,1fr))}.calendar-week .calendar-day{min-height:210px}.calendar-grid.calendar-single-day{grid-template-columns:minmax(230px,1fr)}.calendar-single-day .calendar-day{min-height:220px}}
.modal{max-height:calc(100vh - 36px);overflow:auto}.client-profile-grid{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:14px;align-items:start}.client-profile-grid[hidden]{display:none}.client-profile-main,.client-profile-side{padding:20px}.client-profile-heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--line)}.client-profile-heading .eyebrow{margin:0 0 4px}.client-profile-heading h2{font:500 23px 'Playfair Display',serif;margin:0}.client-profile-heading .subtitle{font-size:9px;margin:5px 0 0}.client-profile-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 20px;padding:18px 2px 20px;border-bottom:1px solid var(--line)}.client-detail{min-width:0}.client-detail small{display:block;font-size:8px;color:#92938d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.client-detail b{display:block;font-size:10px;font-weight:500;overflow-wrap:anywhere;line-height:1.5}.client-detail-empty{font-size:10px;color:#898b83}.client-timeline-heading{margin:20px 0 12px}.client-timeline-heading h3{margin:0;font-size:13px;font-weight:600}.client-timeline-heading p{margin:4px 0 0;color:#92938d;font-size:9px}.client-note-form{display:grid;gap:8px;padding:12px;background:#faf9f5;border:1px solid #eeece5;border-radius:5px;margin-bottom:17px}.client-note-form[hidden]{display:none}.client-note-form label{font-size:9px;font-weight:600;color:#686a62}.client-note-form textarea{width:100%;resize:vertical;border:1px solid #e7e6df;border-radius:4px;background:white;padding:10px;font:400 10px 'DM Sans';color:var(--ink)}.client-note-form .button{justify-self:start;padding:8px 11px;font-size:9px}.client-timeline{display:grid}.timeline-entry{display:grid;grid-template-columns:27px 1fr;gap:10px;padding:12px 2px;border-bottom:1px solid #f0efe9}.timeline-marker{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#927444;background:#f5f0e5;font-size:12px}.timeline-entry b{display:block;font-size:10px;font-weight:600}.timeline-entry small{display:block;color:#96978f;font-size:8px;margin-top:4px}.timeline-entry p{margin:6px 0 0;font-size:9px;color:#666960;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.client-timeline-empty{font-size:10px;color:#96978f;padding:10px 2px}.client-profile-side .eyebrow{margin-top:0}.client-summary-total{display:flex;align-items:baseline;gap:8px;padding:4px 0 15px;border-bottom:1px solid var(--line)}.client-summary-total b{font:500 30px 'Playfair Display',serif;color:#987641}.client-summary-total span{font-size:9px;color:#878981}.client-summary-list{padding:8px 0 13px}.client-summary-list div{display:flex;justify-content:space-between;padding:7px 0;color:#777970;font-size:9px}.client-summary-list b{color:#343730;font-size:10px}.client-portal-action{width:100%;font-size:9px;padding:9px}.client-portal-action[hidden],#clientProfileEdit[hidden]{display:none}@media(max-width:900px){.client-profile-grid{grid-template-columns:1fr}.client-profile-side{order:-1}.client-profile-side .client-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.client-profile-side .client-portal-action{max-width:260px}}@media(max-width:600px){.client-profile-main,.client-profile-side{padding:14px}.client-profile-heading{grid-template-columns:1fr auto}.client-profile-heading>button:first-child{grid-column:1/-1;justify-self:start}.client-profile-heading h2{font-size:20px}.client-profile-heading .button{padding:8px;font-size:9px}.client-profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-summary-total{padding-bottom:8px}}
.order-task-panel{padding:18px;margin-top:14px}.order-task-panel[hidden]{display:none}.order-task-panel>.panel-heading{margin-bottom:14px}.order-task-panel .panel-heading .eyebrow{margin:0 0 4px}.order-task-panel .panel-heading h2{margin:0;font:500 19px 'Playfair Display',serif}.order-task-panel .panel-heading p:last-child{margin:5px 0 0;color:#92938d;font-size:9px}.order-task-form{display:grid;grid-template-columns:1.4fr 1.2fr .8fr auto;gap:10px;align-items:end;background:#faf9f5;border:1px solid #eeece5;border-radius:5px;padding:13px;margin-bottom:13px}.order-task-form label{display:block;color:#64675f;font-size:9px;font-weight:600}.order-task-form input,.order-task-form select,.order-task-form textarea{display:block;width:100%;margin-top:6px;padding:9px;border:1px solid #e7e6df;border-radius:4px;background:#fff;color:#42453f;font:400 10px 'DM Sans'}.order-task-form .task-notes-field{grid-column:1/4}.order-task-form .button{font-size:9px;padding:9px 11px}.order-task-list{display:grid}.order-task-item{display:grid;grid-template-columns:25px 1fr auto;gap:10px;align-items:center;padding:12px 5px;border-bottom:1px solid #f0efe9}.order-task-check{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f3f0e7;color:#927444;font-size:13px}.order-task-item.is-complete .order-task-check{background:#eaf1e9;color:#66846e}.order-task-copy{min-width:0}.order-task-copy>b{display:block;font-size:10px;font-weight:600}.order-task-copy>small{display:block;color:#8f9189;font-size:8px;margin-top:4px}.order-task-copy>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:9px;color:#666960;line-height:1.45;margin:6px 0 0}.order-task-item.is-complete .order-task-copy>b{text-decoration:line-through;color:#888a83}.order-task-item .user-toggle{white-space:nowrap}.order-task-item .user-toggle:disabled{opacity:.5;cursor:wait}@media(max-width:760px){.order-task-form{grid-template-columns:1fr 1fr}.order-task-form .task-notes-field{grid-column:1/-1}.order-task-form .button{grid-column:1/-1;justify-self:start}}@media(max-width:480px){.order-task-form{grid-template-columns:1fr}.order-task-form .task-notes-field{grid-column:1}.order-task-item{grid-template-columns:23px 1fr}.order-task-item .user-toggle{grid-column:2;justify-self:start}}

.finance-payment-method{max-width:160px;margin:2px 4px 2px 0;padding:6px;border:1px solid #e7e6df;border-radius:4px;background:#fff;color:#555;font:400 9px 'DM Sans'}


#productCostReasonWrap[hidden]{display:none!important}

.permission-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:7px}.permission-check{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line);border-radius:5px;background:#fff}.permission-check input{margin:2px 0 0;accent-color:#b78e4b}.permission-check span{display:grid;gap:3px}.permission-check b{font-size:10px;color:#55574f}.permission-check small{font-size:8px;color:#999b94}.role-permission-panel{padding:17px;margin-bottom:14px}.role-permission-panel .catalog-form{margin-top:10px}
.finance-center-name{display:block;color:#8a806e;font-size:9px;margin-top:3px}
.offline-notice{position:fixed;z-index:20;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100% - 24px);padding:11px 16px;border-radius:8px;background:#343129;color:#f6e8c8;box-shadow:0 8px 28px #0003;font-size:12px;text-align:center}.offline-notice[hidden]{display:none}
.app-update-notice{position:fixed;z-index:19;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100% - 24px);display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #e6deca;border-radius:8px;background:#fffdf8;color:#49463e;box-shadow:0 8px 28px #0002;font-size:12px}.app-update-notice[hidden]{display:none}.app-update-notice button{border:0;border-radius:5px;background:#343129;color:#f6e8c8;padding:7px 10px;font:600 11px 'DM Sans',sans-serif;cursor:pointer}.app-update-notice button:focus-visible{outline:2px solid #bb914b;outline-offset:2px}
.profile #changePasswordButton{margin-left:auto}.profile #logoutButton{margin-left:0}.password-note{display:block;margin-top:12px;color:#85877f;font-size:10px}.password-modal{max-width:430px}

.directory-tools{flex-wrap:wrap;align-items:center}.directory-tools select{height:35px;min-width:190px;max-width:100%;border:1px solid #e6e4dc;border-radius:5px;background:#fff;color:#595c55;padding:0 9px;font:500 10px 'DM Sans',sans-serif}.client-row-name small{overflow-wrap:anywhere}

.brand-mark{color:var(--brand-accent,#d2ae6b)}.brand-mark.has-logo{display:flex;align-items:center;min-width:42px}.brand-mark.has-logo img{display:block;max-width:150px;max-height:42px;object-fit:contain}.studio-logo-preview{display:flex;align-items:center;gap:12px;margin:3px 0 15px}.studio-logo-preview img{max-width:190px;max-height:72px;object-fit:contain;border:1px solid #e9e8e2;border-radius:5px;padding:5px}.studio-logo-preview img[hidden]{display:none}

.catalog-product-thumb{width:34px;height:34px;object-fit:cover;border-radius:7px}.catalog-product-preview{width:116px;height:116px;object-fit:cover;border-radius:6px;border:1px solid #e7e6df}

.dashboard-best-sellers{display:grid;gap:0}.dashboard-best-seller{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid #efeee9}.dashboard-best-seller:last-child{border-bottom:0}.dashboard-best-seller>span{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#f4efe4;color:#9b7438;font-size:9px}.dashboard-best-seller b,.dashboard-best-seller small{display:block}.dashboard-best-seller b{font-size:10px}.dashboard-best-seller small{margin-top:3px;color:#999b94;font-size:8px}.dashboard-best-seller strong{font-size:10px}

.client-documents{margin-top:24px;padding-top:18px;border-top:1px solid #efeee9}.client-documents .panel-heading{margin-bottom:12px}.linked-document-form{display:grid;grid-template-columns:140px minmax(160px,1fr) auto;align-items:center;gap:8px;margin:10px 0 14px}.linked-document-form select,.linked-document-form input{min-width:0;padding:8px;border:1px solid #e7e6df;border-radius:4px;background:#fcfcfa;font:10px 'DM Sans',sans-serif}.linked-document-form [role=status]{grid-column:1/-1;font-size:10px;color:#527863}.linked-document-list{display:grid}.linked-document{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid #efeee9}.linked-document>div b,.linked-document>div small{display:block}.linked-document>div b{font-size:10px;overflow-wrap:anywhere}.linked-document>div small{font-size:8px;color:#999b94;margin-top:3px}.linked-document .catalog-action{white-space:nowrap}@media(max-width:540px){.linked-document-form{grid-template-columns:1fr}.linked-document-form [role=status]{grid-column:1}.linked-document{grid-template-columns:25px minmax(0,1fr)}.linked-document .catalog-action{grid-row:2}.linked-document .catalog-action:nth-last-child(2){grid-column:2;justify-self:start}.linked-document .catalog-action:last-child{grid-column:2;justify-self:start}}

.client-support-section{margin-top:24px;padding-top:18px;border-top:1px solid #efeee9}.client-support-section .panel-heading{margin-bottom:10px}.client-support-section h3{margin:0;font-size:13px}.client-support-section .panel-heading p{margin:4px 0 0;color:#92938d;font-size:9px}.client-support-card{padding:12px 2px;border-bottom:1px solid #f0efe9}.client-support-card h4{font-size:11px;margin:0 0 4px}.client-support-card p{font-size:10px;white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0}.client-support-card small{font-size:8px;color:#92938d}.client-support-reply{display:grid;grid-template-columns:minmax(0,1fr) 160px auto;gap:8px;align-items:end;margin-top:9px}.client-support-reply textarea,.client-support-reply select{min-width:0;padding:8px;border:1px solid #e7e6df;border-radius:4px;background:#fff;font:10px "DM Sans"}.client-support-reply label{display:grid;gap:4px;font-size:8px;color:#777970}.client-support-reply textarea{resize:vertical}.client-support-response{padding:9px;border-left:3px solid #bb914b;background:#faf9f5;margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10px}@media(max-width:600px){.client-support-reply{grid-template-columns:1fr}.client-support-reply button{justify-self:start}}
.welcome-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dashboard-customize-panel{margin:0 0 18px;padding:18px;background:#fff;border:1px solid #e9e8e2;border-radius:8px;box-shadow:var(--shadow)}.dashboard-customize-panel[hidden]{display:none}.dashboard-customize-panel .panel-heading{margin-bottom:12px}.dashboard-widget-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.dashboard-widget-choice{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px solid #edebe5;border-radius:6px;color:#52564f;font-size:11px;cursor:pointer}.dashboard-widget-choice input{accent-color:var(--gold)}@media(max-width:760px){.dashboard-widget-choices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.welcome-actions{justify-content:flex-start}.dashboard-widget-choices{grid-template-columns:1fr}}
.backup-restore-preview{margin-top:16px;padding:16px;background:#fcfbf8;border-color:#d8c8a7}.backup-restore-preview[hidden]{display:none}.backup-restore-preview .phase-note{max-width:760px;line-height:1.55}

.profile #twoFactorButton{margin-left:0}.profile #twoFactorButton.active{color:var(--green)}#totpSetupPanel,#totpEnabledPanel{margin-top:14px}#totpSecret,#totpProvisioningUri{font-size:10px;word-break:break-all}#totpProvisioningUri{min-height:54px}#totpBackdrop .phase-note{line-height:1.6}#totpBackdrop .auth-error{min-height:18px}

.client-support-notify{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.client-support-notify small{flex:1 0 100%;font-size:10px;color:#8b8e86}

.portal-share-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.portal-share-actions[hidden]{display:none}
.payment-method-settings{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;border:1px solid #e7e6df;border-radius:5px;padding:10px 12px;color:#65675f;font-size:9px}.payment-method-settings legend{padding:0 5px;font-weight:600}.payment-method-settings label{display:flex;align-items:center;gap:6px}.payment-method-settings small{flex-basis:100%;color:#85867e}

/* Ateliê visual refresh: vivid accents, softer surfaces, and clearer focus. */
#sidebar{font-weight:700}.nav-item{font-weight:800}.nav-item.active{font-weight:800}
:root{
  --ink:#1b2742;--muted:#71809b;--line:#e1e8f2;--paper:#f3f6fc;--white:#fff;
  --gold:#6159e8;--gold-dark:#4c45c6;--green:#119b83;--brand-accent:#18b7a4;
  --accent-blue:#4796e8;--accent-coral:#ef7b69;--accent-rose:#e86697;--accent-violet:#9066e9;
  --shadow:0 10px 32px rgba(33,49,89,.075);--shadow-hover:0 16px 38px rgba(33,49,89,.12);
  font-family:'Manrope','DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper)
}
:root,body,button,input,select,textarea,kbd{font-family:'Manrope','DM Sans',system-ui,sans-serif!important}
body{background:radial-gradient(ellipse at 83% -12%,#dce8ff 0,transparent 36%),radial-gradient(ellipse at 10% 7%,#e3fbf5 0,transparent 24%),#f3f6fc;color:var(--ink);font-size:14px;letter-spacing:-.01em}
::selection{background:#c7f2e9;color:#172440}
:focus-visible{outline:3px solid #655bf180!important;outline-offset:2px!important}
.sidebar{width:256px;background:linear-gradient(160deg,#1c2948 0%,#202d4d 58%,#253762 100%);padding:25px 16px 16px;box-shadow:12px 0 34px rgba(28,42,75,.08)}
.sidebar:after{content:'';position:absolute;z-index:-1;width:200px;height:200px;left:-105px;top:34%;border-radius:50%;background:#1bb79c18;filter:blur(3px)}
.main-content{margin-left:256px}
.brand{padding-bottom:24px}.brand-mark{color:#66dfc8;font-family:'Manrope',sans-serif;font-weight:800}.brand b{font-size:13px;letter-spacing:1.5px}.brand small{color:#b4c3dc;letter-spacing:1.05px}
.studio-switch{border-color:#ffffff20;border-radius:14px;background:#ffffff0a;padding:11px;margin-bottom:22px}.studio-avatar{background:linear-gradient(140deg,#18b7a4,#4f8fee);border-radius:10px;box-shadow:0 5px 14px #0bb7a344}
.nav-label{color:#9cacca;font-weight:800;letter-spacing:1.25px}.nav-item{color:#c0cbe0;border-radius:12px;padding:11px 12px;margin:3px 0;font-size:12px;gap:11px}.nav-item>span{color:#a6b5d0}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.active{color:#fff;background:linear-gradient(100deg,#645be84a,#18b7a41a);box-shadow:inset 3px 0 #6c64f3;font-weight:800}.nav-item.active>span{color:#77e0cc}.nav-item i{background:#ffffff17;border-radius:99px;color:#e8ecfb}.profile{border-color:#ffffff1f}.profile-pic{background:linear-gradient(140deg,#ef7c69,#e86697);color:#fff;font-weight:800}
.topbar{height:68px;background:#ffffffdf;border-color:#e4eaf3;padding:0 36px;box-shadow:0 4px 18px #23365b08}.breadcrumb{font-size:12px;color:#8190a8}.breadcrumb b{color:#253450}.top-actions{gap:18px}.top-date{color:#71809b;border-color:#e2e8f2}.mobile-menu{color:#4d5d7b}
.page-wrap{padding:34px 38px 24px}.welcome-row h1,.section-title h1,.auth-card h1{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-1.15px;color:#1a2742}.welcome-row h1{font-size:30px}.welcome-row h1 span{color:var(--brand-accent)}.eyebrow{color:#6259dc;font-size:10px;font-weight:800;letter-spacing:1.4px}.subtitle{color:#75839c;font-size:12px}
.button{border-radius:12px;padding:10px 15px;font-size:11px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.button-primary{background:linear-gradient(135deg,var(--gold),color-mix(in srgb,var(--gold) 74%,#25c6aa));box-shadow:0 6px 16px color-mix(in srgb,var(--gold) 24%,transparent)}.button-primary:hover{background:linear-gradient(135deg,var(--gold-dark),var(--gold));box-shadow:0 9px 19px color-mix(in srgb,var(--gold) 30%,transparent);transform:translateY(-2px)}.button-secondary{background:#eef1fa;color:#405170;border:1px solid #e4e8f3}.button-secondary:hover{background:#e6eafb;color:#4039b4}
.segmented{padding:4px;border-radius:13px;border-color:#e2e8f3;box-shadow:0 3px 12px #20335c08}.segmented button{border-radius:9px;padding:8px 12px;color:#71809a;font-size:10px}.segmented button.selected{background:linear-gradient(120deg,#e8e9ff,#def8f1);color:#4840bf}
.date-filter,.select-button{border-radius:11px;border-color:#e1e7f1;padding:9px 11px;color:#51617d;font-size:11px}
.search-box{height:40px;border:1px solid #e0e7f2;background:#f9fbff;border-radius:13px;padding:0 12px;gap:9px;box-shadow:inset 0 1px 2px #24365306;transition:border-color .16s,box-shadow .16s}.search-box:focus-within{border-color:#746ced;box-shadow:0 0 0 4px #665ce91c;background:#fff}.search-box input{font-size:11px;color:var(--ink)}.search-box kbd{font-size:9px;border-color:#dce3f1;background:white;border-radius:6px;color:#687794;padding:3px 6px}
.metrics-grid{gap:15px}.metric-card{position:relative;border:1px solid #e7ebf3;border-radius:17px;padding:17px 18px 15px;box-shadow:var(--shadow);overflow:hidden;transition:transform .18s,box-shadow .18s}.metric-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.metric-card:after{content:'';position:absolute;right:-24px;top:-34px;width:90px;height:90px;border-radius:50%;background:#6159e80a}.metric-card:nth-child(4n+2):after{background:#18b7a40d}.metric-card:nth-child(4n+3):after{background:#ef7b690d}.metric-card:nth-child(4n+4):after{background:#4796e80d}.metric-top{color:#687895;font-size:10px;font-weight:700}.metric-icon{width:32px;height:32px;border-radius:11px;font-size:12px}.gold{background:#eeedff;color:#5c53db}.blue{background:#e9f3ff;color:#3f88d8}.green{background:#e4f8f1;color:#078c73}.purple{background:#f3eaff;color:#8656d5}.metric-card>strong{font-size:23px;color:#1d2c49}.metric-foot{font-size:10px;color:#8b98ae}.trend,.status{border-radius:999px}
.dashboard-grid,.bottom-grid{gap:16px}.dashboard-grid{margin-top:17px}.bottom-grid{margin-top:16px}.panel,.metric-card,.directory-panel,.catalog-form-panel,.team-panel,.order-create-panel,.report-filters,.settings-list{border:1px solid #e5eaf3;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.panel:hover{border-color:#dce4f1}.revenue-panel,.appointments-panel,.orders-panel,.activity-panel,.directory-panel{padding:19px}.panel-heading h2{color:#22314e;font-size:14px;font-weight:800;letter-spacing:-.25px}.panel-heading p{color:#8794ab;font-size:10px;line-height:1.6}.text-link{color:#5d54dc;font-size:10px}.chart-legend,.chart-area,.x-axis,.y-axis{color:#8391a8}.legend-dot{background:#6159e8}.muted-dot{background:#18b7a4}.grid-lines i{border-color:#e9edf5}.appointment-line{background:#e4e9f3}.appointment-line:before{background:linear-gradient(135deg,#6159e8,#18b7a4);box-shadow:0 0 0 4px #edf2ff}.appointment-avatar{border-radius:10px}.av-1{background:#fff1e7;color:#c46c34}.av-2{background:#e5f7f3;color:#078c73}.av-3{background:#f1eaff;color:#8052ca}
.table-wrap{border-radius:12px}th{background:#f7f9fd;color:#71809a;font-size:9px;letter-spacing:.8px;border-color:#e9edf4;padding:11px 9px}td{color:#53627c;font-size:10px;border-color:#edf0f6;padding:11px 9px}tbody tr:hover{background:#f8faff}.order-id,.text-link{color:#5c54d8}.mini-avatar{border-radius:9px}.a1{background:#fff1e7;color:#c46c34}.a2{background:#e5f7f3;color:#078c73}.a3{background:#f1eaff;color:#8052ca}.a4{background:#e9f2ff;color:#467fc3}
.status-edit{background:#fff4de;color:#a9690e}.status-paid{background:#e3f7ef;color:#087c60}.status-pending{background:#fff0ed;color:#ce5d4c}.status-done{background:#e8f1ff;color:#3e79c0}.empty-state{color:#8290a8}.phase-note{border-color:#e7ebf3;color:#7887a0;font-size:10px}.app-footer{color:#8290a8;font-size:9px}.status-light{background:#13ad84;box-shadow:0 0 0 4px #13ad841a}
.section-title{margin-bottom:25px}.directory-tools{gap:12px}.local-search{height:41px}.catalog-toolbar .search-box{height:41px}.pipeline{gap:14px}.pipeline>div{border:1px solid #e8edf5;border-radius:15px;background:linear-gradient(145deg,#fafbff,#f4f7fd);padding:18px}.pipeline strong{color:#1d2c49}.pip-blue{background:#4796e8}.pip-gold{background:#efaa42}.pip-green{background:#16a586}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{border-radius:11px!important;border-color:#dce4ef!important;background-color:#fbfcff!important;color:#263651!important;transition:border-color .15s,box-shadow .15s,background-color .15s}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):focus,select:focus,textarea:focus{border-color:#7169ea!important;box-shadow:0 0 0 4px #665ce91b!important;background:#fff!important;outline:0!important}input::placeholder,textarea::placeholder{color:#a1acc0!important}label{color:#53627c}.auth-screen{background:radial-gradient(ellipse at 8% 12%,#d8faf2 0,transparent 32%),radial-gradient(ellipse at 92% 5%,#e0e6ff 0,transparent 35%),linear-gradient(145deg,#f7f9ff,#edf3fb)}.auth-brand{color:#20304d}.auth-brand .brand-mark{color:#6159e8}.auth-card{border:1px solid #e1e7f2;border-radius:24px;box-shadow:0 26px 80px #273c691a;padding:38px}.auth-emblem{border-radius:15px;background:linear-gradient(135deg,#eaeaff,#def8f2);color:#5d53df}.auth-card h1{font-size:28px}.auth-subtitle{font-size:12px;color:#75839b}.auth-error{color:#cf5f51}
.modal-backdrop{background:#15213a80;backdrop-filter:blur(5px)}.modal{border-radius:22px;border-color:#e4e9f2;box-shadow:0 24px 80px #15213a38}.modal-head{border-color:#edf0f5}.close-modal{border-radius:10px}.toast{border-radius:14px;box-shadow:0 12px 34px #1c2d4a2a}
.status-light,.notification i,.notification-count{background:#ef7868}.notification-count{border-radius:999px;box-shadow:0 0 0 3px white}.notification-panel{border-radius:18px;border-color:#e4e9f2;box-shadow:0 18px 50px #17244020}.notification-panel-head{border-color:#e9edf4}.notification-panel-head h2{font:800 16px 'Manrope',sans-serif;color:#243450}
.catalog-cards{gap:15px}.catalog-card,.gallery-photo-grid figure,.client-profile-panel,.backup-restore-preview{border-radius:15px!important;border-color:#e4eaf3!important;box-shadow:0 6px 20px #23365b0b}.catalog-icon,.client-dot{border-radius:11px;background:linear-gradient(140deg,#e8e9ff,#dcf8f2);color:#574fce}.catalog-action,.user-toggle{border-radius:10px;border-color:#e0e6f0;color:#596b88;transition:background .15s,border-color .15s,color .15s}.catalog-action:hover,.user-toggle:hover{background:#eff0ff;border-color:#b8b5fb;color:#5149c8}.gallery-upload-label{border-radius:14px;border-color:#a9a4ef;background:#f7f6ff;color:#554dc7}.gallery-photo-grid figure{overflow:hidden}.gallery-photo-grid img{transition:transform .25s}.gallery-photo-grid figure:hover img{transform:scale(1.025)}
.segmented,.date-filter,.select-button,.search-box,.button,.panel,.metric-card,.catalog-action,.status,.user-state,.auth-card,.modal{transition-duration:.18s}
a{color:#5951d2}a:hover{color:#3832a8}
@media(max-width:1120px){.sidebar{width:236px}.main-content{margin-left:236px}.topbar{padding:0 23px}.page-wrap{padding:27px 23px}.metrics-grid{gap:11px}}
@media(max-width:820px){.sidebar{width:256px}.main-content{margin-left:0}.topbar{height:62px;padding:0 15px}.page-wrap{padding:23px 16px}.metrics-grid{gap:10px}.metric-card{border-radius:15px;padding:15px}.metric-card>strong{font-size:20px}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.welcome-row h1,.section-title h1{font-size:25px}.search-box{max-width:min(45vw,260px)}}
@media(max-width:540px){body{font-size:13px}.page-wrap{padding:20px 13px}.topbar{padding:0 11px}.welcome-row h1,.section-title h1{font-size:23px}.section-title{align-items:flex-start;gap:10px}.section-title>.button{white-space:nowrap}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric-card{padding:13px 12px}.metric-card>strong{font-size:18px}.metric-foot{font-size:9px;white-space:normal}.dashboard-grid,.bottom-grid{gap:12px}.panel,.directory-panel{padding:15px;border-radius:15px}.auth-screen{padding:16px}.auth-brand{position:static;margin:0 0 24px;align-self:flex-start}.auth-card{padding:29px 23px}.search-box kbd{display:none}.top-actions{gap:9px}}

h1,h2,h3,h4,legend{font-family:'Manrope','DM Sans',system-ui,sans-serif!important;letter-spacing:-.035em}h2,h3{color:#253451}label{font-weight:700}input[type=checkbox],input[type=radio]{accent-color:var(--gold)}input[type=color]{border:1px solid #dce4ef;border-radius:10px;padding:4px;background:#fff}input[type=file]{border-radius:12px;background:#f8faff;padding:8px}small{line-height:1.5}.settings-list>div{border-color:#edf0f6}.settings-list>div>span{border-radius:11px;background:linear-gradient(135deg,#e8eaff,#e2faf4);color:#554dd0}.app-update-notice{border-radius:14px;border-color:#dce3f1;background:#fff;color:#34435f;box-shadow:0 14px 38px #1b2a481a}.app-update-notice button{border-radius:10px;background:#6057e7;color:#fff}.offline-notice{background:#fff4df;color:#8b5a13;border-color:#f3daa8}
/* Altura consistente e pesquisas em negrito */
:root{--control-height:42px}
.search-box,.local-search,.directory-tools>.search-box,.catalog-toolbar .search-box{height:42px!important;min-height:42px;box-sizing:border-box}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,.catalog-action,.user-toggle,.calendar-today,.date-filter,.select-button{min-height:42px}
input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select{height:42px;padding-top:0!important;padding-bottom:0!important}
.button,.catalog-action,.user-toggle,.calendar-today,.segmented button{height:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.segmented{min-height:48px;align-items:center}
.segmented button{padding-top:0;padding-bottom:0}
.search-box input{height:auto!important;min-height:0!important;font-weight:800!important;letter-spacing:.005em}
.search-box input::placeholder,input[placeholder*="Buscar"]::placeholder{font-weight:750;color:#8995ad!important;opacity:1}
.catalog-form textarea,textarea{min-height:96px;line-height:1.55}
@media(max-width:540px){.search-box,.local-search,.directory-tools>.search-box,.catalog-toolbar .search-box{height:42px!important}.button,.catalog-action,.user-toggle,.calendar-today{min-height:42px}}
.nav-item>span.nav-icon{width:20px;height:20px;flex:0 0 20px;display:inline-grid;place-items:center;color:#a6b5d0}
.nav-item>span.nav-icon svg{width:18px;height:18px;display:block}
.nav-item.active>span.nav-icon{color:#77e0cc}
.nav-item:hover>span.nav-icon{color:#e3eaff}
.nav-label{display:flex;align-items:center;gap:8px}
.nav-section-icon{display:inline-grid;place-items:center;width:14px;height:14px;color:#7f91b4}
.nav-section-icon svg{width:13px;height:13px}
.profile button{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:9px;color:#aab8d2;background:#ffffff0a}
.profile button svg{width:16px;height:16px}
.profile button:hover{background:#ffffff17;color:white}
.chevron svg{width:16px;height:16px;display:block}
.studio-switch{align-items:center}
.studio-avatar{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;padding:2px;border-radius:10px}
.studio-avatar{background:transparent!important;box-shadow:none!important}
.studio-avatar img{width:100%;height:100%;display:block;object-fit:contain}
#page-inicio .filter-row{flex-wrap:wrap;justify-content:flex-start;gap:10px}
#page-inicio .filter-row>.date-filter{margin-left:auto}
#page-inicio .dashboard-custom-range{max-width:100%;padding:4px 0}
#page-inicio .dashboard-custom-range label{color:#5b6981!important;font-size:10px!important}
@media(max-width:820px){#page-inicio .filter-row>.date-filter{align-self:flex-start;margin-left:0}#page-inicio .dashboard-custom-range{width:100%}#page-inicio .dashboard-custom-range label{flex:1 1 150px}#page-inicio .dashboard-custom-range input{width:100%}}
.auth-screen{font-family:'Manrope',sans-serif;background:radial-gradient(ellipse at 10% 12%,#d7faf3 0,transparent 32%),radial-gradient(ellipse at 92% 8%,#e5e7ff 0,transparent 35%),linear-gradient(145deg,#f8faff,#edf2fb)}
.auth-card{width:min(440px,100%);padding:40px 38px;border:1px solid #e0e8f4;border-radius:25px;background:#fff;box-shadow:0 28px 80px #26395c1a}
.auth-emblem{width:76px;height:76px;margin-bottom:19px;border-radius:21px;background:linear-gradient(140deg,#253858,#6257e8 62%,#19b99f);box-shadow:0 12px 26px #544cbd35;overflow:hidden}
.auth-emblem img{width:60px;height:60px;display:block;object-fit:contain}
.auth-card .eyebrow{color:#6159df;font-size:10px;font-weight:800;letter-spacing:1.5px}
.auth-card h1{font-family:'Manrope',sans-serif;font-size:28px;font-weight:800;letter-spacing:-.8px;color:#1b2946}
.auth-subtitle{font-family:'Manrope',sans-serif;color:#7886a0;font-size:12px}
.auth-form label{font-size:10px;color:#53627c}
.auth-form input{min-height:42px;padding:10px 12px;border-radius:11px;font-family:'Manrope',sans-serif;font-size:12px}
.auth-submit{min-height:44px;border-radius:13px;font-family:'Manrope',sans-serif;font-weight:800}
.auth-copyright{font-family:'Manrope',sans-serif;color:#8996ad;font-size:9px}
@media(max-width:540px){.auth-card{padding:32px 23px}.auth-card h1{font-size:25px}}

/* Marca de login sem placa: o alpha do PNG deixa aparecer o fundo da página. */
.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:24px 16px 48px;background:radial-gradient(ellipse at 12% 16%,#18b7a4 0,transparent 25%),radial-gradient(ellipse at 90% 6%,#6359e8 0,transparent 28%),linear-gradient(145deg,#162443,#0d1426)}
.auth-layout{width:min(440px,100%);display:flex;flex-direction:column;align-items:center;gap:15px}
.auth-login-logo{display:block;width:120px;height:150px;object-fit:contain;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important;padding:0}
.auth-card{width:100%}
.auth-copyright{color:#aebbd4}
@media(max-width:540px){.auth-login-logo{width:96px;height:120px}.auth-screen{padding:18px 14px 42px}}
.metric-icon.rose{background:#ffedf0;color:#d34c68}

.dashboard-revenue-periods{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px}.dashboard-revenue-periods .metric-card>strong{font-size:20px}@media(max-width:720px){.dashboard-revenue-periods{grid-template-columns:1fr}}

.client-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 4px 0}.client-pagination[hidden]{display:none}.client-pagination span{font-size:11px;color:var(--muted);min-width:110px;text-align:center}.client-pagination .button{min-height:38px}

.campaign-panel{display:grid;gap:16px}.campaign-panel[hidden]{display:none}.campaign-panel .panel-heading{align-items:flex-start}.campaign-panel .phase-note{margin:0;padding:12px 14px;border-radius:14px;background:#eef8ff;color:#315d7b}.campaign-panel #campaignRows td{vertical-align:middle}.campaign-panel #campaignRows small{color:var(--muted)}.campaign-panel .empty-state.show{display:block}

/* Marca Klix na barra lateral */
.brand{gap:10px;padding:0 9px 24px;min-width:0}
.brand-logo{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;overflow:hidden}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain}
.brand-copy{min-width:0;display:block}
.brand-copy b{display:block;white-space:nowrap;font-size:14px;letter-spacing:.15px;font-weight:800}
.brand-copy small{display:block;white-space:nowrap;margin-top:3px;font-size:9px;letter-spacing:.35px;color:#b4c3dc}

/* Janelas de detalhes da agenda */
.appointment-day-modal,.appointment-details-modal{width:min(680px,100%);max-height:min(84vh,760px);overflow:auto}
.calendar-day-list{display:grid;gap:8px;max-height:55vh;overflow:auto}
.calendar-day-item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;padding:13px 15px;border:1px solid #e7ebf3;border-radius:14px;background:#fff;text-align:left;color:var(--ink,#1b2946);cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.calendar-day-item:hover{background:#f5f7ff;border-color:#aaa8ee;transform:translateY(-1px)}
.calendar-day-item time{font-weight:800;color:#5c55d8}.calendar-day-item span b,.calendar-day-item span small{display:block}.calendar-day-item span b{font-size:13px}.calendar-day-item span small{margin-top:4px;color:#74819a;font-size:10px}.calendar-day-item strong{font-size:11px;color:#68758d}
.appointment-details-content dl{display:grid;grid-template-columns:minmax(100px,.7fr) minmax(0,1.6fr);gap:10px 16px;margin:0}.appointment-details-content dt{color:#77839a;font-size:11px}.appointment-details-content dd{margin:0;color:#25334f;font-size:12px;font-weight:600;overflow-wrap:anywhere}
.password-modal{width:min(440px,100%)}
@media(max-width:540px){.modal-backdrop{padding:10px}.appointment-day-modal,.appointment-details-modal{max-height:90vh;padding:18px}.calendar-day-item{grid-template-columns:48px minmax(0,1fr);gap:8px;padding:11px}.calendar-day-item strong{grid-column:2}.appointment-details-content dl{grid-template-columns:1fr;gap:4px}.appointment-details-content dd{margin-bottom:9px}}
#dashboardOperationsPanel{margin-top:15px;padding:17px 17px 14px}.operations-appointment-dot{background:#6e9a88}.operations-panel .chart-area{height:164px}

/* A barra lateral acompanha o fundo claro usado nas páginas do aplicativo. */
.sidebar{background:var(--paper);color:#253450;border-right:1px solid #e4eaf3;box-shadow:8px 0 28px #23365b08}
#sidebar{font-weight:800}
.sidebar:before,.sidebar:after{opacity:.25}
.brand{color:#253450}
.brand-logo img{filter:brightness(0) saturate(100%) invert(17%) sepia(22%) saturate(1275%) hue-rotate(183deg) brightness(91%) contrast(91%)}
.brand-copy small{color:#71809b}
.studio-switch{border-color:#e1e7f1;background:#fff}
.studio-switch b{color:#253450}
.studio-switch small,.profile small{color:#71809b}
.nav-label{color:#8190a8}
.nav-item{color:#53627c}
.nav-item{font-weight:800}
#sidebar nav .nav-item,#sidebar .sidebar-bottom>.nav-item{font-weight:800}
.nav-label{font-weight:800}
.brand-copy b,.studio-switch b,.profile b{font-weight:800}
.brand-copy small,.studio-switch small,.profile small{font-weight:800}
#sidebar :is(.brand-copy b,.brand-copy small,.studio-switch b,.studio-switch small,.nav-label,.nav-item,.profile b,.profile small){font-weight:800!important}
.nav-item>span{color:#8291aa}
.nav-item:hover{background:#e9eef9;color:#253450}
.nav-item.active{color:#4e47c5;background:linear-gradient(100deg,#e8e9ff,#def8f1);box-shadow:inset 3px 0 #6159e8}
.nav-item.active>span{color:#5148d1}
.nav-item i{background:#e7ebf5;color:#667590}
.profile{border-color:#e1e7f1}
.profile button{color:#71809b;background:#eaf0fa}
.invitation-link-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 12px;padding:15px;margin:14px 0;border:1px solid #cfd8f2;border-radius:14px;background:#f5f7ff}
.invitation-link-panel label{display:block;min-width:0;font-size:11px;font-weight:700;color:#59657c}
.invitation-link-panel input{width:100%;height:42px;margin-top:6px;padding:0 11px;border:1px solid #dfe4ee;border-radius:10px;background:#fff;color:#34415e;font:600 12px Manrope,sans-serif}
.invitation-link-panel .phase-note{grid-column:1/-1;margin:0}
.gallery-metadata-panel{margin:14px 0;padding:14px;border:1px solid #e5eaf3;border-radius:16px;background:#fff}
.gallery-metadata-panel .catalog-form{margin-top:12px}
@media(max-width:540px){.invitation-link-panel{grid-template-columns:1fr}.invitation-link-panel .phase-note{grid-column:auto}}
.profile button:hover{background:#dfe7f5;color:#344565}
.supplier-panel-actions{display:flex;align-items:center;gap:8px}.supplier-purchase-form-panel{margin-top:14px}.supplier-purchase-items{min-width:0}.supplier-purchase-items-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 10px}.supplier-purchase-items-heading>b,.supplier-history-grid h3{color:#2b3854;font-size:12px;font-weight:800}.supplier-purchase-line{display:grid;grid-template-columns:minmax(180px,1.7fr) minmax(160px,1.3fr) minmax(100px,.7fr) minmax(135px,.9fr) auto;align-items:end;gap:10px;padding:12px;margin:9px 0;border:1px solid #e5eaf3;border-radius:14px;background:#f8faff}.supplier-purchase-line label{display:block;min-width:0;color:#64728b;font-size:10px;font-weight:750}.supplier-purchase-line input,.supplier-purchase-line select{width:100%;height:42px;margin-top:6px;padding:0 10px;border:1px solid #dfe5f0;border-radius:11px;background:#fff;color:#34415e;font:700 12px Manrope,sans-serif}.supplier-purchase-line .supplier-purchase-remove{height:42px;white-space:nowrap}.supplier-purchase-line [hidden]{display:none!important}.supplier-history-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.supplier-history-grid>div{min-width:0;padding:14px;border:1px solid #e8edf5;border-radius:14px;background:#fff}.supplier-history-grid>div:last-child{grid-column:1/-1}.supplier-row-note{display:block;margin-top:4px;color:#8190a8;font-size:10px;line-height:1.4}.supplier-history-grid td{vertical-align:top}.supplier-purchase-form-panel .form-buttons{align-items:center}
@media(max-width:980px){.supplier-purchase-line{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-purchase-remove{justify-self:start}.supplier-history-grid{grid-template-columns:1fr}}
@media(max-width:540px){.supplier-panel-actions{align-items:stretch;flex-direction:column}.supplier-purchase-line{grid-template-columns:1fr}.supplier-history-grid>div:last-child{grid-column:auto}}
.contract-document-proof{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px}.contract-document-proof small{color:#8995aa;font-size:9px;overflow-wrap:anywhere}

/* Mantém os painéis da Visão Geral dentro da largura disponível no celular. */
.dashboard-grid>*,.bottom-grid>*{min-width:0}
@media(max-width:820px){.dashboard-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.bottom-grid .table-wrap{max-width:100%;min-width:0}}

.external-gallery-password-value{overflow-wrap:anywhere;color:#293854;font:800 14px Manrope,sans-serif;padding:10px 12px;border:1px dashed #ccd6e8;border-radius:12px;background:#f7f9fd}

.sessions-modal{width:min(620px,100%)}.session-list{display:grid;gap:9px;max-height:min(46vh,360px);overflow:auto;margin:14px 0}.session-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:13px 14px;border:1px solid #e5eaf3;border-radius:13px;background:#f9faff}.session-list article b,.session-list article small{display:block}.session-list article b{font-size:12px;color:#2b3854}.session-list article small{margin-top:4px;color:#76839a;font-size:10px;line-height:1.45}.session-current{flex:none;padding:4px 8px;border-radius:999px;background:#e4f5ee;color:#287458;font-size:9px;font-weight:800}.session-other{flex:none;padding:4px 8px;border-radius:999px;background:#edf0f7;color:#68758d;font-size:9px;font-weight:800}.button-danger{border:1px solid #f1cccc;background:#fff1f1;color:#a33c43}.button-danger:hover{background:#ffe4e4;color:#8d2932}

/* Tipografia da barra lateral: textos e opções com peso negrito uniforme. */
#sidebar :is(.brand-copy b,.brand-copy small,.studio-switch b,.studio-switch small,.nav-label,.nav-item,.profile b,.profile small){font-weight:700!important}

/* Ações principais unificadas na paleta violeta e verde água do aplicativo. */
.button-primary{background:linear-gradient(135deg,#6259df,#18b7a4);color:#fff;box-shadow:0 6px 16px #6259df35}
.button-primary:hover{background:linear-gradient(135deg,#554bd2,#10a992);box-shadow:0 9px 19px #5148c832;transform:translateY(-2px)}
.segmented button.selected{background:#e9e9ff;color:#5148c8}
.top-account{display:flex;align-items:center;gap:8px;min-width:0}
.top-account-name{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#2b3854;font-size:11px;font-weight:800}
.top-logout-button{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 11px;border:1px solid #e0e5f4;border-radius:11px;background:#f0f1ff;color:#5148c8;font:800 11px Manrope,sans-serif;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.top-logout-button svg{width:15px;height:15px;flex:none}
.top-logout-button:hover{background:#e5e7ff;border-color:#c9caf6;transform:translateY(-1px)}
.top-logout-button:focus-visible{outline:2px solid #6259df;outline-offset:2px}
@media(max-width:540px){.top-account{gap:5px}.top-account-name{max-width:78px;font-size:10px}.top-logout-button{height:34px;padding:0 8px;gap:5px;font-size:10px}.top-logout-button svg{width:14px;height:14px}}

/* Controles residuais na paleta violeta e verde-água. */
.catalog-action{color:#5148c8;border-color:#d5d7f6;background:#f7f7ff}
.catalog-action:hover{background:#e9e9ff;border-color:#b9b8f3;color:#423bb5}
.notification-panel-head button{color:#5148c8}
.add-appointment{color:#5148c8}
.add-appointment:hover{color:#423bb5}
.profile button:hover{color:#5148c8}
.app-update-notice button:focus-visible{outline-color:#6259df}

/* Acabamento compartilhado dos campos e seleções em todas as páginas. */
:root{--control-height:42px;--control-radius:12px;--control-border:#dce4ef;--control-focus:#6259df}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select,textarea{
  box-sizing:border-box;
  border:1px solid var(--control-border)!important;
  border-radius:var(--control-radius)!important;
  background:#fbfcff!important;
  color:#263651!important;
  font:600 12px/1.4 'Manrope','DM Sans',system-ui,sans-serif!important;
  box-shadow:none;
}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]),select{height:var(--control-height);min-height:var(--control-height);padding:0 12px!important}
textarea{min-height:96px;padding:10px 12px!important;line-height:1.55!important}
select option{font:600 12px 'Manrope','DM Sans',system-ui,sans-serif;color:#263651;background:#fff}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):focus,select:focus,textarea:focus{
  border-color:var(--control-focus)!important;
  outline:0!important;
  box-shadow:0 0 0 4px #6259df1b!important;
  background:#fff!important;
}
input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}
input[type=checkbox],input[type=radio]{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  width:18px;
  height:18px;
  min-width:18px;
  min-height:18px;
  margin:0;
  display:inline-grid;
  place-content:center;
  flex:0 0 18px;
  border:1.5px solid #bdc9dc;
  border-radius:5px;
  background:#fff;
  color:#fff;
  accent-color:#6259df;
  cursor:pointer;
  transition:background .14s,border-color .14s,box-shadow .14s;
}
input[type=radio]{border-radius:50%}
input[type=checkbox]::before,input[type=radio]::before{content:'';display:block;transform:scale(0);transition:transform .12s ease}
input[type=checkbox]::before{width:8px;height:5px;border:2px solid currentColor;border-top:0;border-right:0;transform:translateY(-1px) rotate(-45deg) scale(0)}
input[type=radio]::before{width:7px;height:7px;border-radius:50%;background:currentColor}
input[type=checkbox]:checked,input[type=radio]:checked{border-color:#6259df;background:linear-gradient(135deg,#6259df,#18b7a4)}
input[type=checkbox]:checked::before{transform:translateY(-1px) rotate(-45deg) scale(1)}
input[type=radio]:checked::before{transform:scale(1)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:0;box-shadow:0 0 0 4px #6259df26}
input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.55}
form label,.catalog-form>label,.user-form>label,.report-filters>label,.modal form>label,.modal>label,.auth-form>label,.order-task-form>label,.client-note-form>label,.client-support-reply>label{
  color:#53627c;
  font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif;
}
.catalog-form>label:not(.check-field),.user-form>label,.report-filters>label,.modal form>label,.modal>label,.auth-form>label,.order-task-form>label,.client-note-form>label,.client-support-reply>label{display:grid;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px}
.catalog-form>label:not(.check-field)>input:not([type=hidden]),.catalog-form>label:not(.check-field)>select,.catalog-form>label:not(.check-field)>textarea,.user-form>label>input,.user-form>label>select,.report-filters>label>input,.report-filters>label>select,.modal form>label>input,.modal form>label>select,.modal form>label>textarea,.auth-form>label>input,.order-task-form>label>input,.order-task-form>label>select,.order-task-form>label>textarea,.client-note-form>label>textarea,.client-support-reply>label>select,.client-support-reply>label>textarea{width:100%;margin-top:0!important}
.check-field,.payment-method-settings label{display:flex;align-items:center;gap:9px;color:#53627c;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif;cursor:pointer}
.catalog-form .check-field{min-height:42px;padding:8px 10px;border:1px solid #e5eaf3;border-radius:12px;background:#fbfcff}
.permission-check,.dashboard-widget-choice{align-items:center;gap:10px;border-color:#e2e8f2;border-radius:13px;background:#fff;color:#465875;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif}
.permission-check input{margin:0;align-self:center}
.permission-check b{font-size:11px;color:#344563}
.permission-check small{font:600 9px/1.4 'Manrope','DM Sans',system-ui,sans-serif;color:#8190a8}
.payment-method-settings{border-color:#e2e8f2;border-radius:13px;background:#fbfcff;color:#53627c;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif}
.payment-method-settings legend{font:800 11px 'Manrope','DM Sans',system-ui,sans-serif;color:#344563}
.dashboard-widget-choice{min-height:42px}
.gallery-upload-label{font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif}
.button,.catalog-action,.user-toggle,.calendar-today,.date-filter,.select-button,.top-logout-button{
  box-sizing:border-box;
  min-height:var(--control-height);
  height:var(--control-height);
  border-radius:12px;
  font:800 12px/1 'Manrope','DM Sans',system-ui,sans-serif;
}
.button{padding:0 15px}
.catalog-action,.date-filter,.select-button{padding:0 12px}
.calendar-today,.user-toggle{padding:0 13px}
.top-logout-button{height:42px;padding:0 12px;font-size:11px}
.segmented button,.calendar-views button{min-height:42px;height:42px;border-radius:12px;font:800 11px/1 'Manrope','DM Sans',system-ui,sans-serif}
.calendar-nav{box-sizing:border-box;width:38px;height:38px;min-height:38px;border:1px solid #dce4ef;border-radius:11px;background:#fff;color:#51617d;font:700 18px/1 'Manrope','DM Sans',system-ui,sans-serif}
.profile button,.icon-button,.notification-panel-head button,.global-search-result,.dots,.client-actions{font-family:'Manrope','DM Sans',system-ui,sans-serif}
.search-box{box-sizing:border-box;min-height:42px;border-radius:13px}
.search-box input{height:auto!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font:800 12px 'Manrope','DM Sans',system-ui,sans-serif!important}
.search-box input:focus{box-shadow:none!important;background:transparent!important}
.catalog-form .form-buttons,.modal-actions{align-items:center;gap:10px}
.catalog-form .form-buttons .button,.modal-actions .button{min-width:112px}
@media(max-width:1100px){.catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){
  .catalog-form{grid-template-columns:1fr}
  .button,.catalog-action,.user-toggle,.calendar-today,.date-filter,.select-button{min-height:42px;height:42px}
  .top-logout-button{height:42px;min-height:42px;font-size:11px}
  .segmented button,.calendar-views button{min-height:42px;height:42px;font-size:11px}
  .catalog-form .form-buttons .button,.modal-actions .button{min-width:0}
}

/* Remove os últimos estados dourados dos controles de ação. */
.calendar-nav:hover,.calendar-today:hover{border-color:#b9b8f3;color:#5148c8;background:#f7f7ff}
.calendar-nav:focus-visible,.calendar-today:focus-visible{border-color:#6259df;color:#5148c8}
.button-secondary:hover{background:#e9e9ff;border-color:#d5d7f6;color:#5148c8}

/* Selectores nativos com o mesmo acabamento tipográfico e visual em todo o app. */
select{
  appearance:none!important;
  -webkit-appearance:none!important;
  padding-right:38px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%23677A96' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 13px center!important;
  background-size:14px 14px!important;
  font:600 12px/1.4 'Manrope','DM Sans',system-ui,sans-serif!important;
  letter-spacing:0!important;
  cursor:pointer;
}
select:focus{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%236259DF' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 14px center!important;
  background-size:14px 14px!important;
}
select:disabled{cursor:not-allowed}
select option{font:600 12px 'Manrope','DM Sans',system-ui,sans-serif}
label{font-family:'Manrope','DM Sans',system-ui,sans-serif;font-size:11px;line-height:1.45;font-weight:700}
button{font-family:'Manrope','DM Sans',system-ui,sans-serif}

/* Auditoria: exibe IP e detalhes antes/depois com conteúdo legível e sem estourar a tabela. */
.audit-ip{white-space:nowrap;color:#68748a;font:600 11px/1.4 'Manrope','DM Sans',system-ui,sans-serif;font-variant-numeric:tabular-nums}
.audit-change summary{color:#5148c8;font-weight:700;cursor:pointer;white-space:nowrap}
.audit-change-values{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:10px;min-width:380px;margin-top:8px}
.audit-change-values strong{display:block;margin:0 0 5px;color:#657189;font-size:10px;text-transform:uppercase;letter-spacing:.04em}
.audit-change-values pre{max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:10px;border:1px solid #e5e8f0;border-radius:12px;background:#f7f8fc;color:#27324b;font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}
.audit-no-details{color:#8991a0;font-size:11px}
@media(max-width:540px){.audit-change-values{grid-template-columns:1fr;min-width:0}}

/* Padrao final de controles: a mesma altura, tipografia e foco em todas as telas. */
:root{--control-height:42px;--control-radius:12px;--control-border:#dce4ef;--control-focus:#6259df;--control-accent:#6259df}
label,legend{color:#53627c!important;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif!important}
.catalog-form>label:not(.check-field),.user-form>label:not(.check-field),.report-filters>label:not(.check-field),.modal form>label:not(.check-field),.modal>label:not(.check-field),.auth-form>label:not(.check-field),.order-task-form>label:not(.check-field),.client-note-form>label:not(.check-field),.client-support-reply>label:not(.check-field),.form-row>label:not(.check-field),.supplier-purchase-line>label:not(.check-field),.invitation-link-panel>label:not(.check-field){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:6px!important;color:#53627c!important;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif!important}
.catalog-form>label:not(.check-field)>input:not([type=hidden]),.catalog-form>label:not(.check-field)>select,.catalog-form>label:not(.check-field)>textarea,.user-form>label:not(.check-field)>input,.user-form>label:not(.check-field)>select,.report-filters>label:not(.check-field)>input,.report-filters>label:not(.check-field)>select,.modal form>label:not(.check-field)>input,.modal form>label:not(.check-field)>select,.modal form>label:not(.check-field)>textarea,.modal>label:not(.check-field)>input,.modal>label:not(.check-field)>select,.auth-form>label:not(.check-field)>input,.auth-form>label:not(.check-field)>select,.order-task-form>label:not(.check-field)>input,.order-task-form>label:not(.check-field)>select,.order-task-form>label:not(.check-field)>textarea,.client-note-form>label:not(.check-field)>textarea,.client-support-reply>label:not(.check-field)>select,.client-support-reply>label:not(.check-field)>textarea,.form-row>label:not(.check-field)>input,.form-row>label:not(.check-field)>select,.form-row>label:not(.check-field)>textarea,.supplier-purchase-line>label:not(.check-field)>input,.supplier-purchase-line>label:not(.check-field)>select,.invitation-link-panel>label:not(.check-field)>input{width:100%;margin-top:0!important}
.check-field,.payment-method-settings label{display:flex;align-items:center;gap:9px;min-height:42px;color:#53627c!important;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif!important;cursor:pointer}
.catalog-form .check-field{box-sizing:border-box;min-height:42px;padding:8px 10px;border:1px solid #e2e8f2;border-radius:12px;background:#fbfcff}
.permission-check,.dashboard-widget-choice{box-sizing:border-box;min-height:42px;align-items:center;gap:10px;border-color:#e2e8f2;border-radius:12px;background:#fff;color:#465875;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif}
.permission-check input,.dashboard-widget-choice input,.check-field input[type=checkbox],.payment-method-settings input[type=checkbox]{margin:0;align-self:center;flex:0 0 18px}
input[type=checkbox],input[type=radio]{accent-color:var(--control-accent)!important;border-color:#bdc9dc}
input[type=checkbox]:checked,input[type=radio]:checked{border-color:var(--control-accent);background:linear-gradient(135deg,#6259df,#18b7a4)}
input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{box-shadow:0 0 0 4px #6259df26}
input[type=file]{box-sizing:border-box;height:42px;min-height:42px;padding:4px 8px;border:1px solid var(--control-border);border-radius:12px;background:#f7f8fc;color:#51617d;font:600 11px/1.3 'Manrope','DM Sans',system-ui,sans-serif}
input[type=file]::file-selector-button{height:30px;margin-right:9px;padding:0 10px;border:1px solid #d5d7f6;border-radius:8px;background:#f0f1ff;color:#5148c8;font:800 11px 'Manrope','DM Sans',system-ui,sans-serif;cursor:pointer}
input[type=color]{box-sizing:border-box;width:56px;height:42px;min-height:42px;padding:4px;border:1px solid var(--control-border);border-radius:12px;background:#fff}
.button,.catalog-action,.user-toggle,.calendar-today,.date-filter,.select-button,.top-logout-button{box-sizing:border-box;min-height:42px;height:42px;border-radius:12px;font:800 12px/1 'Manrope','DM Sans',system-ui,sans-serif}
.catalog-action,.date-filter,.select-button{padding:0 12px}
.catalog-action,a.catalog-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.calendar-nav{box-sizing:border-box;width:42px;height:42px;min-height:42px;border-radius:12px;font:700 18px/1 'Manrope','DM Sans',system-ui,sans-serif}
.top-logout-button{height:42px;min-height:42px;padding:0 12px}
.button:focus-visible,.catalog-action:focus-visible,.user-toggle:focus-visible,.calendar-today:focus-visible,.date-filter:focus-visible,.select-button:focus-visible,.calendar-nav:focus-visible,.top-logout-button:focus-visible{outline:2px solid var(--control-focus);outline-offset:2px}
button:disabled,.button:disabled,.catalog-action:disabled,.user-toggle:disabled{cursor:not-allowed;opacity:.58}
select{height:var(--control-height)!important;min-height:var(--control-height)!important;padding-top:0!important;padding-bottom:0!important}
.app-update-notice button:focus-visible{outline-color:var(--control-focus)}

/* Ajustes finais para manter os filtros compactos no mesmo ritmo dos campos. */
#contractForm{align-items:start;gap:14px 16px}
#contractForm>label:not(.check-field){display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start;gap:6px!important;min-width:0;color:#53627c!important;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif!important}
#contractForm>label>input:not([type=hidden]),#contractForm>label>select,#contractForm>label>textarea{box-sizing:border-box;width:100%;height:42px;min-height:42px;margin:0!important;border:1px solid var(--control-border)!important;border-radius:12px!important;background-color:#fbfcff!important;color:#263651!important;font:600 12px/1.4 'Manrope','DM Sans',system-ui,sans-serif!important}
#contractForm>label>select{padding:0 38px 0 12px!important}
#contractForm>.form-buttons{grid-column:1/-1;align-items:center;min-height:42px}
.report-filters .button{height:42px;min-height:42px}
@media(max-width:540px){.top-logout-button{height:42px;min-height:42px;font-size:11px}.segmented button,.calendar-views button{min-height:42px!important;height:42px!important;font-size:11px}}
.client-row-name{align-items:flex-start}
.client-code-label{display:block;margin-top:4px;color:#6259df!important;font:800 9px/1.3 'Manrope','DM Sans',system-ui,sans-serif!important;letter-spacing:.035em}

/* Cores finais dos controles de ação: nenhum botão funcional usa dourado. */
.button-primary{background:linear-gradient(135deg,#6259df,#18b7a4)!important;color:#fff!important;box-shadow:0 6px 16px #6259df35}
.button-primary:hover:not(:disabled){background:linear-gradient(135deg,#554bd2,#10a992)!important;box-shadow:0 9px 19px #5148c832;transform:translateY(-2px)}
.commission-payment-dialog{border:0;max-width:min(510px,calc(100vw - 32px));max-height:calc(100vh - 32px);color:inherit}.commission-payment-dialog::backdrop{background:rgba(22,24,22,.48)}.commission-payment-dialog>form label{display:block;font-size:12px;font-weight:700;color:#555b69;margin-bottom:20px}.commission-payment-dialog select{display:block;width:100%;margin-top:8px;min-height:44px;border:1px solid #dce2ed;border-radius:12px;background:#fff;padding:10px 12px;font:600 14px 'DM Sans',sans-serif;color:#273043}
.button-secondary{background:#eef1fa!important;color:#5148c8!important;border:1px solid #e0e5f4!important}
.button-secondary:hover:not(:disabled){background:#e9e9ff!important;border-color:#d5d7f6!important;color:#5148c8!important}
.catalog-action,.user-toggle{border-color:#d5d7f6!important;background:#f7f7ff!important;color:#5148c8!important}
.catalog-action:hover:not(:disabled),.user-toggle:hover:not(:disabled){border-color:#b9b8f3!important;background:#e9e9ff!important;color:#423bb5!important}
.calendar-nav:hover:not(:disabled),.calendar-today:hover:not(:disabled){border-color:#b9b8f3!important;background:#f7f7ff!important;color:#5148c8!important}
.calendar-nav:focus-visible,.calendar-today:focus-visible{border-color:#6259df!important;color:#5148c8!important}
.calendar-day.is-today .calendar-day-number{background:#6259df!important;color:#fff!important;box-shadow:0 5px 12px #6259df35}
.notification-panel-head button{color:#5148c8!important}
.profile button:hover{color:#5148c8!important}

#page-contratos .placeholder-head{align-items:flex-start;gap:14px}
#page-contratos .placeholder-head>div{min-width:0}
#page-contratos .placeholder-head>.status{flex:none}
.contract-legal-note{display:block;margin-top:5px;color:#77839a;font-size:10px;font-weight:600;line-height:1.5}

.server-update-notice{margin:10px 38px 0;padding:11px 14px;border:1px solid #cfe3f2;border-radius:13px;background:#eef8ff;color:#315d7b;font:700 11px/1.5 'Manrope','DM Sans',system-ui,sans-serif}
.server-update-notice[hidden]{display:none}
@media(max-width:1120px){.server-update-notice{margin-inline:23px}}
@media(max-width:820px){.server-update-notice{margin:10px 16px 0}}
@media(max-width:540px){.server-update-notice{margin:9px 12px 0;padding:10px 12px}}

/* Frente de caixa */
.pos-launcher{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:-7px 0 20px;padding:21px 24px;border:1px solid #d9dcff;border-radius:18px;background:linear-gradient(110deg,#f1f0ff 0%,#effcf9 100%);box-shadow:0 10px 28px #6259df13}.pos-launcher-copy{display:flex;align-items:center;gap:16px;min-width:0}.pos-launcher-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#6259df,#18b7a4);color:#fff;font-size:27px;font-weight:800}.pos-launcher .eyebrow{margin:0 0 4px;color:#6259df;font-size:10px;font-weight:800;letter-spacing:.1em}.pos-launcher h2{margin:0;color:#252a43;font-size:20px}.pos-launcher p:not(.eyebrow){margin:5px 0 0;color:#666b7a;font-size:12px}.pos-launcher-action{display:grid;justify-items:end;gap:7px;flex:0 0 auto}.pos-launcher-action .button{min-height:46px;padding-inline:20px;font-size:13px}.pos-launcher-action .button:disabled{opacity:.55;cursor:not-allowed}.pos-launcher-action small{max-width:320px;color:#737687;text-align:right;font-size:10px}.cashier-panel{margin-bottom:20px;border:1px solid #dfe1fa;box-shadow:0 12px 32px #252a4310}.cashier-panel .panel-heading{align-items:flex-start}.cashier-panel .panel-heading .eyebrow{margin:0 0 4px;color:#6259df;font-size:9px;font-weight:800;letter-spacing:.1em}.cashier-panel .panel-heading h2{margin:0}.cashier-panel .catalog-form{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.cashier-panel .catalog-form>label{min-width:0}.cashier-add-button{min-height:43px;white-space:nowrap}.cashier-cart{display:grid;gap:7px}.cashier-cart-empty{margin:0;padding:16px;border:1px dashed #d9dced;border-radius:12px;color:#777b8b;text-align:center;font-size:12px}.cashier-cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 13px;border:1px solid #ececf5;border-radius:12px;background:#fff}.cashier-cart-line>div{display:grid;gap:3px;min-width:0}.cashier-cart-line b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30344b;font-size:12px}.cashier-cart-line small{color:#818596;font-size:10px}.cashier-cart-line strong{white-space:nowrap;color:#292e47;font-size:12px}.cashier-totals{justify-self:end;display:grid;gap:7px;width:min(100%,360px);padding:13px 15px;border-radius:14px;background:#f7f8ff}.cashier-totals>div{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#62677a;font-size:12px}.cashier-totals b{color:#34384e}.cashier-totals .cashier-grand-total{margin-top:4px;padding-top:10px;border-top:1px solid #e0e2f2;color:#252a43;font-weight:700}.cashier-grand-total strong{color:#5148c8;font-size:20px}.cashier-panel .form-buttons{align-items:center}.cashier-panel #cashierSubmit{min-height:46px;padding-inline:20px}.cashier-receipt{display:flex;align-items:center;gap:13px;margin-top:18px;padding:15px 17px;border:1px solid #b8eadb;border-radius:14px;background:#effbf7}.cashier-receipt[hidden]{display:none}.cashier-receipt-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#17a47c;color:#fff;font-size:17px;font-weight:800}.cashier-receipt>div{flex:1;min-width:0}.cashier-receipt b{color:#176a55;font-size:13px}.cashier-receipt p{margin:3px 0 0;color:#4d7067;font-size:11px}.cashier-receipt.is-warning{border-color:#f2d49f;background:#fff9eb}.cashier-receipt.is-warning .cashier-receipt-mark{background:#cc8a21}.cashier-receipt.is-warning b{color:#8a5b12}.cashier-receipt.is-warning p{color:#806c4f}@media(max-width:820px){.pos-launcher{align-items:flex-start;flex-direction:column}.pos-launcher-action{justify-items:start}.pos-launcher-action small{text-align:left}.cashier-panel .catalog-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.pos-launcher{padding:16px;border-radius:15px}.pos-launcher-copy{align-items:flex-start;gap:11px}.pos-launcher-icon{flex-basis:43px;width:43px;height:43px;border-radius:13px;font-size:22px}.pos-launcher h2{font-size:17px}.pos-launcher p:not(.eyebrow){font-size:11px}.pos-launcher-action,.pos-launcher-action .button{width:100%}.cashier-panel .catalog-form{grid-template-columns:1fr}.cashier-cart-line{grid-template-columns:minmax(0,1fr) auto;gap:7px}.cashier-cart-line .catalog-action{grid-column:1/-1;justify-self:start}.cashier-receipt{align-items:flex-start;flex-wrap:wrap}.cashier-receipt>div{flex-basis:calc(100% - 52px)}.cashier-receipt .button{margin-left:47px}}

.cashier-pricing-message{grid-column:1/-1;margin:2px 0 0;color:#71809a;font-size:10px;line-height:1.5}.cashier-pricing-message.is-error,#cashierCouponHint.is-error{color:#bc4f46!important;font-weight:700}

/* Layouts compactos para os relatórios e itens de backup em telefones. */
@media(max-width:540px){
  #page-relatorios .section-title{flex-wrap:wrap;gap:8px}
  #page-relatorios .section-title>div:first-child{flex:1 0 100%;min-width:0}
  #page-relatorios .section-title>.button{flex:0 1 auto;white-space:normal;padding-inline:8px}
  #backupList>div{flex-wrap:wrap;row-gap:8px;min-width:0}
  #backupList>div>p{flex:1 0 calc(100% - 40px);min-width:0;overflow-wrap:anywhere}
  #backupList>div>.catalog-action{flex:1 1 76px;min-width:0;padding-inline:8px}
}
.cashier-nav-button{width:100%;border:1px solid transparent;background:transparent;color:inherit;text-align:left;cursor:pointer}.cashier-nav-button:hover{background:#ffffff12;color:#fff}.cashier-nav-button .nav-icon{color:#a6b5d0}.cashier-nav-button .nav-item-badge{margin-left:auto;padding:3px 7px;border-radius:999px;background:#ffffff17;color:#e8ecfb;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.04em}
.cashier-nav-button{font-family:inherit;font-size:12px;font-weight:800}.cashier-nav-button:focus-visible{outline:3px solid #19a88f;outline-offset:2px}

/* Campos de período personalizado do painel usam os mesmos tokens dos demais formulários. */
.dashboard-custom-range{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}
.dashboard-custom-range[hidden]{display:none!important}
#page-inicio .dashboard-custom-range label{display:grid;gap:6px;min-width:0;color:#53627c!important;font:700 11px/1.45 'Manrope','DM Sans',system-ui,sans-serif!important}
#page-inicio .dashboard-custom-range input{box-sizing:border-box;width:100%;height:var(--control-height);min-height:var(--control-height);padding:0 12px;border:1px solid var(--control-border);border-radius:var(--control-radius);background:#fbfcff;color:#263651;font:600 12px/1.4 'Manrope','DM Sans',system-ui,sans-serif}

/* PDV simplificado: fluxo guiado em quatro passos */
.pos-checkout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:16px;margin-top:18px;align-items:start}
.pos-customer-step,.pos-items-step,.pos-advanced{grid-column:1/-1}
.pos-step{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;padding:20px;border:1px solid #e5e7f4;border-radius:18px;background:#fff;box-shadow:0 5px 18px #252a4308;min-width:0}
.pos-step-index,.pos-mini-step{display:grid;place-items:center;border-radius:50%;background:#e9e9ff;color:#5148c8;font-size:14px;font-weight:800}
.pos-step-index{width:34px;height:34px}
.pos-mini-step{width:26px;height:26px;font-size:12px;flex:0 0 auto}
.pos-step-content{min-width:0}
.pos-step-heading,.pos-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pos-step-heading h3,.pos-section-heading h3{display:flex;align-items:center;gap:9px;margin:0;color:#252a43;font-size:16px}
.pos-step-heading p,.pos-section-heading p{margin:4px 0 0;color:#777b8b;font-size:12px;line-height:1.5}
.pos-customer-step .pos-step-content>label{display:block;max-width:620px;color:#52566b;font-size:12px;font-weight:700}
.pos-customer-step input,.pos-item-entry input,.pos-item-entry select,.pos-advanced input,.pos-advanced select,.pos-payment-fields select,.pos-payment-fields input{width:100%;margin-top:6px}
.pos-item-count{flex:0 0 auto;padding:6px 10px;border-radius:999px;background:#effbf8;color:#167c69;font-size:11px;font-weight:800}
.pos-item-entry{display:grid;grid-template-columns:minmax(160px,1fr) minmax(190px,1.2fr) 112px 130px;gap:10px;align-items:end}
.pos-item-entry label,.pos-advanced-grid label,.pos-payment-fields label{display:block;min-width:0;color:#52566b;font-size:11px;font-weight:700}
.pos-item-entry label input,.pos-item-entry label select,.pos-advanced-grid label input,.pos-advanced-grid label select,.pos-payment-fields label input,.pos-payment-fields label select{display:block}
.pos-search-hint{margin:8px 0 14px;color:#777b8b;font-size:11px;line-height:1.45}
.pos-cart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:16px 0 8px}
.pos-cart-heading h4{margin:0;color:#353951;font-size:13px}
.pos-cart-heading>span{color:#85899a;font-size:10px}
.cashier-cart{display:grid;gap:8px}
.cashier-cart-line{grid-template-columns:minmax(0,1fr) auto auto auto;gap:12px;padding:12px 14px}
.cashier-cart-description{display:grid;gap:4px;min-width:0}
.cashier-cart-description b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#30344b;font-size:12px}
.cashier-cart-description small{color:#818596;font-size:10px}
.cashier-quantity-controls{display:flex;align-items:center;gap:8px}
.cashier-quantity-controls button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dfe1f3;border-radius:10px;background:#f7f7ff;color:#5148c8;font:700 15px/1 Manrope, sans-serif;cursor:pointer}
.cashier-quantity-controls button:hover{border-color:#bbb9f0;background:#efefff}
.cashier-quantity-controls span{min-width:18px;text-align:center;color:#363a50;font-size:12px;font-weight:800}
.cashier-cart-line>strong{white-space:nowrap;color:#292e47;font-size:12px}
.pos-advanced{overflow:hidden;border:1px solid #e5e7f4;border-radius:16px;background:#fafaff}
.pos-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;color:#393d55;font-size:13px;font-weight:800;cursor:pointer;list-style:none}
.pos-advanced summary::-webkit-details-marker{display:none}
.pos-advanced summary:after{content:'＋';display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#ececff;color:#5148c8;font-size:16px}
.pos-advanced[open] summary:after{content:'−'}
.pos-advanced summary small{margin-left:auto;color:#777b8b;font-size:10px;font-weight:500;text-align:right}
.pos-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 18px 18px}
.pos-advanced-grid small{display:block;margin-top:5px;color:#85899a;font-size:10px;font-weight:500}
.pos-summary,.pos-payment{min-width:0;padding:20px;border:1px solid #e3e5f4;border-radius:18px;background:#fff;box-shadow:0 8px 22px #252a4308}
.pos-summary .cashier-totals{justify-self:stretch;width:100%;max-width:none}
.cashier-totals .cashier-grand-total{align-items:flex-end}
.cashier-grand-total strong{font-size:25px}
.cashier-pricing-message{margin:4px 0 0;color:#777b8b;font-size:10px;line-height:1.45}
.pos-payment-fields{display:grid;gap:12px}
.pos-payment-fields label small{display:block;margin-top:5px;color:#777b8b;font-size:10px;font-weight:500}
.pos-submit-area{display:grid;gap:8px;margin-top:15px}
.pos-submit-area #cashierSubmit{width:100%;min-height:48px;font-size:13px}
.pos-submit-area small{color:#777b8b;font-size:10px;line-height:1.45}
.pos-submit-area #cashierMessage{font-size:11px}
@media(max-width:900px){.pos-checkout{grid-template-columns:1fr}.pos-summary,.pos-payment{grid-column:1/-1}.pos-advanced-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-item-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 112px}.cashier-add-button{grid-column:1/-1}}
@media(max-width:560px){.pos-step{grid-template-columns:28px minmax(0,1fr);gap:10px;padding:15px;border-radius:15px}.pos-step-index{width:28px;height:28px;font-size:12px}.pos-step-heading,.pos-section-heading{align-items:flex-start}.pos-step-heading h3,.pos-section-heading h3{font-size:14px}.pos-step-heading p,.pos-section-heading p{font-size:11px}.pos-item-entry,.pos-advanced-grid{grid-template-columns:1fr}.cashier-add-button{grid-column:auto;width:100%}.pos-advanced summary{align-items:flex-start;padding:13px}.pos-advanced summary small{margin:3px 0 0;text-align:left}.pos-advanced summary:after{flex:0 0 28px}.pos-advanced-grid{padding:0 13px 14px}.pos-summary,.pos-payment{padding:15px;border-radius:15px}.cashier-cart-line{grid-template-columns:minmax(0,1fr) auto;gap:9px}.cashier-quantity-controls{grid-column:1;grid-row:2;justify-self:start}.cashier-cart-line>strong{grid-column:2;grid-row:1/3}.cashier-cart-line .catalog-action{grid-column:1/-1;justify-self:start}.pos-cart-heading>span{font-size:9px}}
.cashier-panel{scroll-margin-top:96px}

/* Checkout compacto: carrinho e fechamento visíveis lado a lado */
.pos-checkout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);grid-template-areas:"client client" "items summary" "advanced summary";gap:10px 14px;align-items:start}
.pos-customer-step{grid-area:client;padding:10px 14px;grid-template-columns:28px minmax(0,1fr);gap:10px}
.pos-customer-step .pos-step-index{width:28px;height:28px;font-size:12px}
.pos-customer-step .pos-step-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px 14px;align-items:end}
.pos-customer-step .pos-step-heading{grid-column:1/-1;margin:0 0 2px}
.pos-customer-step .pos-step-heading h3{font-size:14px}
.pos-customer-step .pos-step-heading p{font-size:10px}
.pos-customer-step .pos-step-content>label{max-width:none;font-size:10px}
.pos-customer-step .pos-step-content>label input,.pos-customer-step .pos-step-content>label select{margin-top:4px}
.pos-customer-step .pos-search-hint{grid-column:1/-1;margin:0;font-size:9px}
.pos-items-step{grid-area:items;padding:14px}
.pos-items-step .pos-step-heading{margin-bottom:9px}
.pos-items-step .pos-step-heading h3{font-size:14px}
.pos-items-step .pos-step-heading p{font-size:10px}
.pos-item-entry{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 9px}
.pos-item-entry label{font-size:10px}
.pos-search-hint{margin:5px 0 9px;font-size:9px}
.pos-cart-heading{margin:10px 0 6px}
.cashier-cart{max-height:146px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}
.cashier-cart-line{grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;padding:8px 10px}
.cashier-cart-description b,.cashier-cart-line>strong{font-size:11px}
.cashier-cart-description small{font-size:9px}
.cashier-quantity-controls{gap:5px}
.cashier-quantity-controls button{width:27px;height:27px}
.cashier-cart-line .catalog-action{min-height:32px;height:32px;padding:0 8px;font-size:10px}
.pos-advanced{grid-area:advanced;align-self:start}
.pos-advanced summary{padding:11px 13px;font-size:11px}
.pos-advanced summary small{font-size:9px}
.pos-summary{grid-area:summary;position:sticky;top:76px;max-height:calc(100vh - 125px);overflow-y:auto;padding:14px;border-radius:15px;overscroll-behavior:contain}
.pos-summary .pos-section-heading{margin-bottom:8px}
.pos-summary .pos-section-heading h3{font-size:14px}
.pos-summary .pos-section-heading p{font-size:9px}
.pos-summary .cashier-totals{gap:4px;padding:9px 11px;border-radius:12px}
.pos-summary .cashier-totals>div{font-size:10px}
.pos-summary .cashier-grand-total{padding-top:7px}
.pos-summary .cashier-grand-total strong{font-size:22px}
.pos-summary .cashier-pricing-message{font-size:9px}
.pos-payment-content{margin-top:10px;padding-top:10px;border-top:1px solid #eceef7}
.pos-payment-content .pos-section-heading{margin-bottom:8px}
.pos-payment-content .pos-section-heading h3{font-size:13px}
.pos-payment-content .pos-section-heading p{font-size:9px}
.pos-payment-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.pos-payment-fields label{font-size:9px}
.pos-payment-fields label input,.pos-payment-fields label select{margin-top:4px}
.pos-payment-fields #cashierCashTenderField{grid-column:1/-1}
.pos-payment-fields label small{font-size:9px}
.pos-submit-area{gap:5px;margin-top:9px}
.pos-submit-area #cashierSubmit{min-height:44px;font-size:11px}
.pos-submit-area small{font-size:9px}
.cashier-panel{scroll-margin-top:82px}
@media(max-width:900px){.pos-checkout{grid-template-columns:minmax(0,1fr);grid-template-areas:"client" "items" "advanced" "summary";gap:10px}.pos-summary{position:static;max-height:none;overflow:visible}.pos-items-step,.pos-summary,.pos-advanced{grid-column:auto}}
@media(max-width:560px){.pos-customer-step .pos-step-content{grid-template-columns:minmax(0,1fr);gap:8px}.pos-customer-step .pos-step-heading,.pos-customer-step .pos-search-hint{grid-column:1}.pos-item-entry{grid-template-columns:minmax(0,1fr)}.cashier-cart-line{grid-template-columns:minmax(0,1fr) auto;gap:8px}.cashier-cart-line>strong{grid-column:2;grid-row:1/3}.cashier-cart-line .catalog-action{grid-column:1/-1;grid-row:auto}.pos-payment-fields{grid-template-columns:minmax(0,1fr)}.pos-payment-fields #cashierCashTenderField{grid-column:1}}
/* O PDV abre como caixa de tela cheia para esconder a altura do módulo financeiro. */
body.cashier-active{overflow:hidden}
.cashier-panel:not([hidden]){position:fixed;inset:69px 12px 8px 260px;z-index:6;margin:0;padding:11px 16px;overflow:auto;overscroll-behavior:contain;scroll-margin:0;border-radius:18px;box-shadow:0 18px 58px #20264a35}.cashier-panel:not([hidden])>.panel-heading{margin-bottom:10px}body.cashier-active .app-update-notice{display:none}
.pos-checkout{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);grid-template-areas:"client advanced" "items summary";align-content:start;margin-top:10px;gap:8px 14px}
.pos-customer-step,.pos-items-step,.pos-advanced{grid-column:auto}
.pos-advanced{align-self:center;margin:0}
.pos-advanced summary{gap:8px}
.pos-advanced summary small{max-width:190px}
.pos-summary{position:static;max-height:none;overflow:visible}
@media(max-width:900px){.cashier-panel:not([hidden]){inset:68px 8px 8px}.pos-checkout{grid-template-columns:minmax(0,1fr);grid-template-areas:"client" "items" "advanced" "summary"}.pos-customer-step,.pos-items-step,.pos-summary,.pos-advanced{grid-column:auto}}

/* Rótulos do cliente ficam claramente acima de cada controle. */
.pos-customer-step .pos-step-content>label{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto var(--control-height);gap:4px;align-content:end;align-items:center;min-width:0}
.pos-customer-step .pos-step-content>label input,.pos-customer-step .pos-step-content>label select{display:block;width:100%;min-width:0;margin-top:0}

.cashier-nav-button.active,.cashier-nav-button.active:hover{color:#fff;background:linear-gradient(100deg,#645be84a,#18b7a41a);box-shadow:inset 3px 0 #6c64f3}.cashier-nav-button.active>.nav-icon{color:#77e0cc}

.pos-mobile-nav{display:none}
@media(max-width:900px){
  .pos-mobile-nav{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0 -8px 8px;padding:7px 8px;background:#f7f8fd;border-bottom:1px solid #e5e9f3}
  .pos-mobile-nav button{min-width:0;min-height:42px;padding:4px;border:1px solid #dfe5f0;border-radius:10px;background:#fff;color:#465579;font:800 10px/1.2 'Manrope','DM Sans',system-ui,sans-serif;cursor:pointer}
  .pos-mobile-nav button:focus-visible{outline:2px solid #6359e8;outline-offset:2px}
  #cashierClientStep,#cashierItemsStep,#cashierSummaryTitle,#cashierPaymentTitle{scroll-margin-top:63px}
}

.gallery-delivery-history{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}.gallery-delivery-history h4{margin:0 0 8px;color:#4c5a75;font-size:12px}.gallery-delivery-history ol{display:grid;gap:8px;list-style:none;margin:0;padding:0}.gallery-delivery-history li{padding:10px 12px;border:1px solid #e5e9f2;border-radius:12px;background:#fafbff}.gallery-delivery-history li div{display:grid;gap:4px}.gallery-delivery-history li b{color:#37435f;font-weight:800}.gallery-delivery-history li small{color:#68758d;font-size:10px;line-height:1.5}