/* Quiet Luxury: one shared surface, type and state system for CORE. */
:root{--ql-background:#f7f5f1;--ql-surface:#fff;--ql-raised:#fffdfa;--ql-border:#e5e0d8;--ql-ink:#25231f;--ql-secondary:#68645d;--ql-tertiary:#777269;--ql-accent:#8b7045;--ql-success:#32634e;--ql-warning:#80602c;--ql-danger:#a3433e;--ql-info:#456577;--ql-success-bg:#edf3ee;--ql-warning-bg:#f5f0e5;--ql-danger-bg:#faefed;--ql-info-bg:#eef3f6;--ql-space-1:4px;--ql-space-2:8px;--ql-space-3:12px;--ql-space-4:16px;--ql-space-5:24px;--ql-space-6:32px;--ql-space-7:48px;--ql-radius:6px;--ql-shadow:0 2px 8px #25231f04;--ui-paper:var(--ql-background);--ui-surface:var(--ql-surface);--ui-ink:var(--ql-ink);--ui-muted:var(--ql-secondary);--ui-line:var(--ql-border);--ui-accent:#765b35}
html body{background:var(--ql-background)!important;color:var(--ql-ink)!important;font-size:14px!important}body .main{padding:28px 32px 80px!important}body .sidebar{background:#211f1b!important;padding:30px 20px!important}body .brand{font-size:40px!important;text-align:center;letter-spacing:.08em!important}body .brand small{font-size:9px!important;letter-spacing:.22em!important;color:#d1c4ac!important}body .brand:before{content:'C';display:block;margin-bottom:12px;font-family:Georgia,serif;font-size:35px;font-weight:400;color:#b9a078;line-height:1}.sidebar .nav{margin-top:30px!important}.sidebar .nav button{min-height:46px!important;font-size:13px!important;color:#d6d2c9!important}.sidebar .nav button.active{background:#40392e!important;color:#fff!important;border-left-color:#c8a66d!important}.sidebar .nav button:hover:not(.active){background:#302c25!important;color:#fff!important}.sidebar .nav button i{color:#c7b28c!important}.sidebar .profile{font-size:11px!important;color:#c2baab!important;border-color:#4e463a!important}body .top{min-height:84px!important;margin-bottom:24px!important;border-bottom:1px solid var(--ql-border)!important}.top #pageTitle{font-size:40px!important;line-height:1.16!important}.top #pageSub{font-size:13px!important;color:var(--ql-secondary)!important}.top .accessSwitch label{font-size:10px!important;letter-spacing:.09em!important}.top .accessSwitch select{height:38px!important;min-height:38px!important}.top .roleBadge{background:#ede7dc!important;color:#615139!important;font-size:11px!important}.top .notifyButton{border-color:var(--ql-border)!important}
body .panel{border-color:var(--ql-border)!important;background:var(--ql-surface)!important;border-radius:var(--ql-radius)!important;box-shadow:var(--ql-shadow)!important}body .panel:before,body .panel:after{display:none!important}body .panel h2{font-size:30px!important}body .panel h3{font-size:25px!important;font-family:var(--ui-serif)!important;line-height:1.25!important}body .panel h4{font-family:var(--ui-sans)!important}body .btn,body .quickAction,body .actionStack button{border-radius:5px!important;min-height:40px!important;font-size:13px!important;font-weight:500!important;letter-spacing:0!important;box-shadow:none!important}body .btn.lime{background:#765b35!important;border-color:#765b35!important;color:white!important}body .btn.outline,body .btn.soft{background:#fff!important;border:1px solid #d5cec2!important;color:#514a40!important}body button:hover:not(:disabled){filter:brightness(.975)}body .btn.danger{background:#fff!important;color:var(--ql-danger)!important;border:1px solid #d8b4ad!important}
body input,body select,body textarea{border-radius:5px!important;font-size:14px!important;line-height:1.5!important}body .search,body .filter,body .field input,body .field select,body .field textarea{background:#fff!important;border:1px solid #c6beb2!important;min-height:42px!important;color:var(--ql-ink)!important}body input:disabled,body select:disabled,body textarea:disabled{background:#f2f0eb!important;color:#78746c!important;opacity:1!important}body [aria-invalid=true],body input:user-invalid{border-color:var(--ql-danger)!important;background:#fffcfb!important}body :is(input,textarea)::placeholder{color:var(--ql-tertiary)!important}body :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible{outline:2px solid #765b35!important;outline-offset:3px!important}body .fieldHint,body .sub,body .editorNote,body .accessNotice{font-size:12px!important;line-height:1.6!important;color:var(--ql-secondary)!important}body .modal{background:#fff!important;border:1px solid var(--ql-border)!important;border-radius:8px!important}body .modalTop h2{font-size:29px!important}body .modalTop{border-color:var(--ql-border)!important}body .modalActions{border-color:var(--ql-border)!important}body .toast{background:#29251f!important;color:white!important;font-size:14px!important}
body table{border-collapse:collapse!important;font-variant-numeric:tabular-nums;letter-spacing:0!important}body th{color:#68645d!important;background:#faf9f6!important;font-size:12px!important;font-weight:500!important;border-bottom:1px solid var(--ql-border)!important}body td{font-size:13px!important;border-left:0!important;border-right:0!important;border-bottom:1px solid #eeebe5!important;background:transparent!important}body tbody tr:hover{background:#f8f6f1!important}body .managerTable td:not(:first-child),body .managerTable th:not(:first-child){text-align:right!important}body .inventoryTable td{font-variant-numeric:tabular-nums}body .controlBadge{background:#efebe3!important;color:#655a46!important;font-size:12px!important}body .uiDisclosure{border-color:var(--ql-border)!important;background:#fff!important;border-radius:6px!important}body .uiDisclosure>summary{color:#514a40!important;font-size:13px!important;font-weight:500!important}
/* 01. Dashboard — numerical priority and actual project imagery. */
#dashboardPage .dashboardQuick{gap:8px!important;margin-bottom:20px!important}.dashboardQuick .quickAction{padding:9px 13px!important;background:#fff!important;border:1px solid var(--ql-border)!important;color:#514a40!important}.dashboardQuick .quickAction.primary{background:#29251f!important;color:#fff!important}.dashboardQuick .quickAction i{background:transparent!important;width:20px!important;height:20px!important;color:inherit!important;font-size:15px!important}
#dashboardPage #dashboardGrid{gap:12px!important;background:transparent!important;border:0!important}
#dashboardPage #dashboardGrid>div.panel.dashCard{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-height:116px!important;padding:18px 20px!important;border:1px solid var(--ql-border)!important;border-radius:6px!important;background:#fff!important}
#dashboardPage #dashboardGrid>div.panel.dashCard:not(.dashWide)>b{order:-1!important;font-family:var(--ui-serif)!important;font-size:34px!important;font-weight:500!important;margin:0 0 8px!important;line-height:1.1!important;letter-spacing:-.02em!important}
#dashboardPage #dashboardGrid>div.panel.dashCard>span{font-size:12px!important;letter-spacing:0!important;color:#625d54!important}
#dashboardPage #dashboardGrid>div.panel.dashCard.dashValue{background:#29251f!important}#dashboardPage #dashboardGrid>div.panel.dashCard.dashValue>span,#dashboardPage #dashboardGrid>div.panel.dashCard.dashValue>b{color:#fffaf1!important}
#dashboardPage #dashboardGrid>div.panel.dashCard.dashAlert:not(.ok){background:#fffaf6!important}
#dashboardPage #dashboardGrid .photoProjects{grid-column:1/-1!important;order:1!important;margin:4px 0!important;gap:16px!important}
#dashboardPage #dashboardGrid>section.focusDesk{order:2!important;padding:24px!important;border:1px solid var(--ql-border)!important;border-radius:6px!important}.focusDeskHead{padding-bottom:16px!important;margin-bottom:12px!important}.focusDeskHead h3{font-size:26px!important}.focusDeskHead>div>span{font-size:10px!important;letter-spacing:.08em!important}.focusDeskHead em{font-size:11px!important;background:#f1ece2!important}.focusItem{border-color:var(--ql-border)!important}.focusItem b{font-size:13px!important;font-weight:550!important}.focusItem span,.focusEmpty{font-size:12px!important;color:var(--ql-secondary)!important}
#dashboardPage #dashboardGrid>div.panel.dashCard.dashWide{order:3!important;justify-content:flex-start!important;padding:24px!important;min-height:240px!important}.miniFunnel{width:100%}.miniFunnelBar{background:#f1eee7!important}.miniFunnelBar i{background:#a28b64!important}.photoProject{border:1px solid var(--ql-border)!important;border-radius:6px!important}.photoCaption strong{letter-spacing:.055em!important;font-size:27px!important}.photoCaption span{color:#6d5737!important}.complexPhoto{filter:none!important}
/* 02–03. Client book and deals. */
#clientsPage .clientGrid{grid-template-columns:280px minmax(0,1fr)!important;gap:20px!important}#clientsPage .clientList{border:1px solid var(--ql-border)!important;background:#fff!important;border-radius:6px!important;padding:20px 16px!important}#clientsPage .clientBookHead h2{font-size:25px!important}#clientsPage .clientItem{border-bottom:1px solid #eeeae3!important;min-height:84px!important}#clientsPage .clientItem.active{background:#f2ece0!important;box-shadow:inset 2px 0 #aa8e5c!important}#clientsPage .clientItem .avatar{background:#efebe3!important;color:#7a684e!important;border:0!important}#clientsPage .clientItem.active .avatar{background:#ddcfb7!important;color:#53412a!important}#clientsPage .clientHero{border:1px solid var(--ql-border)!important;border-radius:6px!important;background:white!important}#clientsPage .clientHero h2{font-size:36px!important}#clientsPage .clientEyebrow{color:#827151!important;font-size:10px!important;letter-spacing:.14em!important}#clientsPage .clientContact button,#clientsPage .clientHeroTools button{font-size:12px!important;border-color:#d5cec2!important;color:#574d3f!important}#clientsPage .clientContact #callClientBtn{background:#29251f!important;color:white!important}#clientsPage .clientFocus{background:#302c25!important;border-radius:6px!important}#clientsPage .clientStageBar{border:0!important;background:transparent!important;padding:6px 0!important}#clientsPage .clientMetrics{border-color:var(--ql-border)!important}.clientLotPhoto{border-radius:4px!important}
#dealsPage .kcol{background:#f0ede7!important;border:0!important;border-top:2px solid #c3b496!important;border-radius:5px!important;padding:10px!important}#dealsPage .khead b{font-size:21px!important}#dealsPage .dealCard{border:1px solid #e5dfd4!important;background:#fff!important;border-radius:5px!important;box-shadow:none!important}#dealsPage .dnext{border-color:#eee8df!important}#dealsPage .dnext b{color:#514a40!important;font-weight:500!important}#dealsPage .dprice{font-size:18px!important;font-variant-numeric:tabular-nums}#dealsPage .dtop>span:last-child{font-size:11px!important}.dealsStats,.taskStats,.employeeStats{background:transparent!important;border:0!important;gap:12px!important}.dealStat,.taskStat,.employeeStat{border:1px solid var(--ql-border)!important;background:white!important;border-radius:6px!important}
/* 04. Inventory uses semantic states, not project-colored blocks. */
#boardPage .boardPhoto{border:1px solid var(--ql-border)!important;border-radius:6px!important;background:#fff!important;overflow:hidden;grid-template-columns:200px minmax(0,1fr)!important}#boardPage .boardPhoto .complexPhoto{height:116px!important}#boardPage .toolbar{background:transparent!important;border:0!important;border-bottom:1px solid var(--ql-border)!important;border-radius:0!important}#boardPage .tabs{background:#ece8df!important}#boardPage .tabs button.active{background:#fff!important;color:#5c4a2f!important}#boardPage #board{border:0!important;background:#fff!important;padding:20px!important;border-radius:6px!important}#boardPage .sectionHead{border-color:var(--ql-border)!important;padding-bottom:14px!important}#boardPage .sectionHead h2{font-size:25px!important}#boardPage .floorLabel{background:#f1eee7!important;color:#524b40!important}#boardPage .floorLabel:before{display:none!important}#boardPage .floorLabel small{font-size:11px!important;color:#6c6456!important}#boardPage .unit{height:168px!important;min-height:168px!important;padding:12px!important;background:#f5f8f4!important;border:1px solid #d8e1d6!important;border-radius:5px!important;box-shadow:none!important}#boardPage .unit:before,#boardPage .unit:after{display:none!important}#boardPage .unit.reserved{background:var(--ql-warning-bg)!important;border-color:#e0d3b8!important}#boardPage .unit.sold{background:#f1f0ed!important;border-color:#e1ddd5!important}#boardPage .unit.selected{outline:2px solid #765b35!important;outline-offset:2px!important;border-color:#765b35!important}#boardPage .unit .num{font-family:var(--ui-sans)!important;font-size:16px!important;font-weight:600!important;color:#29251f!important}#boardPage .unit .price{font-family:var(--ui-sans)!important;font-size:14px!important;font-weight:550!important;color:#29251f!important;letter-spacing:0!important;line-height:1.5!important}#boardPage .unit .meta{font-size:12px!important;color:#6a6255!important;line-height:1.55!important}#boardPage .unit .soldText{font-family:var(--ui-sans)!important;font-size:11px!important;font-weight:550!important;letter-spacing:0!important;color:#705b36!important;line-height:1.4!important;margin:10px 0!important}#boardPage .unit .mini{font-size:11px!important;min-height:30px!important;border:1px solid #d9d1c1!important;border-radius:4px!important;background:#fff!important;color:#574d3b!important}#boardPage .unit .dot{background:#6b8b70!important}#boardPage .unit.reserved .dot{background:#a88b50!important}#boardPage .unit.sold .dot{background:#8a8881!important}.qlLotPhoto{height:160px;background-image:url('assets/complexes.png');background-size:202% auto;background-position:left center;border-radius:5px;margin-bottom:18px}.qlLotPhoto.hive{background-position:right center}body .drawer{background:#fff!important;box-shadow:-10px 0 40px #211b1915!important}body .drawer .lotHero{background:#f6f3ed!important;border:0!important;border-radius:6px!important}body .drawer .lotHero strong{font-family:var(--ui-sans)!important;font-size:27px!important}body .drawer .lotStats{border-color:var(--ql-border)!important}
/* 05–06. Operations and analytics. */
body .taskRow{border-color:#eee9e1!important;background:#fff!important;border-radius:0!important}body .taskRow.overdue{background:#fffaf8!important;border-left:2px solid #b98878!important}.taskRow .taskDue.overdue b{color:#994f45!important}.taskRow .priorityPill.high{background:#f5e7e3!important;color:#88483f!important}.taskRow .priorityPill.normal{background:#edeae2!important;color:#665b47!important}.taskRow .taskActions button{background:#fff!important;border:1px solid #ded7ca!important;color:#64533b!important}.taskRow .taskMain b{font-weight:550!important}.taskRow .taskLink b{font-weight:500!important}.taskRow .taskMain span,.taskRow .taskLink span,.taskRow .taskDue span{color:#716b61!important}
#analyticsPage .analyticsKpis{gap:12px!important;background:transparent!important;border:0!important}#analyticsPage .akpi{border:1px solid var(--ql-border)!important;border-radius:6px!important;background:#fff!important}#analyticsPage .akpi.primary{background:#29251f!important}#analyticsPage .akpi>b{font-size:30px!important;font-variant-numeric:tabular-nums}#analyticsPage .akpi.primary small,#analyticsPage .akpi.primary>span{color:#dbd4c6!important}#analyticsPage .analyticsPanelIndex{font-size:10px!important;letter-spacing:.1em!important;color:#857356!important}#analyticsPage .analyticsPanel{border-color:var(--ql-border)!important}#analyticsPage .funnelTrack,#analyticsPage .sourceBar,#analyticsPage .projectFunnelLine>i{background:#efede7!important}#analyticsPage .funnelTrack i,#analyticsPage .sourceBar i,#analyticsPage .projectFunnelLine>i>b{background:#a68e65!important}#analyticsPage .projectAnalytic{background:#faf9f6!important;border:1px solid var(--ql-border)!important;box-shadow:none!important}#analyticsPage .projectAnalytic h4{font-family:var(--ui-serif)!important;font-size:27px!important}#analyticsPage .projectAnalytic .paValue{font-family:var(--ui-sans)!important;font-size:25px!important;color:#302b23!important}.riskItem.high{background:#fcf3ef!important;border-color:#edd9cf!important}.riskItem.warn{background:#f8f4eb!important;border-color:#e7dfcc!important}
/* 07–08. Staff and settings: whitespace replaces nested boxes. */
#controlPage .controlTop{background:transparent!important;border:0!important;padding:0 0 16px!important;box-shadow:none!important}#controlPage .employeePanel{padding:24px!important}#controlPage .employeeCard{padding:16px 4px!important;min-height:92px!important}#controlPage .employeeAvatar{background:#ece6da!important;color:#725c37!important;border:0!important;box-shadow:none!important}#controlPage .employeeTag{font-size:10px!important;background:#f0eee7!important;color:#635a48!important;border:0!important}#controlPage .employeeTag.active{background:#edf2ec!important;color:#44654c!important}#settingsPage .settingsHero{background:#fff!important;border:1px solid var(--ql-border)!important}#settingsPage .settingsHero p{font-size:13px!important;color:#686157!important}#settingsPage .settingsActions{padding-top:8px!important}#settingsPage .inventoryPanel{border:1px solid var(--ql-border)!important}#telephonyPage .atsHero{background:#fff!important;border:1px solid var(--ql-border)!important;box-shadow:none!important}#telephonyPage .atsHero h2{font-size:30px!important}#telephonyPage .atsPanel{background:#fff!important;border:1px solid var(--ql-border)!important;box-shadow:none!important}.qlEmpty{padding:24px 12px;color:var(--ql-secondary);font-size:13px;line-height:1.6}
@media(min-width:901px){#taskModal{padding:0!important;align-items:stretch!important;justify-content:flex-end!important}#taskModal>.modal{margin:0!important;width:520px!important;max-width:calc(100vw - 40px)!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto!important;padding:28px!important}#taskModal .modalTop{position:relative!important}#taskModal .modalActions{position:relative!important}}
@media(max-width:1100px) and (min-width:901px){#clientsPage .clientGrid{grid-template-columns:235px minmax(0,1fr)!important;gap:16px!important}}
@media(max-width:900px){body .main{padding:20px 16px 125px!important}.top #pageTitle{font-size:34px!important}.top #pageSub{font-size:13px!important}#clientsPage .clientGrid{grid-template-columns:1fr!important}#clientsPage .clientHero h2{font-size:30px!important}#dashboardPage #dashboardGrid{gap:10px!important}#dashboardPage #dashboardGrid>div.panel.dashCard{padding:16px!important;min-height:108px!important}#dashboardPage #dashboardGrid>div.panel.dashCard:not(.dashWide)>b{font-size:27px!important}#dashboardPage #dashboardGrid .photoProjects{gap:12px!important}.photoCaption strong{font-size:25px!important}#boardPage .boardPhoto{grid-template-columns:130px minmax(0,1fr)!important}#boardPage .boardPhoto .complexPhoto{height:112px!important}#boardPage #board{padding:12px!important}#boardPage .boardPhoto .photoCaption{padding:14px!important}#analyticsPage .akpi>b{font-size:25px!important}#controlPage .employeePanel{padding:18px!important}}
@media(prefers-reduced-motion:reduce){body *{transition:none!important;animation:none!important}}
#boardPage .unit .soldText{white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;max-width:100%!important}#boardPage .unit .meta{white-space:normal!important}#boardPage .floorLabel:after,#boardPage .floorLabel b:before,#boardPage .floorLabel b:after{display:none!important}#boardPage .tabs button.active,#boardPage .tabs .active{background:#fff!important;color:#5d4a2b!important}#boardPage .tabs button{min-height:38px!important}#boardPage .toolbar #search{min-width:130px!important;width:180px!important}#boardPage .toolbar .btn{padding:9px 11px!important;font-size:12px!important}
#boardPage .seg.projectSeg button[data-project].active{background:#fff!important;color:#665133!important;box-shadow:0 1px 3px #29251f0c!important}#boardPage .seg.projectSeg{background:#ede9e1!important;border-radius:5px!important}
#analyticsPage section.panel.analyticsPanel.analyticsFunnelPanel{background:#fff!important;color:var(--ql-ink)!important}#analyticsPage .analyticsFunnelPanel h3,#analyticsPage .analyticsFunnelPanel .funnelLine>b,#analyticsPage .analyticsFunnelPanel .funnelLine>span{color:var(--ql-ink)!important}#analyticsPage .analyticsFunnelPanel .sub,#analyticsPage .analyticsFunnelPanel .snapshotNote{color:var(--ql-secondary)!important}#analyticsPage .analyticsFunnelPanel .funnelTrack{background:#efede7!important}#analyticsPage .analyticsFunnelPanel .convPill{background:#f3efe6!important;border:0!important;color:#705b39!important}#analyticsPage .analyticsFunnelPanel .snapshotNote{border-color:var(--ql-border)!important}
#controlPage .controlTop>div:first-child{display:none!important}#controlPage .controlTop{min-height:0!important}#controlPage .controlSectionHead{padding-bottom:12px!important}#controlPage .employeeActions button:disabled{opacity:1!important;background:#f5f4f0!important;color:#89857d!important;border:1px solid #e5e1d9!important}
