:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#24332f;background:#f4f6f5;font-synthesis:none;--green:#235c48;--line:#e2e8e4;--muted:#737f78}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:1px solid var(--line);border-radius:9px;background:white;padding:10px 15px;color:inherit;font-size:14px;font-weight:600}button:hover{background:#edf3ef}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #67bfa0;outline-offset:3px}.primary{background:var(--green);border-color:var(--green);color:white}.primary:hover{background:#194534}.ghost{background:transparent}.danger{color:#b13c34}.muted,small{color:var(--muted)}small{font-size:13px}h1,h2,h3,p{margin-top:0}h1{font-size:30px;letter-spacing:-1px;margin-bottom:8px}h2{font-size:20px;letter-spacing:-.4px}h3{font-size:16px}a{color:var(--green)}.shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}.sidebar{background:#132a27;color:#cbd8d2;padding:32px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-weight:750;letter-spacing:1.5px;font-size:15px;color:inherit}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#d6f090;color:#20382e;font-size:23px}.brand small{font-size:10px;display:block;letter-spacing:3px;color:#8ea59b;margin-top:5px}.nav-label{font-size:11px;letter-spacing:2px;color:#7c968a;margin:48px 14px 16px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#becfc6;padding:13px;font-size:14px}.nav button.active{background:#2e463a;color:#e6f4c8}.nav button:hover{background:#263e34}.nav-icon{font-size:18px;min-width:22px}.side-bottom{margin-top:auto;padding-top:35px}.local-note{font-size:12px;line-height:1.6;color:#a3b8ab;padding:14px 10px;border-bottom:1px solid #30463c;margin-bottom:18px}.profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;color:white;font-size:13px;font-weight:700;flex-shrink:0}.profile strong{display:block;font-size:13px}.profile small{font-size:12px;color:#9bb3a5}.logout{color:#b5c8bd;margin-top:16px;border-color:#3c5145;width:100%}.main{min-width:0}.topbar{height:79px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:16px;font-size:14px}.crumb{color:#8b958e}.top-right{display:flex;align-items:center;gap:16px}.live-dot{width:7px;height:7px;background:#3b8c63;border-radius:50%;display:inline-block;margin-right:7px}.workspace{padding:30px 32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:27px}.page-head p{font-size:14px;color:var(--muted);margin:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#658071;margin-bottom:10px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:27px}.kpi{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px}.kpi:first-child{background:#e8efdc;border-color:#dce6ce}.kpi-label{display:flex;justify-content:space-between;color:#68766d;font-size:13px;gap:8px}.kpi-value{font-size:29px;font-weight:650;letter-spacing:-1px;margin:18px 0 7px;white-space:nowrap}.kpi small{font-size:12px}.board{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.panel-head{padding:19px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-size:17px}.count{background:#eef2ee;color:#647368;font-size:12px;border-radius:6px;padding:3px 7px;margin-left:8px}.toolbar{padding:16px 18px;display:flex;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--line)}input,select,textarea{width:100%;border:1px solid #dce4dd;background:#fff;border-radius:8px;padding:11px 12px;color:#24332f;font-size:14px;min-width:0}textarea{resize:vertical;min-height:92px}input::placeholder{color:#909b94}.search{flex:1;min-width:190px}.toolbar select{width:auto;max-width:190px}.toolbar input[type=date]{width:150px}.quick{padding:0 18px 14px;display:flex;gap:7px;flex-wrap:wrap}.chip{font-size:12px;padding:7px 11px;border-radius:6px;font-weight:500}.chip.active{background:#e5efdf;border-color:#d7e4cb;color:#365b34}.table-scroll{overflow:auto;max-height:570px}table{width:100%;border-collapse:separate;border-spacing:0;white-space:nowrap;font-size:14px}th{position:sticky;top:0;z-index:1;background:#f7f9f6;text-align:left;color:#7b857e;font-weight:500;font-size:12px;padding:13px 16px;border-bottom:1px solid var(--line)}td{padding:18px 16px;border-bottom:1px solid #edf0ed;vertical-align:middle}tr:last-child td{border-bottom:0}tbody tr:hover{background:#f7faf5}tbody tr.selected{background:#f1f6eb}.order-link{padding:0;border:0;background:none;color:#285d47;font-size:13px;text-align:left}.cell-sub{display:block;color:#8a938d;font-size:12px;margin-top:5px}.tag{display:inline-flex;gap:5px;align-items:center;font-size:12px;font-weight:600;padding:5px 8px;border-radius:5px;background:#eef3ef;white-space:nowrap}.employee{border-left:3px solid var(--person);color:var(--person);background:#f5f7f6;margin:2px 4px 2px 0}.employee.self{outline:1px solid var(--person)}.status-0{background:#eff0fa;color:#6662a8}.status-1{background:#edf2dc;color:#637b2b}.status-2{background:#e8f0fa;color:#46739c}.status-3{background:#e2f2e8;color:#327852}.status-4{background:#f6e9e7;color:#a16059}.money{font-variant-numeric:tabular-nums;font-weight:600}.table-foot{padding:13px 18px;background:#fafbf9;color:#88928a;font-size:12px}.detail{position:sticky;top:20px}.detail-body{padding:22px}.detail h2{font-size:23px;line-height:1.3;margin:14px 0 18px}.detail .detail-line{display:flex;gap:13px;margin:17px 0;font-size:14px;line-height:1.5}.detail-line .symbol{color:#8c9a8b}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:1.3px;color:#8a938c;font-weight:600;margin:24px 0 10px}.detail hr{border:0;border-top:1px solid var(--line);margin:21px 0}.payment{background:#f6f8f3;padding:14px;border-radius:8px}.payment div{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:8px 0}.payment .total{border-top:1px solid #dfe6d9;padding-top:12px;font-weight:700;font-size:15px}.full{width:100%}.detail-actions{display:flex;gap:8px;margin-top:20px}.detail-actions button{flex:1}.note{font-size:14px;line-height:1.6;color:#718073;white-space:pre-wrap;overflow-wrap:anywhere}.empty{text-align:center;padding:50px 20px;color:#819083;white-space:normal}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px;padding:18px}.order-card{border:1px solid var(--line);border-radius:11px;padding:19px;background:#fff}.order-card h3{font-size:19px;margin:16px 0 9px}.order-card p{font-size:14px;color:#788679;margin-bottom:15px}.card-top,.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.card-bottom{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:18px}.person-card{padding:23px}.person-card h3{margin:16px 0 7px}.person-card p{font-size:14px;line-height:1.7;overflow-wrap:anywhere}.person-card .avatar{width:46px;height:46px}.history-item{border-left:2px solid #c9ddbc;padding:0 0 18px 15px;margin-top:18px}.history-item p{margin:7px 0;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.history-item small{font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 100px #12291c40;max-width:760px;width:calc(100% - 28px);max-height:90dvh;padding:0;color:#24332f}dialog::backdrop{background:#13292077;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.dialog-head h2{margin:0}.dialog-body{padding:23px 24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{display:grid;gap:7px;font-size:13px;color:#66746b}.span-2{grid-column:1/-1}.assignees{display:flex;flex-wrap:wrap;gap:9px}.check{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:10px;font-size:13px}.check input{width:auto}.form-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.error{color:#a83232;font-size:14px;min-height:20px;margin-top:12px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-grid p{font-size:14px;overflow-wrap:anywhere}.contact-grid small{display:block;margin-bottom:6px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#193a2c;color:white;padding:13px 22px;border-radius:10px;z-index:10;box-shadow:0 5px 25px #0002;display:none;max-width:90vw;font-size:14px}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:white}.login-art{background:#132a27;color:#edf3e7;padding:50px 10%;display:flex;flex-direction:column;justify-content:space-between}.login-art h1{font-size:clamp(36px,4vw,62px);font-weight:500;line-height:1.12;letter-spacing:-2px;max-width:540px}.login-art h1 span{color:#d6f090}.login-art p{color:#a5bbad;line-height:1.7;max-width:420px}.login-preview{border:1px solid #426047;border-radius:14px;padding:24px;max-width:430px;margin:25px 0}.login-preview .tag{background:#314933;color:#d6f090}.login-preview strong{display:block;font-size:21px;margin:19px 0}.login-preview p{margin:0;font-size:14px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:40px}.login-form{width:100%;max-width:370px}.login-form h2{font-size:30px;margin-bottom:10px}.login-form>p{font-size:14px;line-height:1.6;margin-bottom:30px}.login-form .field{margin:19px 0}.demo{margin-top:27px;padding:17px;background:#f5f7f2;border-radius:10px;font-size:13px;line-height:1.7}.demo code{font-family:Consolas,monospace}.mobile-orders{display:none}.list-total{font-size:13px;color:#6f7e70}.welcome-profile{display:flex;gap:14px;align-items:center;margin-bottom:22px}.welcome-profile .avatar{width:48px;height:48px}.welcome-profile h1{margin:0}.welcome-profile p{margin:5px 0 0;font-size:14px}.feedback-form{margin-top:18px}.feedback-form button{margin-top:10px}
@media(min-width:1700px){.board{grid-template-columns:minmax(0,1fr) 370px}.workspace{padding:38px 44px}}
@media(max-width:1200px){.shell{grid-template-columns:195px minmax(0,1fr)}.sidebar{padding:27px 14px}.workspace{padding:25px 22px}.board{grid-template-columns:minmax(0,1fr) 280px;gap:14px}.kpi{padding:16px}.kpi-value{font-size:24px}.topbar{padding:0 23px}}
@media(max-width:1000px){.board{grid-template-columns:1fr}.detail{position:static}.detail-body{display:block}.kpis{gap:10px}.kpi-label{font-size:12px}.kpi-value{font-size:22px}.detail{max-width:none}}
@media(max-width:720px){.shell{display:block}.sidebar{position:static;height:auto;padding:17px 18px;display:block}.brand small{display:none}.sidebar .brand{font-size:13px}.brand-mark{width:29px;height:29px;font-size:19px}.nav-label,.local-note,.side-bottom .profile{display:none}.nav{display:flex;overflow-x:auto;gap:5px;margin-top:16px}.nav button{white-space:nowrap;font-size:12px;padding:10px}.nav-icon{display:none}.side-bottom{padding:0;position:absolute;right:18px;top:11px}.logout{width:auto;padding:8px 10px;font-size:12px;margin:0}.topbar{height:48px;padding:0 18px;font-size:12px}.top-right .muted{display:none}.workspace{padding:24px 16px}.page-head{align-items:flex-start;gap:10px;margin-bottom:20px}h1{font-size:25px}.page-head p{font-size:13px;line-height:1.5}.page-head>.primary{font-size:12px;white-space:nowrap;padding:11px}.kpis{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}.kpi{padding:16px}.kpi-value{font-size:25px;margin-top:13px}.kpi small{font-size:11px}.toolbar{padding:14px;gap:8px}.toolbar .search{flex-basis:100%}.toolbar select{max-width:none;flex:1;width:100px}.toolbar input[type=date]{width:145px}.quick{padding:0 14px 14px}.table-scroll{display:none}.mobile-orders{display:grid}.cards{grid-template-columns:1fr;padding:13px;gap:12px}.panel-head{padding:16px}.detail{display:none}.form-grid,.contact-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.dialog-head{padding:16px}.dialog-body{padding:18px}.dialog-head h2{font-size:18px}.login-page{grid-template-columns:1fr}.login-art{padding:25px}.login-art>div:not(.brand),.login-art>small{display:none}.login-form-wrap{padding:35px 24px;align-items:flex-start}.login-form{max-width:400px}.directory{grid-template-columns:1fr}.welcome-profile h1{font-size:23px}}
@media(prefers-reduced-motion:no-preference){button{transition:background .15s}dialog[open]{animation:enter .15s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
.loading{padding:40px}.visible#toast{display:block}.sidebar .profile small{color:#a2b6aa}.side-bottom .logout{margin-top:9px}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.attention-row{padding:18px 22px;border-bottom:1px solid var(--line)}.attention-row p{font-size:14px;color:#758073;margin:9px 0 0}.team-today,.settings-section{margin-top:22px}.settings-section{padding:24px}.team-strip{display:flex;gap:30px;flex-wrap:wrap;padding:24px}.team-strip strong{font-size:14px}.team-strip small{display:block;color:#758073}.button{display:inline-block;border:1px solid var(--line);border-radius:8px;text-decoration:none;padding:9px 12px;font-size:13px;background:#fff}.contact-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 20px}.date-filter{display:flex;align-items:center;gap:5px;font-size:12px;color:#7d887d}.date-filter input{width:139px;padding:6px}.toolbar input[data-filter=city]{max-width:130px}.table-scroll{max-height:calc(100vh - 300px)}.excel{table-layout:fixed;width:2430px}.excel th,.excel td{padding:9px 10px;height:54px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.excel th{font-size:12px;height:42px}.excel th:nth-child(1),.excel td:nth-child(1){width:85px}.excel th:nth-child(2),.excel td:nth-child(2){width:110px}.excel th:nth-child(3),.excel td:nth-child(3){width:85px}.excel th:nth-child(4),.excel td:nth-child(4){width:205px}.excel td:nth-child(4){white-space:normal}.excel th:nth-child(1),.excel td:nth-child(1){position:sticky;left:0;z-index:2;background:#fff}.excel th:nth-child(2),.excel td:nth-child(2){position:sticky;left:85px;z-index:2;background:#fff}.excel th:nth-child(3),.excel td:nth-child(3){position:sticky;left:195px;z-index:2;background:#fff}.excel th:nth-child(4),.excel td:nth-child(4){position:sticky;left:280px;z-index:2;background:#fff;box-shadow:3px 0 4px #00000009}.excel thead th:nth-child(-n+4){z-index:4;background:#f7f9f6}.sort-btn,.cell-edit{padding:4px;border:0;background:transparent;text-align:left;font-weight:400;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sort-btn{font-size:12px;color:#6e7c70}.cell-edit:hover{box-shadow:0 0 0 1px #9cb59f;background:#eef5e9}.tiny{padding:4px 7px;font-size:12px}.inline-control input,.inline-control select{padding:5px;min-width:70px}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:15px;padding:15px;color:#7b8579;font-size:13px}.drawer{position:fixed;right:0;top:0;width:470px;max-width:100vw;height:100dvh;background:#fff;z-index:5;box-shadow:-12px 0 40px #162b1620;border-left:1px solid var(--line);overflow-y:auto}.drawer[hidden]{display:none}.drawer .dialog-head{top:0}.drawer .dialog-head h2{margin-top:8px;font-size:21px}.drawer-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);position:sticky;top:83px;background:#fff;z-index:2;gap:3px;padding:10px}.drawer-tabs button{font-size:12px;padding:8px;border:0;white-space:nowrap}.drawer-tabs .active{background:#e9f0df;color:#39623e}.drawer-body{padding:24px}.drawer-open .main{margin-right:470px}.drawer-open .kpis{grid-template-columns:1fr 1fr}.event-time{margin:20px 0 6px}.warning{background:#fff3d8;color:#805922;font-size:13px;padding:14px;border-radius:8px;line-height:1.6;margin-top:15px}.checklist-row{border:0;border-bottom:1px solid var(--line);border-radius:0}.team-member{display:flex;gap:13px;align-items:center;margin:0 0 21px}.voided{opacity:.55}.history-values pre{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7f3;padding:12px;border-radius:7px}.history-values{max-width:100%}.client-stats{display:flex;justify-content:space-between;font-size:14px;border-top:1px solid var(--line);padding-top:14px}.calendar-grid{overflow:auto}.calendar-grid table{table-layout:fixed;min-width:1100px;white-space:normal}.calendar-grid th:first-child{width:155px}.calendar-grid th small{display:block;margin-top:8px}.calendar-grid td{vertical-align:top;padding:8px;border-right:1px solid var(--line);height:125px}.calendar-event{display:block;width:100%;margin:5px 0;text-align:left;font-size:12px;background:#f1f5ed;border-color:#e1e8da;white-space:normal;padding:9px}.calendar-event strong{font-size:13px;display:block}.calendar-event small{font-size:12px;display:block;margin:5px 0}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.month-day{padding:12px;min-height:155px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.month-day>strong{font-size:13px}.month-day>small{display:block;font-size:11px;margin:5px 0}.month-day.outside{background:#f6f7f4;color:#a1a89f}.mobile-calendar,.mobile-calendar-controls{display:none}.chat-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px}.chat-list{align-self:start}.chat-list button{display:block;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;padding:18px}.chat-list button.active{background:#edf3e7}.chat-list small{display:block;font-size:13px;font-weight:400;color:#849080;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-thread{padding:20px}#chat-messages{max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:12px}.message{max-width:85%;padding:14px;background:#f0f3ed;border-radius:10px;align-self:flex-start;min-width:160px}.message.outgoing{background:#e5eed9;align-self:flex-end}.message small{font-size:11px}.message p{font-size:14px;margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message-form{margin-top:18px;display:grid;gap:10px}.message-form textarea{min-height:65px}.message-form button{justify-self:end}.message-form .error:empty{display:none}.secret-key{font-family:Consolas,monospace;background:#f2f5ec;border:1px solid var(--line);padding:16px;overflow-wrap:anywhere}.state-NEW{background:#efedf8;color:#6d5e9d}.state-CONTACTED{background:#e8f1f4;color:#347386}.state-WAITING-DEPOSIT{background:#fbf0d8;color:#987221}.state-BOOKED{background:#eaf0dc;color:#667d30}.state-READY{background:#e1efdf;color:#427849}.state-IN-PROGRESS{background:#e5edf9;color:#496eaa}.state-COMPLETED{background:#e0eee6;color:#467657}.state-CANCELLED{background:#f2e7e4;color:#a86c60}.form-grid .span-2>input{margin-top:8px}.import-preview{line-height:1.8}.person-card>.ghost{margin-left:8px}
@media(max-width:1400px){.drawer-open .main{margin-right:0}.drawer{width:440px}.drawer-open .workspace{padding-right:450px;min-width:1000px}.drawer-open .main{overflow:hidden}}
@media(max-width:1000px){.dashboard-columns{grid-template-columns:1fr}.chat-layout{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:720px){.drawer{width:100%;max-width:100%;z-index:6}.drawer-open .workspace{padding-right:16px;min-width:0}.drawer-tabs{top:77px}.drawer-body{padding:18px}.mobile-calendar{display:grid}.mobile-calendar-controls{display:flex}.desktop-calendar{display:none}.sidebar .side-bottom .logout:first-child{display:none}.sidebar .logout{margin:0}.sidebar .nav button{min-height:42px;font-size:13px}.topbar .top-right .avatar{display:none}.toolbar input[data-filter=city]{max-width:none;width:100px;flex:1}.dashboard-columns{gap:16px}.team-strip{gap:20px}.chat-layout{grid-template-columns:1fr}.chat-list{display:flex;overflow-x:auto}.chat-list button{min-width:180px;max-width:230px}.chat-thread{padding:14px}.drawer-body .detail-actions button,.contact-actions a{min-height:42px}.table-scroll{display:none}.calendar-grid th{position:static}.drawer-open .kpis{grid-template-columns:1fr 1fr}.page-head>.primary{padding:12px}.person-card{padding:20px}.message{max-width:94%}.toolbar input#event-query{flex-basis:100%}.date-filter input{width:125px}}

.calendar-panel .date-filter{display:none}@media(max-width:720px){.sidebar .side-bottom [data-id="profile"]{display:none}.nav{scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.calendar-panel .panel-head{align-items:flex-start;flex-wrap:wrap}.calendar-panel .panel-head .quick{padding:0}.calendar-panel .panel-head input{max-width:165px}}

/* CRM 1.2: calendar, table preferences and compact mobile workspace. */
.cabinet-quick{padding-left:0}.calendar-heading{align-items:flex-start}.month-title{text-transform:capitalize}.calendar-controls{display:flex;gap:6px;margin-top:16px;align-items:center}.calendar-controls input{width:150px}.calendar-modes{padding:0}.calendar-modes .active{background:#e6eedc;color:#285d47}.calendar-arrow{font-size:18px}.month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);background:#f7f9f6}.month-weekdays span{padding:12px;text-align:right;color:var(--muted);font-size:12px}.month-v12 .month-day{min-height:175px;padding:6px;position:relative;cursor:pointer}.day-number{display:block;margin-left:auto;border:0;border-radius:50%;padding:6px;min-width:30px;min-height:30px;background:transparent}.month-day.today .day-number{background:var(--green);color:white}.month-day.selected-day{box-shadow:inset 0 0 0 2px #94b69b}.calendar-event{background:#f5f8f4;border-left:3px solid var(--person,#a4b39e);padding:7px;border-radius:6px;overflow:hidden;margin:4px 0}.calendar-event strong{font-size:11px;line-height:1.4}.calendar-event small{font-size:11px;margin:3px 0}.calendar-event .tag{font-size:10px;padding:2px 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.day-create{font-size:10px;padding:5px;border:0;background:transparent;color:#58755c;width:100%;opacity:0}.month-day:hover .day-create,.month-day:focus-within .day-create{opacity:1}.more-events{font-size:11px;padding:5px}.month-dots{display:none}.selected-day-list{display:none}.conflict-label{display:block;color:#9a6525;font-size:10px;margin-top:4px}.calendar-panel .quick .date-filter{display:none}.schedule-scroll{max-height:680px;overflow:auto}.schedule{min-width:650px}.schedule-day{min-width:0}.schedule-head{display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr));position:sticky;top:0;z-index:3;background:#f7f9f6;border-bottom:1px solid var(--line)}.schedule-day .schedule-head{grid-template-columns:58px minmax(0,1fr)}.schedule-head>span{padding:14px 4px;font-size:11px;color:var(--muted)}.schedule-head button{border:0;border-left:1px solid var(--line);border-radius:0;font-size:11px;background:transparent;padding:12px 3px}.schedule-body{display:grid;grid-template-columns:58px repeat(7,minmax(0,1fr))}.schedule-day .schedule-body{grid-template-columns:58px minmax(0,1fr)}.time-labels{display:grid;grid-template-rows:repeat(24,72px);font-size:11px;color:var(--muted);text-align:center}.time-labels span{padding-top:5px}.schedule-column{position:relative;min-height:1728px;border-left:1px solid var(--line)}.time-slot{display:block;height:72px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;text-align:left;font-size:10px;color:transparent;background:transparent;padding:5px}.time-slot:hover,.time-slot:focus-visible{background:#f0f5ee;color:#64836b}.schedule-column .calendar-event{position:absolute;margin:0;z-index:1;min-height:40px;text-align:left;box-shadow:0 1px 3px #1d38151a}.schedule-day .calendar-event{padding:12px}.schedule-day .calendar-event strong{font-size:14px}.schedule-day .calendar-event small{font-size:12px}.calendar-empty{padding:0 20px 20px;text-align:center}.client-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:18px;align-items:start}.directory-scroll{overflow:auto;max-height:65vh}.client-table td,.client-table th{padding:14px 12px}.client-detail{padding:24px;max-height:75vh;overflow:auto;position:sticky;top:20px}.client-detail .quick{padding:10px 0}.client-detail h3{margin-top:24px}.resize-column{position:absolute;right:0;top:0;width:8px;height:100%;cursor:col-resize;touch-action:none;border-right:2px solid transparent}.resize-column:hover,.resize-column:focus-visible{border-right-color:#739e7d}.excel th{position:sticky;padding-right:16px}.excel td{position:relative}.excel .cell-edit{white-space:nowrap}.row-actions{display:none;position:absolute;right:5px;top:8px;background:white;box-shadow:0 2px 14px #18301820;padding:3px;gap:3px;z-index:2}.excel tr:hover .row-actions,.excel tr:focus-within .row-actions{display:flex}.column-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.search-result{display:block;width:100%;text-align:left;margin:5px 0;font-weight:400}.search-result:focus-visible{background:#edf5e7}#global-results h3{font-size:13px;color:var(--muted);margin:22px 0 10px}.field-error{font-size:12px;color:#ae3931;line-height:1.5}[aria-invalid=true]{border-color:#c75248}.topbar .global-trigger{font-size:12px;padding:8px 12px}.loading{min-height:120px;color:var(--muted);background:linear-gradient(100deg,#f7f9f5,#e9eee5,#f7f9f5);background-size:200% 100%}.toolbar:has(#report-form){align-items:end}#report-form{margin-bottom:16px;align-items:end}#report-form .field{max-width:210px}
@media(min-width:721px) and (max-width:1100px){.client-layout{grid-template-columns:1fr}.client-detail{position:static;max-height:none}.month-v12 .month-day{min-height:150px}.calendar-event .tag{display:none}.calendar-heading{flex-wrap:wrap}.calendar-modes{margin-top:8px}}
@media(max-width:720px){.sidebar{padding:12px 16px}.sidebar .nav{position:fixed;bottom:0;left:0;right:0;margin:0;z-index:5;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:#132a27;padding:5px 4px calc(5px + env(safe-area-inset-bottom));overflow:visible;border-top:1px solid #40574c}.sidebar .nav button{display:flex;flex-direction:column;gap:3px;align-items:center;justify-content:center;font-size:10px;padding:7px 2px;min-height:53px;border-radius:8px}.sidebar .nav .nav-icon{display:block;font-size:19px;line-height:20px}.sidebar .nav [data-id=clients]{display:none}.side-bottom{top:8px}.workspace{padding:20px 12px 90px}.topbar{padding:0 12px}.top-right{gap:6px}.topbar .global-trigger{font-size:11px;padding:7px}.topbar .top-right [data-id=mine]{display:none}.calendar-heading{gap:12px;display:block}.calendar-controls{margin-top:12px;gap:5px}.calendar-controls input{flex:1;min-width:0;max-width:150px}.calendar-controls button{padding:8px 11px}.calendar-modes{margin-top:12px}.calendar-modes button{flex:1}.calendar-modes [data-id=week]{display:none}.calendar-panel .quick:not(.calendar-modes){padding:10px;gap:5px}.calendar-panel .quick [data-action=period]{display:none}.calendar-panel .toolbar{padding:10px}.calendar-panel .toolbar select{font-size:12px}.month-v12 .month-day{min-height:64px;height:64px;padding:3px}.month-events{display:none}.month-v12 .day-number{font-size:12px;padding:4px;min-width:26px;min-height:26px;margin:auto}.month-weekdays span{padding:10px 4px;text-align:center}.month-dots{display:flex;justify-content:center;gap:3px;margin-top:8px;min-height:7px}.event-dot{width:5px;height:5px;border-radius:50%;background:var(--person,#91a186)}.month-dots small{font-size:9px;line-height:6px}.selected-day-list{display:block;border-top:1px solid var(--line)}.selected-day-list .panel-head h2{font-size:14px}.selected-day-list .panel-head button{font-size:11px;padding:8px}.schedule-scroll{max-height:65vh}.schedule-day .calendar-event strong{font-size:12px}.client-layout{grid-template-columns:1fr}.client-detail{position:static;max-height:none;padding:18px}.client-table .directory-scroll{max-height:350px}.client-table table{font-size:12px}.client-table td,.client-table th{padding:12px}.column-options{grid-template-columns:1fr}.cabinet-quick{gap:5px;padding:0 0 14px}.cabinet-quick button{font-size:11px;padding:8px}.drawer{z-index:7}.drawer-open .workspace{padding:20px 12px 90px}#toast{bottom:85px}.kpi-value{font-size:21px;white-space:normal;overflow-wrap:anywhere}.global-trigger{white-space:nowrap}.calendar-panel .month-title{font-size:18px}.page-head>.primary{max-width:130px;white-space:normal}.toolbar .field{max-width:45%}}

.pipeline{display:grid;grid-auto-flow:column;grid-auto-columns:270px;gap:14px;overflow-x:auto;padding:16px 0 24px;align-items:start}.pipeline-column{background:#eaf0e8;border-radius:12px;padding:10px;min-height:200px}.pipeline-column>header{display:flex;justify-content:space-between;align-items:center;padding:10px 3px}.pipeline-column h2{font-size:14px;margin:0}.pipeline-column>header span{font-size:12px;color:var(--muted)}.inquiry-card{background:white;border:1px solid var(--line);padding:16px;border-radius:10px;margin:10px 0}.inquiry-card h3{margin:12px 0 8px}.inquiry-card h3 button{font-size:16px;font-weight:600}.inquiry-card p{font-size:12px;line-height:1.6;margin-bottom:10px}.inquiry-card .field{margin-top:10px}.inquiry-card>.primary{margin-top:10px}.inquiry-card>.ghost{margin-top:10px}.task-row{display:flex;gap:13px;padding:18px 20px;border-bottom:1px solid var(--line);align-items:flex-start}.task-row input{width:20px;height:20px;flex-shrink:0;margin:0;accent-color:var(--green)}.task-row small{display:block;margin:7px 0;font-size:12px}.task-row.overdue{background:#fff7ef;border-left:3px solid #c98b51}.overdue-title{color:#9a6525;font-size:14px;margin:18px 0 8px}.crm-home .quick{padding:18px 0 0}.row-menu{padding:1px 4px;border:0;float:right;opacity:0}.excel tr:hover .row-menu,.excel tr:focus-within .row-menu{opacity:1}@media(max-width:720px){.sidebar .nav [data-id=inquiries],.sidebar .nav [data-id=tasks]{display:none}.pipeline{grid-auto-columns:280px}.crm-home{padding:14px}.task-row{padding:14px 10px}.pipeline .empty{padding:20px 8px}}

@media(max-width:720px){.page-head>.primary{flex-shrink:0;min-width:108px;max-width:125px}.calendar-panel .toolbar select,.calendar-panel .toolbar input[data-filter=city]{flex:1 1 calc(50% - 5px);width:calc(50% - 5px);max-width:none}}
.notification-button{position:relative;min-width:44px}.notification-button span{position:absolute;right:1px;top:1px;min-width:17px;height:17px;padding:1px 4px;border-radius:9px;background:#b64c42;color:#fff;font-size:10px}.notification-row{border-bottom:1px solid var(--line)}.notification-row>button{display:grid;width:100%;gap:6px;padding:17px 20px;border:0;border-radius:0;text-align:left;font-weight:400}.notification-row>button strong{font-size:14px}.notification-row>button span{font-size:13px;color:#65736b}.notification-row.unread{border-left:3px solid var(--green);background:#f5f9f2}.inbox-row{display:flex;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid var(--line)}.inbox-row h3{margin:7px 0}.inbox-row p{font-size:14px;white-space:pre-wrap}.inbox-row.processed{opacity:.65}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.integration-card{padding:25px}.integration-card .quick{padding:12px 0 0}.integration-logo{width:46px;height:46px;border-radius:13px;background:#fff3e7;color:#b34b3f;display:grid;place-items:center;font-size:24px;font-weight:800;margin-bottom:20px}.integration-logo.telegram{background:#e8f4fb;color:#267dad}.integration-card form{display:grid;gap:9px;margin-top:18px}.integration-card form button{justify-self:start;margin-top:8px}.disconnected{padding:45px;max-width:650px}.mail-folders{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.mail-folders .active{background:#dfead7}.mail-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:16px}.mail-list{max-height:68vh;overflow:auto}.mail-list>button{display:grid;width:100%;gap:5px;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:15px;text-align:left;font-weight:400}.mail-list>button b,.mail-list>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-list>button span{font-size:12px;color:var(--muted)}.mail-list>button.unread{background:#f2f7ed;border-left:3px solid var(--green)}.mail-thread{padding:22px;max-height:68vh;overflow:auto}.mail-thread-head{border-bottom:1px solid var(--line);margin-bottom:20px}.mail-thread-head .quick{padding:0 0 16px}.mail-message{padding:17px 0;border-bottom:1px solid var(--line)}.mail-message p{white-space:pre-wrap;line-height:1.65;margin:12px 0;overflow-wrap:anywhere}.payment-due.overdue{border-left-color:#c0674d;background:#fff7f0;padding:12px}.drawer-tabs{scrollbar-width:thin}
@media(max-width:900px){.mail-layout{grid-template-columns:1fr}.mail-list{max-height:280px}.integration-grid{grid-template-columns:1fr}}
@media(max-width:720px){.notification-button{padding:7px}.inbox-row{display:block;padding:16px}.inbox-row button{margin-top:12px}.disconnected{padding:25px}.mail-thread{max-height:none}.mail-list{max-height:240px}.integration-card{padding:20px}}

/* Client 360 and provider-independent inbox */
.inbox-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}.inbox-filters>input{min-width:260px;flex:1}.inbox-filters .quick{padding:0}.inbox-filters .active,.message-mode .active,.client360-tabs .active{background:#dfead7;color:#285d47}.unified-inbox{display:grid;grid-template-columns:300px minmax(380px,1fr) 300px;gap:14px;align-items:start}.conversation-list,.conversation-thread,.crm-context{height:calc(100vh - 225px);overflow:auto}.conversation-list>button{display:grid;width:100%;gap:6px;padding:15px;text-align:left;border:0;border-bottom:1px solid var(--line);border-radius:0;font-weight:400}.conversation-list>button.active{background:#edf4e9;border-left:3px solid var(--green)}.conversation-list strong{font-size:14px}.conversation-list span:not(.provider-badge){font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list small{font-size:11px}.provider-badge{display:inline-flex;width:max-content;padding:3px 7px;border-radius:10px;background:#eef1ed;color:#526359;font-size:10px;font-weight:700}.provider-gmail{background:#f8e9e7;color:#a54840}.provider-instagram{background:#f5e8f3;color:#96518d}.provider-facebook{background:#e8eef8;color:#3d67a3}.provider-yelp{background:#f9e9e5;color:#ae4437}.conversation-thread{padding:20px}.conversation-head{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:15px}.conversation-head h2{margin:8px 0 4px}.conversation-controls{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.conversation-controls select{max-width:170px;padding:7px}.customer-messages{display:flex;flex-direction:column;gap:11px;padding:18px 0;min-height:260px}.customer-message{max-width:82%;padding:13px 15px;border-radius:10px;background:#f0f3ed;align-self:flex-start}.customer-message.outbound{align-self:flex-end;background:#e3edd9}.customer-message.internal_note{align-self:stretch;max-width:none;background:#fff5d9;border-left:3px solid #c59a3d}.customer-message small{display:block;margin:6px 0;color:var(--muted)}.customer-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.message-mode{display:flex;gap:5px;margin-bottom:8px}.message-mode button{font-size:12px}.crm-context{padding:20px}.crm-context h3{font-size:11px;text-transform:uppercase;color:var(--muted)}.context-list{margin-top:20px}.context-list>div{border-top:1px solid var(--line);padding:12px 0}.context-list dt{font-size:11px;color:var(--muted)}.context-list dd{margin:5px 0 0;font-size:13px}.client360{margin-top:24px;border-top:1px solid var(--line);padding-top:15px}.client360-tabs{display:flex;gap:4px;overflow:auto;padding-bottom:12px}.client360-tabs button{white-space:nowrap;font-size:11px;padding:7px}.compact{grid-template-columns:repeat(3,1fr);margin-top:12px}.compact .kpi{padding:12px}.compact strong{display:block;margin-top:5px}.asset-row{display:grid;gap:7px;padding:14px 0;border-bottom:1px solid var(--line)}.asset-row .button{width:max-content}.party-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.party-grid p{margin:0;padding:10px;background:#f6f8f4;border-radius:7px}.party-grid small{display:block;color:var(--muted);margin-bottom:5px}
@media(max-width:1150px){.unified-inbox{grid-template-columns:260px minmax(360px,1fr)}.crm-context{grid-column:1/-1;height:auto;max-height:none}.conversation-list,.conversation-thread{height:62vh}}
@media(max-width:720px){.sidebar .nav [data-id=chat]{display:none}.unified-inbox{grid-template-columns:1fr}.conversation-list{height:220px}.conversation-thread{height:auto;min-height:500px}.crm-context{grid-column:auto}.conversation-head{display:block}.conversation-controls{justify-content:flex-start;margin-top:12px}.customer-message{max-width:94%}.inbox-filters>input{min-width:100%}.party-grid{grid-template-columns:1fr}.compact{grid-template-columns:1fr}}

/* Workspace polish: compact team header, Client 360 cards and vertical event tools. */
:root{--surface:#fff;--surface-soft:#f7f9f7;--green-soft:#e8f0df;--shadow:0 10px 30px rgba(24,49,39,.07);--shadow-hover:0 14px 34px rgba(24,49,39,.12)}
html{scroll-behavior:smooth}body{background:linear-gradient(145deg,#f5f7f6 0,#eef2ef 100%);font-feature-settings:"tnum" 1;color:#20312c}
button,.button,input,select,textarea{transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease,transform .16s ease}
button:hover,.button:hover{transform:translateY(-1px)}button:active,.button:active{transform:translateY(0)}
.panel,.kpi,.order-card{box-shadow:0 1px 1px rgba(20,43,34,.02)}.panel:hover,.order-card:hover{border-color:#d5dfd8}
.primary{box-shadow:0 5px 13px rgba(35,92,72,.17)}.primary:hover{box-shadow:0 7px 18px rgba(35,92,72,.24)}
.sidebar{box-shadow:8px 0 30px rgba(19,42,39,.08);z-index:4}.nav button{position:relative}.nav button.active:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:#d6f090}
.topbar{height:88px;padding:0 26px;position:sticky;top:0;z-index:100!important;overflow:visible!important;box-shadow:0 1px 14px rgba(26,48,39,.04)}
.topbar-start{display:flex;align-items:center;gap:22px;min-width:0;flex:1;position:relative;z-index:101!important;overflow:visible!important}.topbar-start>#breadcrumb{font-weight:650;white-space:nowrap}
.team-status-header{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:5px}.team-status-header::-webkit-scrollbar{display:none}
.team-status-person{display:flex;align-items:center;gap:8px;padding:6px 9px 6px 6px;border:0;background:#f5f8f5;white-space:nowrap;text-align:left;min-width:max-content}.team-status-person:hover{background:#edf3eb}
.team-status-person .avatar{width:29px;height:29px;font-size:10px}.team-status-person strong{display:block;font-size:11px;line-height:1.2}.team-status-person small{display:flex;align-items:center;gap:4px;font-size:9px;margin-top:3px}.team-status-person small i{width:6px;height:6px;border-radius:50%;background:#50a273}.team-status-person .work-busy i{background:#d59847}.team-status-person .work-day-off i{background:#a8b1ac}.presence{display:inline-flex;align-items:center;gap:5px}.presence i{width:7px;height:7px;border:1px solid currentColor;border-radius:50%;display:inline-block}.presence.online{color:#2f8b5d}.presence.online i{background:#48bd79;border-color:#48bd79;box-shadow:0 0 0 2px #48bd7926}.presence.offline{color:#8b9890}.presence.offline i{background:transparent}.employee-actions{padding:8px 0 0}.employee-actions button{flex:1}.team-today{display:none}
.workspace{max-width:1780px;width:100%;margin:0 auto}.page-head h1{font-weight:680}.eyebrow{color:#577a68}
.kpi{border-radius:15px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-25px;bottom:-36px;width:80px;height:80px;border-radius:50%;background:rgba(116,154,117,.07)}
.order-card{border-radius:14px;box-shadow:0 5px 18px rgba(28,49,40,.04)}.order-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}

.drawer{width:680px;overflow:hidden;box-shadow:-20px 0 55px rgba(18,43,31,.18)}
.drawer .dialog-head{height:84px;padding:18px 22px}.drawer-close{width:38px;height:38px;padding:0;border-radius:50%}
.drawer-workspace{display:grid;grid-template-columns:138px minmax(0,1fr);height:calc(100dvh - 84px);min-height:0}
.drawer-tabs{display:flex;flex-direction:column;align-items:stretch;gap:3px;overflow-y:auto;overflow-x:hidden;position:static;padding:10px 8px;background:#162f2b;border:0;border-right:1px solid #29453e;scrollbar-width:thin}
.drawer-tabs button{display:flex;align-items:center;gap:9px;flex:none;width:100%;min-height:40px;padding:9px 10px;border:0;border-radius:8px;background:transparent;color:#bdd0c6;text-align:left;font-size:11px}.drawer-tabs button span{font-size:15px;width:18px;text-align:center;color:#86a696}.drawer-tabs button b{font-weight:550}.drawer-tabs button:hover{background:#243f38;color:#fff}.drawer-tabs button.active{background:#dff0c2;color:#203d31;box-shadow:0 5px 14px rgba(0,0,0,.16)}.drawer-tabs button.active span{color:#315a45}
.drawer-body{padding:25px 28px;overflow:auto;min-width:0;background:#fff}.drawer-open .main{margin-right:680px}.drawer-body>.primary{margin-bottom:16px}
.event-chat-head{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:14px}.event-chat-head h3{margin-bottom:4px}.chat-messages{max-height:52vh;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:3px}.drawer .chat-messages{max-height:calc(100dvh - 315px);min-height:260px}

.client-toolbar{align-items:center;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:16px;box-shadow:0 3px 16px rgba(28,49,40,.035)}.client-toolbar input{border-color:transparent;background:#f5f8f5}.client-toolbar input:focus{background:#fff;border-color:#85aa91}
.client-layout{grid-template-columns:minmax(330px,390px) minmax(420px,1fr);gap:16px}.client-browser{max-height:calc(100vh - 225px);display:flex;flex-direction:column;position:sticky;top:105px}.client-card-list{overflow:auto;padding:9px}.client-list-card{border:1px solid transparent;border-radius:12px;margin:4px 0;background:#fff;overflow:hidden;transition:.16s ease}.client-list-card:hover{border-color:#d7e1da;background:#fafcf9;box-shadow:0 7px 18px rgba(31,57,45,.06)}.client-list-card.selected{border-color:#93b49b;background:#f1f7ec;box-shadow:inset 3px 0 #356d52}
.client-card-main{display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:11px;width:100%;border:0;background:transparent;text-align:left;padding:13px}.client-card-main:hover{background:transparent;transform:none}.client-mini-avatar,.client-avatar{display:grid;place-items:center;border-radius:12px;background:#dfead7;color:#315b47;font-weight:750}.client-mini-avatar{width:42px;height:42px;font-size:12px}.client-card-copy{min-width:0}.client-card-copy strong,.client-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-card-copy strong{font-size:14px}.client-card-copy small{font-size:11px;margin-top:5px}.client-card-arrow{font-size:24px;color:#91a097}.client-card-meta{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:0 13px 11px 66px;font-size:10px;color:var(--muted)}.client-card-meta strong{color:#315b47}.next-contact{padding:8px 13px 8px 66px;background:#fff5dd;color:#815e26;font-size:10px}
.client-detail{top:105px;max-height:calc(100vh - 122px);padding:0}.client-detail>.empty{margin-top:18vh}.client-detail>*:not(.client-hero):not(.client-section):not(.client360){margin-left:24px;margin-right:24px}.client-hero{display:flex;align-items:center;gap:15px;padding:24px 26px;background:linear-gradient(135deg,#f0f6ea,#fafcf8);border-bottom:1px solid var(--line)}.client-avatar{width:58px;height:58px;font-size:16px;border-radius:17px}.client-hero h2{margin:2px 0 3px;font-size:24px}.client-hero p{margin:0;color:var(--muted);font-size:13px}.client-contact-grid{padding:20px 24px 4px;gap:9px}.contact-tile{padding:12px 13px;border:1px solid #e7ece8;border-radius:10px;background:#fafbf9;min-width:0}.contact-tile small,.contact-tile strong{display:block}.contact-tile small{margin-bottom:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.contact-tile strong{font-size:13px;overflow-wrap:anywhere}.client-actions{padding:8px 0 18px}.client-note{margin:0 24px 18px;padding:15px;border-radius:10px;background:#fff8e7}.client-note small{font-size:10px;letter-spacing:1px}.client-note p{margin:7px 0 0;line-height:1.55;font-size:13px;white-space:pre-wrap}.client-section{border-top:1px solid var(--line)}.client-section .panel-head{padding:15px 24px}.client-section .panel-head h3{margin:0}.client-related-list{padding:8px 24px 17px}.client-event-row{padding:10px 0;border-bottom:1px solid #edf0ed}.client-event-row button{display:block;width:100%}.client-event-row strong,.client-event-row small{display:block}.client-event-row small{margin-top:5px}.client360{margin:0;padding:19px 24px;border-top:1px solid var(--line)}

.inquiry-workspace{overflow:hidden}.inquiry-workspace>.toolbar{align-items:end}.inquiry-workspace>.toolbar>input{flex:1;min-width:280px}.inquiry-workspace>.toolbar>.field{width:220px}.inquiry-stage-filter{display:flex;gap:6px;overflow-x:auto;padding:12px 16px;border-bottom:1px solid var(--line);background:#fafbf9;scrollbar-width:thin}.inquiry-stage-filter button{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:7px 10px;border-radius:18px;font-size:11px}.inquiry-stage-filter button span{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:#edf0ed;color:#68756d;font-size:10px}.inquiry-stage-filter button.active{background:#2f654e;color:#fff;border-color:#2f654e}.inquiry-stage-filter button.active span{background:#fff;color:#315d49}.inquiry-list{background:#f7f9f7;padding:9px}.inquiry-list-row{display:grid;grid-template-columns:minmax(165px,1.15fr) minmax(170px,1.2fr) minmax(170px,1fr) minmax(125px,.75fr) minmax(175px,1fr);gap:16px;align-items:center;background:#fff;border:1px solid #e5ebe6;border-left:4px solid #8e9e95;border-radius:10px;margin:7px 0;padding:13px 14px;box-shadow:0 2px 8px rgba(31,52,43,.025)}.inquiry-list-row:hover{box-shadow:0 7px 19px rgba(31,52,43,.07);border-color:#d5dfd8}.inquiry-list-row.stage-0{border-left-color:#7b6fb2}.inquiry-list-row.stage-1,.inquiry-list-row.stage-2{border-left-color:#4c86a9}.inquiry-list-row.stage-3,.inquiry-list-row.stage-4{border-left-color:#d39b46}.inquiry-list-row.stage-5{border-left-color:#ba755c}.inquiry-list-row.stage-6{border-left-color:#4f9669}.inquiry-list-row.stage-7{border-left-color:#9ca39f;opacity:.72}.inquiry-client{display:block;border:0;background:transparent;padding:0;text-align:left;min-width:0}.inquiry-client:hover{background:transparent;transform:none}.inquiry-client small,.inquiry-client strong,.inquiry-client span,.inquiry-when small,.inquiry-when strong,.inquiry-next small,.inquiry-next strong,.inquiry-next span{display:block}.inquiry-client small,.inquiry-next small{font-size:9px;letter-spacing:.7px;color:#819087}.inquiry-client strong{font-size:15px;margin:5px 0}.inquiry-client span,.inquiry-when small,.inquiry-next span{font-size:11px;color:var(--muted);margin-top:5px}.inquiry-when strong,.inquiry-next strong{font-size:12px}.inquiry-owner{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.inquiry-owner>strong{font-size:13px}.inquiry-state{display:grid;gap:7px}.inquiry-state select{padding:7px;font-size:11px}.inquiry-state button{padding:7px;font-size:11px;width:100%}

@media(max-width:1400px){.drawer-open .main{margin-right:0}.drawer-open .workspace{padding-right:22px;min-width:0}.drawer{width:min(680px,88vw)}.team-status-header{max-width:500px}.inquiry-list-row{grid-template-columns:minmax(160px,1fr) minmax(170px,1fr) minmax(150px,1fr) minmax(165px,1fr)}.inquiry-owner{display:none}}
@media(max-width:1100px){.team-status-header{max-width:300px}.client-layout{grid-template-columns:330px minmax(360px,1fr)}.inquiry-list-row{grid-template-columns:1fr 1fr 1fr}.inquiry-next{display:none}.inquiry-state{grid-column:auto}}
@media(max-width:900px){.team-status-header{display:none}.client-layout{grid-template-columns:1fr}.client-browser,.client-detail{position:static;max-height:none}.client-card-list{max-height:430px}.drawer-workspace{grid-template-columns:112px minmax(0,1fr)}.drawer-tabs button{padding:9px 7px}.drawer-body{padding:21px}.inquiry-list-row{grid-template-columns:1fr 1fr}.inquiry-when{display:none}}
@media(max-width:720px){.topbar{height:52px}.topbar-start>#breadcrumb{font-size:11px}.drawer{width:100%}.drawer .dialog-head{height:72px}.drawer-workspace{grid-template-columns:54px minmax(0,1fr);height:calc(100dvh - 72px)}.drawer-tabs{padding:7px 5px}.drawer-tabs button{justify-content:center;min-height:42px;padding:8px}.drawer-tabs button span{font-size:17px}.drawer-tabs button b{display:none}.drawer-body{padding:17px}.drawer .chat-messages{max-height:calc(100dvh - 290px)}.client-toolbar{display:flex}.client-toolbar input{flex:1}.client-card-meta{padding-left:13px}.next-contact{padding-left:13px}.client-detail>*:not(.client-hero):not(.client-section):not(.client360){margin-left:16px;margin-right:16px}.client-contact-grid{padding:16px}.client-hero{padding:19px}.client360{padding:16px}.inquiry-workspace>.toolbar>input{min-width:100%;flex-basis:100%}.inquiry-workspace>.toolbar>.field{width:100%;max-width:none}.inquiry-list{padding:6px}.inquiry-list-row{grid-template-columns:1fr auto;gap:12px;padding:13px}.inquiry-state{grid-column:1/-1;grid-template-columns:1fr 1fr}.inquiry-owner{display:flex}.inquiry-next,.inquiry-when{display:none}}

/* Uploads, dashboard actions, expressive calendar and Telegram-like messages. */
.file-drop{display:grid;gap:7px;padding:20px;border:1.5px dashed #9db7a5;border-radius:12px;background:#f4f8f2;color:#315b47;cursor:pointer;text-align:center}.file-drop:hover{background:#edf5e9;border-color:#628d70}.file-drop span{font-weight:700}.file-drop small{font-size:11px}.file-drop input{margin-top:6px;background:#fff}.file-or{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px}.file-or:before,.file-or:after{content:"";height:1px;background:var(--line);flex:1}.attachment-picker{display:flex;align-items:center;gap:7px;width:max-content;padding:8px 11px;border-radius:9px;color:#456957;background:#eef4eb;cursor:pointer;font-size:12px;font-weight:650}.attachment-picker:hover{background:#e2edde}.attachment-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.message-compose{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-attachment{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;gap:1px 9px;align-items:center;margin:8px 0;padding:9px;border-radius:9px;background:rgba(255,255,255,.7);text-decoration:none}.chat-attachment>span{grid-row:1/-1;display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dcebdd;font-size:18px}.chat-attachment b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-attachment small{font-size:10px}
.kpi-show{padding:6px 0 0;border:0;background:transparent;color:#35664f;font-size:11px}.kpi-show:hover{background:transparent;transform:translateX(2px)}.kpi-unassigned{border-top:3px solid #d59a43}.kpi-unpaid{border-top:3px solid #b87356}.kpi-contact{border-top:3px solid #5488a5}.kpi-today{border-top:3px solid #56906a}
.month-v12 .month-day{min-height:205px;background:#fff}.month-v12 .month-day:nth-child(7n),.month-v12 .month-day:nth-child(7n-1){background:#fafbf8}.month-v12 .month-day.today{background:#f5faef}.month-v12 .month-day.outside{background:#f1f3f1}.month-events{display:grid;gap:4px}.calendar-event{position:relative;border:1px solid color-mix(in srgb,var(--person,#789482) 28%,#e3ebe5);border-left:4px solid var(--person,#789482);background:linear-gradient(135deg,color-mix(in srgb,var(--person,#789482) 12%,white),#fff);box-shadow:0 3px 9px rgba(30,54,43,.07);padding:8px 9px}.calendar-event:hover{box-shadow:0 8px 18px rgba(30,54,43,.13);border-color:var(--person,#789482);transform:translateY(-1px)}.calendar-event .calendar-time{display:inline-block;padding:2px 5px;border-radius:5px;background:#fff;color:#315b47;font-size:10px;font-weight:750;margin-bottom:5px}.calendar-event strong{font-size:11px;line-height:1.35}.calendar-event small{font-size:9px;line-height:1.35;color:#687a70}.calendar-people{margin-top:5px}.calendar-people .tag{font-size:9px;padding:2px 4px}.calendar-event.event-state-cancelled{opacity:.52;filter:grayscale(.45)}.calendar-event.event-state-in-progress{box-shadow:0 0 0 2px #78a68a55}.calendar-event.event-state-ready:after{content:"Готов";position:absolute;right:6px;top:5px;font-size:8px;color:#3f7453}.schedule-column .calendar-event{border-left-width:4px;padding:9px}.schedule-column .calendar-event strong{font-size:12px}.schedule-day .calendar-event{padding:13px}.schedule-day .calendar-event strong{font-size:14px}.schedule-day .calendar-event small{font-size:11px}
.inbox-filters{margin:0;padding:12px 14px;background:#fff;border:1px solid var(--line);border-bottom:0;border-radius:14px 14px 0 0}.unified-inbox{gap:0;border:1px solid #dbe4dd;border-radius:0 0 14px 14px;overflow:hidden;background:#fff;box-shadow:var(--shadow)}.unified-inbox>.panel{border:0;border-radius:0;box-shadow:none}.conversation-list{background:#f6f8f7;border-right:1px solid #dce5df!important}.conversation-list>button{padding:13px 14px;background:transparent}.conversation-list>button:hover{background:#edf3ef;transform:none}.conversation-list>button.active{background:#e2eee5;border-left:4px solid #4b8a68}.conversation-list>button strong{font-size:13px}.conversation-list>button span:not(.provider-badge){line-height:1.45}.conversation-thread{display:flex;flex-direction:column;padding:0;background-color:#e9f0ea;background-image:radial-gradient(#b9c9bd55 .7px,transparent .7px);background-size:14px 14px}.conversation-head{position:sticky;top:0;z-index:2;padding:13px 17px;background:#fff;border-bottom:1px solid #d9e2dc;box-shadow:0 2px 9px rgba(30,53,43,.05)}.conversation-head h2{font-size:16px;margin:5px 0 2px}.customer-messages{flex:1;padding:20px 24px;justify-content:flex-end}.customer-message{position:relative;max-width:72%;border-radius:6px 14px 14px 14px;background:#fff;box-shadow:0 2px 6px rgba(30,52,43,.09);padding:10px 12px}.customer-message.outbound{border-radius:14px 6px 14px 14px;background:#dff1d5}.customer-message.internal_note{border-radius:10px;background:#fff3c9;box-shadow:none}.customer-message .provider-badge{display:none}.customer-message>small{font-size:9px;margin:4px 0;color:#6f8077}.customer-message p{font-size:13px;line-height:1.5;margin:4px 0}.conversation-thread>.message-mode{margin:0;padding:8px 16px 0;background:#fff;border-top:1px solid #d9e2dc}.conversation-thread>#customer-message-form{padding:8px 16px 14px;background:#fff}.conversation-thread>#customer-message-form textarea{min-height:56px;border-radius:14px;background:#f6f8f7}.conversation-thread>#customer-message-form .form-foot{margin-top:8px}.crm-context{border-left:1px solid #dce5df!important;background:#fbfcfb}.crm-context>h3{color:#4d7a63}.crm-context .quick{padding-left:0}
@media(max-width:1150px){.unified-inbox{gap:0}.conversation-list{border-right:1px solid #dce5df!important}.crm-context{border-top:1px solid #dce5df!important;border-left:0!important}}
@media(max-width:720px){.file-drop{padding:15px}.message-compose{align-items:stretch}.attachment-picker span{display:none}.month-v12 .month-day{min-height:68px}.conversation-list{border-right:0!important;border-bottom:1px solid #dce5df!important}.customer-messages{padding:15px 10px}.customer-message{max-width:88%}.conversation-thread>#customer-message-form{padding:8px 10px 12px}.inbox-filters{border-radius:12px 12px 0 0}}

/* Reference-inspired block layout. Visual layer only: no data or interaction changes. */
:root{--ink:#16231f;--ink-soft:#52635a;--canvas:#f0f2ef;--block:#fff;--block-line:#d8ded9;--accent:#d6f090;--accent-strong:#9ecf65;--deep:#101b18}
body{background:var(--canvas);color:var(--ink);letter-spacing:.005em}
.shell{grid-template-columns:238px minmax(0,1fr);background:var(--canvas)}
.sidebar{background:var(--deep);padding:26px 15px 20px;border-right:1px solid #24332d}
.brand{padding:0 10px;font-weight:850;letter-spacing:1.8px}.brand-mark{background:var(--accent);color:var(--deep);border-radius:10px}.brand small{color:#87a094}
.nav-label{margin:44px 14px 14px;color:#769187;letter-spacing:1.6px}.nav{gap:4px}.nav button{min-height:44px;border-radius:12px;padding:11px 14px;color:#aebfb6;font-weight:720;letter-spacing:.01em}.nav button.active{background:var(--accent);color:var(--deep);box-shadow:0 9px 22px rgba(214,240,144,.12)}.nav button.active:before{display:none}.nav button:hover{background:#1d3028}.nav button.active:hover{background:#d6f090}.nav-icon{opacity:.82}
.side-bottom{padding-top:25px}.local-note{border-bottom-color:#2b3b34;color:#91a79b}.logout{border-color:#2d4037;color:#a8bbb0}
.main{background:var(--canvas)}.topbar{height:76px;padding:0 35px;border-bottom:1px solid var(--block-line);background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.topbar-start{gap:20px}.topbar-start>#breadcrumb{font-size:13px;color:#65776c}.top-right{gap:10px}.topbar .global-trigger{border:1px solid var(--block-line);border-radius:12px;background:#f8faf8;color:#55665d}
.workspace{max-width:1800px;padding:42px 48px 70px}.page-head{margin-bottom:28px;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:2px;color:#7b9284}.page-head h1{font-family:"Arial Black","Segoe UI",sans-serif;text-transform:uppercase;font-size:clamp(34px,4vw,58px);line-height:.98;letter-spacing:-2.7px;color:#111817;margin:0}.page-head p{margin-top:12px;font-size:14px;color:#758278}.page-head>.primary{border-radius:13px;background:var(--accent);border-color:var(--accent);color:#14241d;box-shadow:0 10px 24px rgba(151,194,90,.2);font-weight:850;text-transform:uppercase}.page-head>.primary:hover{background:#c8ed79}
.kpis{gap:14px;margin-bottom:24px}.kpi{border-radius:18px;border:1px solid var(--block-line);padding:20px 22px;box-shadow:0 7px 24px rgba(20,42,32,.04)}.kpi:first-child{background:var(--accent);border-color:#c6df98}.kpi-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.75px;color:#6f7e74}.kpi-value{font-size:34px;font-weight:850;color:#17231f;margin:15px 0 7px}.kpi-show{text-transform:uppercase;font-weight:800;letter-spacing:.3px}
.panel{border-radius:20px;border:1px solid var(--block-line);box-shadow:0 8px 28px rgba(24,48,36,.045);background:var(--block)}.panel-head{padding:20px 23px;border-bottom:1px solid #e4e9e4}.panel-head h2{font-size:16px;text-transform:uppercase;letter-spacing:.2px}.dashboard-columns{gap:16px}.dashboard-columns>.panel:first-child{background:#fff}.dashboard-columns>.panel:nth-child(2){background:#f9fbf7}.cards{gap:13px;padding:16px}.order-card{border-radius:16px;border:1px solid #dce4dd;box-shadow:0 4px 15px rgba(24,48,36,.04);padding:18px}.order-card:hover{box-shadow:0 12px 25px rgba(24,48,36,.1);transform:translateY(-2px)}.order-card h3{font-family:"Arial Black","Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:-.7px;font-size:18px}.card-bottom{border-top-color:#e4e9e4}
.team-status-header{gap:5px;max-width:650px}.team-status-person{border:1px solid #e1e7e1;border-radius:12px;background:#f7faf7}.team-status-person:hover{background:#edf6e7}.team-status-person .avatar{border-radius:9px}
.toolbar{padding:16px 19px;border-bottom:1px solid #e4e9e4;background:#fbfcfb}.toolbar input,.toolbar select{border-radius:11px;border-color:#d6ded8;background:#fff}.quick{padding:0 19px 15px}.chip{border-radius:18px;border-color:#d7e0d9;background:#fff}.chip.active{background:var(--accent);border-color:#c6df98;color:#223f2d}
.table-scroll{border-radius:0 0 20px 20px}.excel th{background:#f3f6f3;color:#73837a;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.excel td{padding:13px 12px}.excel tbody tr:hover{background:#f5f9f2}.excel .order-link{font-weight:800}
.attention-row{padding:16px 22px;border-bottom:1px solid #e6ebe6}.attention-row:hover{background:#f2f7ed}.attention-row p{font-size:12px}
.calendar-panel{overflow:hidden}.calendar-heading{background:#fff;padding:20px 24px}.month-title{font-family:"Arial Black","Segoe UI",sans-serif;font-size:24px;letter-spacing:-1px}.calendar-controls button{border-radius:10px}.calendar-controls input{border-radius:10px}.month-weekdays{background:#f5f7f4}.month-weekdays span{text-transform:uppercase;font-weight:800;font-size:10px;letter-spacing:.6px}.month-grid{background:#dce4dd;gap:1px}.month-v12 .month-day{min-height:190px;border:0;padding:8px;background:#fff}.month-v12 .month-day.today{background:#f4faed}.month-v12 .month-day.outside{background:#f1f3f1}.day-number{font-weight:850}.calendar-event{border-radius:10px;border-left-width:5px;padding:9px 10px;background:linear-gradient(135deg,#f4f8f1,#fff);box-shadow:0 3px 10px rgba(29,53,40,.09)}.calendar-event strong{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:-.2px}.calendar-event small{font-size:10px}.calendar-time{font-variant-numeric:tabular-nums}.calendar-event .tag{font-size:9px;background:#fff}
.client-layout{gap:18px}.client-browser{border-radius:20px}.client-card-list{padding:10px}.client-list-card{border-radius:14px}.client-list-card.selected{box-shadow:inset 4px 0 #4e8c63,0 8px 20px rgba(34,76,49,.07)}.client-detail{border-radius:20px}.client-hero{padding:27px 28px}.client-hero h2{font-family:"Arial Black","Segoe UI",sans-serif;text-transform:uppercase;letter-spacing:-1px}.client-avatar{border-radius:15px;background:var(--accent)}.contact-tile{border-radius:11px;background:#f8faf8}.client-section .panel-head h3{text-transform:uppercase;letter-spacing:.4px}
.today-panel{grid-column:1/-1;overflow:hidden;background:linear-gradient(135deg,#132a27,#1b3930);color:#fff;border:0;min-height:190px}.today-panel-head{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #ffffff22}.today-panel-head .kpi-label{color:#b7d5b7}.today-panel-head p{margin:0;color:#c6d7ca;font-size:12px}.today-count{font-size:38px;line-height:1;font-weight:850;color:#c8f36b}.today-slides{padding:22px 25px 12px}.today-slide[hidden]{display:none}.today-slide-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.today-slide-head>small{color:#a9c4ad;font-size:11px}.today-stage{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.today-stage-upcoming{background:#d8f08c;color:#183528}.today-stage-in-progress{background:#7de0a7;color:#123a2d}.today-stage-today{background:#fff0b0;color:#5c4a17}.today-slide-main{display:flex;align-items:end;justify-content:space-between;gap:20px}.today-order-number{color:#a9c4ad;font-size:10px;letter-spacing:.7px}.today-slide h3{margin:5px 0 8px;font-size:22px;letter-spacing:-.4px;text-transform:uppercase;color:#fff}.today-meta,.today-client{margin:0;color:#d9e6dc;font-size:12px;line-height:1.6}.today-open{flex-shrink:0;background:#c8f36b;color:#14251f}.today-open:hover{background:#d8ff83}.today-dots{display:flex;justify-content:center;gap:6px;padding:2px 0 16px}.today-dots span{width:7px;height:7px;border-radius:50%;background:#ffffff4d;cursor:pointer}.today-dots span.active{background:#c8f36b;transform:scale(1.2)}
@media(max-width:720px){.today-panel-head{padding:18px}.today-slides{padding:18px}.today-slide-main{display:block}.today-slide h3{font-size:18px}.today-open{margin-top:14px;width:100%}}
.today-slide:not([hidden]){animation:todayFade .24s ease}@keyframes todayFade{from{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:none}}
.inquiry-workspace{border-radius:20px}.inquiry-stage-filter{background:#f5f7f4}.inquiry-stage-filter button{font-weight:800;text-transform:uppercase}.inquiry-list{background:#edf1ed;padding:10px}.inquiry-list-row{border-radius:14px;border:1px solid #dce4dd;box-shadow:0 4px 12px rgba(31,52,43,.04);padding:15px 16px}.inquiry-list-row:hover{box-shadow:0 9px 20px rgba(31,52,43,.09)}.inquiry-client strong{font-family:"Arial Black","Segoe UI",sans-serif;letter-spacing:-.4px}.inquiry-state select{border-radius:9px}.inquiry-state button{border-radius:9px}
.inquiry-board-toolbar{display:grid;grid-template-columns:auto auto minmax(240px,1fr);align-items:end;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);background:#fff}.inquiry-period{display:flex;gap:8px}.inquiry-period label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.inquiry-period input{min-width:145px}.inquiry-quick-filters{display:flex;gap:6px;flex-wrap:wrap}.inquiry-quick-filters button{padding:9px 13px;border-radius:999px;font-size:11px;font-weight:800}.inquiry-quick-filters button.active{background:var(--deep);border-color:var(--deep);color:#fff}.inquiry-board-toolbar>#inquiry-query{min-width:220px}.inquiry-board{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:start;background:#edf1ed}.inquiry-rail{position:sticky;top:94px;display:grid;gap:5px;padding:18px 12px;min-height:calc(100vh - 220px);background:#132a27;color:#dbe9df}.inquiry-rail strong{padding:0 9px 8px;color:#c8f36b;font-size:10px;letter-spacing:1px;text-transform:uppercase}.inquiry-rail a{padding:9px;border-radius:8px;color:#dbe9df;text-decoration:none;font-size:12px}.inquiry-rail a:hover{background:#24483b;color:#fff}.inquiry-groups{padding:15px 18px 30px;min-width:0}.inquiry-month{scroll-margin-top:105px}.inquiry-week,.inquiry-day{scroll-margin-top:105px}.inquiry-period-heading{display:flex;align-items:center;gap:10px;margin:14px 0 7px;padding:8px 3px;border-bottom:1px solid #d5dfd7}.inquiry-period-heading span{font-size:9px;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:#7d8d82}.inquiry-period-heading h3,.inquiry-period-heading h4,.inquiry-period-heading h5{margin:0;flex:1;text-transform:capitalize}.inquiry-period-heading h3{font-size:20px}.inquiry-period-heading h4{font-size:14px;color:#35644e}.inquiry-period-heading h5{font-size:13px;color:#56705f}.inquiry-period-heading strong{display:grid;place-items:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#dbead1;color:#315d49;font-size:11px}.inquiry-day .inquiry-list{padding:3px 0 8px;background:transparent}.inquiry-day .inquiry-list-row{margin:7px 0}
@media(max-width:900px){.inquiry-board-toolbar{grid-template-columns:1fr}.inquiry-period{flex-wrap:wrap}.inquiry-board{grid-template-columns:112px minmax(0,1fr)}.inquiry-rail{top:70px}.inquiry-groups{padding:12px}.inquiry-period-heading h3{font-size:17px}}
@media(max-width:560px){.inquiry-board{display:block}.inquiry-rail{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:4px;min-height:0;padding:8px 10px;overflow:auto}.inquiry-rail strong{padding:0 5px;white-space:nowrap}.inquiry-rail a{padding:7px 9px;white-space:nowrap}.inquiry-groups{padding:8px}.inquiry-period{display:grid;grid-template-columns:1fr 1fr}.inquiry-period input{min-width:0;width:100%}}
.unified-inbox{border-radius:0 0 20px 20px}.conversation-list{background:#f4f7f4}.conversation-list>button{padding:15px;border-bottom-color:#e0e7e1}.conversation-list>button.active{background:#e5f2df}.conversation-thread{background-color:#edf3ee}.crm-context{background:#fbfcfb}.provider-badge{border-radius:5px;text-transform:uppercase;letter-spacing:.5px}.customer-message{border-radius:8px 16px 16px 16px}.customer-message.outbound{border-radius:16px 8px 16px 16px;background:#ddf1d2}
.drawer{border-left:1px solid #cfdad1;box-shadow:-18px 0 44px rgba(15,35,25,.18)}.drawer .dialog-head{background:#fff}.drawer-workspace{grid-template-columns:142px minmax(0,1fr)}.drawer-tabs{background:var(--deep);border-right:1px solid #2c4036}.drawer-tabs button{border-radius:10px}.drawer-tabs button.active{background:var(--accent)}.drawer-body{background:#fff}.warning{border:1px solid #efdca9}
.dialog-head{border-bottom-color:#e0e6e0}.dialog-body{background:#fff}.form-grid{gap:14px}.field input,.field select,.field textarea{border-radius:10px}.form-foot .primary{border-radius:11px}
@media(max-width:1200px){.workspace{padding:35px 28px 60px}.topbar{padding:0 24px}.shell{grid-template-columns:218px minmax(0,1fr)}.page-head h1{font-size:46px}.team-status-header{max-width:420px}}
@media(max-width:720px){.shell{display:block}.sidebar{padding:14px 16px}.workspace{padding:26px 14px 94px}.topbar{padding:0 16px}.page-head{align-items:flex-start}.page-head h1{font-size:35px;letter-spacing:-1.8px}.page-head>.primary{font-size:10px}.kpis{gap:9px}.kpi{padding:15px;border-radius:14px}.kpi-value{font-size:26px}.panel{border-radius:15px}.panel-head{padding:16px}.month-v12 .month-day{min-height:68px}.calendar-event{border-left-width:3px;padding:3px}.calendar-event strong{font-size:9px}.calendar-event small,.calendar-event .calendar-people{display:none}.inquiry-list-row{border-radius:12px}.drawer-workspace{grid-template-columns:55px minmax(0,1fr)}.drawer-tabs button{border-radius:9px}.drawer-body{padding:16px}}

/* Shared lightweight navigation rails. The sidebar and order drawer use the
   same interaction language as the social provider rail in Messages. */
.nav button,.drawer-tabs button{position:relative;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.nav button{border:1px solid transparent;border-radius:12px}
.nav button:hover{background:rgba(53,83,70,.68);border-color:rgba(191,220,198,.12);transform:translateX(2px)}
.nav button.active{background:linear-gradient(135deg,rgba(214,241,144,.96),rgba(194,231,144,.82));border-color:rgba(157,191,83,.25);color:#244b37;box-shadow:0 8px 18px rgba(87,121,62,.15),inset 0 1px rgba(255,255,255,.5)}
.nav-icon{display:grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:9px;background:rgba(50,81,69,.78);font-size:15px;line-height:1;color:#c0d4c8;transition:background .18s ease,color .18s ease,transform .18s ease}
.nav button:hover .nav-icon{background:rgba(76,112,93,.82);color:#fff;transform:scale(1.04)}
.nav button.active .nav-icon{background:#315e47;color:#d6f18f}
.drawer-tabs{gap:8px;padding:12px 7px;background:rgba(19,47,42,.78);border-right-color:rgba(151,202,172,.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.drawer-tabs button{min-height:44px;padding:7px 8px;border:1px solid transparent;border-radius:12px;gap:8px;color:#bad0c4}
.drawer-tabs button:hover{background:rgba(52,88,72,.74);border-color:rgba(191,220,198,.12);color:#fff;transform:translateX(2px)}
.drawer-tabs button.active{background:linear-gradient(135deg,rgba(214,241,144,.96),rgba(194,231,144,.82));border-color:rgba(157,191,83,.25);color:#244b37;box-shadow:0 8px 18px rgba(6,25,18,.2),inset 0 1px rgba(255,255,255,.7)}
.drawer-tabs button>span{display:grid;place-items:center;width:27px;height:27px;min-width:27px;border-radius:9px;background:rgba(40,70,60,.8);font-size:14px;line-height:1;color:#c0d4c8;transition:background .18s ease,color .18s ease}
.drawer-tabs button:hover>span{background:#4c705d;color:#fff}
.drawer-tabs button.active>span{background:#315e47;color:#d6f18f}

.employee-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;grid-column:1/-1}
.employee-status-card{min-width:0;overflow:hidden;padding:0;background:rgba(255,255,255,.66)}
.employee-status-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:17px 18px 12px;border-bottom:1px solid rgba(148,174,158,.24)}
.employee-status-card>header span{font-size:11px;color:#668073;text-transform:uppercase;letter-spacing:.7px;line-height:1.3}
.employee-status-card>header strong{font-size:24px;line-height:1;color:#244b37}
.employee-status-orders{display:grid;gap:6px;padding:8px}
.employee-status-order{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:10px;border:1px solid transparent;border-radius:10px;background:rgba(242,248,241,.7);text-align:left;color:#315443}
.employee-status-order:hover{background:#e8f3df;border-color:#cfe5bb;transform:translateY(-1px)}
.employee-status-order span{display:grid;gap:3px;min-width:0}
.employee-status-order strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.employee-status-order small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#789084}
.employee-status-order>b{font-size:10px;white-space:nowrap;color:#4d7c60}
.employee-status-card .empty{padding:10px;font-size:11px;min-height:47px}
.status-more{margin:0 9px 10px!important;width:calc(100% - 18px)}
.employee-status-upcoming{border-top:3px solid #7cae91}.employee-status-tomorrow{border-top:3px solid #a7c986}.employee-status-today{border-top:3px solid #d4ae57}.employee-status-in-progress{border-top:3px solid #4c9b78}
@media(max-width:1050px){.employee-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:2px}.nav button{flex:1 0 auto;justify-content:center;min-width:48px;padding:7px 8px}.nav button:not(.active){background:transparent}.nav button .nav-icon{width:27px;height:27px;min-width:27px}.nav button{font-size:11px}.nav button:not(.active){font-size:0}.nav button:not(.active) .nav-icon{font-size:15px}.drawer-tabs{gap:6px;padding:7px 5px}.drawer-tabs button{padding:7px;min-height:42px}.drawer-tabs button>span{width:27px;height:27px;min-width:27px}.employee-status-grid{grid-template-columns:1fr;gap:10px}.employee-status-card>header{padding:14px 15px 10px}}

@media(max-width:720px){
  .sidebar .nav{display:flex;grid-template-columns:none;gap:5px;overflow-x:auto;padding:5px 6px calc(5px + env(safe-area-inset-bottom));}
  .admin-shell .sidebar .nav [data-id="clients"],.admin-shell .sidebar .nav [data-id="tasks"],.admin-shell .sidebar .nav [data-id="chat"]{display:flex;}
  .employee-shell .sidebar .nav [data-id="tasks"],.employee-shell .sidebar .nav [data-id="chat"]{display:flex;}
}

/* Home dashboard: compact event cards with a clear action row. */
.dashboard-columns>.panel:first-child .cards{padding:12px;gap:10px}
.dashboard-columns>.panel:first-child .order-card{padding:14px 16px;min-height:0}
.dashboard-columns>.panel:first-child .order-card h3{margin:8px 0 6px;font-size:16px}
.dashboard-columns>.panel:first-child .order-card p{margin:0;line-height:1.38;font-size:12px}
.dashboard-columns>.panel:first-child .order-card .card-bottom{margin-top:9px;padding-top:9px;min-height:0}
.dashboard-columns>.panel:first-child .card-actions-row{display:flex;align-items:center;gap:9px;margin-top:10px;min-height:36px}
.dashboard-columns>.panel:first-child .card-contact-actions{min-width:0;flex:1}
.dashboard-columns>.panel:first-child .card-contact-actions .contact-actions{display:flex;gap:6px;margin:0;flex-wrap:nowrap}
.dashboard-columns>.panel:first-child .card-contact-actions .button{padding:8px 10px;font-size:11px;white-space:nowrap}
.dashboard-columns>.panel:first-child .card-open{flex:0 0 auto;min-width:104px;padding:9px 12px;border-radius:12px!important;white-space:nowrap}
.dashboard-columns>.panel:nth-child(2) .attention-row{margin:9px 14px;padding:12px 13px;border:1px solid var(--ref-line,#d9dee6);border-radius:14px;background:rgba(255,251,247,.72);box-shadow:0 8px 18px rgba(32,33,38,.06)}
.dashboard-columns>.panel:nth-child(2) .attention-row:last-child{margin-bottom:14px}
.dashboard-columns>.panel:nth-child(2) .attention-row p{margin:6px 0 0;font-size:11px;line-height:1.4}
.dashboard-columns>.panel:nth-child(2) .attention-row .order-link{display:block;font-size:13px;font-weight:800}
.crm-home .task-row{margin:8px 14px;border:1px solid var(--ref-line,#d9dee6);border-radius:14px;background:rgba(255,251,247,.72);box-shadow:0 7px 16px rgba(32,33,38,.05)}
.crm-home .task-row:last-of-type{margin-bottom:14px}
.crm-home>.quick{padding:12px 14px 14px}
.calendar-modes [data-id="month"],.calendar-modes [data-id="week"],.calendar-modes [data-id="day"]{display:inline-flex!important}
.home-calendar-window-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.home-calendar-window-actions button{flex:0 0 auto;white-space:nowrap}
.home-calendar-window-actions .home-calendar-today{min-width:92px}
.home-calendar-modebar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.home-calendar-modebar button{white-space:nowrap}
@media(max-width:560px){
  .dashboard-columns>.panel:first-child .card-actions-row{gap:6px}
  .dashboard-columns>.panel:first-child .card-contact-actions .button{padding:7px 8px;font-size:10px}
  .dashboard-columns>.panel:first-child .card-open{min-width:92px;padding:8px 9px;font-size:10px}
  .home-calendar-window-actions{gap:5px}
  .home-calendar-window-actions .home-calendar-today{min-width:78px;padding-inline:8px!important}
}

.program-pricing-preview{padding:14px 16px;border:1px solid var(--ref-line);border-radius:16px;background:rgba(227,241,232,.55);display:block}
.program-pricing-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;cursor:pointer;list-style:none}.program-pricing-summary::-webkit-details-marker{display:none}.program-pricing-toggle{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.7);font-size:18px;line-height:1}.program-pricing-preview[open] .program-pricing-toggle{transform:rotate(45deg)}.program-pricing-body{display:grid;gap:10px;margin-top:12px}
.client-create-row{display:flex;align-items:center;gap:8px;margin-top:7px}
.program-pricing-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.program-pricing-head small,.program-pricing-grid small{display:block;color:var(--ref-muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.program-pricing-head strong{display:block;margin-top:4px;font-size:15px}
.program-pricing-head>span:last-child{padding:5px 8px;border-radius:999px;background:#dff3a4;color:#263221;font-size:11px;font-weight:800;white-space:nowrap}
.program-pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.program-pricing-grid>div{padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.68)}
.program-pricing-grid strong{display:block;margin-top:3px;font-size:16px}
.program-payment-options{display:grid;gap:6px}
.program-payment-options>div{display:grid;grid-template-columns:minmax(80px,1fr) auto auto;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.52);font-size:12px}
.program-payment-options strong{white-space:nowrap}
.program-payment-options strong small{font-weight:600;color:var(--ref-muted)}
.program-payment-options a,.program-contract-link{color:var(--ref-blue,#007aad);font-size:11px}
.program-contract-link{display:block;padding-top:4px;font-weight:750}
@media(max-width:720px){.program-pricing-head{display:grid}.program-pricing-grid{grid-template-columns:1fr 1fr}.program-payment-options>div{grid-template-columns:1fr auto}.program-payment-options a{grid-column:2}}

.task-row{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(360px,2fr) minmax(120px,.7fr) auto;gap:12px;align-items:stretch;margin:9px 12px;padding:12px;border:1px solid var(--ref-line,#d9dee6);border-radius:15px;background:rgba(255,251,247,.82);box-shadow:0 7px 16px rgba(32,33,38,.06)}
.task-row:first-child{margin-top:12px}.task-row:last-child{margin-bottom:12px}
.task-row-main,.task-row-fields>div{min-width:0;padding:10px 11px;border-radius:11px;background:rgba(240,243,242,.82)}
.task-row-main{display:grid;align-content:center;gap:7px}.task-row-title .order-link{font-size:14px;font-weight:800;color:var(--ref-dark,#25262b)!important;white-space:normal}.task-row-main small{margin:0;color:var(--ref-muted,#74777d);font-size:11px;line-height:1.4;overflow-wrap:anywhere}
.task-row-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.task-row-fields>div{display:grid;align-content:center;gap:4px}.task-row-fields small{margin:0;color:var(--ref-muted,#74777d);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.task-row-fields strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row-fields span{color:var(--ref-muted,#74777d);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-status-label{color:#315e47}.task-row.overdue .task-status-label{color:#9b5e24}.task-row-links{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.task-row-links .order-link{font-size:11px;white-space:nowrap}.task-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.task-action{padding:8px 10px;font-size:11px;white-space:nowrap}.task-action-done{background:#dff3a4;border-color:#c6df83;color:#263221}.task-action-close{color:#a83b38;border-color:#e3b9b8;background:#fff5f4}.task-action-state{font-size:11px;font-weight:800;color:var(--ref-muted,#74777d);white-space:nowrap}.task-row.is-done{background:rgba(237,247,224,.82)}.task-row.is-done .task-row-title .order-link{text-decoration:line-through;text-decoration-thickness:1px}.task-row.is-closed{opacity:.72}.task-row.is-closed .task-row-title .order-link{text-decoration:line-through;text-decoration-thickness:1px}
.danger-action{background:#c83d3d!important;border-color:#c83d3d!important;color:#fff!important;box-shadow:0 8px 18px rgba(164,36,36,.24)}.danger-action:hover{background:#a92f2f!important;border-color:#a92f2f!important}
@media(max-width:980px){.task-row{grid-template-columns:minmax(180px,1fr) minmax(300px,1.5fr) auto}.task-row-links{grid-column:1/-1}.task-row-actions{grid-column:3;grid-row:1 / span 2}}
@media(max-width:720px){.task-row{grid-template-columns:1fr;padding:10px}.task-row-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.task-row-links,.task-row-actions{grid-column:auto;grid-row:auto}.task-row-actions{justify-content:flex-start}.task-action{flex:1}.task-row{margin-inline:8px}}

/* Internal tabs start close to the header; the dashboard keeps its original
   breathing room for the team strip and hero blocks. */
.workspace.workspace-compact-top{padding-top:18px}
@media(max-width:1200px){.workspace.workspace-compact-top{padding-top:14px}}
@media(max-width:720px){.workspace.workspace-compact-top{padding-top:8px}}

/* Login screen matching the supplied Cloud Events reference. */
#app:has(.login-reference){min-height:100vh}
.login-reference{display:grid!important;grid-template-columns:minmax(0,1.24fr) minmax(360px,.92fr)!important;gap:clamp(18px,3.5vw,48px);min-height:100vh;padding:clamp(18px,4vw,52px);background:radial-gradient(circle at 7% 8%,rgba(255,255,255,.85) 0 10%,transparent 27%),radial-gradient(circle at 93% 84%,rgba(255,220,141,.26) 0 7%,transparent 18%),linear-gradient(135deg,#f2ede4 0%,#d9d2c8 100%)}
.login-reference .login-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:calc(100vh - clamp(36px,8vw,104px));padding:clamp(28px,4vw,58px);overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:22px;background:radial-gradient(circle at 84% 24%,rgba(255,215,120,.32) 0 9%,transparent 10%),linear-gradient(145deg,#242932 0%,#0d131b 72%,#111820 100%);box-shadow:0 22px 54px rgba(34,31,27,.18),inset 0 1px rgba(255,255,255,.22)}
.login-reference .login-visual:before,.login-reference .login-visual:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.login-reference .login-visual:before{width:170px;height:170px;right:-52px;top:-32px;background:rgba(255,214,114,.13);filter:blur(1px)}.login-reference .login-visual:after{width:110px;height:110px;left:40%;bottom:-54px;background:rgba(255,255,255,.06)}
.login-reference .login-brand{display:flex;align-items:flex-start;gap:16px;position:relative;z-index:3}.login-reference .login-brand img{width:118px;height:auto;max-height:88px;object-fit:contain;object-position:left top;filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}.login-reference .login-brand-caption{padding-top:7px;color:rgba(255,251,247,.55);font-size:8px;letter-spacing:2.4px;font-weight:700}
.login-reference .login-visual-copy{position:relative;z-index:3;max-width:470px;margin-top:auto;margin-bottom:clamp(54px,9vw,120px)}.login-reference .login-visual-copy .eyebrow{color:rgba(255,251,247,.52);font-size:9px;letter-spacing:2.5px}.login-reference .login-visual-copy h1{margin:0;color:#fff!important;font-size:clamp(34px,4.6vw,62px);font-weight:800;line-height:1.04;letter-spacing:-2.2px}.login-reference .login-visual-copy h1 span{color:#f5d778!important}.login-reference .login-visual-copy p{max-width:320px;margin:16px 0 0;color:rgba(255,251,247,.54)!important;font-size:13px;line-height:1.55}
.login-reference .login-cloud-stage{position:absolute;z-index:2;right:-2%;top:20%;width:58%;max-width:510px;aspect-ratio:1.26;display:grid;place-items:center;transform:rotate(-7deg);pointer-events:none}.login-reference .login-cloud-panel{position:absolute;width:72%;height:78%;border:1px solid rgba(255,240,181,.28);border-radius:24px;background:linear-gradient(145deg,rgba(255,244,196,.14),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.14),0 20px 30px rgba(0,0,0,.13);transform:rotate(17deg) skewY(-8deg)}.login-reference .login-cloud-stage img{position:relative;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(0,0,0,.34));transform:rotate(7deg)}
.login-reference .login-visual-foot{position:absolute;z-index:3;left:clamp(28px,4vw,58px);bottom:clamp(20px,3vw,36px);color:rgba(255,251,247,.46);font-size:10px;letter-spacing:.2px}
.login-reference .login-panel{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - clamp(36px,8vw,104px));padding:clamp(28px,5vw,64px);overflow:hidden;border:1px solid rgba(255,255,255,.76);border-radius:22px;background:rgba(255,251,247,.8);box-shadow:0 22px 54px rgba(34,31,27,.12),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.login-reference .login-panel:before{content:"";position:absolute;width:180px;height:180px;right:-54px;top:-58px;border-radius:50%;background:rgba(255,211,55,.22);filter:blur(1px)}.login-reference .login-panel-orb{position:absolute;right:-42px;bottom:-76px;width:190px;height:190px;border-radius:50%;background:rgba(255,211,55,.14);pointer-events:none}.login-reference-form{position:relative;z-index:2;width:100%;max-width:360px}.login-reference-form .eyebrow{color:#aaa49a;font-size:9px;letter-spacing:2.5px}.login-reference-form h2{margin:0 0 22px;color:#202126!important;font-size:clamp(29px,3vw,42px);font-weight:800;letter-spacing:-1.6px}.login-reference-form .login-form-lead{margin:-8px 0 28px;color:#77736e!important;font-size:13px;line-height:1.5}.login-reference-form .field{gap:7px;margin:17px 0;color:#77736e;font-size:12px;font-weight:600}.login-reference-form .field input{height:44px;padding:0 13px;border-radius:9px;background:rgba(229,237,250,.86)!important;border-color:rgba(113,140,181,.18)!important;box-shadow:inset 0 1px rgba(255,255,255,.9)!important;color:#202126!important}.login-reference-form .field input:focus{border-color:#f1c92e!important;outline:3px solid rgba(255,211,55,.2)!important}.login-reference-form .primary{height:44px;margin-top:7px;border-radius:10px!important;background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 11px 22px rgba(12,13,16,.25),inset 0 1px rgba(255,255,255,.26)!important}.login-reference-form .primary:hover{background:linear-gradient(145deg,#44454a,#15161a)!important}.login-reference-form .form-foot{justify-content:center;margin-top:14px}.login-reference-form .form-foot button{padding:7px 14px;border-color:transparent!important;border-radius:8px;background:rgba(255,255,255,.7)!important;color:#202126!important;font-size:11px;box-shadow:0 4px 10px rgba(32,33,38,.08)}.login-reference-form .note{margin:14px 0 0;text-align:center;color:#77736e!important;font-size:11px;line-height:1.45}.login-reference-form .error{color:#b44c43!important;font-size:12px}
@media(max-width:900px){.login-reference{grid-template-columns:1fr!important;padding:16px;gap:16px}.login-reference .login-visual{min-height:470px}.login-reference .login-panel{min-height:500px}.login-reference .login-cloud-stage{right:-3%;top:17%;width:55%;max-width:420px}.login-reference .login-visual-copy{margin-bottom:42px}.login-reference .login-visual-copy h1{font-size:clamp(34px,8vw,58px)}}
@media(max-width:560px){.login-reference{padding:0;gap:0}.login-reference .login-visual{min-height:390px;border-radius:0 0 22px 22px;padding:26px 24px}.login-reference .login-brand img{width:102px}.login-reference .login-brand-caption{display:none}.login-reference .login-cloud-stage{right:-15%;top:18%;width:68%;opacity:.92}.login-reference .login-visual-copy{margin-bottom:26px;max-width:250px}.login-reference .login-visual-copy h1{font-size:36px;letter-spacing:-1.4px}.login-reference .login-visual-copy p{font-size:11px;max-width:210px;margin-top:11px}.login-reference .login-visual-foot{left:24px;bottom:18px}.login-reference .login-panel{min-height:calc(100vh - 390px);border-radius:22px 22px 0 0;padding:36px 24px;align-items:flex-start}.login-reference-form h2{font-size:31px}.login-reference .login-panel-orb{width:130px;height:130px;right:-40px;bottom:-40px}}

/* The supplied Fun Cloud Events mark is a transparent PNG with its own
   turquoise/white lettering. Keep the artwork untouched and give it enough
   vertical room to remain legible in both rails. */
.brand-logo,.sidebar .brand-logo{filter:none!important;width:150px!important;height:100px!important;object-fit:contain!important;object-position:left center!important}
@media(max-width:720px){.brand-logo,.sidebar .brand-logo{width:108px!important;height:76px!important;object-position:left center!important}}

/* Inline search and the lighter reference header surface. */
.topbar,
.team-strip-under-header{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.team-strip-under-header{justify-content:flex-end;padding-right:24px}
.team-strip-under-header .team-status-header{margin-left:auto}
.topbar-start{position:relative}
.global-trigger{color:var(--ref-ink)!important;font-weight:800!important;background:rgba(255,255,255,.56)!important;border-color:rgba(255,255,255,.94)!important;box-shadow:0 8px 18px rgba(71,64,54,.08),inset 0 1px rgba(255,255,255,.95)!important}
.inline-search{position:relative;display:flex;align-items:center;gap:7px;width:0;min-width:0;height:42px;margin-left:2px;padding:0;border:1px solid transparent;border-radius:22px;opacity:0;overflow:visible;transform:scaleX(.82);transform-origin:left center;transition:width .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease,transform .28s cubic-bezier(.22,.61,.36,1),padding .28s ease,background .28s ease,border-color .28s ease}
.inline-search.is-open{width:min(360px,42vw);padding:0 8px 0 13px;opacity:1;transform:none;background:rgba(255,255,255,.84);border-color:rgba(255,255,255,.98);box-shadow:0 12px 28px rgba(71,64,54,.12),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
.inline-search-icon{flex:0 0 auto;color:#85817a;font-size:19px;line-height:1}
.inline-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:var(--ref-ink);font:inherit;font-size:13px}
.inline-search input::placeholder{color:#97928b}
.inline-search-close{flex:0 0 auto;width:27px;height:27px;padding:0!important;border:0!important;border-radius:50%!important;background:rgba(32,33,38,.08)!important;color:var(--ref-ink)!important;font-size:18px;line-height:1}
.inline-search{position:relative;z-index:102!important;overflow:visible!important}.inline-search-results{position:absolute;z-index:103!important;top:calc(100% + 10px);left:0;width:min(430px,calc(100vw - 40px));max-height:min(480px,calc(100vh - 120px));padding:9px;overflow:auto;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:rgba(255,254,250,.96);box-shadow:0 24px 54px rgba(39,36,31,.2),inset 0 1px rgba(255,255,255,.96);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
.inline-search-group{padding:2px 0 5px}
.inline-search-group+ .inline-search-group{border-top:1px solid var(--ref-line);padding-top:7px}
.inline-search-group h3{margin:5px 9px 4px;color:#99938b;font-size:10px;letter-spacing:1.1px;text-transform:uppercase}
.inline-search-result{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:10px 9px;border:0;border-radius:14px;background:transparent;color:var(--ref-ink);text-align:left}
.inline-search-result:hover{background:rgba(200,217,239,.3)}
.inline-search-result-main{display:block;min-width:0}
.inline-search-result strong,.inline-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inline-search-result strong{font-size:12px}
.inline-search-result small{margin-top:3px;color:#8d887f;font-size:11px}
.inline-search-result-arrow{flex:0 0 auto;color:#8b867e;font-size:15px}
.inline-search-hint{margin:8px 9px;color:#98928a;font-size:12px}
.inline-search-hint.error{color:#c0564c}

/* Capsule navigation: the active item is a sky colored tactile pill with a
   clear label; inactive items stay quiet, dark text on the shared canvas. */
.sidebar .nav button:not(.active),
.sidebar .nav button:not(.active):hover{color:#25262b!important}
.sidebar .nav button.active{width:auto!important;min-width:88px!important;height:50px!important;min-height:50px!important;padding:0 18px!important;border-radius:26px!important;background:linear-gradient(145deg,#9fd9f2,#6fbee2)!important;border-color:#69b5db!important;color:#fff!important;box-shadow:0 13px 25px rgba(81,149,184,.28),inset 0 1px rgba(255,255,255,.66)!important}
.sidebar .nav button.active .nav-icon{display:none!important}
.sidebar .nav button.active .nav-label-text{display:block!important;color:#fff!important;font-weight:850}
.sidebar .nav button:not(.active) .nav-icon{display:none!important}
.sidebar .nav button:not(.active) .nav-label-text{display:block!important}
.sidebar .nav button.active #unread-count{top:4px;right:8px}

/* Home blocks mirror the broad fintech dashboard cards and gain a small
   physical depth treatment without changing their click behaviour. */
.home-top-blocks{grid-template-columns:minmax(0,1fr) minmax(0,1.32fr)!important;perspective:1100px}
.home-feature-card{isolation:isolate;transform-style:preserve-3d}
.home-feature-card::before{content:"";position:absolute;inset:8px;border-radius:18px;border:1px solid rgba(255,255,255,.45);pointer-events:none;opacity:.7}
.home-calendar-card{min-height:176px!important;box-shadow:0 20px 42px rgba(20,21,24,.3),inset 0 1px rgba(255,255,255,.25),inset 0 -18px 28px rgba(0,0,0,.12)!important}
.home-calendar-preview{position:absolute;right:23px;bottom:18px;display:grid;grid-template-columns:repeat(5,23px);grid-auto-rows:19px;gap:5px;align-items:center;justify-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.2);border-radius:15px;background:rgba(255,255,255,.08);box-shadow:0 10px 22px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.16);transform:translateZ(16px) rotateX(3deg)}
.home-calendar-preview b{color:#9d9fa8;font-size:8px;font-weight:800}
.home-calendar-preview i{display:grid;place-items:center;width:21px;height:18px;border-radius:6px;color:#d5d6db;font-size:9px;font-style:normal;background:rgba(255,255,255,.1)}
.home-calendar-preview i.is-active{color:#202126;background:var(--ref-yellow);box-shadow:0 5px 10px rgba(255,211,55,.28)}
.home-task-progress{position:absolute;right:22px;bottom:22px;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:7px;min-width:116px;padding:10px 11px;border-radius:14px;background:rgba(255,255,255,.56);box-shadow:0 9px 20px rgba(71,64,54,.08),inset 0 1px rgba(255,255,255,.8)}
.home-task-progress strong{margin:0!important;font-size:24px!important;line-height:.9;color:var(--ref-ink)!important}
.home-task-progress small{margin:0!important;color:#77726a!important;font-size:9px!important;line-height:1.1;align-self:end}
.home-task-progress i{grid-column:1 / -1;display:block;height:5px;margin-top:8px;overflow:hidden;border-radius:5px;background:rgba(32,33,38,.12)}
.home-task-progress i b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef6e5d,#f6c74b);transition:width .45s ease}
.admin-shell .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:720px){
  .team-strip-under-header{justify-content:flex-start;padding-right:12px}
  .team-strip-under-header .team-status-header{margin-left:0}
  .inline-search.is-open{width:min(300px,calc(100vw - 96px));height:38px}
  .inline-search-results{left:auto;right:0;width:min(360px,calc(100vw - 24px))}
  .home-top-blocks{grid-template-columns:1fr!important}
  .home-calendar-card{min-height:142px!important}
  .home-calendar-preview{right:13px;bottom:13px;grid-template-columns:repeat(5,18px);grid-auto-rows:16px;gap:3px;padding:7px 8px}
  .home-calendar-preview i{width:17px;height:15px;font-size:8px}
  .home-task-progress{right:13px;bottom:16px;min-width:98px;padding:8px 9px}
  .home-task-progress strong{font-size:20px!important}
  .sidebar .nav button.active{min-width:78px!important;height:54px!important;min-height:54px!important;padding:0 11px!important;border-radius:27px!important}
  .sidebar .nav button.active .nav-label-text{font-size:10px!important}
  .admin-shell .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Calendar board: matte controls, employee-coloured days and a slide-out
   day panel. This is presentation only; existing calendar actions remain. */
.calendar-filterbar{padding:14px 18px 16px;border-bottom:1px solid rgba(148,174,158,.26);background:rgba(255,255,255,.42);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.calendar-filter-top{display:grid;grid-template-columns:minmax(220px,1.15fr) auto minmax(0,2fr);align-items:center;gap:10px}
.calendar-search{position:relative;display:flex;align-items:center;min-width:0}
.calendar-search>span{position:absolute;left:13px;color:#6f8878;font-size:18px;line-height:1;pointer-events:none}
.calendar-search input{padding-left:34px;border-radius:13px;background:rgba(255,255,255,.70);border-color:rgba(143,171,153,.40);box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 12px rgba(26,52,40,.04)}
.calendar-period-icons{display:flex;align-items:center;gap:6px;padding:3px 5px;border:1px solid rgba(143,171,153,.36);border-radius:14px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.72),0 4px 12px rgba(26,52,40,.04)}
.calendar-period-icon{position:relative;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#47715a;background:rgba(214,240,144,.55);cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.calendar-period-icon:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 6px 13px rgba(112,155,86,.18)}
.calendar-period-icon>span{font-size:18px;line-height:1}
.calendar-period-icon>span svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.calendar-period-icon input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.calendar-period-dash{color:#88a08e;font-size:13px}
.calendar-filter-selects{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;min-width:0}
.calendar-filter-selects input,.calendar-filter-selects select{min-width:0;width:100%;border-radius:11px;padding:10px 9px;background:rgba(255,255,255,.68);font-size:12px}
.calendar-filter-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.calendar-filter-actions .chip{padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.56);box-shadow:0 4px 11px rgba(29,55,43,.04),inset 0 1px rgba(255,255,255,.65)}
.calendar-filter-actions .chip:hover{background:rgba(255,255,255,.84);transform:translateY(-1px)}
.calendar-filter-actions .chip.active{background:var(--accent);border-color:#c6df98;color:#244b37}
.calendar-heading{background:rgba(255,255,255,.58);backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.calendar-controls button{min-width:40px;border-radius:12px;background:rgba(255,255,255,.62);box-shadow:0 5px 12px rgba(29,55,43,.05),inset 0 1px rgba(255,255,255,.7)}
.calendar-controls button:hover{background:rgba(214,240,144,.72);transform:translateY(-1px)}
.calendar-month-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:16px;background:rgba(237,244,238,.44)}
.calendar-month-layout.has-day-panel{grid-template-columns:minmax(0,1fr) 340px}
.calendar-month-main{min-width:0;overflow:hidden;border:1px solid rgba(148,174,158,.28);border-radius:17px;background:rgba(255,255,255,.55);box-shadow:0 12px 30px rgba(28,55,43,.08),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(15px) saturate(120%);-webkit-backdrop-filter:blur(15px) saturate(120%)}
.calendar-month-main .month-weekdays{border-bottom:1px solid rgba(148,174,158,.28);background:rgba(241,247,241,.66)}
.calendar-month-main .month-grid{background:rgba(191,211,198,.48);gap:1px}
.calendar-month-main .month-v12 .month-day{min-height:166px;background:rgba(255,255,255,.64);transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.calendar-month-main .month-v12 .month-day:hover{background:rgba(246,251,242,.88);box-shadow:inset 0 0 0 2px rgba(157,191,83,.35);z-index:1}
.calendar-month-main .month-v12 .month-day.has-events .day-number{box-shadow:0 0 0 2px color-mix(in srgb,var(--person,#88a58d) 62%,transparent);color:var(--person,#47715a);background:rgba(255,255,255,.78)}
.calendar-month-main .month-v12 .month-day.today .day-number{background:var(--green);color:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--person,#88a58d) 54%,transparent),0 5px 12px rgba(35,92,72,.20)}
.calendar-month-main .month-v12 .month-day.selected-day{box-shadow:inset 0 0 0 3px var(--person,#5f9874),0 8px 18px rgba(48,95,66,.12);z-index:2}
.calendar-month-main .month-v12 .month-dots{padding-bottom:6px}
.calendar-month-main .event-dot{width:7px;height:7px;box-shadow:0 2px 5px color-mix(in srgb,var(--person,#789482) 40%,transparent)}
.calendar-day-panel{min-width:0;align-self:start;overflow:hidden;border:1px solid rgba(148,174,158,.32);border-radius:19px;background:rgba(255,255,255,.66);box-shadow:0 15px 35px rgba(28,55,43,.12),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);animation:calendarDayIn .22s ease-out}
.calendar-day-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px 18px 14px;border-bottom:1px solid rgba(148,174,158,.25);background:rgba(248,252,247,.54)}
.calendar-day-panel-head .eyebrow{margin-bottom:6px;color:#6d8d78;font-size:9px}
.calendar-day-panel-head h2{margin:0 0 4px;font-size:18px;text-transform:capitalize;color:var(--ink)}
.calendar-day-panel-head small{font-size:11px;color:#789082}
.calendar-day-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;background:rgba(255,255,255,.58);color:#52705f;font-size:21px;font-weight:400;line-height:1;box-shadow:0 4px 10px rgba(29,55,43,.06),inset 0 1px rgba(255,255,255,.74)}
.calendar-day-close:hover{background:var(--accent);color:var(--deep);transform:rotate(4deg)}
.calendar-day-events{display:grid;gap:10px;max-height:calc(100vh - 300px);overflow:auto;padding:13px}
.calendar-day-events .order-card{border-left:4px solid var(--person,#789482);background:rgba(255,255,255,.62);box-shadow:0 8px 20px rgba(30,57,44,.08),inset 0 1px rgba(255,255,255,.72)}
.calendar-day-events>.primary{width:100%;border-radius:12px;background:var(--accent);border-color:var(--accent);color:var(--deep);box-shadow:0 8px 18px rgba(157,207,101,.18)}
@keyframes calendarDayIn{from{opacity:.3;transform:translateX(10px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.calendar-filter-top{grid-template-columns:minmax(0,1fr) auto}.calendar-filter-selects{grid-column:1/-1}.calendar-month-layout.has-day-panel{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:720px){.calendar-filterbar{padding:11px 10px 12px}.calendar-filter-top{grid-template-columns:minmax(0,1fr) auto;gap:7px}.calendar-search{grid-column:1/-1}.calendar-filter-selects{grid-template-columns:1fr 1fr;gap:6px}.calendar-period-icons{grid-column:2;grid-row:2}.calendar-filter-actions{margin-top:8px;gap:5px}.calendar-filter-actions .chip{padding:7px 9px;font-size:10px}.calendar-month-layout,.calendar-month-layout.has-day-panel{grid-template-columns:1fr;padding:9px;gap:10px}.calendar-month-main .month-v12 .month-day{min-height:68px}.calendar-day-panel{order:2}.calendar-day-events{max-height:none}.calendar-day-panel-head{padding:14px}.calendar-day-panel-head h2{font-size:16px}}
@media(min-width:521px) and (max-width:720px){.calendar-month-layout.has-day-panel{grid-template-columns:minmax(0,1fr) 220px}.calendar-day-events{padding:9px;gap:8px}.calendar-day-events .order-card{padding:10px}.calendar-day-events .order-card h3{font-size:14px}.calendar-day-events .order-card p{font-size:11px;line-height:1.45}.calendar-day-events .contact-actions{display:none}.calendar-day-panel-head{padding:12px}.calendar-day-panel-head h2{font-size:14px}}

/* Messages: Telegram-like channel rail and composer. */
.unified-inbox{grid-template-columns:minmax(230px,290px) minmax(380px,1fr) minmax(230px,290px) 62px}
.conversation-list-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 15px;border-bottom:1px solid #e0e7e1;background:#fff;position:sticky;top:0;z-index:1}.conversation-list-head strong{font-size:13px;text-transform:uppercase;letter-spacing:.4px}.conversation-list-head small{color:var(--muted);font-size:10px}
.inbox-provider-rail{display:flex;flex-direction:column;align-items:stretch;gap:7px;padding:12px 7px;background:#132a27;border-left:1px solid #29453e}.inbox-provider-rail-title{padding:5px 0 8px;color:#8eafa0;font-size:8px;line-height:1;text-align:center;letter-spacing:1px;writing-mode:vertical-rl;transform:rotate(180deg);align-self:center}.inbox-provider-rail button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px;padding:7px 3px;border:0;border-radius:9px;background:transparent;color:#bad0c4;font-size:9px;font-weight:700}.inbox-provider-rail button:hover{background:#244139;color:#fff;transform:none}.inbox-provider-rail button.active{background:var(--accent);color:#173027;box-shadow:0 4px 12px rgba(0,0,0,.16)}.provider-rail-icon{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#28463c;color:inherit;font-size:14px;font-weight:850}.inbox-provider-rail button.active .provider-rail-icon{background:#173027;color:var(--accent)}.provider-rail-label{font-size:8px;line-height:1;overflow:hidden;text-overflow:ellipsis;max-width:100%;white-space:nowrap}
.customer-compose-tools{display:flex;align-items:center;gap:8px;margin-top:7px}.customer-compose-tools>small{color:var(--muted);font-size:10px}.customer-compose-tools .attachment-picker{padding:7px 9px;border:1px solid #dce7dd}.message-attachments{display:grid;gap:6px;margin-top:8px}.message-attachment{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;padding:7px 8px;border-radius:8px;background:#f0f6ed;color:#315b47;text-decoration:none;font-size:11px}.message-attachment:hover{background:#e3efdf}.message-attachment>small{margin:0;color:#7d8c82;font-size:9px}.customer-message.outbound .message-attachment{background:#cbe7c1}.customer-message.internal_note .message-attachment{background:#ffedb7}
.conversation-thread>#customer-message-form textarea{resize:none}.conversation-thread>#customer-message-form textarea:focus{background:#fff;box-shadow:0 0 0 3px #a5c88733}
@media(max-width:1150px){.unified-inbox{grid-template-columns:250px minmax(340px,1fr) 56px}.crm-context{grid-column:1/-1;grid-row:2}.inbox-provider-rail{grid-column:3;grid-row:1;grid-row:1}.conversation-list,.conversation-thread{height:62vh}}
@media(max-width:720px){.unified-inbox{grid-template-columns:1fr}.inbox-provider-rail{grid-column:1;grid-row:auto;flex-direction:row;align-items:stretch;padding:7px 8px;border-left:0;border-top:1px solid #29453e;overflow-x:auto}.inbox-provider-rail-title{writing-mode:horizontal-tb;transform:none;align-self:center;padding:0 5px}.inbox-provider-rail button{flex-direction:row;min-width:66px;min-height:38px}.provider-rail-icon{width:22px;height:22px}.provider-rail-label{font-size:9px}.crm-context{grid-column:auto;grid-row:auto}.conversation-list-head{position:static}.customer-compose-tools{justify-content:space-between}.customer-compose-tools .attachment-picker>span:first-child{display:inline}.customer-compose-tools .attachment-picker>span:nth-child(2){display:inline;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Keep interactions calm and accessible across the CRM. */
button:disabled,.button:disabled{cursor:wait;transform:none;opacity:.62}.panel,.kpi,.order-card,.client-list-card,.calendar-event,.conversation-list>button{will-change:auto}.error:empty{display:none}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Final visual pass: clearer hierarchy, depth and calmer interaction feedback. */
.workspace>.page-head{position:relative}.workspace>.page-head:after{content:"";position:absolute;left:0;right:0;bottom:-15px;height:1px;background:linear-gradient(90deg,#d2ddd4,transparent 72%);pointer-events:none}.toolbar{box-shadow:0 3px 14px rgba(24,48,36,.025)}.toolbar input:focus,.toolbar select:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:#78a985;box-shadow:0 0 0 3px rgba(120,169,133,.16)}.panel-head{background:linear-gradient(180deg,rgba(255,255,255,.76),rgba(250,252,250,.76))}.cards{align-items:stretch}.order-card{background:linear-gradient(145deg,#fff 0,#fbfdfb 100%)}.empty{padding:34px 20px;color:#78877f;text-align:center}.loading{padding:50px 20px;color:#6f8377;text-align:center}.loading:after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid #b7c9bd;border-top-color:#4f8b66;border-radius:50%;vertical-align:-2px;animation:ceSpin .7s linear infinite}@keyframes ceSpin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#cbd8ce;border:2px solid transparent;border-radius:99px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#9fb8a7;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}
.order-hero{margin:-25px -28px 20px;padding:24px 28px;background:linear-gradient(135deg,#eff7df,#fbfdf8);border-bottom:1px solid #dce7d8}.order-hero-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66806f;font-size:10px;font-weight:800;letter-spacing:1px}.order-hero h2{margin:14px 0 7px;font-family:"Arial Black","Segoe UI",sans-serif;font-size:28px;letter-spacing:-1px;text-transform:uppercase}.order-hero p{margin:0;color:#5f7467;font-size:12px}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.order-info-block{display:grid;gap:6px;padding:15px 16px;border:1px solid #dce7df;border-radius:13px;background:#fbfdfb}.order-info-block small,.order-cost-grid small{color:#809187;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.order-info-block strong{font-size:14px}.order-info-block span{color:#66776e;font-size:12px;line-height:1.45}.order-actions{margin:8px 0 18px}.icon-button{display:inline-flex;align-items:center;gap:7px}.icon-button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.order-cost{margin:0 0 18px;border:1px solid #dbe6dc;border-radius:13px;background:#f8fbf7;overflow:hidden}.order-cost summary{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;list-style:none;font-size:12px;font-weight:750}.order-cost summary::-webkit-details-marker{display:none}.order-cost summary strong{margin-left:auto;font-size:16px;color:#315e47}.order-cost-chevron{color:#789184;transition:transform .16s ease}.order-cost[open] .order-cost-chevron{transform:rotate(180deg)}.order-cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 12px 13px}.order-cost-grid>div{display:grid;gap:4px;padding:10px;border-radius:9px;background:#fff}.order-cost-grid strong{font-size:14px}.order-section{margin:18px 0;padding-top:15px;border-top:1px solid #e3eae3}.order-stage-card{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:8px;padding:13px 14px;border-radius:11px;background:#f3f8ed}.order-stage-card strong{font-size:14px}.order-stage-card small{grid-column:2;color:#6d8074;font-size:11px}.order-text{margin:0;padding:13px 14px;border-radius:10px;background:#f7f9f7;color:#43584c;line-height:1.55;white-space:pre-wrap}.order-lines{display:grid;gap:0;border:1px solid #e0e8e1;border-radius:10px;overflow:hidden}.order-lines>div{padding:10px 13px;background:#fbfdfb;border-bottom:1px solid #e7eee8;font-size:12px}.order-lines>div:last-child{border-bottom:0}.order-read-check{display:flex;align-items:center;gap:9px;margin:20px 0;padding:13px 14px;border:1px solid #d7e4d8;border-radius:10px;background:#f0f8e7;color:#355d45;font-size:12px;font-weight:650}.order-read-check input{accent-color:#4e8b67}.order-payment-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:17px}.order-payment-summary>div{display:grid;gap:6px;padding:13px 12px;border:1px solid #dce6df;border-radius:10px;background:#fbfdfb}.order-payment-summary span{font-size:10px;color:#7d8d83;text-transform:uppercase}.order-payment-summary strong{font-size:15px}.contract-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.contract-section{padding-top:15px;border-top:1px solid #e2eae2;margin-top:15px}.contract-section h3{margin:0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:#688073}
@media(max-width:600px){.order-hero{margin:-16px -17px 17px;padding:19px 17px}.order-hero h2{font-size:22px}.order-info-grid,.order-payment-summary{grid-template-columns:1fr 1fr}.order-cost-grid{grid-template-columns:1fr}.order-stage-card small{grid-column:1/-1}}
.employee-shell [data-crm-action="new-task"],
.employee-shell [data-crm-action="message-task"] { display:none; }

/* Five-star client rating shown in client cards and the client modal. */
.client-rating{display:flex;align-items:center;gap:8px;min-width:0}.client-rating-stars{display:flex;align-items:center;gap:1px;min-height:24px}.client-rating-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 24px;padding:13px 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.7px}.client-rating-star{display:inline-grid;place-items:center;padding:0 1px;border:0;background:transparent;color:#b8c2ba;font-size:13px;line-height:1;transform:scale(.78);transform-origin:center;transition:color .16s ease,transform .16s ease,text-shadow .16s ease}.client-rating-star.inactive{color:#b8c2ba}.client-rating-star.active{color:#f4b51f;font-size:21px;transform:scale(1);text-shadow:0 2px 5px rgba(226,157,18,.25)}button.client-rating-star:hover{background:transparent;color:#e7a712;transform:scale(1.1)}.client-rating-value{font-size:11px;line-height:1;color:#6f8275;white-space:nowrap}.client-card-meta .client-rating{grid-column:1/-1;justify-content:flex-start;margin-top:2px}.client-list-card>.client-rating{padding:0 13px 10px 66px}.client-list-card>.client-rating .client-rating-value{font-size:10px}@media(max-width:720px){.client-rating-panel{margin:0 16px}.client-list-card>.client-rating{padding-left:13px}}

/* Lightweight provider switcher for the admin messages view. */
.unified-inbox{grid-template-columns:minmax(230px,290px) minmax(380px,1fr) minmax(230px,290px) 58px}
.inbox-provider-rail{align-items:center;gap:8px;padding:12px 6px;background:rgba(248,251,248,.72);border-left:1px solid rgba(157,177,163,.34);}
.inbox-provider-rail button{width:44px;min-height:44px;padding:5px 2px;border:1px solid transparent;border-radius:12px;background:transparent;color:#6f8176;font-size:9px;font-weight:700;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
.inbox-provider-rail button:hover{background:rgba(224,236,225,.72);border-color:rgba(126,158,134,.22);color:#315e47;transform:translateY(-1px)}
.inbox-provider-rail button.active{background:rgba(214,241,144,.86);border-color:rgba(157,191,83,.25);color:#244b37;box-shadow:0 5px 14px rgba(87,121,62,.12)}
.provider-rail-icon{width:27px;height:27px;border-radius:9px;background:rgba(221,232,224,.82);color:#4d6b59;font-size:14px}
.inbox-provider-rail button.active .provider-rail-icon{background:#315e47;color:#d6f18f}
.provider-rail-label{font-size:8px;line-height:1;margin-top:1px}
@media(max-width:1150px){.unified-inbox{grid-template-columns:250px minmax(340px,1fr) 56px}}
@media(max-width:720px){.unified-inbox{grid-template-columns:1fr}.inbox-provider-rail{gap:6px;padding:7px 8px;background:rgba(248,251,248,.86);border-left:0;border-top:1px solid rgba(157,177,163,.34)}.inbox-provider-rail button{width:auto;min-width:62px;min-height:36px;flex-direction:row;gap:5px;padding:5px 8px}.provider-rail-icon{width:22px;height:22px}.provider-rail-label{font-size:9px;margin-top:0}}
.employee-shell [data-action="unpaid-toggle"],
.employee-shell .order-cost,
.employee-shell .order-payment-summary,
.employee-shell .excel th:nth-child(10),
.employee-shell .excel td:nth-child(10),
.employee-shell .excel th:nth-child(11),
.employee-shell .excel td:nth-child(11),
.employee-shell .excel th:nth-child(12),
.employee-shell .excel td:nth-child(12),
.employee-shell .order-card .card-bottom > strong { display:none !important; }

/* Client cards open their full profile in the modal editor. */
.client-browser-full{width:100%;position:static;max-height:calc(100vh - 225px)}
.client-card-phone{display:block;margin-top:5px;color:#5f7167;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#editor.client-modal{width:min(900px,calc(100% - 28px));max-width:900px;box-shadow:0 28px 90px rgba(16,38,28,.28)}
#editor.client-modal .dialog-body{padding:0 26px 28px}
#editor.client-modal .client-hero{margin:0 -26px 0}
#editor.client-modal .client-section{margin-top:18px}
@media(max-width:720px){#editor.client-modal .dialog-body{padding:0 17px 20px}#editor.client-modal .client-hero{margin:0 -17px}.client-browser-full{max-height:none}}

/* Order drawer v2: readable information blocks and compact payment sections. */
.drawer-body .order-overview{display:grid;gap:16px}.drawer-body .order-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.drawer-body .order-info-card{display:grid;gap:6px;min-width:0;padding:14px 15px;border:1px solid rgba(148,174,158,.28);border-radius:12px;background:rgba(255,255,255,.56);box-shadow:inset 0 1px rgba(255,255,255,.68)}.drawer-body .order-info-card small{display:block;color:#789083;font-size:10px;letter-spacing:.9px;font-weight:750}.drawer-body .order-info-card strong,.drawer-body .order-info-card .order-link{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-body .order-info-card span{display:block;color:#62766a;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.drawer-body .order-contact-actions{margin:0;gap:7px}.drawer-body .order-contact-actions .button{display:inline-flex;align-items:center;gap:6px;font-size:12px}.drawer-body .order-contact-actions .button span{font-size:15px;line-height:1}.drawer-body .order-cost-details{border:1px solid rgba(148,174,158,.28);border-radius:12px;background:rgba(255,255,255,.48);overflow:hidden}.drawer-body .order-cost-details summary{display:flex;align-items:center;gap:10px;padding:14px 15px;cursor:pointer;list-style:none;font-size:13px;color:#3d5648}.drawer-body .order-cost-details summary::-webkit-details-marker{display:none}.drawer-body .order-cost-details summary strong{margin-left:auto;color:#2d6249;font-size:15px}.drawer-body .order-cost-details[open] summary{border-bottom:1px solid rgba(148,174,158,.22)}.drawer-body .order-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.drawer-body .order-payment-summary>div{display:grid;gap:5px;padding:10px;border:1px solid rgba(148,174,158,.22);border-radius:9px;background:rgba(255,255,255,.58)}.drawer-body .order-payment-summary small{color:#789083;font-size:9px;letter-spacing:.7px}.drawer-body .order-payment-summary strong{font-size:13px}.drawer-body .order-stage-card{display:grid;gap:5px;grid-template-columns:max-content 1fr;padding:13px 15px;margin:0;border:1px solid rgba(148,174,158,.24);border-radius:12px;background:rgba(227,242,219,.56)}.drawer-body .order-stage-card small{grid-column:1/-1;color:#6b8774;font-size:10px;letter-spacing:1px}.drawer-body .order-stage-card strong{font-size:15px;color:#264e3b}.drawer-body .order-stage-card span{color:#61786a;font-size:12px}.drawer-body .order-simple-section{border-top:1px solid rgba(148,174,158,.25);padding-top:13px}.drawer-body .order-simple-section .section-label{margin:0 0 9px}.drawer-body .order-line-value{margin:0;padding:11px 12px;border-radius:9px;background:rgba(255,255,255,.50);color:#3f574a;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.drawer-body .order-read-check{margin:0}.drawer-body .order-client-card{display:grid;gap:14px;padding:15px;border:1px solid rgba(148,174,158,.28);border-radius:14px;background:rgba(255,255,255,.54)}.drawer-body .order-client-head{display:flex;align-items:center;gap:12px;min-width:0}.drawer-body .order-client-head>div{min-width:0;flex:1}.drawer-body .order-client-head h3{margin:3px 0;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-body .order-client-head p{margin:0;color:#6d8174;font-size:12px}.drawer-body .order-client-head .client-rating{flex-shrink:0;display:grid;justify-items:end;gap:4px}.drawer-body .payment-summary-large{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.drawer-body .payment-summary-large>div{min-height:72px}.drawer-body .payment-summary-large strong{font-size:17px}.drawer-body .event-chat-head{padding:14px;border:1px solid rgba(148,174,158,.25);border-radius:12px;background:rgba(226,241,222,.48)}.drawer-body .event-chat-head h3{margin:0 0 4px}.drawer-body .event-chat-head p{margin:0;font-size:12px}
@media(max-width:600px){.drawer-body .order-info-grid{grid-template-columns:1fr}.drawer-body .order-payment-summary{grid-template-columns:1fr}.drawer-body .order-client-head .client-rating{display:none}.drawer-body .payment-summary-large{grid-template-columns:1fr 1fr}.drawer-body .drawer-body{padding:15px}}

/* Administrative order register: compact filters and the requested eight-column view. */
.admin-orders-filters{background:#fbfcfb;border-bottom:1px solid #e4e9e4}
.admin-orders-filters .toolbar{border-bottom:0;padding-bottom:11px}
.admin-orders-filters .toolbar select{min-width:165px}
.admin-order-periods{align-items:center;padding-top:0}
.admin-order-periods .date-filter{font-weight:650;color:#65756b}
.admin-order-periods .chip{white-space:nowrap}
.admin-orders-table{width:100%;min-width:1120px;table-layout:fixed}
.admin-orders-table th:nth-child(1),.admin-orders-table td:nth-child(1){width:160px}
.admin-orders-table th:nth-child(2),.admin-orders-table td:nth-child(2){width:210px}
.admin-orders-table th:nth-child(3),.admin-orders-table td:nth-child(3){width:170px}
.admin-orders-table th:nth-child(4),.admin-orders-table td:nth-child(4){width:150px}
.admin-orders-table th:nth-child(5),.admin-orders-table td:nth-child(5){width:165px}
.admin-orders-table th:nth-child(6),.admin-orders-table td:nth-child(6){width:220px}
.admin-orders-table th:nth-child(7),.admin-orders-table td:nth-child(7){width:145px}
.admin-orders-table th:nth-child(8),.admin-orders-table td:nth-child(8){width:190px}
.admin-orders-table td{white-space:normal;overflow:hidden;text-overflow:ellipsis}
.admin-orders-table .admin-order-date,.admin-orders-table .admin-order-executor{display:grid;gap:5px;align-content:center}
.admin-orders-table .admin-order-date>.cell-edit{font-size:12px;color:#687a70;padding:0}
.admin-orders-table .admin-order-date>.cell-edit.status-edit{justify-self:start}
.admin-orders-table .admin-order-executor{grid-template-columns:minmax(0,1fr) auto;align-items:center}
.admin-orders-table .admin-order-executor .tag{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.admin-orders-table .cell-sub{white-space:normal;overflow-wrap:anywhere}
.admin-orders-table .row-menu{float:right}
@media(max-width:720px){.admin-orders-filters .toolbar select{min-width:0;flex:1}.admin-order-periods{align-items:stretch}.admin-order-periods .date-filter{width:100%;justify-content:space-between}.admin-order-periods .date-filter input{flex:1;width:auto}.admin-orders-table{min-width:1040px}}

.mobile-more-only{display:none}
@media(max-width:720px){.mobile-more-only{display:block}}

/* Glass depth pass: translucent iOS-inspired surfaces while preserving the Cloud Events palette. */
:root{
  --glass-surface:rgba(255,255,255,.62);
  --glass-surface-strong:rgba(255,255,255,.78);
  --glass-surface-soft:rgba(246,250,247,.52);
  --glass-border:rgba(255,255,255,.72);
  --glass-border-dark:rgba(45,82,66,.28);
  --glass-shadow:0 18px 48px rgba(28,55,43,.10),0 2px 8px rgba(28,55,43,.05),inset 0 1px rgba(255,255,255,.66);
  --glass-shadow-hover:0 24px 60px rgba(28,55,43,.15),0 4px 12px rgba(28,55,43,.06),inset 0 1px rgba(255,255,255,.78);
}
html{background:#edf3ef}
body{background:radial-gradient(circle at 8% 8%,rgba(214,240,144,.28),transparent 27%),radial-gradient(circle at 92% 12%,rgba(129,180,164,.20),transparent 29%),radial-gradient(circle at 56% 92%,rgba(167,197,184,.18),transparent 32%),linear-gradient(145deg,#f7faf8 0,#e7efea 100%);background-attachment:fixed}
.shell{position:relative;isolation:isolate;background:transparent}
.shell:before,.shell:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(2px)}
.shell:before{width:260px;height:260px;left:18%;top:18%;background:rgba(214,240,144,.12)}
.shell:after{width:340px;height:340px;right:3%;bottom:4%;background:rgba(96,157,133,.10)}
.sidebar{background:rgba(15,39,35,.88);border-right:1px solid rgba(255,255,255,.12);box-shadow:14px 0 42px rgba(12,35,30,.16),inset -1px 0 rgba(255,255,255,.06);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
.brand-mark{box-shadow:0 8px 20px rgba(214,240,144,.22),inset 0 1px rgba(255,255,255,.6)}
.nav button{transition:background .22s ease,color .22s ease,transform .22s ease,box-shadow .22s ease}
.nav button.active{box-shadow:0 8px 20px rgba(10,28,23,.18),inset 0 1px rgba(255,255,255,.12)}
.main{background:rgba(242,247,244,.20)}
.topbar{background:rgba(255,255,255,.54);border-bottom:1px solid rgba(148,174,158,.28);box-shadow:0 12px 28px rgba(29,53,42,.07),inset 0 -1px rgba(255,255,255,.55);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.workspace{background:transparent}
.panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll{background:var(--glass-surface);border-color:var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
.panel-head,.toolbar,.panel .panel-head{background:rgba(255,255,255,.32);border-color:rgba(148,174,158,.26)}
.panel-head{box-shadow:inset 0 1px rgba(255,255,255,.45)}
.kpi{background:var(--glass-surface-strong)}
.kpi:first-child{background:linear-gradient(145deg,rgba(232,244,213,.84),rgba(255,255,255,.58));border-color:rgba(166,195,143,.42)}
.kpi:after{background:rgba(214,240,144,.18);filter:blur(1px)}
.order-card,.client-list-card{background:rgba(255,255,255,.56);box-shadow:0 12px 30px rgba(30,57,44,.09),inset 0 1px rgba(255,255,255,.7)}
.order-card:hover,.client-list-card:hover{box-shadow:var(--glass-shadow-hover);border-color:rgba(107,153,124,.48)}
.directory .person-card{background:rgba(255,255,255,.58);border-color:var(--glass-border)}
button,.button{background:rgba(255,255,255,.58);border-color:rgba(145,171,155,.42);box-shadow:0 5px 14px rgba(29,55,43,.05),inset 0 1px rgba(255,255,255,.62)}
button:hover,.button:hover{background:rgba(255,255,255,.78);box-shadow:0 8px 20px rgba(29,55,43,.09),inset 0 1px rgba(255,255,255,.75)}
button:active,.button:active{box-shadow:0 2px 7px rgba(29,55,43,.08),inset 0 1px rgba(255,255,255,.45)}
.primary{background:linear-gradient(135deg,#2b7458,#1f5946);border-color:#2a6a52;box-shadow:0 10px 24px rgba(35,92,72,.24),inset 0 1px rgba(255,255,255,.22)}
.primary:hover{background:linear-gradient(135deg,#347f61,#245e4a);box-shadow:0 14px 30px rgba(35,92,72,.29),inset 0 1px rgba(255,255,255,.25)}
.ghost{background:rgba(255,255,255,.28);box-shadow:inset 0 1px rgba(255,255,255,.52)}
input,select,textarea{background:rgba(255,255,255,.64);border-color:rgba(143,171,153,.42);box-shadow:inset 0 1px rgba(255,255,255,.58),0 2px 8px rgba(26,52,40,.03)}
input:focus,select:focus,textarea:focus{background:rgba(255,255,255,.84);border-color:#6f9d7d;box-shadow:0 0 0 4px rgba(111,157,125,.14),inset 0 1px rgba(255,255,255,.82)}
th{background:rgba(240,246,241,.70);border-color:rgba(148,174,158,.28);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
tbody tr:hover{background:rgba(232,241,234,.56)}
.table-scroll{overflow:auto}
.drawer{background:rgba(247,251,248,.78);border-color:rgba(255,255,255,.82);box-shadow:-28px 0 70px rgba(17,45,33,.20),inset 1px 0 rgba(255,255,255,.64);backdrop-filter:blur(28px) saturate(135%);-webkit-backdrop-filter:blur(28px) saturate(135%)}
.drawer .dialog-head{background:rgba(255,255,255,.58);border-color:rgba(148,174,158,.26);box-shadow:0 8px 22px rgba(26,53,40,.06),inset 0 1px rgba(255,255,255,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.drawer-tabs{background:rgba(19,47,42,.90);border-right-color:rgba(151,202,172,.20);box-shadow:inset -1px 0 rgba(255,255,255,.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.drawer-body{background:rgba(255,255,255,.34)}
.drawer-tabs button.active{background:linear-gradient(135deg,#dff0c2,#cce99a);box-shadow:0 10px 22px rgba(6,25,18,.24),inset 0 1px rgba(255,255,255,.72)}
dialog{background:rgba(250,253,251,.78);border-color:rgba(255,255,255,.84);box-shadow:0 30px 100px rgba(16,42,30,.25),inset 0 1px rgba(255,255,255,.72);backdrop-filter:blur(26px) saturate(135%);-webkit-backdrop-filter:blur(26px) saturate(135%)}
.dialog-head{background:rgba(255,255,255,.56);border-color:rgba(148,174,158,.26);box-shadow:inset 0 1px rgba(255,255,255,.70)}
.dialog-body{background:rgba(255,255,255,.20)}
dialog::backdrop{background:rgba(19,41,32,.48);backdrop-filter:blur(11px) saturate(110%);-webkit-backdrop-filter:blur(11px) saturate(110%)}
.client-hero,.order-hero{background:linear-gradient(135deg,rgba(239,247,223,.78),rgba(255,255,255,.42));border-color:rgba(148,174,158,.24);box-shadow:inset 0 1px rgba(255,255,255,.70)}
.contact-tile,.order-info-block,.order-cost,.order-lines,.client-note,.order-stage-card{background:rgba(255,255,255,.48);border-color:rgba(148,174,158,.28);box-shadow:inset 0 1px rgba(255,255,255,.62)}
.order-cost summary{background:rgba(239,247,238,.48)}
.client-card-main{background:transparent;box-shadow:none}
.client-list-card.selected{background:rgba(225,240,214,.66);box-shadow:inset 3px 0 #356d52,0 10px 24px rgba(46,91,65,.10)}
.inquiry-stage-filter,.inquiry-list,.inquiry-list-row{background:rgba(255,255,255,.30);border-color:rgba(148,174,158,.25)}
.inquiry-list-row{background:rgba(255,255,255,.63);box-shadow:0 10px 24px rgba(31,52,43,.07),inset 0 1px rgba(255,255,255,.70)}
.inquiry-list-row:hover{background:rgba(255,255,255,.80);box-shadow:0 16px 30px rgba(31,52,43,.12)}
.calendar-panel .month-day,.month-v12 .month-day{background:rgba(255,255,255,.50);border-color:rgba(148,174,158,.24)}
.month-v12 .month-day:nth-child(7n),.month-v12 .month-day:nth-child(7n-1){background:rgba(247,251,247,.48)}
.month-v12 .month-day.today{background:rgba(226,242,214,.72)}
.month-v12 .month-day.outside{background:rgba(226,233,228,.42)}
.calendar-event{background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(242,249,239,.50));box-shadow:0 8px 18px rgba(30,54,43,.10),inset 0 1px rgba(255,255,255,.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.calendar-event:hover{box-shadow:0 14px 26px rgba(30,54,43,.16),inset 0 1px rgba(255,255,255,.78)}
.notification-row>button{background:rgba(255,255,255,.28);box-shadow:none}.notification-row.unread{background:rgba(226,241,221,.62)}
.conversation-list{background:rgba(245,249,246,.54)}
.conversation-thread{background-color:rgba(225,237,227,.56);background-image:radial-gradient(rgba(119,154,130,.25) .7px,transparent .7px)}
.conversation-head,.conversation-thread>.message-mode,.conversation-thread>#customer-message-form{background:rgba(255,255,255,.62);border-color:rgba(148,174,158,.25);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.customer-message{background:rgba(255,255,255,.78);box-shadow:0 8px 18px rgba(30,52,43,.11),inset 0 1px rgba(255,255,255,.75);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.customer-message.outbound{background:rgba(223,241,213,.82)}
.mail-list>button,.conversation-list>button{background:rgba(255,255,255,.22);box-shadow:none}
.mail-list>button:hover,.conversation-list>button:hover{background:rgba(237,245,239,.72)}
.team-status-person{background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.38);box-shadow:0 5px 14px rgba(29,55,43,.06),inset 0 1px rgba(255,255,255,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.team-status-person:hover{background:rgba(255,255,255,.66)}
.local-note{border-color:rgba(255,255,255,.16)}
.live-dot{box-shadow:0 0 0 4px rgba(76,189,121,.14)}
@media(prefers-reduced-motion:no-preference){
  .panel,.kpi,.order-card,.client-list-card,.person-card,.integration-card,.calendar-event,.team-status-person{transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,border-color .24s ease,background-color .24s ease}
  .panel:hover,.person-card:hover,.integration-card:hover{box-shadow:var(--glass-shadow-hover)}
}
@media(max-width:720px){
  .sidebar .nav{background:rgba(16,43,38,.88);border-top-color:rgba(183,220,193,.24);box-shadow:0 -12px 30px rgba(14,39,32,.22);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}
  .topbar{background:rgba(255,255,255,.68)}
  .workspace{padding-top:22px}
  .panel,.kpi,.order-card,.client-browser,.client-detail,.inquiry-workspace,.calendar-panel,.unified-inbox{box-shadow:0 12px 34px rgba(28,55,43,.10),inset 0 1px rgba(255,255,255,.64)}
}
@media(prefers-reduced-transparency:reduce){
  .panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll,dialog,.drawer{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f8fbf8}
}

/* Final rail pass: keep the same compact motion and active state on desktop
   after the glass theme overrides above. */
.nav button,.drawer-tabs button{transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.nav button:hover,.drawer-tabs button:hover{transform:translateX(2px)}
.nav button.active,.drawer-tabs button.active{background:linear-gradient(135deg,rgba(214,241,144,.96),rgba(194,231,144,.82));border-color:rgba(157,191,83,.25);color:#244b37}
.nav button.active .nav-icon,.drawer-tabs button.active>span{background:#315e47;color:#d6f18f}
.employee-status-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}

.library-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.library-folders{overflow:hidden}.library-folder-list{display:grid;gap:4px;padding:10px}.library-folder-list button{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;text-align:left;color:#526b5d;padding:10px 11px;border-radius:10px;font-size:12px}.library-folder-list button:hover{background:rgba(224,237,224,.72)}.library-folder-list button.active{background:rgba(214,241,144,.72);color:#244b37;font-weight:750}.library-folder-list button span{font-size:10px;color:#83958a}.library-folders>.tiny{margin:4px 10px 12px}.library-documents{min-width:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;margin-bottom:10px}.library-toolbar>div{display:grid;gap:4px}.library-toolbar strong{font-size:16px}.library-toolbar small{font-size:11px;color:#7d8d82}.library-document-list{display:grid;gap:10px}.library-document{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:13px;padding:14px 16px}.library-document-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e1f0d1;color:#315d47;font-size:10px;font-weight:850}.library-document-main{display:grid;gap:4px;min-width:0}.library-document-main strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.library-document-main small{font-size:10px;color:#7c8d82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-document-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.library-document-actions button,.library-document-actions a{font-size:11px;padding:8px 10px}.library-upload-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.library-upload-tools small{color:#7d8d82;font-size:11px}.library-editor{min-height:300px;padding:18px;border:1px solid #d8e4da;border-radius:10px;background:#fff;box-shadow:inset 0 2px 6px rgba(42,70,52,.05);font-family:Georgia,"Times New Roman",serif;font-size:15px;line-height:1.65;white-space:pre-wrap;overflow:auto}.library-editor:focus{outline:3px solid rgba(103,191,160,.34);outline-offset:2px}.library-picker-row{display:block;width:100%;margin:6px 0;text-align:left}.library-selected{display:block;color:#35694e;font-size:11px}
@media(max-width:720px){.library-workspace{grid-template-columns:1fr;gap:12px}.library-folder-list{display:flex;overflow-x:auto;padding:8px}.library-folder-list button{min-width:145px}.library-toolbar{align-items:flex-start;gap:10px;flex-wrap:wrap}.library-document{grid-template-columns:36px minmax(0,1fr)}.library-document-icon{width:36px;height:36px}.library-document-actions{grid-column:2;justify-content:flex-start}.library-upload-tools{align-items:flex-start;flex-direction:column}.library-editor{min-height:240px}}
.duplicate-client-list{display:grid;gap:9px;margin:16px 0}.duplicate-client-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(247,251,247,.78)}.duplicate-client-row>div{display:grid;gap:4px;min-width:0}.duplicate-client-row strong{font-size:14px}.duplicate-client-row small{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.duplicate-client-create{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:4px}.duplicate-client-create small{font-size:11px;color:var(--muted);text-align:right}
@media(max-width:720px){.sidebar .nav{align-items:stretch}.sidebar .nav button{box-sizing:border-box;flex:1 0 56px;width:56px;min-width:56px;max-width:72px;height:52px;min-height:52px;line-height:1}.sidebar .nav button .nav-icon{flex:0 0 28px;margin:0}.sidebar .nav button.active{font-size:10px}.drawer-workspace{grid-template-columns:126px minmax(0,1fr)}.drawer-tabs{padding:7px 6px;overflow-x:hidden}.drawer-tabs button{justify-content:flex-start;gap:6px;padding:7px 6px;min-height:44px}.drawer-tabs button>span{width:25px;height:25px;min-width:25px;font-size:13px}.drawer-tabs button b{display:block;font-size:9px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.duplicate-client-row{align-items:flex-start;flex-direction:column}.duplicate-client-row button{width:100%}.duplicate-client-create{align-items:flex-start;flex-direction:column}.duplicate-client-create small{text-align:left}}
@media(max-width:720px){.sidebar{backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(max-width:720px){.month-v12 .month-events{display:none!important}}

/* Capsule navigation rails
   The same compact control language is used by the mobile main nav,
   message channels and the order drawer. Palette stays within Cloud Events
   green/lime tokens; labels remain readable in every state. */
.nav button,.drawer-tabs button,.inbox-provider-rail button{
  border:1px solid transparent;
  border-radius:18px;
}
.nav button:hover,.drawer-tabs button:hover,.inbox-provider-rail button:hover{transform:none}

.inbox-provider-rail{
  align-self:stretch;
  gap:7px;
  margin:8px 7px;
  padding:8px 7px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:rgba(16,43,38,.94);
  box-shadow:0 16px 36px rgba(16,43,38,.18),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.inbox-provider-rail button{
  min-height:52px;
  padding:8px 5px;
  border-color:transparent;
  border-radius:18px;
  color:#bdd0c6;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease;
}
.inbox-provider-rail button:hover{background:rgba(71,108,87,.42);color:#eff8ee}
.inbox-provider-rail button.active{
  background:linear-gradient(135deg,var(--accent),#c8ed79);
  color:var(--deep);
  box-shadow:0 8px 20px rgba(157,207,101,.22),inset 0 1px rgba(255,255,255,.62);
}
.inbox-provider-rail button.active .provider-rail-icon{background:var(--green);color:var(--accent)}
.inbox-provider-rail .provider-rail-icon{transition:background .2s ease,color .2s ease}

.drawer-tabs{
  margin:8px 7px;
  padding:8px 6px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:26px;
  background:rgba(16,43,38,.94);
  box-shadow:0 16px 36px rgba(16,43,38,.18),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(22px) saturate(125%);
  -webkit-backdrop-filter:blur(22px) saturate(125%);
}
.drawer-tabs button{
  min-height:52px;
  padding:8px 9px;
  border-color:transparent;
  border-radius:18px;
  color:#bdd0c6;
}
.drawer-tabs button:hover{background:rgba(71,108,87,.42);color:#eff8ee}
.drawer-tabs button.active{
  background:linear-gradient(135deg,var(--accent),#c8ed79);
  color:var(--deep);
  box-shadow:0 8px 20px rgba(157,207,101,.22),inset 0 1px rgba(255,255,255,.62);
}
.drawer-tabs button.active>span{background:var(--green);color:var(--accent)}

@media(max-width:720px){
  .sidebar .nav{
    position:fixed;
    z-index:50;
    left:12px;
    right:12px;
    bottom:max(10px,env(safe-area-inset-bottom));
    width:auto;
    height:72px;
    min-height:72px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:5px;
    padding:7px 8px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:25px;
    background:rgba(16,43,38,.94);
    box-shadow:0 14px 34px rgba(12,35,30,.24),inset 0 1px rgba(255,255,255,.1);
    backdrop-filter:blur(24px) saturate(125%);
    -webkit-backdrop-filter:blur(24px) saturate(125%);
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
  }
  .sidebar .nav::-webkit-scrollbar{display:none}
  .sidebar .nav button,
  .sidebar .nav button:not(.active){
    box-sizing:border-box;
    flex:0 0 76px;
    width:76px;
    min-width:76px;
    max-width:none;
    height:56px;
    min-height:56px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    padding:6px 4px;
    border-radius:18px;
    color:#bdd0c6;
    font-size:9px;
    line-height:1.1;
    white-space:nowrap;
    text-align:center;
  }
  .sidebar .nav button .nav-icon{
    display:grid;
    place-items:center;
    flex:0 0 25px;
    width:25px;
    height:25px;
    min-width:25px;
    margin:0;
    border-radius:9px;
    background:rgba(49,78,65,.75);
    color:#a9c3b7;
    font-size:16px;
    line-height:1;
  }
  .sidebar .nav button.active{
    background:linear-gradient(135deg,var(--accent),#c8ed79);
    color:var(--deep);
    box-shadow:0 8px 20px rgba(157,207,101,.22),inset 0 1px rgba(255,255,255,.62);
  }
  .sidebar .nav button.active .nav-icon{background:var(--green);color:var(--accent)}
  .workspace{padding-bottom:104px}
  .drawer-tabs{margin:6px 5px;padding:7px 5px;border-radius:22px}
  .drawer-tabs button{min-height:48px;padding:7px 7px;border-radius:16px}
  .inbox-provider-rail{flex-direction:column;align-items:stretch;padding:8px 7px;border-left:1px solid rgba(255,255,255,.16);border-top:0}
  .inbox-provider-rail button{flex-direction:column;width:auto;min-width:0;min-height:52px;padding:8px 5px;border-radius:18px;gap:3px}
  .inbox-provider-rail .provider-rail-label{font-size:8px;margin-top:1px}
}

/* Keep message channels vertical on phones too. The rail occupies its own
   slim column so the conversation area never turns into a second horizontal
   toolbar or pushes the controls below a long empty list. */
@media(max-width:720px){
  .unified-inbox{grid-template-columns:minmax(0,1fr) 94px;align-items:stretch}
  .unified-inbox>.conversation-list{grid-column:1;grid-row:1}
  .unified-inbox>.conversation-thread{grid-column:1;grid-row:2}
  .unified-inbox>.crm-context{grid-column:1;grid-row:3}
  .unified-inbox>.inbox-provider-rail{grid-column:2;grid-row:1 / span 3;align-self:start;position:sticky;top:10px;width:auto;min-width:0}
  .inbox-provider-rail{gap:4px;padding:8px 6px}
  .inbox-provider-rail button{width:100%;min-width:0;min-height:34px;padding:3px 3px;gap:1px}
  .inbox-provider-rail .provider-rail-icon{width:20px;height:20px;font-size:12px}
  .inbox-provider-rail .provider-rail-label{font-size:7px}
}

/* Keep workspace pages compact: page identity remains available via the
   breadcrumb while the oversized eyebrow/title block is removed. */
.page-head-compact{min-height:0;margin-bottom:14px;padding:0;align-items:center}
.page-head-compact>div:empty{display:none}
.page-head-compact p{margin:0;color:var(--muted);font-size:12px;line-height:1.4}
.page-head-compact>button,.page-head-compact>.primary,.page-head-compact>.ghost{flex-shrink:0}
.workspace>.page-head-compact:after{display:none}
.topbar-start>#breadcrumb{margin:0;color:#111817;font-size:18px;font-weight:760;line-height:1.15;letter-spacing:-.25px}
/* Dark action buttons keep readable light text across every view. */
.primary{color:#f4fff7}
.today-open,.calendar-day-events>.primary{color:var(--deep)}
.inbox-provider-rail{align-self:start;height:max-content;min-height:0;background:rgba(16,43,38,.68)}
.calendar-month-layout{transition:grid-template-columns .28s ease}
.calendar-day-panel.closing{animation:calendarDayOut .24s ease-in forwards}
@keyframes calendarDayOut{from{opacity:1;transform:none}to{opacity:0;transform:translateX(12px)}}
@media(max-width:720px){.topbar-start>#breadcrumb{font-size:16px}.inbox-provider-rail{height:max-content}}
@media(max-width:720px){
  .page-head-compact{margin-bottom:12px}
  .page-head-compact p{font-size:11px}
}

/* Star rating: selected stars are larger and warm yellow; empty stars stay
   smaller and quiet so the score is readable at a glance. */
.client-rating.editable{padding:8px 10px;border:1px solid rgba(159,184,160,.34);border-radius:13px;background:rgba(248,252,246,.58)}
.client-rating-stars{gap:3px;min-height:30px}
.client-rating-star{display:inline-grid;place-items:center;width:18px;height:24px;padding:0;border:0;border-radius:7px;background:transparent;color:#aebbb1;font-size:0;line-height:1;transform:none;transition:color .16s ease,transform .16s ease,filter .16s ease}
.client-rating-star svg{display:block;width:15px;height:15px;fill:currentColor;stroke:currentColor;stroke-width:.55;transition:width .16s ease,height .16s ease}
.client-rating-star.inactive{color:#aebbb1;opacity:.78}
.client-rating-star.active{width:27px;height:30px;color:#f4b51f;opacity:1;filter:drop-shadow(0 3px 4px rgba(210,146,13,.24))}
.client-rating-star.active svg{width:23px;height:23px}
button.client-rating-star:hover{background:rgba(214,240,144,.22);color:#e8a811;transform:translateY(-1px)}
button.client-rating-star:focus-visible{outline:2px solid #6aa87d;outline-offset:2px}
.client-rating-value{font-size:11px;line-height:1;color:#647b6c;white-space:nowrap}
.client-rating.editable .client-rating-value{font-weight:750;color:#42664f}

/* Keep the provider rail's matte surface limited to its own controls. */
.inbox-provider-rail{align-self:start;height:max-content;min-height:0;background:rgba(16,43,38,.64);backdrop-filter:blur(24px) saturate(125%);-webkit-backdrop-filter:blur(24px) saturate(125%)}

/* Client board: a focused desktop workspace with a compact card stack on mobile. */
.client-board{display:grid;grid-template-columns:minmax(245px,292px) minmax(0,1fr) minmax(210px,255px);gap:14px;align-items:start;min-width:0}
.client-board-list,.client-board-main{background:rgba(255,255,255,.66);border:1px solid rgba(208,222,211,.82);box-shadow:0 18px 44px rgba(38,63,49,.08);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%)}
.client-board-list{position:sticky;top:18px;display:flex;flex-direction:column;max-height:calc(100vh - 145px);border-radius:20px;overflow:hidden}
.client-board-list-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:17px 16px 13px;border-bottom:1px solid rgba(205,220,210,.72)}
.client-board-list-head h2{margin:2px 0 3px;color:#12211d;font-size:21px;letter-spacing:-.7px}
.client-board-list-head small{font-size:11px;color:#7a8c82}
.client-board-kicker{display:block;color:#769186;font-size:9px;font-weight:800;letter-spacing:1.8px;line-height:1.25}
.client-board-list-head .primary{padding:8px 10px;border-radius:11px;font-size:11px;white-space:nowrap}
.client-board-cards{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:5px 10px 10px;scrollbar-width:thin}
.client-board-search{display:flex;align-items:center;gap:8px;margin:12px 12px 8px;padding:0 11px;border:1px solid rgba(190,210,196,.86);border-radius:12px;background:rgba(255,255,255,.72);color:#6f8a7c}
.client-board-search span{font-size:18px;line-height:1}
.client-board-search input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;background:transparent;color:#1b2b25;font-size:12px}
.client-board-list-meta{display:flex;justify-content:space-between;align-items:center;padding:3px 16px 8px;color:#809187;font-size:11px}
.client-board-list-meta strong{color:#274b3d;font-size:12px}
.client-board-card{position:relative;border:1px solid rgba(199,216,204,.85);border-radius:16px;background:rgba(250,253,249,.68);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;background-clip:padding-box}
.client-board-card:hover{transform:translateY(-1px);border-color:rgba(150,185,157,.95);box-shadow:0 10px 22px rgba(44,82,58,.1)}
.client-board-card.selected{border-color:rgba(158,207,101,.98);box-shadow:0 10px 25px rgba(109,154,72,.16)}
.client-board-card.selected:before{content:"";position:absolute;inset:8px auto 8px 0;width:3px;border-radius:0 4px 4px 0;background:var(--accent,#d6f090)}
.client-board-card-main{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;padding:12px 11px 7px;border:0;border-radius:0;background:transparent;text-align:left;color:#162820}
.client-board-card-main:hover{background:rgba(216,240,160,.18)}
.client-board-avatar,.client-board-hero-avatar{display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#d6f090,#b8dd69);color:#234536;font-weight:800}
.client-board-avatar{width:34px;height:34px;font-size:11px}
.client-board-card-copy{display:grid;min-width:0;gap:2px}
.client-board-card-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.client-board-card-copy small,.client-board-phone{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-board-card-copy small{color:#71857a;font-size:10px}
.client-board-phone{color:#496558;font-size:10px}
.client-board-arrow{color:#779687;font-size:17px;justify-self:end}
.client-board-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 11px 8px 54px;color:#829288;font-size:10px}
.client-board-card-meta strong{color:#2a604b;font-size:11px;white-space:nowrap}
.client-board-card .client-rating{padding:4px 9px 8px 53px;border:0;background:transparent;justify-content:flex-start;gap:7px}
.client-board-card .client-rating-stars{gap:1px;min-height:21px}
.client-board-card .client-rating-star{width:15px;height:20px}
.client-board-card .client-rating-star svg{width:12px;height:12px}
.client-board-card .client-rating-star.active{width:20px;height:23px}
.client-board-card .client-rating-star.active svg{width:17px;height:17px}
.client-board-card .client-rating-value{font-size:9px}
.client-board-next{padding:0 11px 10px 53px;color:#7c8f83;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.client-board-list .pagination{justify-content:center;padding:10px;border-top:1px solid rgba(205,220,210,.72);font-size:10px;gap:8px}
.client-board-list .pagination button{padding:6px 9px;font-size:10px}
.client-board-main{min-height:540px;border-radius:20px;overflow:hidden}
.client-board-profile{padding:20px 22px 24px}
.client-board-profile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}
.client-board-profile-caption{margin:3px 0 0;color:#87968c;font-size:11px}
.client-board-profile-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.client-board-profile-actions button{padding:8px 10px;border-radius:10px;font-size:11px}
.client-board-hero{display:grid;grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;border-radius:18px;background:linear-gradient(125deg,rgba(233,246,218,.96),rgba(255,255,255,.52));border:1px solid rgba(193,216,190,.7)}
.client-board-hero-avatar{width:62px;height:62px;border-radius:17px;font-size:19px;box-shadow:inset 0 1px rgba(255,255,255,.55)}
.client-board-hero-copy{min-width:0}
.client-board-hero-copy h2{margin:0 0 3px;color:#12211d;font-size:25px;letter-spacing:-.8px;overflow-wrap:anywhere}
.client-board-hero-copy p{margin:0 0 9px;color:#607a6d;font-size:12px}
.client-board-status{display:inline-flex;align-items:center;gap:6px;color:#47735d;font-size:10px;font-weight:700}
.client-board-status i{width:7px;height:7px;border-radius:50%;background:#63c987;box-shadow:0 0 0 3px rgba(99,201,135,.14)}
.client-board-hero .client-rating{justify-self:end;align-items:flex-end}
.client-board-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:15px 0 10px}
.client-board-contact{min-width:0;padding:12px 13px;border:1px solid rgba(205,219,210,.85);border-radius:13px;background:rgba(255,255,255,.57)}
.client-board-contact small{display:block;margin-bottom:5px;color:#789084;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.client-board-contact strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#20352a;font-size:12px}
.client-board-main .contact-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 16px}
.client-board-main .contact-actions .button{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:11px}
.client-board-main .contact-actions svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7}
.client-board-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 19px}
.client-board-stat{padding:12px 11px;border-radius:13px;background:rgba(240,247,237,.76);border:1px solid rgba(208,225,207,.82)}
.client-board-stat small{display:block;margin-bottom:5px;color:#789084;font-size:9px;letter-spacing:1px;text-transform:uppercase}
.client-board-stat strong{display:block;color:#1c3e30;font-size:18px;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-board-stat span{display:block;margin-top:3px;color:#87978d;font-size:9px}
.client-board-section{padding-top:3px}
.client-board-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.client-board-section-head h3{margin:3px 0 0;color:#162820;font-size:16px}
.client-board-count{display:grid;place-items:center;min-width:26px;height:26px;border-radius:9px;background:var(--accent,#d6f090);color:#31513f;font-size:11px;font-weight:800}
.client-board-timeline{position:relative;display:grid;gap:7px;padding-left:2px}
.client-board-timeline-item{display:grid;grid-template-columns:17px minmax(0,1fr);gap:9px;min-width:0}
.client-board-timeline-item:not(:last-child) .client-board-timeline-dot:after{content:"";position:absolute;top:18px;bottom:-14px;left:7px;width:1px;background:rgba(186,207,193,.75)}
.client-board-timeline-dot{position:relative;display:block;width:15px;height:15px;margin-top:7px;border-radius:50%;background:#b8d96e;box-shadow:0 0 0 4px rgba(184,217,110,.17)}
.client-board-timeline-content{min-width:0;padding:9px 10px;border:1px solid rgba(207,221,211,.78);border-radius:12px;background:rgba(255,255,255,.54)}
.client-board-timeline-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:5px}
.client-board-timeline-head small{font-size:9px;color:#7c9084}
.client-board-timeline-head .tag{font-size:9px;padding:3px 6px}
.client-board-event-link{display:grid;gap:3px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:#244737}
.client-board-event-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.client-board-event-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#789084;font-size:10px}
.client-board-note{margin-top:14px;padding:13px 14px;border-radius:13px;background:rgba(255,246,218,.72);border:1px solid rgba(235,216,158,.65)}
.client-board-note small{color:#977b3a;font-size:9px;letter-spacing:1.2px}
.client-board-note p{margin:5px 0 0;color:#5c5032;font-size:12px;white-space:pre-wrap}
.client-board-empty{display:grid;place-items:center;min-height:480px;padding:30px}
.client-board-empty .empty{max-width:260px;text-align:center}
.client-board-side{position:sticky;top:18px;display:grid;gap:12px;min-width:0}
.client-board-side>*{min-width:0}
.client-board-side .client-rating.compact{max-width:100%;overflow:hidden}
.client-board-side .client-rating.compact .client-rating-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.client-insight-card{min-width:0;padding:16px;border:1px solid rgba(207,221,211,.82);border-radius:18px;background:rgba(255,255,255,.66);box-shadow:0 15px 35px rgba(38,63,49,.07);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%)}
.client-insight-card .client-board-kicker{margin-bottom:10px}
.client-insight-card strong{display:block;color:#17382b;font-size:17px;letter-spacing:-.3px;overflow-wrap:anywhere}
.client-insight-card p{margin:5px 0 0;color:#7d9085;font-size:11px;line-height:1.45}
.client-insight-accent{background:linear-gradient(145deg,rgba(39,85,66,.98),rgba(25,55,45,.96));border-color:rgba(111,160,118,.45);color:#eaf7e8;box-shadow:0 16px 35px rgba(20,58,43,.22)}
.client-insight-accent .client-board-kicker{color:#b9d6ae}
.client-insight-accent .client-insight-rating{color:var(--accent,#d6f090);font-size:36px;font-weight:800;letter-spacing:-1.5px;line-height:1}
.client-insight-accent p{color:#c1d8c5}
.client-insight-accent .client-rating{margin-top:12px;border-color:rgba(201,236,167,.2);background:rgba(255,255,255,.1)}
.client-insight-accent .client-rating-value{color:#d8ecd2}
.client-insight-actions{display:grid;gap:8px}
.client-insight-actions .client-board-kicker{margin-bottom:2px}
.client-insight-actions button{width:100%;padding:9px 10px;border-radius:10px;font-size:11px;text-align:left}
.client-insight-actions .primary{color:#20382c;background:var(--accent,#d6f090);border-color:var(--accent,#d6f090)}
@media(max-width:980px) and (min-width:721px){.client-board{grid-template-columns:235px minmax(0,1fr)}.client-board-side{grid-column:2;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.client-insight-accent{grid-column:span 2}}
@media(max-width:720px){
  .client-board{display:flex;flex-direction:column;gap:10px}
  .client-board-list,.client-board-main{position:static;width:100%;max-height:none;border-radius:17px}
  .client-board-list{order:0}
  .client-board-main{order:1;min-height:0}
  .client-board-side{position:static;order:2;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .client-insight-card{padding:13px;border-radius:15px}
  .client-insight-accent{grid-column:1 / -1}
  .client-board-list-head{padding:14px 14px 11px}
  .client-board-list-head h2{font-size:19px}
  .client-board-search{margin:10px 10px 7px}
  .client-board-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:5px 8px 9px;overflow:visible}
  .client-board-card-main{grid-template-columns:30px minmax(0,1fr) 14px;gap:6px;padding:10px 8px 6px}
  .client-board-avatar{width:30px;height:30px;font-size:10px;border-radius:10px}
  .client-board-card-copy strong{font-size:11px}
  .client-board-card-copy small,.client-board-phone{font-size:9px}
  .client-board-card-meta{padding:0 8px 6px 44px;font-size:8px}
  .client-board-card-meta strong{font-size:9px}
  .client-board-card .client-rating{padding:3px 7px 6px 43px;gap:4px}
  .client-board-card .client-rating-value{font-size:8px}
  .client-board-next{padding:0 8px 7px 43px;font-size:8px}
  .client-board-profile{padding:15px 13px 18px}
  .client-board-profile-head{margin-bottom:12px}
  .client-board-profile-caption{font-size:10px}
  .client-board-profile-actions{gap:5px}
  .client-board-profile-actions button{padding:7px 8px;font-size:10px}
  .client-board-hero{grid-template-columns:45px minmax(0,1fr);gap:10px;padding:13px;border-radius:14px}
  .client-board-hero-avatar{width:45px;height:45px;border-radius:13px;font-size:14px}
  .client-board-hero-copy h2{font-size:20px}
  .client-board-hero-copy p{font-size:10px;margin-bottom:5px}
  .client-board-hero .client-rating{grid-column:1 / -1;justify-self:stretch;margin-top:1px;justify-content:flex-start}
  .client-board-contact-grid{gap:6px;margin:10px 0 7px}
  .client-board-contact{padding:9px 10px;border-radius:10px}
  .client-board-contact small{font-size:8px;margin-bottom:3px}
  .client-board-contact strong{font-size:10px}
  .client-board-main .contact-actions{gap:5px;margin:7px 0 12px}
  .client-board-main .contact-actions .button{padding:7px 8px;font-size:10px}
  .client-board-stats{gap:5px;margin-bottom:14px}
  .client-board-stat{padding:9px 8px;border-radius:10px}
  .client-board-stat strong{font-size:15px}
  .client-board-stat span{font-size:8px}
  .client-board-section-head h3{font-size:14px}
  .client-board-timeline-content{padding:8px;border-radius:10px}
  .client-board-timeline-head small{font-size:8px}
  .client-board-event-link strong{font-size:10px}
  .client-board-event-link span{font-size:9px}
  .client-board-empty{min-height:220px}
}
@media(max-width:460px){.client-board-cards{grid-template-columns:1fr}.client-board-side{grid-template-columns:1fr}.client-insight-accent{grid-column:auto}.client-board-hero-copy h2{font-size:18px}}
@media(min-width:721px){.client-board-hero{grid-template-columns:62px minmax(0,1fr)}.client-board-hero .client-rating{grid-column:2;justify-self:start;align-items:center;margin-top:8px}}
.client-board-list-head>.primary{display:none}

/* Финальная полировка интерфейса по текущему конспекту. */
.calendar-modes [data-id="month"],.calendar-modes [data-id="week"]{display:none!important}
.today-panel{background:rgba(255,255,255,.82)!important;color:#183a2c;border-color:rgba(205,220,210,.82)!important}
.today-panel .today-panel-head{border-bottom-color:rgba(35,92,72,.14)}
.today-panel .today-panel-head .kpi-label,
.today-panel .today-panel-head p,
.today-panel .today-slide-head>small,
.today-panel .today-order-number{color:#557468!important}
.today-panel .today-slide h3{color:#173b2d!important}
.today-panel .today-meta,.today-panel .today-client{color:#365f4b!important}
.today-panel .today-open{background:linear-gradient(135deg,#2b7458,#1f5946)!important;border-color:#2a6a52!important;color:#f4fff7!important}
.today-panel .today-open:hover{background:linear-gradient(135deg,#347f61,#245e4a)!important;color:#fff!important}
.client-board .primary{color:#f4fff7}
.calendar-day-events>.primary,.client-insight-actions .primary,.page-head>.primary{color:var(--deep)}
#toast{top:22px;right:24px;left:auto;bottom:auto;transform:none;display:none;min-width:260px;max-width:min(420px,calc(100vw - 48px));padding:14px 42px 14px 16px;border:1px solid rgba(136,179,143,.45);border-radius:16px;background:rgba(20,63,48,.94);box-shadow:0 16px 36px rgba(19,56,42,.24);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%);font-size:13px;line-height:1.4;transition:opacity .22s ease,transform .22s ease}
#toast.visible{display:grid;gap:3px;animation:toastIn .26s ease both}
#toast.is-actionable{cursor:pointer}
#toast.is-actionable:hover{transform:translateY(-2px)}
.toast-title{color:#d6f090;font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.toast-text{color:#f4fff7;overflow-wrap:anywhere}
.toast-arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#d6f090;font-size:18px}
@keyframes toastIn{from{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:720px){
  .client-board-main,.client-board-side{display:none!important}
  #toast{top:76px;right:12px;left:auto;bottom:auto;max-width:min(92vw,360px)}
}

/* Компактные действия сотрудника и информационные KPI главной. */
.employee-quick-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 22px}
.employee-quick-actions button{min-height:40px}
.home-actions{margin:0 0 18px}
.home-actions button{min-width:148px}
.kpi-detail{display:block;margin-top:6px;color:#6c8778;font-size:11px;line-height:1.35;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kpi-focus{background:linear-gradient(145deg,rgba(222,246,163,.58),rgba(255,255,255,.84))!important;border-color:rgba(170,207,117,.65)!important}
.kpi-open{display:inline-flex!important;margin-top:10px;padding:6px 10px!important;border-radius:999px!important;font-size:10px!important;color:#1d604b!important;background:rgba(210,241,150,.72)!important;border:1px solid rgba(74,130,88,.22)!important}
.kpi-open:hover{background:#d6f090!important;transform:translateY(-1px)}
.date-filter{display:inline-flex;align-items:center;gap:5px}
.date-filter input{min-width:132px}
@media(max-width:720px){.employee-quick-actions{gap:7px;margin:14px 0 18px}.employee-quick-actions button{flex:1;min-width:132px}.home-actions button{width:100%}.kpi-detail{font-size:10px}.date-filter{width:100%}.date-filter input{flex:1;min-width:0}}
.library-folder-row{display:flex;align-items:center;gap:4px}.library-folder-row>button:first-child{flex:1;min-width:0}.library-folder-row>.tiny{width:28px;min-width:28px;padding:7px 0;justify-content:center}.library-editor{display:block;width:100%;resize:vertical;box-sizing:border-box}
.page-head-actions{justify-content:flex-end;margin-bottom:16px;min-height:0}
.workspace>.page-head:after{display:none!important}
.admin-shell .side-bottom [data-action="nav"][data-id="profile"]{display:none!important}
.drawer{transform:translateX(102%);opacity:.96;visibility:hidden;transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease,visibility 0s linear .28s}
.drawer.drawer-visible{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s}
.drawer.drawer-closing{transform:translateX(102%);opacity:0;visibility:visible}

/* Compact calendar views: day and week keep the same visual calendar language
   without the previous 24-hour schedule grid. */
.calendar-modes{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.calendar-modes button{min-width:82px;border-radius:11px}
.calendar-modes button.active{background:var(--deep,#1b5f4d);border-color:var(--deep,#1b5f4d);color:#f4fff7}
.simple-calendar{background:rgba(204,220,209,.5);border:1px solid rgba(170,194,179,.45);border-radius:14px;overflow:hidden}
.simple-calendar-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}
.simple-calendar-cell{display:grid;align-content:start;gap:10px;min-height:185px;padding:12px;background:rgba(255,255,255,.62)}
.simple-calendar-cell.is-today{background:rgba(224,244,197,.72)}
.simple-calendar-cell-head{display:flex;align-items:center;justify-content:space-between;gap:6px;color:#294a3c;font-size:12px;text-transform:capitalize}
.simple-calendar-cell-head span{display:grid;place-items:center;min-width:21px;height:21px;border-radius:50%;background:rgba(52,112,83,.12);color:#49725e;font-size:10px}
.simple-calendar-events{display:grid;align-content:start;gap:7px;min-width:0}
.simple-calendar-events .calendar-event{width:100%;min-width:0}
.simple-calendar-empty{padding:12px 4px;color:#829188;font-size:11px}
.simple-calendar-add{margin-top:auto}
.simple-calendar-add button{width:100%;padding:7px 8px;color:#37634e;font-size:11px}
.simple-calendar-day{padding:18px;background:rgba(255,255,255,.58)}
.simple-calendar-day-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid rgba(187,207,192,.65)}
.simple-calendar-day-head h2{margin:3px 0 0;text-transform:capitalize}
.simple-calendar-day-events{padding-top:15px}
.simple-calendar-day-events .cards{padding:0}
.local-clock{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:720px){
  .calendar-modes{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .calendar-modes button{min-width:0;width:100%;padding:8px 6px;font-size:11px}
  .simple-calendar-week{grid-template-columns:repeat(7,minmax(72px,1fr));overflow:auto}
  .simple-calendar-cell{min-height:145px;padding:9px 7px}
  .simple-calendar-cell-head{font-size:10px}
  .simple-calendar-events .calendar-event{padding:6px 6px}
  .simple-calendar-events .calendar-event strong{font-size:9px}
  .simple-calendar-day{padding:13px}
  .top-right .local-clock{display:inline-block;font-size:10px;letter-spacing:-.2px}
}
.calendar-modes [data-id="month"],.calendar-modes [data-id="week"],.calendar-modes [data-id="day"]{display:inline-flex!important}

/* Bell notifications expand from the notification control and fold back into
   it after ten seconds. */
.notification-button.notification-pulsing{animation:notificationBellPulse 1.2s ease-in-out infinite;z-index:1}
@keyframes notificationBellPulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(198,243,107,.05)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(198,243,107,.22)}}
#toast.notification-toast-visible{transform-origin:center;animation:notificationToastIn .42s cubic-bezier(.22,.61,.36,1) both}
#toast.notification-toast-closing{display:grid!important;animation:notificationToastOut .42s cubic-bezier(.55,.06,.68,.19) both}
@keyframes notificationToastIn{0%{opacity:0;transform:translate(var(--toast-dx,0px),var(--toast-dy,-10px)) scale(.28)}65%{opacity:1;transform:translate(0,2px) scale(1.03)}100%{opacity:1;transform:translate(0,0) scale(1)}}
@keyframes notificationToastOut{0%{opacity:1;transform:translate(0,0) scale(1)}100%{opacity:0;transform:translate(var(--toast-dx,0px),var(--toast-dy,-10px)) scale(.28)}}
.local-clock{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(164,193,164,.46);border-radius:12px;background:linear-gradient(145deg,rgba(235,248,219,.94),rgba(255,255,255,.72));box-shadow:0 5px 14px rgba(53,94,65,.12),inset 0 1px rgba(255,255,255,.9);color:#315f48!important;font-size:12px;font-weight:750;letter-spacing:.1px}
.global-trigger{font-weight:750!important;color:#315f48!important;background:linear-gradient(145deg,rgba(239,248,232,.96),rgba(255,255,255,.8))!important;box-shadow:0 5px 14px rgba(53,94,65,.09),inset 0 1px rgba(255,255,255,.9)}
.dashboard-columns > section:first-child .order-card .card-bottom{justify-content:flex-end}
@media(max-width:720px){.local-clock{min-height:28px;padding:5px 7px;font-size:9px;border-radius:9px}.global-trigger{padding:7px 8px!important}.notification-toast-visible{transform-origin:center!important}}

/* Final reference theme: Glossy Neumorphism + minimal fintech dashboard.
   This layer is visual only; data, actions and API contracts stay untouched. */
:root{
  --ref-canvas:#eaf2fb;
  --ref-surface:#fbfcff;
  --ref-surface-soft:#f1f3f7;
  --ref-dark:#1b1c1f;
  --ref-black:#0d0e10;
  --ref-ink:#17181b;
  --ref-muted:#969ba6;
  --ref-line:#e0e3e9;
  --ref-purple:#b8a8ef;
  --ref-blue:#b4dcf5;
  --ref-mint:#bde7cc;
  --ref-yellow:#f3e8bd;
  --ref-pink:#f1b3c6;
  --ref-shadow:0 18px 45px rgba(48,56,69,.12),0 3px 10px rgba(48,56,69,.06),inset 0 1px rgba(255,255,255,.95);
  --ref-shadow-small:0 10px 24px rgba(42,49,61,.12),inset 0 1px rgba(255,255,255,.92);
  --green:var(--ref-dark);
  --deep:var(--ref-dark);
  --accent:var(--ref-mint);
  --canvas:var(--ref-canvas);
  --block:var(--ref-surface);
  --block-line:var(--ref-line);
  --line:var(--ref-line);
  --muted:var(--ref-muted);
}
html,body{background:var(--ref-canvas);color:var(--ref-ink)}
body{font-family:Inter,"SF Pro Display","Segoe UI",Arial,sans-serif;letter-spacing:0}
button,input,select,textarea{font-family:inherit}
button{border:1px solid rgba(216,220,228,.9);border-radius:14px;background:linear-gradient(145deg,#fff,#eef0f4);color:var(--ref-ink);box-shadow:var(--ref-shadow-small);font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
button:hover{background:linear-gradient(145deg,#fff,#e7e9ee);transform:translateY(-1px);box-shadow:0 15px 28px rgba(42,49,61,.16),inset 0 1px rgba(255,255,255,.98)}
button:active{transform:translateY(1px);box-shadow:inset 0 3px 8px rgba(25,29,36,.18),0 2px 5px rgba(42,49,61,.08)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(184,168,239,.75);outline-offset:3px}
.primary,.page-head>.primary,.today-open,.kpi-open{background:linear-gradient(145deg,#3a3b40 0%,#111214 48%,#050608 100%)!important;border-color:#07080a!important;color:#fff!important;box-shadow:0 12px 24px rgba(13,14,16,.3),inset 0 1px rgba(255,255,255,.3),inset 0 -2px 4px rgba(0,0,0,.45)!important}
.primary:hover,.page-head>.primary:hover,.today-open:hover,.kpi-open:hover{background:linear-gradient(145deg,#4a4b50,#151619 52%,#060708)!important;color:#fff!important}
.ghost{background:linear-gradient(145deg,#fff,#eef0f4);color:var(--ref-ink)}
.danger{color:#b25b6d}
.muted,small{color:var(--ref-muted)}
.shell{grid-template-columns:252px minmax(0,1fr);background:var(--ref-canvas)}
.sidebar{background:linear-gradient(180deg,#202124 0%,#111214 100%);color:#e7e8ec;padding:28px 16px 20px;border-right:0;box-shadow:10px 0 32px rgba(23,26,31,.16);z-index:3}
.brand{padding:0 11px;color:#f4f4f6;font-weight:850;letter-spacing:1.8px}
.brand-mark{background:#f5f2e8;color:var(--ref-black);border-radius:12px;box-shadow:0 5px 12px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.9)}
.brand small{color:#969aa4}
.nav-label{margin:48px 14px 15px;color:#8e929b;letter-spacing:1.7px}
.nav{gap:6px}
.nav button{min-height:46px;border:1px solid transparent;border-radius:14px;background:transparent;color:#a6a8b0;padding:11px 14px;box-shadow:none;font-weight:700}
.nav button:hover{background:#2b2c30;border-color:#3b3c41;color:#f3f3f5;transform:translateX(2px);box-shadow:0 8px 18px rgba(0,0,0,.25)}
.nav button.active{background:linear-gradient(145deg,#3b3c40,#0b0c0e);border-color:#060709;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.27),inset 0 -2px 4px rgba(0,0,0,.5)}
.nav button.active:hover{background:linear-gradient(145deg,#48494e,#0c0d0f);color:#fff}
.nav-icon{background:#2a2b2f;color:#b8bac2;border-radius:10px;box-shadow:inset 0 1px rgba(255,255,255,.1)}
.nav button:hover .nav-icon{background:#44454a;color:#fff}
.nav button.active .nav-icon{background:#ececf0;color:#151619;box-shadow:inset 0 1px rgba(255,255,255,.8)}
.side-bottom{padding-top:28px}
.local-note{border-bottom-color:#38393e;color:#92959e}
.profile small{color:#999ca5!important}
.logout{border-color:#3b3c42;color:#b0b2b9;background:transparent;box-shadow:none}
.logout:hover{background:#292a2e;color:#fff}
.main{background:var(--ref-canvas)}
.topbar{height:82px;padding:0 38px;border-bottom:1px solid rgba(213,217,225,.8);background:rgba(250,251,253,.88);backdrop-filter:blur(20px);box-shadow:0 4px 18px rgba(55,65,78,.05)}
.topbar-start>#breadcrumb{color:var(--ref-ink);font-weight:800}
.top-right{gap:12px}
.topbar .global-trigger{border-color:#d9dce4;border-radius:14px;background:linear-gradient(145deg,#fff,#eef0f4)!important;color:var(--ref-ink)!important;box-shadow:var(--ref-shadow-small)}
.notification-button{background:linear-gradient(145deg,#fff,#eef0f4);color:var(--ref-ink);border-color:#d9dce4;box-shadow:var(--ref-shadow-small)}
.notification-button span{background:var(--ref-pink);color:var(--ref-dark);box-shadow:0 2px 5px rgba(112,56,76,.2)}
.local-clock{border-color:#d8dbe3;background:linear-gradient(145deg,#fff,#e9edf4);box-shadow:var(--ref-shadow-small);color:var(--ref-ink)!important}
.workspace{max-width:1800px;padding:40px 48px 72px}
.workspace{transition:opacity .14s ease}
.workspace.is-loading{opacity:.72;pointer-events:none;cursor:progress}
.page-head h1{color:var(--ref-ink);font-family:"Arial Black","Segoe UI",sans-serif}
.page-head p{color:var(--ref-muted)}
.eyebrow{color:#9a9da6}
.panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll{background:rgba(251,252,255,.94)!important;border:1px solid rgba(218,222,230,.9)!important;box-shadow:var(--ref-shadow)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.panel-head{background:rgba(255,255,255,.7);border-bottom-color:#e4e6eb}
.panel-head h2,.panel-head h3{color:var(--ref-ink)}
.kpis{gap:18px}
.kpi{border-radius:22px;padding:22px;min-height:130px}
.kpi:first-child{background:linear-gradient(145deg,#d6f0df,#bde7cc)!important;border-color:#b4ddc3!important}
.kpi:nth-child(2){background:linear-gradient(145deg,#d7cff7,#b8a8ef)!important;border-color:#b7a6ef!important}
.kpi:nth-child(3){background:linear-gradient(145deg,#fbf3d4,#f3e8bd)!important;border-color:#eee1b4!important}
.kpi:nth-child(4){background:linear-gradient(145deg,#d6edfc,#b4dcf5)!important;border-color:#b5d8ee!important}
.kpi-label{color:#696d77;font-weight:800}
.kpi-value{color:var(--ref-ink);font-weight:850}
.kpi-detail{color:#626872!important}
.kpi-open{border-radius:999px!important;padding:7px 12px!important;font-size:10px!important;color:#fff!important}
.dashboard-columns>.panel:first-child{background:rgba(255,255,255,.94)!important}
.dashboard-columns>.panel:nth-child(2){background:rgba(244,246,250,.9)!important}
.order-card{border-radius:20px;border-color:#dce0e7!important;background:linear-gradient(145deg,#fff,#f4f6f9)!important;padding:20px;box-shadow:0 12px 28px rgba(45,52,64,.1),inset 0 1px rgba(255,255,255,.95)!important}
.order-card:hover{box-shadow:0 18px 36px rgba(45,52,64,.16),inset 0 1px rgba(255,255,255,.98)!important}
.order-card h3{color:var(--ref-ink);font-family:"Arial Black","Segoe UI",sans-serif}
.order-card p{color:#747984}
.card-bottom{border-top-color:#e5e7ec}
.tag{border-color:#dde0e7;background:#eef0f4;color:#646872}
.employee{background:#f0f1f4;color:var(--person);border-left-color:var(--person)}
.status-0,.state-NEW{background:#e8e4f8;color:#6f62a3}
.status-1,.state-WAITING-DEPOSIT{background:#faf0ca;color:#927733}
.status-2,.state-CONTACTED{background:#e1f1fa;color:#4e7b9b}
.status-3,.state-READY,.state-COMPLETED{background:#dff2e6;color:#4b7d60}
.status-4,.state-CANCELLED{background:#f7e1e7;color:#a66078}
.state-BOOKED{background:#e7e2fa;color:#6c5ca0}.state-IN-PROGRESS{background:#e0eefb;color:#587aa1}
.toolbar{background:rgba(245,247,250,.78);border-bottom-color:#e4e6eb}
.toolbar input,.toolbar select,input,select,textarea{border-color:#d9dde5;background:linear-gradient(145deg,#fff,#f1f3f7);color:var(--ref-ink);border-radius:13px;box-shadow:inset 0 2px 5px rgba(44,49,58,.05),0 2px 5px rgba(44,49,58,.04)}
.toolbar input::placeholder,input::placeholder{color:#a1a5ae}
.quick{gap:9px}
.chip{border-radius:999px;background:linear-gradient(145deg,#fff,#eef0f4);border-color:#d9dde5;color:#686c76;box-shadow:var(--ref-shadow-small)}
.chip.active{background:linear-gradient(145deg,#3a3b40,#0d0e10)!important;border-color:#08090b;color:#fff!important;box-shadow:0 10px 20px rgba(13,14,16,.28),inset 0 1px rgba(255,255,255,.25)}
th{background:#f0f2f6;color:#858994;border-bottom-color:#dfe2e8}
td{border-bottom-color:#eceef2;color:#42454d}
tbody tr:hover{background:#f4f5f8}.order-link{color:#3f4148}.order-link:hover{color:#111214}
.attention-row{border-bottom-color:#e5e7ec}.attention-row:hover{background:#f1f3f7}.attention-row p{color:#7f838c}
.today-panel{background:linear-gradient(145deg,#303136,#17181a)!important;color:#fff;border:0!important;box-shadow:0 22px 45px rgba(20,21,24,.24)!important}
.today-panel .today-panel-head,.today-panel .today-panel-head .kpi-label,.today-panel .today-panel-head p,.today-panel .today-slide-head>small,.today-panel .today-order-number{color:#c4c6cc!important;border-bottom-color:#ffffff22}
.today-panel .today-slide h3{color:#fff!important}.today-panel .today-meta,.today-panel .today-client{color:#d5d6da!important}
.today-stage-upcoming{background:var(--ref-purple);color:#282235}.today-stage-in-progress{background:var(--ref-mint);color:#253b2d}.today-stage-today{background:var(--ref-yellow);color:#514523}
.today-open{background:linear-gradient(145deg,#3a3b40,#0d0e10)!important;color:#fff!important}
.calendar-panel{background:rgba(251,252,255,.96)!important}.calendar-heading{background:rgba(255,255,255,.8)}.month-title{color:var(--ref-ink)}
.calendar-controls button{border-radius:13px}.month-weekdays{background:#eff1f5}.month-weekdays span{color:#858994}.month-grid{background:#dfe3ea}.month-v12 .month-day,.calendar-panel .month-day{background:#fbfcff;border-color:#e0e3e9}.month-v12 .month-day.today{background:#edf6ef}.month-v12 .month-day.outside{background:#f0f2f5}
.calendar-event{background:linear-gradient(145deg,#fff,#f0f2f6)!important;border-color:#d7dce4!important;box-shadow:0 6px 14px rgba(45,52,64,.1)!important;color:var(--ref-ink)}
.calendar-event:hover{box-shadow:0 12px 23px rgba(45,52,64,.16)!important}.calendar-event strong{color:var(--ref-ink)}.calendar-event small{color:#81858e}.simple-calendar{background:#e1e5ec;border-color:#d7dbe3}.simple-calendar-cell{background:#fbfcff}.simple-calendar-cell.is-today{background:#e6f4eb}.simple-calendar-cell-head{color:#454850}.simple-calendar-cell-head span{background:#ece4fa;color:#6e5c9c}.simple-calendar-empty{color:#9a9ea7}
.client-board-list,.client-board-main{background:rgba(251,252,255,.9)!important;border-color:#d9dde5!important;box-shadow:var(--ref-shadow)!important}.client-board-card{background:linear-gradient(145deg,#fff,#f1f3f7);border-color:#d9dde5}.client-board-card.selected{border-color:#a69aDD;box-shadow:0 12px 26px rgba(98,83,159,.2)}.client-board-card.selected:before{background:var(--ref-purple)}.client-board-avatar,.client-board-hero-avatar{background:linear-gradient(145deg,#eee7ff,#b8a8ef);color:#322b48}.client-board-card-copy small,.client-board-phone{color:#8b8f98}.client-board-card-meta{color:#8b8f98}.client-board-card-meta strong{color:#4a4d55}.client-board-contact{background:rgba(246,247,250,.8);border-color:#dfe2e8}.client-board-contact small{color:#9296a0}.client-board-contact strong{color:#373a42}.client-board-stat{background:linear-gradient(145deg,#f4f5f8,#e9ebf0);border-color:#dfe2e8}.client-board-stat strong{color:var(--ref-ink)}.client-board-note{background:#fbf3d8;border-color:#eadfb4}.client-board-section-head h3,.client-board-event-link{color:var(--ref-ink)}
.client-rating.editable{background:linear-gradient(145deg,#fff,#eef0f4);border-color:#dce0e7;box-shadow:var(--ref-shadow-small)}.client-rating-star.inactive{color:#c7c9cf}.client-rating-star.active{color:#e5ae3a;filter:drop-shadow(0 3px 4px rgba(190,137,23,.22))}.client-rating-value{color:#737780}.client-insight-accent{background:linear-gradient(145deg,#2a2b2f,#111214)!important;color:#fff}.client-insight-accent .client-board-kicker,.client-insight-accent .client-rating-value{color:#d3d4d9}.client-insight-accent .client-rating{background:rgba(255,255,255,.08);border-color:#ffffff22}
.drawer{background:rgba(251,252,255,.98);border-left-color:#d9dde5;box-shadow:-22px 0 50px rgba(35,40,50,.2)}.drawer-tabs{background:#eef0f4;border-right-color:#d8dce4}.drawer-tabs button{color:#7f838d;background:transparent;box-shadow:none}.drawer-tabs button:hover{background:#e3e5ea;color:#2a2b2f}.drawer-tabs button.active{background:linear-gradient(145deg,#3a3b40,#0d0e10)!important;border-color:#08090b;color:#fff;box-shadow:0 10px 20px rgba(13,14,16,.3),inset 0 1px rgba(255,255,255,.24)}.drawer-body,.dialog-body{background:rgba(251,252,255,.98)}.dialog-head{background:rgba(251,252,255,.96);border-bottom-color:#dfe2e8}.dialog-head h2{color:var(--ref-ink)}dialog{background:var(--ref-surface);border-color:#d9dde5;box-shadow:0 25px 80px rgba(29,33,42,.28)}dialog::backdrop{background:rgba(37,42,51,.45);backdrop-filter:blur(7px)}
.chat-list{background:#f0f2f6}.chat-list button{border-bottom-color:#dfe2e8}.chat-list button.active{background:linear-gradient(145deg,#3a3b40,#0d0e10);color:#fff}.chat-thread{background:#e8ecf3}.message{background:#fff;color:var(--ref-ink);box-shadow:0 7px 16px rgba(40,46,57,.1)}.message.outgoing{background:#18191c;color:#fff}.message.outgoing small{color:#c9cbd0}.message p{color:inherit}
.conversation-list{background:#f0f2f6}.conversation-list>button.active{background:#18191c;border-left-color:#18191c;color:#fff}.conversation-thread{background:#e8ecf3}.customer-message{background:#fff;box-shadow:0 6px 14px rgba(40,46,57,.1)}.customer-message.outbound{background:#d9cffa}.conversation-head,.conversation-thread>.message-mode,.conversation-thread>#customer-message-form{background:rgba(251,252,255,.94);border-color:#dfe2e8}
.settings-section{background:rgba(251,252,255,.9)!important}.settings-section h2{color:var(--ref-ink)}
#toast{background:linear-gradient(145deg,#3b3c41,#0d0e10)!important;color:#fff;border:1px solid #08090b;box-shadow:0 18px 38px rgba(13,14,16,.36),inset 0 1px rgba(255,255,255,.26)}.toast-title{color:#d7cdfb}.toast-text{color:#fff}.toast-arrow{color:#d7cdfb}
.notification-button.notification-pulsing{animation:notificationBellPulse 1.2s ease-in-out infinite}.notification-pulsing{--pulse-ref:rgba(184,168,239,.35)}
@keyframes notificationBellPulse{0%,100%{transform:scale(1);box-shadow:var(--ref-shadow-small)}50%{transform:scale(1.06);box-shadow:0 0 0 7px rgba(184,168,239,.28),0 12px 24px rgba(42,49,61,.16)}}
.local-clock{color:var(--ref-ink)!important}
.inbox-provider-rail{
  background:linear-gradient(180deg,#242529,#151619)!important;
  border-color:#35373d!important;
  box-shadow:0 18px 40px rgba(13,14,16,.22),inset 0 1px rgba(255,255,255,.16)!important;
}
.inbox-provider-rail button{color:#a6aab3!important;background:transparent!important}
.inbox-provider-rail button:hover{background:#303238!important;color:#fff!important}
.inbox-provider-rail button.active{
  background:linear-gradient(145deg,#3a3b40,#0d0e10)!important;
  color:#fff!important;
  border-color:#08090b!important;
  box-shadow:0 10px 20px rgba(13,14,16,.3),inset 0 1px rgba(255,255,255,.24)!important;
}
.inbox-provider-rail button .provider-rail-icon{color:inherit!important;background:transparent!important}
.inbox-provider-rail button.active .provider-rail-icon{background:#3a3b40!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.25)!important}
.drawer-tabs{
  background:linear-gradient(180deg,#242529,#151619)!important;
  border-right-color:#35373d!important;
  box-shadow:inset -1px 0 rgba(255,255,255,.08)!important;
}
.drawer-tabs button{color:#a6aab3!important;background:transparent!important}
.drawer-tabs button:hover{background:#303238!important;color:#fff!important}
.drawer-tabs button > span[aria-hidden="true"]{background:#303238!important;color:#a6aab3!important;box-shadow:inset 0 1px rgba(255,255,255,.14)!important}
.drawer-tabs button.active{color:#fff!important}
.drawer-tabs button.active > span[aria-hidden="true"]{background:#3a3b40!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.25)!important}
.sidebar .nav button .nav-icon{color:inherit!important;background:transparent!important}
.shell:before,.shell:after{background:rgba(180,220,245,.18)!important}
.kpi:after{background:rgba(255,255,255,.2)!important}
.sidebar{
  background:linear-gradient(180deg,rgba(36,37,41,.86),rgba(15,16,18,.82))!important;
  border-right:1px solid rgba(255,255,255,.12)!important;
  backdrop-filter:blur(24px) saturate(120%);
  -webkit-backdrop-filter:blur(24px) saturate(120%);
}
.sidebar .nav button{
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#c1c4cb!important;
  box-shadow:inset 0 1px rgba(255,255,255,.08)!important;
}
.sidebar .nav button:hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.sidebar .nav button.active{
  background:linear-gradient(145deg,rgba(65,66,72,.88),rgba(12,13,15,.84))!important;
  border-color:rgba(255,255,255,.2)!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(7,8,10,.34),inset 0 1px rgba(255,255,255,.25)!important;
}
.primary,.page-head>.primary,.kpi .primary,.today-action,.order-card .primary{
  background:linear-gradient(145deg,rgba(59,60,66,.9),rgba(13,14,16,.82))!important;
  border-color:rgba(255,255,255,.18)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(13,14,16,.24),inset 0 1px rgba(255,255,255,.24)!important;
  backdrop-filter:blur(14px) saturate(115%);
  -webkit-backdrop-filter:blur(14px) saturate(115%);
}
.primary:hover,.page-head>.primary:hover,.kpi .primary:hover,.today-action:hover,.order-card .primary:hover{
  background:linear-gradient(145deg,rgba(78,79,86,.92),rgba(18,19,22,.86))!important;
}
@media(max-width:720px){
  .shell{background:var(--ref-canvas)}.sidebar{background:linear-gradient(180deg,rgba(36,37,41,.86),rgba(15,16,18,.82));box-shadow:0 -8px 25px rgba(23,26,31,.2);backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sidebar .nav{background:rgba(248,249,252,.97);border-top:1px solid #d9dde5;box-shadow:0 -8px 24px rgba(35,40,50,.15);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .sidebar .nav button{color:#9a9da6!important;background:transparent;box-shadow:none;border-radius:14px}.sidebar .nav button.active{background:linear-gradient(145deg,#3a3b40,#0d0e10);color:#fff!important;box-shadow:0 8px 18px rgba(13,14,16,.28),inset 0 1px rgba(255,255,255,.25)}.sidebar .nav .nav-icon{background:transparent;color:inherit!important}.sidebar .nav button.active .nav-icon{background:transparent;color:#fff!important}
  .topbar{background:rgba(251,252,255,.94);height:56px;padding:0 12px}.topbar-start>#breadcrumb{font-size:12px}.top-right{gap:6px}.top-right .local-clock{font-size:9px;padding:5px 7px}.workspace{padding:24px 12px 96px}.page-head h1{font-size:31px}.panel,.kpi,.order-card{border-radius:18px!important}.kpis{gap:10px}.kpi{padding:15px;min-height:110px}.kpi-value{font-size:25px}.calendar-heading{padding:16px}.simple-calendar-week{background:#dfe3ea}.simple-calendar-cell{background:#fbfcff}.drawer-tabs{background:#eef0f4}.drawer-body{background:#fbfcff}
}

/* Floating capsule navigation: the selected section shows its label,
   while the remaining sections collapse to their icons. */
.brand{justify-content:flex-start}
.brand-logo{display:block;width:148px;height:44px;object-fit:contain;object-position:left center;filter:brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(996%) hue-rotate(165deg) brightness(96%) contrast(90%);}
.brand>div{display:none!important}
.sidebar .nav{align-items:center;gap:7px}
.sidebar .nav button{position:relative;justify-content:center;gap:0;min-height:46px;border-radius:24px!important;padding:8px 12px!important;overflow:hidden;transition:width .24s ease,height .24s ease,background .24s ease,box-shadow .24s ease,color .24s ease}
.sidebar .nav button .nav-label-text{display:block;white-space:nowrap;font-size:12px;letter-spacing:.1px}
.sidebar .nav button .nav-icon{display:none;width:32px;height:32px;min-width:32px;place-items:center;border-radius:50%;font-size:18px;line-height:1}
.sidebar .nav button.active{width:58px;height:58px;min-height:58px;padding:0!important;border-radius:50%!important}
.sidebar .nav button.active .nav-label-text{display:none}
.sidebar .nav button.active .nav-icon{display:grid;background:rgba(255,255,255,.14)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.28)}
.sidebar .nav button #unread-count{position:absolute;top:5px;right:7px;margin:0}
.sidebar .nav-label{display:none}
.side-bottom{border-top:1px solid rgba(255,255,255,.12);padding-top:18px}
.side-bottom .logout{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.14)!important;color:#d2d4d9!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:720px){
  .sidebar .brand{justify-content:flex-start}
  .brand-logo{width:130px;height:36px}
  .sidebar .nav{align-items:center;justify-content:space-around;gap:2px;padding:6px 7px calc(6px + env(safe-area-inset-bottom))}
  .sidebar .nav button{width:auto!important;min-width:0;flex:1 1 0;height:54px;min-height:54px;padding:0!important;border-radius:16px!important}
  .sidebar .nav button .nav-label-text{font-size:9px;max-width:84px;overflow:hidden;text-overflow:ellipsis}
  .sidebar .nav button.active{width:54px!important;height:54px;min-height:54px;flex:0 0 54px;border-radius:50%!important}
  .sidebar .nav button.active .nav-icon{width:30px;height:30px;min-width:30px;font-size:17px}
  .sidebar .nav button #unread-count{top:3px;right:9px}
}

/* Reference 2 surface system: warm light canvas, white floating rail,
   graphite active controls and a restrained yellow/coral accent set. */
:root{
  --ref-canvas:#f1eee8;
  --ref-surface:#fffefa;
  --ref-surface-soft:#f7f4ee;
  --ref-dark:#202126;
  --ref-black:#0d0e11;
  --ref-ink:#1d1e22;
  --ref-muted:#96918a;
  --ref-line:#e2ded7;
  --ref-purple:#c4b8ea;
  --ref-blue:#c8d9ef;
  --ref-mint:#dce7c2;
  --ref-yellow:#ffd337;
  --ref-pink:#f16a5c;
  --canvas:var(--ref-canvas);
  --block:var(--ref-surface);
  --block-line:var(--ref-line);
  --line:var(--ref-line);
  --muted:var(--ref-muted);
  --green:var(--ref-dark);
  --deep:var(--ref-dark);
  --accent:var(--ref-yellow);
}
html,body{background:var(--ref-canvas);color:var(--ref-ink)}
.shell,.main{background:var(--ref-canvas)!important}
.sidebar{
  background:rgba(255,254,250,.78)!important;
  color:#77736d!important;
  border-right:1px solid rgba(255,255,255,.9)!important;
  border-radius:0 28px 28px 0;
  box-shadow:12px 0 34px rgba(71,64,54,.08)!important;
  backdrop-filter:blur(28px) saturate(115%);
  -webkit-backdrop-filter:blur(28px) saturate(115%);
}
.sidebar .brand-logo{filter:brightness(0) saturate(100%) invert(72%) sepia(34%) saturate(996%) hue-rotate(165deg) brightness(96%) contrast(90%)}
.sidebar .nav{
  margin:20px 4px 0;
  padding:10px 8px;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(255,255,255,.94);
  border-radius:30px;
  box-shadow:0 14px 30px rgba(71,64,54,.1),inset 0 1px rgba(255,255,255,.95);
}
.sidebar .nav button,
.sidebar .nav button:hover{
  background:transparent!important;
  border-color:transparent!important;
  color:#827e78!important;
  box-shadow:none!important;
}
.sidebar .nav button .nav-label-text{font-size:12px;font-weight:700;color:inherit}
.sidebar .nav button.active{
  background:linear-gradient(145deg,#2d2e33,#111216)!important;
  border-color:#090a0c!important;
  color:#fff!important;
  box-shadow:0 12px 22px rgba(18,18,21,.23),inset 0 1px rgba(255,255,255,.25)!important;
}
.sidebar .nav button.active .nav-icon{background:transparent!important;color:var(--ref-yellow)!important;box-shadow:none!important}
.side-bottom{border-top:0;padding-top:18px;display:flex;flex-direction:column}
.side-bottom .profile{order:2}
.side-bottom button[data-action="logout"]{order:1}
.side-bottom .local-note,.side-bottom button[data-id="profile"]{display:none!important}
.side-bottom .profile{margin-top:auto;padding:9px 8px;border-radius:18px;background:rgba(255,255,255,.58);box-shadow:inset 0 1px rgba(255,255,255,.9)}
.side-bottom button[data-action="logout"]{width:44px;height:44px;padding:0!important;margin:9px auto 0;font-size:0;display:grid;place-items:center;border-radius:50%!important;background:rgba(255,255,255,.64)!important;border-color:#ded9d0!important;color:#37383d!important;box-shadow:0 8px 18px rgba(71,64,54,.1),inset 0 1px rgba(255,255,255,.9)!important}
.side-bottom button[data-action="logout"]::before{content:"↗";font-size:18px;font-weight:800}
.topbar{background:rgba(255,254,250,.82)!important;border-bottom-color:var(--ref-line)!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.kpis .kpi:nth-child(1){background:#e5ded1!important;border-color:#d8cfc0!important}
.kpis .kpi:nth-child(2){background:#24252a!important;border-color:#18191d!important;color:#fff}
.kpis .kpi:nth-child(2) .kpi-label,.kpis .kpi:nth-child(2) .kpi-value,.kpis .kpi:nth-child(2) small{color:#fff!important}
.kpis .kpi:nth-child(3){background:#fffefa!important;border-color:var(--ref-line)!important}
.kpis .kpi:nth-child(4){background:#f4e7b9!important;border-color:#ead7a0!important}
.panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll{background:rgba(255,254,250,.9)!important}
.primary,.page-head>.primary,.kpi .primary,.today-action,.order-card .primary{background:linear-gradient(145deg,rgba(52,53,59,.9),rgba(13,14,17,.82))!important;color:#fff!important}
@media(max-width:720px){
  .sidebar{background:rgba(255,254,250,.82)!important;border-radius:0;box-shadow:0 6px 18px rgba(71,64,54,.08)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sidebar .brand{padding:0 10px}
  .sidebar .nav{margin:0;bottom:10px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));background:rgba(255,254,250,.78)!important;border-color:rgba(255,255,255,.95);box-shadow:0 -10px 28px rgba(71,64,54,.12),inset 0 1px rgba(255,255,255,.95)}
  .sidebar .nav button,.sidebar .nav button:hover{color:#8b8780!important}
  .sidebar .nav button.active{color:#fff!important;background:linear-gradient(145deg,#2d2e33,#111216)!important}
  .sidebar .nav button.active .nav-icon{color:var(--ref-yellow)!important}
  .side-bottom button[data-action="logout"]{position:absolute;right:14px;top:8px;margin:0}
  .topbar{background:rgba(255,254,250,.9)!important}
}

/* Main navigation follows the reference capsule rail: a compact, separate
   surface with left aligned labels and a raised circular active state. */
@media(min-width:721px){
  .shell{grid-template-columns:188px minmax(0,1fr)!important}
  .sidebar{padding:24px 8px 16px!important}
  .sidebar .brand{padding:0 2px;min-height:58px}
  .brand-logo{width:176px;height:54px;object-fit:contain;object-position:left center}
  .sidebar .nav{width:160px;margin:18px auto 0!important;padding:11px 8px!important;align-items:stretch!important}
  .sidebar .nav button:not(.active){width:100%!important;height:40px;min-height:40px;justify-content:flex-start!important;text-align:left!important;padding:6px 10px!important}
  .sidebar .nav button.active{align-self:flex-start;width:54px!important;height:54px!important;min-height:54px!important;margin-left:1px}
  .side-bottom{padding-left:2px;padding-right:2px}
}
.brand-logo{width:176px;height:54px;object-fit:contain;object-position:left center}
.side-bottom button[data-action="logout"]::before{content:"⇥"!important;font-size:18px;font-weight:800}

/* The header keeps the page name and search together. Team status cards sit
   on their own matte row directly below it. */
.topbar{min-height:76px;height:auto!important;padding:12px 24px!important}
.topbar-start{display:flex;align-items:center;gap:14px;min-width:0;flex:1}
.topbar-start>#breadcrumb{font-size:18px;font-weight:800;white-space:nowrap}
.topbar-start>.global-trigger{flex:0 0 auto}
.team-strip-under-header{display:flex;align-items:center;gap:10px;min-height:70px;padding:10px 24px;background:rgba(255,254,250,.66);border-bottom:1px solid var(--ref-line);backdrop-filter:blur(18px) saturate(120%);-webkit-backdrop-filter:blur(18px) saturate(120%);overflow:hidden}
.team-strip-under-header .team-status-header{display:flex!important;align-items:center;gap:8px;max-width:none;overflow-x:auto;scrollbar-width:none;padding:0}
.team-strip-under-header .team-status-header::-webkit-scrollbar{display:none}
.team-strip-under-header .team-status-person{flex:0 0 auto}

/* Two primary home blocks replace the old quick filter strip. */
.home-top-blocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 20px}
.home-feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:156px;padding:22px 24px!important;border:1px solid var(--ref-line)!important;border-radius:24px!important;text-align:left;overflow:hidden;cursor:pointer;transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s ease,filter .24s ease}
.home-feature-card:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(71,64,54,.15)}
.home-feature-kicker{display:block;font-size:10px!important;font-weight:850;letter-spacing:1.25px;text-transform:uppercase;color:var(--ref-muted)!important}
.home-feature-card strong{display:block;margin-top:22px;font-size:22px;letter-spacing:-.5px;color:var(--ref-ink)}
.home-feature-card small{display:block;margin-top:7px;font-size:12px;color:var(--ref-muted)}
.home-feature-arrow{position:absolute;right:20px;top:18px;font-size:21px;color:inherit}
.home-tasks-card{background:linear-gradient(145deg,#fffefa,#f7f2e9)!important;box-shadow:0 14px 30px rgba(71,64,54,.10),inset 0 1px rgba(255,255,255,.95)}
.home-tasks-card:after{content:"";position:absolute;width:94px;height:94px;right:-22px;bottom:-30px;border-radius:50%;background:rgba(196,184,234,.45);filter:blur(1px)}
.home-calendar-card{background:linear-gradient(145deg,#292a30,#16171a)!important;border-color:#101115!important;color:#fff!important;box-shadow:0 16px 34px rgba(20,21,24,.25),inset 0 1px rgba(255,255,255,.22)}
.home-calendar-card .home-feature-kicker,.home-calendar-card small{color:#c6c7cd!important}
.home-calendar-card strong{color:#fff!important}
.home-calendar-mark{position:absolute;right:22px;bottom:20px;display:grid;grid-template-columns:repeat(4,10px);gap:6px;opacity:.85}
.home-calendar-mark i{width:10px;height:10px;border-radius:3px;background:#5a5b63;box-shadow:inset 0 1px rgba(255,255,255,.25)}
.home-calendar-mark i:nth-child(2),.home-calendar-mark i:nth-child(5),.home-calendar-mark i:nth-child(7){background:var(--ref-yellow)}

/* Small notification window opened from the bell. */
.notification-popover{position:fixed;top:88px;right:24px;z-index:40;width:min(380px,calc(100vw - 32px));max-height:min(560px,calc(100vh - 112px));overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:rgba(255,254,250,.94);box-shadow:0 24px 60px rgba(39,36,31,.22),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(26px) saturate(125%);-webkit-backdrop-filter:blur(26px) saturate(125%);opacity:0;transform:translateY(-9px) scale(.98);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.22,.61,.36,1)}
.notification-popover.is-open{opacity:1;transform:none;pointer-events:auto}
.notification-popover-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 15px;border-bottom:1px solid var(--ref-line)}
.notification-popover-actions{display:flex;align-items:center;gap:6px}.notification-popover-clear{min-height:34px!important;padding:0 10px!important;font-size:11px!important}
.notification-popover-head strong{display:block;margin-top:4px;color:var(--ref-ink);font-size:17px}
.notification-popover-close{width:34px;height:34px;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.62)!important;border-color:var(--ref-line)!important;color:var(--ref-ink)!important;font-size:20px;line-height:1}
.notification-popover-list{max-height:470px;overflow:auto;padding:8px}
.notification-popover-item{display:grid;grid-template-columns:8px minmax(0,1fr) 20px;align-items:start;gap:10px;width:100%;padding:12px 10px;border:0;border-radius:15px;background:transparent;text-align:left;color:var(--ref-ink)}
.notification-popover-item:hover{background:rgba(244,231,185,.52)}
.notification-popover-item.unread{background:rgba(200,217,239,.28)}
.notification-popover-dot{width:7px;height:7px;margin-top:5px;border-radius:50%;background:var(--ref-muted)}
.notification-popover-item.unread .notification-popover-dot{background:var(--ref-pink);box-shadow:0 0 0 3px rgba(241,106,92,.15)}
.notification-popover-item strong,.notification-popover-item small,.notification-popover-item em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.notification-popover-item strong{font-size:12px}
.notification-popover-item small{margin-top:3px;color:#77736d;font-size:12px}
.notification-popover-item em{margin-top:5px;color:#aaa39a;font-size:10px;font-style:normal}
.notification-popover-item>b{color:#8e8a83;font-size:15px}

/* Full calendar window launched from the home card. */
.home-calendar-modal{position:fixed;inset:0;z-index:35;display:grid;place-items:center;padding:24px;background:rgba(32,33,38,.28);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:homeModalIn .22s ease}
.home-calendar-window{width:min(1060px,100%);max-height:calc(100vh - 48px);overflow:auto;border:1px solid rgba(255,255,255,.92);border-radius:28px;background:rgba(255,254,250,.96);box-shadow:0 28px 80px rgba(31,29,26,.28),inset 0 1px rgba(255,255,255,.95);backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
.home-calendar-window-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid var(--ref-line);position:sticky;top:0;z-index:2;background:rgba(255,254,250,.84);backdrop-filter:blur(18px)}
.home-calendar-title{margin:6px 0 0;color:var(--ref-ink);font-size:26px;text-transform:capitalize}
.home-calendar-window-actions{display:flex;align-items:center;gap:7px}
.home-calendar-nav,.home-calendar-close{width:40px;height:40px;padding:0!important;border-radius:50%!important;background:rgba(255,255,255,.72)!important;border-color:var(--ref-line)!important;color:var(--ref-ink)!important;font-size:17px}
.home-calendar-close{margin-left:5px;font-size:23px}
.home-calendar-body{padding:18px;background:rgba(247,244,238,.64)}
.home-calendar-weekdays,.home-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}
.home-calendar-weekdays{margin-bottom:1px;border-radius:14px 14px 0 0;overflow:hidden;background:#e8e3db}
.home-calendar-weekdays span{padding:10px 8px;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:.7px;color:#8a847c;background:rgba(255,254,250,.7)}
.home-calendar-grid{overflow:hidden;border-radius:0 0 18px 18px;background:#dfd9d1}
.home-calendar-day{min-height:138px;padding:10px;background:rgba(255,254,250,.88);transition:background .18s ease}
.home-calendar-day:hover{background:#fff}
.home-calendar-day.outside{background:rgba(238,233,225,.66)}
.home-calendar-day.today{background:linear-gradient(145deg,#fff4c9,#fffefa)}
.home-calendar-day-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;font-size:12px;font-weight:850;color:#767068}
.home-calendar-day.today .home-calendar-day-number{background:var(--ref-dark);color:#fff;box-shadow:0 5px 12px rgba(32,33,38,.2)}
.home-calendar-events{display:grid;gap:5px;margin-top:8px}
.home-calendar-event{display:block;width:100%;padding:7px 8px!important;border:1px solid rgba(32,33,38,.10)!important;border-left:4px solid var(--person,#c4b8ea)!important;border-radius:9px!important;background:rgba(255,255,255,.76)!important;color:var(--ref-ink)!important;text-align:left!important;box-shadow:0 4px 10px rgba(60,54,47,.07)}
.home-calendar-event strong,.home-calendar-event small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-calendar-event strong{font-size:10px}
.home-calendar-event small{margin-top:3px;color:#8f8981;font-size:9px}
.home-calendar-more{font-size:10px;color:#948d84}
@keyframes homeModalIn{from{opacity:0}to{opacity:1}}

@media(max-width:720px){
  .brand-logo{width:156px;height:48px}
  .topbar{min-height:58px;height:auto!important;padding:9px 12px!important}
  .topbar-start{gap:8px}
  .topbar-start>#breadcrumb{font-size:15px}
  .topbar-start>.global-trigger{padding:7px 9px!important}
  .team-strip-under-header{min-height:58px;padding:7px 12px}
  .team-strip-under-header .team-status-header{overflow-x:auto}
  .team-strip-under-header .team-status-person{padding:5px 8px 5px 5px}
  .home-top-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:14px}
  .home-feature-card{min-height:126px;padding:15px!important;border-radius:19px!important}
  .home-feature-card strong{margin-top:14px;font-size:15px}
  .home-feature-card small{font-size:10px}
  .home-feature-arrow{right:13px;top:11px;font-size:17px}
  .home-calendar-mark{right:13px;bottom:13px;grid-template-columns:repeat(4,7px);gap:4px}
  .home-calendar-mark i{width:7px;height:7px;border-radius:2px}
  .notification-popover{top:70px;right:12px;width:calc(100vw - 24px);border-radius:20px}
  .home-calendar-modal{padding:10px}
  .home-calendar-window{max-height:calc(100vh - 20px);border-radius:22px}
  .home-calendar-window-head{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:15px 14px}
  .home-calendar-title{font-size:20px}
  .home-calendar-window-actions{width:100%;justify-content:space-between}
  .home-calendar-nav,.home-calendar-close{width:34px;height:34px}
  .home-calendar-today{width:auto!important;flex:1;padding:0 12px!important;font-size:11px!important}
  .home-calendar-body{padding:9px;overflow:auto}
  .home-calendar-day{min-height:86px;padding:6px}
  .home-calendar-day-number{width:24px;height:24px;font-size:10px}
  .home-calendar-events{margin-top:5px;gap:3px}
  .home-calendar-event{padding:4px 5px!important;border-left-width:3px!important}
  .home-calendar-event strong{font-size:8px}
  .home-calendar-event small{display:none}
  .home-calendar-weekdays span{padding:7px 3px;font-size:8px}
}

/* Final navigation state override: keep the selected label readable on the
   sky capsule even after the legacy mobile/desktop rules above. */
.sidebar .nav button.active,
.sidebar .nav button.active:hover{
  width:auto!important;
  min-width:88px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 18px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,#9fd9f2,#6fbee2)!important;
  border-color:#69b5db!important;
  color:#fff!important;
  box-shadow:0 13px 25px rgba(81,149,184,.28),inset 0 1px rgba(255,255,255,.66)!important;
}
.sidebar .nav button.active .nav-icon{display:none!important;background:transparent!important}
.sidebar .nav button.active .nav-label-text{display:block!important;color:#fff!important;font-weight:850}
@media(max-width:720px){
  .sidebar .nav button.active,
  .sidebar .nav button.active:hover{min-width:78px!important;height:54px!important;min-height:54px!important;padding:0 11px!important;border-radius:27px!important}
  .sidebar .nav button.active .nav-label-text{font-size:10px!important}
}

/* Final CLOUD EVENTS palette: blue, ice, white and navy only. Employee
   identity colours continue to come from --person on their own elements. */
:root{
  --ref-blue:#007AAD;
  --ref-ice:#D9E2E9;
  --ref-white:#FFFBFC;
  --ref-navy:#0C1D32;
  --ref-canvas:var(--ref-ice);
  --ref-surface:var(--ref-white);
  --ref-surface-soft:#f4f7f9;
  --ref-dark:var(--ref-navy);
  --ref-black:var(--ref-navy);
  --ref-ink:var(--ref-navy);
  --ref-muted:#607486;
  --ref-line:rgba(12,29,50,.14);
  --ref-purple:var(--ref-ice);
  --ref-mint:var(--ref-ice);
  --ref-yellow:var(--ref-blue);
  --ref-pink:var(--ref-blue);
  --canvas:var(--ref-ice);
  --block:var(--ref-white);
  --block-line:var(--ref-line);
  --line:var(--ref-line);
  --muted:var(--ref-muted);
  --green:var(--ref-blue);
  --deep:var(--ref-navy);
  --accent:var(--ref-blue);
}
html,body{background:linear-gradient(145deg,var(--ref-ice) 0%,var(--ref-white) 54%,var(--ref-ice) 100%)!important;color:var(--ref-navy)!important}
body{min-height:100vh}
.shell,.main,.workspace{background:transparent!important}
.sidebar{background:linear-gradient(165deg,rgba(12,29,50,.98),rgba(12,29,50,.9))!important;color:var(--ref-ice)!important;border-right:1px solid rgba(255,251,252,.22)!important;box-shadow:14px 0 34px rgba(12,29,50,.18)!important}
.sidebar .brand{color:var(--ref-white)!important}
.sidebar .brand small,.sidebar .nav-label{color:rgba(217,226,233,.66)!important}
.sidebar .nav{background:rgba(255,251,252,.95)!important;border-color:rgba(255,251,252,.98)!important;box-shadow:0 14px 30px rgba(12,29,50,.2),inset 0 1px rgba(255,251,252,.98)!important}
.sidebar .nav button:not(.active),.sidebar .nav button:not(.active):hover{color:var(--ref-navy)!important;background:transparent!important}
.sidebar .nav button.active,.sidebar .nav button.active:hover{background:linear-gradient(145deg,#007AAD,#00658e)!important;border-color:#007AAD!important;color:var(--ref-white)!important;box-shadow:0 13px 25px rgba(0,122,173,.28),inset 0 1px rgba(255,251,252,.45)!important}
.sidebar .nav button.active .nav-label-text{color:var(--ref-white)!important}
.side-bottom .profile{background:rgba(255,251,252,.1)!important;color:var(--ref-white)!important;box-shadow:inset 0 1px rgba(255,251,252,.18)!important}
.side-bottom .profile small{color:rgba(217,226,233,.72)!important}
.side-bottom button[data-action="logout"]{background:rgba(255,251,252,.1)!important;border-color:rgba(255,251,252,.22)!important;color:var(--ref-white)!important;box-shadow:0 8px 18px rgba(12,29,50,.2),inset 0 1px rgba(255,251,252,.2)!important}
.topbar{background:transparent!important;color:var(--ref-navy)!important;border-bottom:0!important;box-shadow:none!important}
.topbar-start>#breadcrumb,.top-right,.top-right .muted{color:var(--ref-navy)!important}
.global-trigger{background:rgba(255,251,252,.8)!important;border-color:rgba(255,251,252,.96)!important;color:var(--ref-navy)!important}
.team-strip-under-header{background:transparent!important;border-bottom:0!important}
.team-status-person{background:rgba(255,251,252,.82)!important;border-color:rgba(255,251,252,.98)!important;color:var(--ref-navy)!important;box-shadow:0 7px 16px rgba(12,29,50,.1),inset 0 1px rgba(255,251,252,.98)!important}
.team-status-person small{color:var(--ref-muted)!important}
.panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll{background:rgba(255,251,252,.92)!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important;box-shadow:0 14px 32px rgba(12,29,50,.08),inset 0 1px rgba(255,251,252,.98)!important}
.panel-head,.dialog-head,.drawer-head{border-color:var(--ref-line)!important;background:rgba(255,251,252,.86)!important;color:var(--ref-navy)!important}
h1,h2,h3,strong,.kpi-value,.kpi-label,.page-head h1,.panel-head h2{color:var(--ref-navy)!important}
p,.note,.muted,.cell-sub,.field,.empty,.kpi small{color:var(--ref-muted)!important}
button,input,select,textarea{color:var(--ref-navy)}
input,select,textarea{background:rgba(255,251,252,.88)!important;border-color:var(--ref-line)!important;box-shadow:inset 0 1px rgba(255,251,252,.95)!important}
input:focus,select:focus,textarea:focus{border-color:var(--ref-blue)!important;outline-color:rgba(0,122,173,.35)!important}
button:hover{background:rgba(217,226,233,.7)}
.primary,.page-head>.primary,.kpi .primary,.today-action,.order-card .primary,.detail-actions .primary{background:linear-gradient(145deg,#007AAD,#00658e)!important;border-color:#007AAD!important;color:var(--ref-white)!important;box-shadow:0 10px 20px rgba(0,122,173,.22),inset 0 1px rgba(255,251,252,.3)!important}
.primary:hover,.page-head>.primary:hover,.detail-actions .primary:hover{background:#00658e!important;color:var(--ref-white)!important}
.ghost,.chip,.button,.order-link{color:var(--ref-navy)!important}
.chip.active,.quick .active{background:rgba(0,122,173,.13)!important;border-color:rgba(0,122,173,.4)!important;color:var(--ref-navy)!important}
.danger{color:var(--ref-blue)!important}
.kpis .kpi:nth-child(1),.kpis .kpi:nth-child(3){background:var(--ref-ice)!important;border-color:rgba(12,29,50,.12)!important;color:var(--ref-navy)!important}
.kpis .kpi:nth-child(2){background:var(--ref-navy)!important;border-color:var(--ref-navy)!important;color:var(--ref-white)!important}
.kpis .kpi:nth-child(2) .kpi-label,.kpis .kpi:nth-child(2) .kpi-value,.kpis .kpi:nth-child(2) small{color:var(--ref-white)!important}
.kpis .kpi:nth-child(4){background:var(--ref-white)!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.tag{background:rgba(217,226,233,.72)!important;color:var(--ref-navy)!important;border-color:var(--ref-line)!important}
.employee{color:var(--person)!important;background:rgba(255,251,252,.78)!important;border-left-color:var(--person)!important}
.status-0,.status-1,.status-2,.status-3,.status-4,.state-NEW,.state-CONFIRMED,.state-CANCELLED{background:rgba(217,226,233,.78)!important;color:var(--ref-navy)!important;border-color:var(--ref-line)!important}
.drawer{background:rgba(255,251,252,.94)!important;border-left-color:var(--ref-line)!important;box-shadow:-20px 0 55px rgba(12,29,50,.2)!important}
.drawer-tabs{background:var(--ref-navy)!important}
.drawer-tabs button{color:var(--ref-ice)!important}
.drawer-tabs button.active{background:var(--ref-blue)!important;color:var(--ref-white)!important}
.drawer-body{background:rgba(255,251,252,.96)!important;color:var(--ref-navy)!important}
.payment,.order-payment-summary,.client-board-stat,.client-insight-card{background:rgba(217,226,233,.55)!important;color:var(--ref-navy)!important}
.home-tasks-card{background:linear-gradient(145deg,var(--ref-white),#eef3f6)!important;color:var(--ref-navy)!important}
.home-tasks-card strong,.home-tasks-card small{color:var(--ref-navy)!important}
.home-task-progress{background:rgba(217,226,233,.74)!important;box-shadow:0 9px 20px rgba(12,29,50,.1),inset 0 1px rgba(255,251,252,.8)!important}
.home-task-progress strong{color:var(--ref-navy)!important}
.home-task-progress small{color:var(--ref-muted)!important}
.home-task-progress i{background:rgba(12,29,50,.14)!important}
.home-task-progress i b{background:var(--ref-blue)!important}
.home-calendar-card{background:linear-gradient(145deg,#0C1D32,#122b47)!important;border-color:var(--ref-navy)!important;color:var(--ref-white)!important}
.home-calendar-card strong{color:var(--ref-white)!important}.home-calendar-card .home-feature-kicker,.home-calendar-card small{color:var(--ref-ice)!important}
.home-calendar-preview{background:rgba(217,226,233,.12)!important;border-color:rgba(217,226,233,.28)!important}.home-calendar-preview b{color:var(--ref-ice)!important}.home-calendar-preview i{background:rgba(217,226,233,.14)!important;color:var(--ref-ice)!important}.home-calendar-preview i.is-active{background:var(--ref-blue)!important;color:var(--ref-white)!important}
.notification-popover,.home-calendar-window{background:rgba(255,251,252,.96)!important;border-color:rgba(255,251,252,.98)!important;box-shadow:0 24px 60px rgba(12,29,50,.2),inset 0 1px rgba(255,251,252,.98)!important}
.notification-popover-item:hover{background:rgba(217,226,233,.72)!important}.notification-popover-item.unread{background:rgba(0,122,173,.1)!important}.notification-popover-dot,.notification-popover-item.unread .notification-popover-dot{background:var(--ref-blue)!important;box-shadow:0 0 0 3px rgba(0,122,173,.16)!important}
.home-calendar-body{background:rgba(217,226,233,.5)!important}.home-calendar-weekdays{background:var(--ref-navy)!important}.home-calendar-weekdays span{background:rgba(12,29,50,.92)!important;color:var(--ref-ice)!important}.home-calendar-grid{background:rgba(12,29,50,.18)!important}.home-calendar-day{background:rgba(255,251,252,.9)!important}.home-calendar-day.outside{background:rgba(217,226,233,.62)!important}.home-calendar-day.today{background:rgba(0,122,173,.12)!important}.home-calendar-day.today .home-calendar-day-number{background:var(--ref-blue)!important;color:var(--ref-white)!important}.home-calendar-event{background:rgba(255,251,252,.86)!important;color:var(--ref-navy)!important;border-left-color:var(--person,var(--ref-blue))!important}
.login-art{background:var(--ref-navy)!important}.login-form-wrap{background:var(--ref-white)!important}.login-art h1 span{color:var(--ref-blue)!important}.login-preview{border-color:rgba(217,226,233,.3)!important}.login-preview .tag{background:rgba(0,122,173,.18)!important;color:var(--ref-ice)!important}.demo{background:var(--ref-ice)!important;color:var(--ref-navy)!important}
#toast{background:var(--ref-navy)!important;color:var(--ref-white)!important;box-shadow:0 10px 28px rgba(12,29,50,.25)!important}
@media(max-width:720px){
  .sidebar{background:rgba(12,29,50,.97)!important}
  .sidebar .nav{background:rgba(255,251,252,.94)!important;box-shadow:0 -10px 28px rgba(12,29,50,.22),inset 0 1px rgba(255,251,252,.98)!important}
  .topbar{background:transparent!important}
}

/* Specific dashboard surfaces sit above the generic .panel rule in the
   original theme; pin them to the same four-color system as well. */
.dashboard-columns>.panel:first-child,
.dashboard-columns>.panel:nth-child(2){background:rgba(255,251,252,.92)!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.dashboard-columns>.panel:nth-child(2){background:rgba(217,226,233,.52)!important}
.dashboard-columns>.panel:first-child .panel-head,
.dashboard-columns>.panel:nth-child(2) .panel-head{background:rgba(255,251,252,.72)!important;border-color:var(--ref-line)!important}
:root{--ref-muted:rgba(12,29,50,.62);--ref-surface-soft:rgba(217,226,233,.45)}
.toolbar,.quick{background:rgba(217,226,233,.42)!important;border-color:var(--ref-line)!important}
.toolbar button,.quick button,.chip,.button,.date-filter{background:rgba(255,251,252,.86)!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important;box-shadow:0 5px 12px rgba(12,29,50,.06),inset 0 1px rgba(255,251,252,.96)!important}
.toolbar button:hover,.quick button:hover,.chip:hover,.button:hover{background:rgba(217,226,233,.72)!important;color:var(--ref-navy)!important}
.topbar-start>.global-trigger,.top-right .local-clock{background:rgba(255,251,252,.8)!important;background-image:none!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.notification-button{background:rgba(255,251,252,.8)!important;background-image:none!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.ghost:not(.logout){background:rgba(255,251,252,.8)!important;background-image:none!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.notification-popover-close{background:rgba(255,251,252,.72)!important;background-image:none!important}
.home-calendar-modal{background:rgba(12,29,50,.28)!important}
.home-calendar-window-head{background:rgba(255,251,252,.86)!important;border-color:var(--ref-line)!important}
.home-calendar-nav,.home-calendar-close{background:rgba(255,251,252,.72)!important;background-image:none!important;border-color:var(--ref-line)!important;color:var(--ref-navy)!important}
.presence i,.live-dot{background:var(--ref-blue)!important;box-shadow:0 0 0 3px rgba(0,122,173,.14)!important}
.client-board-card{background:rgba(255,251,252,.82)!important;border-color:var(--ref-line)!important;box-shadow:0 8px 20px rgba(12,29,50,.06)!important}
.client-board-card:hover{border-color:rgba(0,122,173,.45)!important;box-shadow:0 12px 26px rgba(12,29,50,.12)!important}
.client-board-card.selected{border-color:var(--ref-blue)!important;box-shadow:0 12px 28px rgba(0,122,173,.16)!important}
.client-board-card.selected:before{background:var(--ref-blue)!important}
.client-board-card-main{color:var(--ref-navy)!important}.client-board-card-main:hover{background:rgba(217,226,233,.45)!important}
.client-board-avatar,.client-board-hero-avatar{background:linear-gradient(145deg,var(--ref-blue),#00658e)!important;color:var(--ref-white)!important}
.client-board-card-copy small,.client-board-phone,.client-board-arrow,.client-board-card-meta,.client-board-profile-caption{color:var(--ref-muted)!important}
.client-board-card-meta strong{color:var(--ref-blue)!important}
.client-board-contact,.client-board-timeline-content{background:rgba(255,251,252,.72)!important;border-color:var(--ref-line)!important}
.client-board-contact small,.client-board-stat small,.client-board-section-head .client-board-kicker{color:var(--ref-muted)!important}
.client-board-contact strong,.client-board-stat strong,.client-board-section-head h3{color:var(--ref-navy)!important}
.client-board-stat{background:rgba(217,226,233,.48)!important;border-color:var(--ref-line)!important}
.client-board-status{color:var(--ref-blue)!important}.client-board-status i{background:var(--ref-blue)!important;box-shadow:0 0 0 3px rgba(0,122,173,.15)!important}
.client-board-count{background:var(--ref-blue)!important;color:var(--ref-white)!important}
.client-board-note{background:rgba(217,226,233,.58)!important;border-color:var(--ref-line)!important}.client-board-note small,.client-board-note p{color:var(--ref-navy)!important}
.client-insight-card{background:rgba(255,251,252,.82)!important;border-color:var(--ref-line)!important;box-shadow:0 15px 35px rgba(12,29,50,.08)!important}
.client-insight-card strong,.client-insight-card p{color:var(--ref-navy)!important}.client-insight-accent{background:linear-gradient(145deg,var(--ref-navy),#12304f)!important;border-color:rgba(217,226,233,.3)!important;color:var(--ref-white)!important}.client-insight-accent strong,.client-insight-accent p,.client-insight-accent .client-board-kicker{color:var(--ref-white)!important}
.client-rating-star,.client-rating-star.inactive{color:rgba(12,29,50,.24)!important}.client-rating-star.active,button.client-rating-star:hover{color:var(--ref-blue)!important;text-shadow:0 2px 5px rgba(0,122,173,.25)!important}
.inbox-provider-rail{background:rgba(217,226,233,.42)!important;border-color:var(--ref-line)!important}.inbox-provider-rail button{color:var(--ref-navy)!important}.inbox-provider-rail button:hover{background:rgba(217,226,233,.7)!important;border-color:rgba(0,122,173,.3)!important;color:var(--ref-navy)!important}.inbox-provider-rail button.active{background:var(--ref-blue)!important;border-color:var(--ref-blue)!important;color:var(--ref-white)!important;box-shadow:0 8px 18px rgba(0,122,173,.2)!important}.provider-rail-icon{background:rgba(255,251,252,.72)!important;color:var(--ref-navy)!important}.inbox-provider-rail button.active .provider-rail-icon{background:var(--ref-navy)!important;color:var(--ref-white)!important}

/* Final reference palette: warm canvas, cream surfaces, graphite controls,
   and the yellow/coral accents from the supplied dashboard. */
:root{
  --ref-canvas:#d7d1c8;
  --ref-surface:#fffbf7;
  --ref-surface-soft:#f3eee7;
  --ref-taupe:#cfc7bb;
  --ref-dark:#202126;
  --ref-black:#0c0d10;
  --ref-ink:#202126;
  --ref-muted:#77736e;
  --ref-line:rgba(32,33,38,.14);
  --ref-purple:#c8c0e6;
  --ref-blue:#c8d9e9;
  --ref-mint:#dfe5d3;
  --ref-yellow:#ffd337;
  --ref-pink:#f16a5c;
  --canvas:var(--ref-canvas);
  --block:var(--ref-surface);
  --block-line:var(--ref-line);
  --line:var(--ref-line);
  --muted:var(--ref-muted);
  --green:var(--ref-dark);
  --deep:var(--ref-dark);
  --accent:var(--ref-yellow);
}
html,body{background:radial-gradient(circle at 15% 0%,#eee8df 0%,var(--ref-canvas) 50%,#cbc4ba 100%)!important;color:var(--ref-ink)!important}
body{min-height:100vh}
.shell,.main,.workspace{background:transparent!important}
.sidebar{background:linear-gradient(165deg,rgba(32,33,38,.96),rgba(12,13,16,.94))!important;color:#f7f4ee!important;border-right:1px solid rgba(255,251,247,.16)!important;box-shadow:14px 0 38px rgba(32,33,38,.22)!important;backdrop-filter:blur(24px) saturate(115%)!important;-webkit-backdrop-filter:blur(24px) saturate(115%)!important}
.sidebar .brand,.sidebar .brand small{color:var(--ref-surface)!important}
.sidebar .brand small,.sidebar .nav-label{color:rgba(255,251,247,.56)!important}
.brand-logo,.sidebar .brand-logo{filter:none!important;object-fit:contain!important;object-position:left center!important}
.login-art .brand{font-size:0!important;gap:0}.login-art .brand .brand-mark{display:none}.login-art .brand::before{content:"";display:block;width:170px;height:112px;background:url('/cloud-events-logo.png?v=20260918-2') left center/contain no-repeat}
.sidebar .nav{background:rgba(255,251,247,.94)!important;border-color:rgba(255,251,247,.96)!important;box-shadow:0 15px 34px rgba(12,13,16,.25),inset 0 1px rgba(255,255,255,.9)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.sidebar .nav button:not(.active),.sidebar .nav button:not(.active):hover{color:var(--ref-dark)!important;background:transparent!important;border-color:transparent!important}
.sidebar .nav button.active,.sidebar .nav button.active:hover{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important;box-shadow:0 13px 27px rgba(12,13,16,.34),inset 0 1px rgba(255,255,255,.28)!important}
.sidebar .nav button.active .nav-label-text,.sidebar .nav button.active .nav-icon{color:#fff!important}
.side-bottom .profile{background:rgba(255,251,247,.1)!important;color:#fff!important;border-color:rgba(255,251,247,.2)!important;box-shadow:inset 0 1px rgba(255,255,255,.18)!important}
.side-bottom .profile small{color:rgba(255,251,247,.62)!important}
.side-bottom button[data-action="logout"]{background:rgba(255,251,247,.09)!important;border-color:rgba(255,251,247,.22)!important;color:#fff!important;box-shadow:0 8px 19px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.18)!important}
.topbar,.team-strip-under-header{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
.topbar-start>#breadcrumb,.top-right,.top-right .muted{color:var(--ref-dark)!important}
.global-trigger,.topbar-start>.global-trigger,.top-right .local-clock,.notification-button{background:rgba(255,251,247,.62)!important;background-image:none!important;border-color:rgba(255,255,255,.86)!important;color:var(--ref-dark)!important;box-shadow:0 8px 18px rgba(32,33,38,.08),inset 0 1px rgba(255,255,255,.9)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.team-status-person{background:rgba(255,251,247,.65)!important;border-color:rgba(255,255,255,.84)!important;color:var(--ref-dark)!important;box-shadow:0 7px 16px rgba(32,33,38,.1),inset 0 1px rgba(255,255,255,.9)!important}
.team-status-person small{color:var(--ref-muted)!important}
.panel,.kpi,.order-card,.client-toolbar,.client-list-card,.client-browser,.client-detail,.integration-card,.mail-list,.mail-thread,.notification-list,.settings-section,.inbox-filters,.unified-inbox,.inquiry-workspace,.pipeline-column,.calendar-panel,.table-scroll{background:rgba(255,251,247,.88)!important;border-color:var(--ref-line)!important;color:var(--ref-ink)!important;box-shadow:0 16px 34px rgba(32,33,38,.1),inset 0 1px rgba(255,255,255,.92)!important;backdrop-filter:blur(16px) saturate(112%)!important;-webkit-backdrop-filter:blur(16px) saturate(112%)!important}
.panel-head,.dialog-head,.drawer-head{background:rgba(255,251,247,.78)!important;border-color:var(--ref-line)!important;color:var(--ref-ink)!important}
h1,h2,h3,strong,.kpi-value,.kpi-label,.page-head h1,.panel-head h2{color:var(--ref-ink)!important}
p,.note,.muted,.cell-sub,.field,.empty,.kpi small{color:var(--ref-muted)!important}
button,input,select,textarea{color:var(--ref-ink)}
input,select,textarea{background:rgba(255,251,247,.78)!important;border-color:var(--ref-line)!important;box-shadow:inset 0 1px rgba(255,255,255,.92)!important}
input:focus,select:focus,textarea:focus{border-color:rgba(255,211,55,.9)!important;outline-color:rgba(255,211,55,.38)!important}
button:hover{background:rgba(207,199,187,.58)}
.primary,.page-head>.primary,.kpi .primary,.today-action,.order-card .primary,.detail-actions .primary{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 12px 26px rgba(12,13,16,.25),inset 0 1px rgba(255,255,255,.25)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important}
.primary:hover,.page-head>.primary:hover,.detail-actions .primary:hover{background:linear-gradient(145deg,#44454a,#15161a)!important;color:#fff!important}
.ghost:not(.logout),.chip,.button,.order-link{background:rgba(255,251,247,.64)!important;color:var(--ref-dark)!important;border-color:var(--ref-line)!important;box-shadow:0 6px 13px rgba(32,33,38,.06),inset 0 1px rgba(255,255,255,.85)!important}
.chip.active,.quick .active{background:var(--ref-yellow)!important;border-color:#e5b90c!important;color:var(--ref-dark)!important;box-shadow:0 7px 15px rgba(255,211,55,.25),inset 0 1px rgba(255,255,255,.55)!important}
.danger{color:var(--ref-pink)!important}
.toolbar,.quick{background:rgba(243,238,231,.5)!important;border-color:var(--ref-line)!important}
.toolbar button,.quick button,.date-filter{background:rgba(255,251,247,.72)!important;color:var(--ref-dark)!important;border-color:var(--ref-line)!important}
.toolbar button:hover,.quick button:hover,.chip:hover,.button:hover{background:rgba(207,199,187,.72)!important;color:var(--ref-dark)!important}
.tag{background:rgba(207,199,187,.62)!important;color:var(--ref-dark)!important;border-color:var(--ref-line)!important}
.employee{color:var(--person)!important;background:rgba(255,251,247,.7)!important;border-left-color:var(--person)!important}
.status-0,.status-1,.status-2,.status-3,.status-4,.state-NEW,.state-CONFIRMED,.state-CANCELLED{background:rgba(207,199,187,.55)!important;color:var(--ref-dark)!important;border-color:var(--ref-line)!important}
.drawer{background:rgba(255,251,247,.96)!important;border-left-color:var(--ref-line)!important;box-shadow:-20px 0 58px rgba(12,13,16,.24)!important}
.drawer-tabs{background:linear-gradient(180deg,#27282d,#0c0d10)!important;border-color:rgba(255,255,255,.16)!important}
.drawer-tabs button{color:rgba(255,251,247,.68)!important;background:transparent!important}
.drawer-tabs button:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.drawer-tabs button.active{background:linear-gradient(145deg,#3d3e43,#0c0d10)!important;color:#fff!important;box-shadow:0 7px 15px rgba(12,13,16,.3),inset 0 1px rgba(255,255,255,.22)!important}
.drawer-body{background:rgba(255,251,247,.94)!important;color:var(--ref-ink)!important}
.payment,.order-payment-summary,.client-board-stat,.client-insight-card{background:rgba(207,199,187,.42)!important;color:var(--ref-ink)!important}
.home-tasks-card{background:linear-gradient(145deg,#fffbf7,#ece5db)!important;color:var(--ref-ink)!important;border-color:rgba(255,255,255,.84)!important}
.home-tasks-card strong,.home-tasks-card small{color:var(--ref-ink)!important}
.home-task-progress{background:rgba(255,251,247,.72)!important;box-shadow:0 10px 22px rgba(32,33,38,.1),inset 0 1px rgba(255,255,255,.9)!important}
.home-task-progress strong{color:var(--ref-ink)!important}.home-task-progress small{color:var(--ref-muted)!important}.home-task-progress i{background:rgba(32,33,38,.14)!important}.home-task-progress i b{background:linear-gradient(90deg,var(--ref-coral),var(--ref-yellow))!important}
.home-calendar-card{background:linear-gradient(145deg,#292a2f,#0c0d10)!important;border-color:#0c0d10!important;color:#fff!important;box-shadow:0 20px 44px rgba(12,13,16,.32),inset 0 1px rgba(255,255,255,.2),inset 0 -18px 30px rgba(0,0,0,.18)!important}
.home-calendar-card strong{color:#fff!important}.home-calendar-card .home-feature-kicker,.home-calendar-card small{color:rgba(255,251,247,.7)!important}.home-calendar-preview{background:rgba(255,251,247,.1)!important;border-color:rgba(255,251,247,.2)!important}.home-calendar-preview b{color:rgba(255,251,247,.68)!important}.home-calendar-preview i{background:rgba(255,251,247,.1)!important;color:rgba(255,251,247,.78)!important}.home-calendar-preview i.is-active{background:var(--ref-yellow)!important;color:var(--ref-dark)!important;box-shadow:0 5px 12px rgba(255,211,55,.3)!important}
.notification-popover,.home-calendar-window{background:rgba(255,251,247,.96)!important;border-color:rgba(255,255,255,.9)!important;box-shadow:0 26px 64px rgba(32,33,38,.24),inset 0 1px rgba(255,255,255,.94)!important}
.notification-popover-item:hover{background:rgba(207,199,187,.46)!important}.notification-popover-item.unread{background:rgba(255,211,55,.16)!important}.notification-popover-dot,.notification-popover-item.unread .notification-popover-dot{background:var(--ref-coral)!important;box-shadow:0 0 0 3px rgba(241,106,92,.16)!important}
.home-calendar-modal{background:rgba(32,33,38,.32)!important}.home-calendar-window-head{background:rgba(255,251,247,.82)!important;border-color:var(--ref-line)!important}.home-calendar-nav,.home-calendar-close{background:rgba(255,251,247,.72)!important;background-image:none!important;border-color:var(--ref-line)!important;color:var(--ref-dark)!important}.home-calendar-body{background:rgba(243,238,231,.7)!important}.home-calendar-weekdays{background:var(--ref-dark)!important}.home-calendar-weekdays span{background:rgba(32,33,38,.92)!important;color:rgba(255,251,247,.72)!important}.home-calendar-grid{background:rgba(207,199,187,.7)!important}.home-calendar-day{background:rgba(255,251,247,.9)!important}.home-calendar-day.outside{background:rgba(207,199,187,.52)!important}.home-calendar-day.today{background:linear-gradient(145deg,#fff1b1,#fffbf7)!important}.home-calendar-day.today .home-calendar-day-number{background:var(--ref-dark)!important;color:#fff!important}.home-calendar-event{background:rgba(255,251,247,.86)!important;color:var(--ref-ink)!important;border-left-color:var(--person,var(--ref-coral))!important}
.calendar-month-layout{background:rgba(243,238,231,.52)!important}.calendar-month-main,.calendar-day-panel{background:rgba(255,251,247,.7)!important;border-color:var(--ref-line)!important;box-shadow:0 15px 34px rgba(32,33,38,.12),inset 0 1px rgba(255,255,255,.86)!important}.calendar-month-main .month-weekdays{background:rgba(243,238,231,.72)!important;border-color:var(--ref-line)!important}.calendar-month-main .month-grid{background:rgba(207,199,187,.55)!important}.calendar-month-main .month-v12 .month-day{background:rgba(255,251,247,.76)!important;border-color:var(--ref-line)!important}.calendar-month-main .month-v12 .month-day:hover{background:#fff!important;box-shadow:inset 0 0 0 2px rgba(255,211,55,.58)!important}.calendar-month-main .month-v12 .month-day.today .day-number{background:var(--ref-dark)!important;color:#fff!important}.calendar-month-main .month-v12 .month-day.selected-day{box-shadow:inset 0 0 0 3px var(--person,var(--ref-coral)),0 8px 18px rgba(32,33,38,.12)!important}.calendar-day-panel-head{background:rgba(255,251,247,.72)!important;border-color:var(--ref-line)!important}.calendar-day-panel-head h2{color:var(--ref-ink)!important}.calendar-filterbar{background:rgba(243,238,231,.52)!important;border-color:var(--ref-line)!important}.calendar-period-icons,.calendar-period-icon,.calendar-filter-selects input,.calendar-filter-selects select{background:rgba(255,251,247,.72)!important;border-color:var(--ref-line)!important;color:var(--ref-dark)!important}.calendar-period-icon:hover{background:var(--ref-yellow)!important;color:var(--ref-dark)!important}.calendar-filter-actions .chip{background:rgba(255,251,247,.68)!important}.calendar-filter-actions .chip.active{background:var(--ref-yellow)!important;color:var(--ref-dark)!important;border-color:#e5b90c!important}
.client-board-card{background:rgba(255,251,247,.74)!important;border-color:var(--ref-line)!important;box-shadow:0 9px 22px rgba(32,33,38,.07)!important}.client-board-card:hover{border-color:rgba(255,211,55,.72)!important;box-shadow:0 13px 28px rgba(32,33,38,.12)!important}.client-board-card.selected{border-color:var(--ref-yellow)!important;box-shadow:0 13px 30px rgba(255,211,55,.2)!important}.client-board-card.selected:before{background:var(--ref-yellow)!important}.client-board-card-main{color:var(--ref-ink)!important}.client-board-avatar,.client-board-hero-avatar{background:linear-gradient(145deg,#34353a,#0c0d10)!important;color:#fff!important}.client-board-card-copy small,.client-board-phone,.client-board-arrow,.client-board-card-meta,.client-board-profile-caption{color:var(--ref-muted)!important}.client-board-card-meta strong{color:var(--ref-dark)!important}.client-board-contact,.client-board-timeline-content{background:rgba(255,251,247,.68)!important;border-color:var(--ref-line)!important}.client-board-contact small,.client-board-stat small,.client-board-section-head .client-board-kicker{color:var(--ref-muted)!important}.client-board-contact strong,.client-board-stat strong,.client-board-section-head h3{color:var(--ref-ink)!important}.client-board-count{background:var(--ref-yellow)!important;color:var(--ref-dark)!important}.client-board-note{background:rgba(207,199,187,.44)!important;border-color:var(--ref-line)!important}.client-board-note small,.client-board-note p{color:var(--ref-ink)!important}.client-insight-card{background:rgba(255,251,247,.76)!important;border-color:var(--ref-line)!important;box-shadow:0 15px 35px rgba(32,33,38,.1)!important}.client-insight-accent{background:linear-gradient(145deg,#292a2f,#0c0d10)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}.client-insight-accent strong,.client-insight-accent p,.client-insight-accent .client-board-kicker{color:#fff!important}
.client-rating-star,.client-rating-star.inactive{color:rgba(32,33,38,.26)!important}.client-rating-star.active,button.client-rating-star:hover{color:var(--ref-yellow)!important;text-shadow:0 2px 6px rgba(255,190,38,.38)!important}
.inbox-provider-rail{background:rgba(243,238,231,.6)!important;border-color:var(--ref-line)!important}.inbox-provider-rail button{color:var(--ref-dark)!important}.inbox-provider-rail button:hover{background:rgba(207,199,187,.65)!important;color:var(--ref-dark)!important}.inbox-provider-rail button.active{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 9px 20px rgba(12,13,16,.25)!important}.provider-rail-icon{background:rgba(255,251,247,.68)!important;color:var(--ref-dark)!important}.inbox-provider-rail button.active .provider-rail-icon{background:rgba(255,251,247,.18)!important;color:#fff!important}
#toast{background:linear-gradient(145deg,#34353a,#0c0d10)!important;color:#fff!important;box-shadow:0 18px 38px rgba(12,13,16,.34)!important}
.shell:before{background:rgba(207,199,187,.2)!important}.shell:after{background:rgba(255,211,55,.12)!important}
.kpis .kpi:nth-child(1){background:linear-gradient(145deg,#fff1b1,#fffbf7)!important;border-color:rgba(229,185,12,.48)!important;color:var(--ref-dark)!important}.kpis .kpi:nth-child(2){background:linear-gradient(145deg,#292a2f,#0c0d10)!important;border-color:#0c0d10!important;color:#fff!important}.kpis .kpi:nth-child(2) .kpi-label,.kpis .kpi:nth-child(2) .kpi-value,.kpis .kpi:nth-child(2) small{color:#fff!important}.kpis .kpi:nth-child(n+3){background:rgba(255,251,247,.84)!important;color:var(--ref-dark)!important}
.home-tasks-card:after{background:rgba(207,199,187,.42)!important}
.order-hero,.client-hero{background:linear-gradient(145deg,#fff1b1,#fffbf7)!important;border-color:rgba(229,185,12,.32)!important}.drawer-body .order-info-card,.drawer-body .order-client-card{background:rgba(255,251,247,.7)!important;border-color:var(--ref-line)!important}.drawer-body .order-stage-card{background:linear-gradient(145deg,#f3eee6,#fffbf7)!important;border-color:var(--ref-line)!important}.drawer-body .order-stage-card strong{color:var(--ref-dark)!important}.drawer-body .order-stage-card span,.drawer-body .order-stage-card small{color:var(--ref-muted)!important}.drawer-body .order-read-check{background:rgba(255,211,55,.16)!important;border-color:rgba(229,185,12,.34)!important;color:var(--ref-dark)!important}.drawer-body .order-line-value{background:rgba(207,199,187,.28)!important;color:var(--ref-dark)!important}.drawer-body .event-chat-head{background:rgba(255,211,55,.14)!important;border-color:rgba(229,185,12,.28)!important}

/* Calendar event drawer: preserve the calendar and place the order beside it. */
.calendar-order-open #drawer{z-index:70!important}
.home-calendar-modal.is-order-open{place-items:stretch end;padding:24px 500px 24px 24px}
.home-calendar-modal.is-order-open .home-calendar-window{width:min(100%,980px);max-height:calc(100vh - 48px)}
@media(max-width:1100px) and (min-width:721px){.home-calendar-modal.is-order-open{padding-right:460px;padding-left:16px}.home-calendar-modal.is-order-open .home-calendar-window{width:calc(100vw - 476px)}}
@media(max-width:720px){
  .sidebar{background:linear-gradient(180deg,rgba(32,33,38,.96),rgba(12,13,16,.94))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .sidebar .nav{background:rgba(255,251,247,.95)!important;box-shadow:0 -10px 29px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.92)!important}
  .sidebar .nav button:not(.active){color:var(--ref-dark)!important}
  .sidebar .nav button.active{background:linear-gradient(145deg,#34353a,#0c0d10)!important;color:#fff!important}
  .topbar{background:transparent!important}
  .home-calendar-modal.is-order-open{padding:10px;place-items:center}
  .home-calendar-modal.is-order-open .home-calendar-window{width:100%;opacity:.25;transform:scale(.98)}
  .calendar-order-open #drawer{z-index:70!important;top:64px!important;height:calc(100dvh - 64px)!important;width:100%!important;border-radius:26px 0 0 0!important}
}

/* Final interaction polish for the requested navigation and creation flows. */
.sidebar .nav button[data-id="more"]{display:none!important}
.side-bottom{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.side-bottom .more-nav{display:flex!important;order:1!important;align-items:center;justify-content:center;min-height:44px;border-radius:14px!important;background:rgba(255,251,247,.12)!important;border:1px solid rgba(255,251,247,.2)!important;color:#fff!important;box-shadow:0 8px 18px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.16)!important}
.side-bottom .more-nav:hover{background:rgba(255,211,55,.82)!important;color:var(--ref-dark)!important}
.side-bottom .side-local-clock{display:block;order:2!important;margin:0 3px;padding:7px 10px;border-radius:11px;background:rgba(255,251,247,.1)!important;border:1px solid rgba(255,251,247,.16);color:rgba(255,251,247,.78)!important;font-size:11px;line-height:1.25;letter-spacing:.02em;text-align:center;white-space:nowrap}
.side-bottom .logout-label{order:3!important;justify-content:center!important;min-height:40px!important;font-weight:750!important}
.side-bottom .logout-label{position:static!important}
.side-bottom .logout-label::before{content:none!important}
.side-bottom button.logout-label[data-action="logout"]::before{content:none!important;display:none!important}
.side-bottom button.logout-label[data-action="logout"]{width:auto!important;height:auto!important;min-height:40px!important;margin:0!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;font-size:12px!important}
.side-bottom .profile{order:4}
.side-bottom button[data-id="profile"]{display:none!important}
.topbar-start{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important}
.topbar-start>.global-trigger,.topbar-start>#inline-search{order:1}
.topbar-start>#breadcrumb{order:2;margin:0!important;font-size:clamp(25px,2.4vw,39px)!important;line-height:1.04!important;letter-spacing:-.035em!important;font-weight:850!important}
.topbar-start>.team-status-header{order:3}
.topbar{min-height:86px;height:auto!important;align-items:flex-start!important;padding-top:17px!important;padding-bottom:14px!important}
.global-trigger{min-width:92px!important;justify-content:center!important}
.drawer-workspace{grid-template-columns:172px minmax(0,1fr)!important}
.drawer-tabs{align-items:center!important;justify-content:flex-start!important;gap:8px!important;padding:16px 10px!important;background:linear-gradient(180deg,#27282d,#0c0d10)!important}
.drawer-tabs button{width:100%!important;min-height:45px!important;padding:8px 12px!important;border-radius:23px!important;justify-content:flex-start!important;gap:0!important;border:1px solid transparent!important;color:rgba(255,251,247,.68)!important;background:transparent!important}
.drawer-tabs button>span[aria-hidden="true"]{display:none!important}
.drawer-tabs button>b{display:block!important;font-size:12px!important;font-weight:760!important;white-space:nowrap}
.drawer-tabs button.active{width:62px!important;height:62px!important;min-height:62px!important;padding:0!important;justify-content:center!important;border-radius:50%!important;background:linear-gradient(145deg,#3d3e43,#0c0d10)!important;color:#fff!important;box-shadow:0 10px 22px rgba(12,13,16,.35),inset 0 1px rgba(255,255,255,.24)!important}
.drawer-tabs button.active>b{display:none!important}
.drawer-tabs button.active>span[aria-hidden="true"]{display:grid!important;place-items:center!important;width:31px!important;height:31px!important;border-radius:50%!important;background:rgba(255,251,247,.16)!important;color:#fff!important;font-size:17px!important}
.drawer-tabs button:hover{transform:translateX(2px);background:rgba(255,255,255,.1)!important;color:#fff!important}
.drawer-tabs button.active:hover{transform:translateY(-1px)!important}
.program-picker-row{display:flex;align-items:center;gap:9px;width:100%}
.program-picker-row select{flex:1;min-width:0}
.program-picker-row .tiny{flex:none;white-space:nowrap;min-height:40px!important;padding-inline:12px!important}
dialog#editor{border-radius:28px!important;background:rgba(255,251,247,.97)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 30px 90px rgba(32,33,38,.3),inset 0 1px rgba(255,255,255,.94)!important;overflow:hidden}
dialog#editor .dialog-head{padding:24px 28px!important;background:rgba(255,251,247,.9)!important}
dialog#editor .dialog-head h2{font-size:25px!important;line-height:1.1!important;font-weight:850!important;letter-spacing:-.03em!important}
dialog#editor .dialog-body{padding:24px 28px 30px!important;background:rgba(243,238,231,.38)!important}
dialog#editor .form-grid{gap:16px!important}
dialog#editor .field{font-size:12px!important;font-weight:760!important;letter-spacing:.02em!important;color:var(--ref-muted)!important}
dialog#editor .field input,dialog#editor .field select,dialog#editor .field textarea{margin-top:7px!important;min-height:45px!important;border-radius:13px!important;background:rgba(255,251,247,.88)!important}
dialog#editor .field textarea{min-height:92px!important}
dialog#editor .dialog-body .primary{min-height:45px!important;min-width:122px!important}
.home-calendar-card::before{display:none!important}
.home-calendar-preview{left:47%!important;right:18px!important;bottom:18px!important;width:50%!important;max-width:330px!important;grid-template-columns:repeat(5,minmax(25px,1fr))!important;grid-auto-rows:28px!important;gap:6px!important;padding:13px 14px!important;border:0!important;border-radius:18px!important;box-shadow:0 14px 28px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.22)!important;transform:translateZ(16px) rotateX(3deg)!important}
.home-calendar-preview b,.home-calendar-preview i{width:auto!important;height:26px!important;border-radius:9px!important}
.home-calendar-preview b{font-size:9px!important;letter-spacing:.04em}
.home-calendar-preview i{font-size:11px!important}
@media(max-width:720px){
  .sidebar{min-height:150px!important}
  .side-bottom{position:absolute!important;right:12px!important;top:10px!important;display:flex!important;align-items:flex-end!important;gap:5px!important;z-index:8!important}
  .side-bottom .more-nav{min-height:34px!important;padding:0 12px!important;border-radius:12px!important;font-size:10px!important}
  .side-bottom .side-local-clock{font-size:9px!important;padding:4px 7px!important;margin:0!important}
  .side-bottom .logout-label{min-height:32px!important;padding:0 11px!important;font-size:10px!important}
  .side-bottom .profile,.side-bottom .local-note{display:none!important}
  .topbar{min-height:96px!important;padding-top:13px!important;padding-bottom:10px!important}
  .topbar-start{gap:6px!important}
  .topbar-start>#breadcrumb{font-size:28px!important}
  .topbar-start>.global-trigger{min-height:34px!important;padding:0 14px!important;font-size:11px!important}
  .drawer-workspace{grid-template-columns:120px minmax(0,1fr)!important}
  .drawer-tabs{padding:14px 8px!important}
  .drawer-tabs button{min-height:40px!important;padding:7px 10px!important}
  .drawer-tabs button>b{font-size:10px!important;overflow:hidden;text-overflow:ellipsis}
  .drawer-tabs button.active{width:54px!important;height:54px!important;min-height:54px!important}
  .home-calendar-preview{left:36%!important;right:11px!important;bottom:12px!important;width:60%!important;grid-template-columns:repeat(5,minmax(14px,1fr))!important;grid-auto-rows:19px!important;gap:3px!important;padding:8px 9px!important;border-radius:13px!important}
  .home-calendar-preview b,.home-calendar-preview i{height:17px!important;border-radius:6px!important;font-size:8px!important}
  dialog#editor .dialog-head{padding:20px 20px!important}
  dialog#editor .dialog-body{padding:18px 20px 24px!important}
}


/* Footer navigation layout: secondary links stay directly below the primary rail. */
.sidebar .side-bottom{
  margin-top:auto!important;
  padding:18px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:16px!important;
}
.sidebar .side-secondary{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  padding:10px!important;
  border-radius:24px!important;
  background:rgba(255,251,247,.9)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 15px 34px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.92)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.side-secondary button{
  width:100%!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:15px!important;
  justify-content:center!important;
  color:var(--ref-dark)!important;
  background:transparent!important;
  border-color:transparent!important;
  font-size:12px!important;
  font-weight:760!important;
}
.side-secondary button:hover{background:rgba(207,199,187,.58)!important;color:var(--ref-dark)!important}
.side-secondary .more-nav{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 10px 20px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.22)!important}
.side-secondary .more-nav:hover{background:linear-gradient(145deg,#44454a,#15161a)!important;color:#fff!important}
.sidebar .side-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
  padding:14px 8px 0!important;
  border-top:1px solid rgba(255,255,255,.18)!important;
}
.side-date,.side-time{display:block!important;color:rgba(255,251,247,.78)!important;text-align:left!important;font-variant-numeric:tabular-nums;line-height:1.25}
.side-date{font-size:11px!important;letter-spacing:.06em!important}
.side-time{font-size:18px!important;font-weight:800!important;letter-spacing:.04em!important;color:#fff!important}
.side-meta .side-admin{order:3!important;margin:5px 0 1px!important;padding:8px 7px!important;display:flex!important;align-items:center!important;gap:9px!important;border-radius:14px!important;background:rgba(255,251,247,.1)!important;border:1px solid rgba(255,251,247,.18)!important;color:#fff!important;box-shadow:inset 0 1px rgba(255,255,255,.16)!important}
.side-meta .side-admin strong{color:#fff!important;font-size:12px!important}
.side-meta .side-admin small{color:rgba(255,251,247,.62)!important;font-size:10px!important}
.side-meta .logout-label{order:4!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:40px!important;margin:0!important;padding:0 14px!important;border-radius:14px!important;background:rgba(255,251,247,.1)!important;border:1px solid rgba(255,251,247,.22)!important;color:#fff!important;box-shadow:0 8px 19px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.16)!important;font-size:12px!important;font-weight:780!important}
.side-meta .logout-label:hover{background:rgba(255,211,55,.82)!important;color:var(--ref-dark)!important}
.side-meta .app-version{order:5!important;display:block!important;margin-top:1px!important;color:rgba(255,251,247,.52)!important;font-size:10px!important;letter-spacing:.08em!important;text-align:left!important}
@media(min-width:721px){
  .sidebar .nav{margin-bottom:0!important}
  .sidebar .side-bottom .local-note{display:none!important}
}
@media(max-width:720px){
  .sidebar .side-bottom{position:fixed!important;left:12px!important;right:12px!important;bottom:70px!important;top:auto!important;z-index:6!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:8px!important;pointer-events:none!important}
  .sidebar .side-secondary{pointer-events:auto!important;flex:0 0 auto!important;flex-direction:row!important;gap:4px!important;padding:5px!important;border-radius:17px!important}
  .side-secondary button{min-height:32px!important;padding:0 10px!important;font-size:10px!important;white-space:nowrap!important}
  .sidebar .side-meta{pointer-events:auto!important;flex:1 1 auto!important;min-width:0!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:5px!important;padding:5px!important;border-top:0!important;border-radius:17px!important;background:rgba(32,33,38,.92)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 10px 22px rgba(12,13,16,.22)!important}
  .side-date{font-size:8px!important}.side-time{font-size:10px!important}.side-meta .side-admin{margin:0!important;padding:4px!important;border:0!important;background:transparent!important;min-width:0!important}.side-meta .side-admin .avatar{width:24px!important;height:24px!important;font-size:8px!important}.side-meta .side-admin strong,.side-meta .side-admin small{display:none!important}.side-meta .logout-label{width:auto!important;min-height:29px!important;padding:0 8px!important;font-size:9px!important;white-space:nowrap!important}
}


/* Keep the requested footer order readable on narrow screens as well. */
@media(max-width:720px){
  .sidebar .side-bottom{left:12px!important;right:auto!important;bottom:70px!important;width:156px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important}
  .sidebar .side-secondary{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:5px!important}
  .side-secondary button{width:100%!important;min-height:30px!important;padding:0 9px!important}
  .sidebar .side-meta{width:100%!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;padding:7px!important;border-top:0!important}
  .side-date{font-size:9px!important}.side-time{font-size:13px!important}.side-meta .side-admin{margin:2px 0!important;padding:4px!important}.side-meta .side-admin .avatar{width:25px!important;height:25px!important}.side-meta .side-admin strong,.side-meta .side-admin small{display:block!important}.side-meta .side-admin strong{font-size:10px!important}.side-meta .side-admin small{font-size:8px!important}.side-meta .logout-label{width:100%!important;min-height:29px!important;padding:0 8px!important;font-size:10px!important}
}


/* Keep the secondary block order stable despite legacy .more-nav rules. */
.side-secondary .more-nav{order:0!important}
.side-secondary .file-nav{order:1!important}
.home-calendar-embedded{display:block;min-height:0!important;padding:0!important;cursor:default;grid-column:auto!important;overflow:hidden}
.home-calendar-embedded:hover{transform:none;box-shadow:0 16px 34px rgba(20,21,24,.25),inset 0 1px rgba(255,255,255,.22)!important}
.home-calendar-embedded-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;border-bottom:1px solid rgba(255,255,255,.16)}
.home-calendar-embedded-head strong{margin-top:8px;font-size:19px;letter-spacing:-.3px}
.home-calendar-embedded-head small{margin-top:5px;color:#c6c7cd!important}
.home-calendar-embedded-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:54%}
.home-calendar-embedded-actions button{padding:8px 11px;border:1px solid rgba(255,255,255,.20);border-radius:11px;background:rgba(255,255,255,.10);color:#f5f5f7;font-size:11px;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.14)}
.home-calendar-embedded-actions button:hover,.home-calendar-embedded-actions button.active{background:var(--ref-yellow);border-color:#e5b90c;color:var(--ref-dark)}
.home-calendar-embedded-actions button.primary{background:var(--ref-yellow)!important;border-color:#e5b90c!important;color:var(--ref-dark)!important}
.home-calendar-embedded-results{padding:16px 18px 20px;background:rgba(22,23,26,.82)}
.home-calendar-embedded-results .month-weekdays{border-radius:11px 11px 0 0;background:rgba(255,255,255,.10);border:0}
.home-calendar-embedded-results .month-weekdays span{padding:8px;color:#bfc0c7;background:transparent;font-size:9px}
.home-calendar-embedded-results .month-grid{gap:1px;border-radius:0 0 12px 12px;background:rgba(255,255,255,.12)}
.home-calendar-embedded-results .month-v12 .month-day{min-height:92px;padding:7px;background:rgba(255,255,255,.08);border:0;color:#e6e7ea}
.home-calendar-embedded-results .month-v12 .month-day.outside{background:rgba(255,255,255,.035);color:#7f8189}
.home-calendar-embedded-results .month-v12 .month-day.today{background:rgba(255,211,55,.15)}
.home-calendar-embedded-results .month-v12 .day-number{color:#e6e7ea}
.home-calendar-embedded-results .month-v12 .month-day.today .day-number{background:var(--ref-yellow);color:var(--ref-dark)}
.home-calendar-embedded-results .month-v12 .day-create{color:#f5d95f;opacity:0;font-size:9px}
.home-calendar-embedded-results .month-v12 .month-day:hover .day-create,.home-calendar-embedded-results .month-v12 .month-day:focus-within .day-create{opacity:1}
.home-calendar-embedded-results .calendar-event{background:rgba(255,255,255,.92);color:var(--ref-ink)!important;padding:6px 7px}
.home-calendar-embedded-results .selected-day-list{display:none}
.home-calendar-embedded-results .schedule-scroll{max-height:420px;overflow:auto}
@media(max-width:720px){.home-calendar-embedded-head{display:block;padding:15px}.home-calendar-embedded-actions{justify-content:flex-start;max-width:none;margin-top:12px}.home-calendar-embedded-actions button{padding:7px 8px;font-size:10px}.home-calendar-embedded-results{padding:9px}.home-calendar-embedded-results .month-v12 .month-day{min-height:68px;padding:5px}.home-calendar-embedded-results .month-v12 .day-create{display:none}}


/* Compact home calendar preview and full modal controls. */
.home-calendar-card{cursor:pointer!important}
.home-calendar-card:hover{transform:translateY(-3px)!important}
.home-calendar-modal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px 0;background:rgba(255,251,247,.78)}
.home-calendar-modebar{display:flex;gap:6px;flex-wrap:wrap}
.home-calendar-modebar button{padding:8px 12px;border-radius:11px;background:rgba(207,199,187,.26);border:1px solid var(--ref-line);color:var(--ref-dark)}
.home-calendar-modebar button.active,.home-calendar-modebar button:hover{background:var(--ref-dark);border-color:var(--ref-dark);color:#fff}
.home-calendar-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(120px,1fr)) auto auto auto;gap:8px;align-items:end;padding:12px 18px 15px;background:rgba(255,251,247,.78);border-bottom:1px solid var(--ref-line)}
.home-calendar-filters input,.home-calendar-filters select{width:100%;min-width:0;padding:9px 10px;border:1px solid var(--ref-line);border-radius:11px;background:rgba(255,255,255,.68);color:var(--ref-dark);font-size:12px}
.home-calendar-filters label{display:grid;gap:4px;color:var(--ref-muted);font-size:10px;font-weight:800;white-space:nowrap}
.home-calendar-filters label input{font-size:11px}
.home-calendar-filters .chip{height:36px;white-space:nowrap}
.home-calendar-results{min-height:280px}
.home-calendar-modal .selected-day-list{margin-top:14px;border:1px solid var(--ref-line);border-radius:16px;background:rgba(255,251,247,.74);overflow:hidden}
.home-calendar-modal .selected-day-list .panel-head{padding:12px 14px}
@media(max-width:980px){.home-calendar-filters{grid-template-columns:minmax(180px,1fr) repeat(2,minmax(120px,1fr));}.home-calendar-filters label{min-width:0}.home-calendar-filters .chip{width:max-content}}
@media(max-width:720px){.home-calendar-modal-toolbar{display:block;padding:10px 10px 0}.home-calendar-modebar{margin-bottom:9px}.home-calendar-modebar button{flex:1;padding:7px 8px;font-size:11px}.home-calendar-modal-toolbar>.primary{width:100%}.home-calendar-filters{grid-template-columns:1fr 1fr;padding:10px}.home-calendar-filters input#home-calendar-query,.home-calendar-filters select:first-of-type{grid-column:1 / -1}.home-calendar-filters label input{font-size:10px}.home-calendar-results{min-height:220px}}

/* “Ещё” is quiet until the user actually opens that page. */
.side-secondary .more-nav,.side-secondary .more-nav:hover{background:transparent!important;border-color:transparent!important;color:var(--ref-dark)!important;box-shadow:none!important}
.side-secondary .more-nav.active,.side-secondary .more-nav.active:hover{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.22)!important;color:#fff!important;box-shadow:0 10px 20px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.22)!important}
@media(min-width:1101px){.home-calendar-modal.is-order-open{padding-right:704px!important}.home-calendar-modal.is-order-open .home-calendar-window{width:min(calc(100vw - 752px),980px)!important}} @media(max-width:1100px) and (min-width:721px){#drawer{width:440px!important}.home-calendar-modal.is-order-open{padding-right:464px!important;padding-left:16px!important}.home-calendar-modal.is-order-open .home-calendar-window{width:calc(100vw - 480px)!important}}

/* Keep every editor form usable when its content is taller than the viewport. */
dialog#editor[open]{
  display:flex!important;
  flex-direction:column!important;
  max-height:calc(100dvh - 28px)!important;
  overflow:hidden!important;
}
dialog#editor .dialog-head{
  flex:0 0 auto!important;
  position:relative!important;
}
dialog#editor .dialog-body{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
}
dialog#editor .dialog-body>form{min-height:0!important}

/* Mobile header account cluster: keep date, time, admin and logout opposite the logo. */
@media(max-width:720px){
  .sidebar{position:relative!important}
  .sidebar .side-meta{
    position:fixed!important;
    top:10px!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    width:145px!important;
    z-index:12!important;
  }
  .side-meta .side-date{font-size:9px!important}
  .side-meta .side-time{font-size:13px!important}
  .side-meta .side-admin{margin:2px 0!important;padding:4px!important}
  .side-meta .side-admin .avatar{width:25px!important;height:25px!important}
  .side-meta .side-admin strong{font-size:10px!important}
  .side-meta .side-admin small{font-size:8px!important}
  .side-meta .logout-label{width:100%!important;min-height:29px!important;padding:0 8px!important;font-size:10px!important}
}

/* Mobile scrolling: only search and notifications stay pinned to the viewport. */
@media(max-width:720px){
  .topbar{
    position:static!important;
    top:auto!important;
    z-index:auto!important;
  }
  .topbar .global-trigger{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    left:18px!important;
    z-index:40!important;
  }
  .topbar .notification-button{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    right:18px!important;
    z-index:40!important;
  }
  .topbar-start>#inline-search{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    left:18px!important;
    z-index:41!important;
    margin:0!important;
  }
  .sidebar .side-meta{
    position:absolute!important;
    top:10px!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    z-index:6!important;
  }
}

/* Let the account cluster scroll with the mobile sidebar while the secondary
   navigation keeps its own lower placement. */
@media(max-width:720px){
  .sidebar .side-bottom{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    display:contents!important;
  }
  .sidebar .side-secondary{
    position:fixed!important;
    left:12px!important;
    right:auto!important;
    bottom:70px!important;
    width:156px!important;
    z-index:6!important;
  }
  .sidebar .side-meta{
    position:absolute!important;
  }
}

/* Mobile controls begin under the page title and become sticky only after
   their original row reaches the viewport top. */
@media(max-width:720px){
  .topbar{
    position:static!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    min-height:0!important;
    height:auto!important;
    padding:13px 18px 11px!important;
  }
  .topbar-start{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:start!important;
    gap:7px!important;
    min-width:0!important;
  }
  .topbar-start>#breadcrumb{grid-row:1!important;order:0!important;margin:0!important}
  .topbar-start>.global-trigger{
    grid-row:2!important;
    order:1!important;
    position:static!important;
    justify-self:start!important;
    margin:0!important;
  }
  .topbar-start>#inline-search{
    grid-row:2!important;
    order:1!important;
    position:static!important;
    margin:0!important;
  }
  .topbar .top-right{
    grid-column:2!important;
    grid-row:2!important;
    align-self:end!important;
    position:static!important;
    display:flex!important;
    gap:0!important;
    min-width:44px!important;
  }
  .topbar .notification-button{position:static!important;margin:0!important}
  .topbar.mobile-controls-stuck .global-trigger{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    left:18px!important;
    z-index:40!important;
  }
  .topbar.mobile-controls-stuck .notification-button{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    right:18px!important;
    z-index:40!important;
  }
  .topbar.mobile-controls-stuck #inline-search{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    left:18px!important;
    z-index:41!important;
    margin:0!important;
  }
}

/* More and Files join the horizontal mobile navigation as its final items. */
@media(max-width:720px){
  .sidebar .side-secondary:empty{display:none!important}
  .sidebar .nav.mobile-nav-expanded{overflow-x:auto!important;overflow-y:hidden!important}
  .sidebar .nav.mobile-nav-expanded button[data-id="more"],
  .sidebar .nav.mobile-nav-expanded button[data-id="library"]{display:flex!important}
  .sidebar .nav.mobile-nav-expanded .mobile-nav-item{flex:0 0 76px!important;min-width:76px!important}
}

/* Home team status shares the header row with notifications. */
.topbar .top-right>.team-status-header{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;max-width:min(650px,calc(100vw - 420px));overflow-x:auto;scrollbar-width:none;padding:0}
.team-status-header[hidden]{display:none!important}
.topbar .top-right>.team-status-header::-webkit-scrollbar{display:none}
.topbar .top-right>.team-status-header .team-status-person{flex:0 0 auto}
@media(max-width:1100px){.topbar .top-right>.team-status-header{max-width:min(460px,calc(100vw - 330px))}}
@media(max-width:720px){
  .topbar{grid-template-rows:auto auto auto!important}
  .topbar .top-right{grid-column:1 / -1!important;grid-row:3!important;width:100%!important;min-width:0!important;justify-content:flex-end!important}
  .topbar .top-right>.team-status-header{flex:1 1 auto;max-width:none!important;overflow-x:auto}
}

/* Keep the mobile team strip complete: when another employee is added, the
   card wraps onto a new row instead of disappearing behind the notification. */
@media(max-width:720px){
  .topbar .top-right{align-items:flex-start!important;flex-wrap:nowrap!important}
  .topbar .top-right>.team-status-header{
    flex:1 1 calc(100% - 48px)!important;
    width:calc(100% - 48px)!important;
    max-width:none!important;
    min-width:0!important;
    flex-wrap:wrap!important;
    align-content:flex-start!important;
    overflow:visible!important;
    row-gap:6px!important;
  }
  .topbar .top-right>.team-status-header .team-status-person{
    flex:0 1 auto!important;
    max-width:100%!important;
  }
}

/* Files workspace */
.library-files-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 16px;padding:0 2px}.library-files-header h1{margin:0;color:var(--ref-ink);font-size:clamp(26px,3vw,38px);letter-spacing:-.04em}.library-files-header p{margin:5px 0 0;color:var(--ref-muted);font-size:12px}.library-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:2px}.library-actions-row .button{white-space:nowrap}
.library-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.library-overview-card{display:grid;grid-template-columns:1fr auto;gap:4px 10px;min-height:112px;padding:17px 18px;text-align:left;color:var(--ref-ink);border:1px solid var(--ref-line);background:rgba(255,251,247,.8)}
.library-overview-card span{align-self:center;font-size:12px;font-weight:800}.library-overview-card strong{grid-row:1/3;grid-column:2;align-self:center;font-size:28px;letter-spacing:-1px}.library-overview-card small{font-size:10px;line-height:1.35;color:var(--ref-muted)}
.library-overview-card:hover{transform:translateY(-1px);background:#fff}.library-overview-card.active{color:#fff;border-color:var(--ref-navy);background:linear-gradient(145deg,#27313d,var(--ref-navy));box-shadow:0 10px 24px rgba(12,29,50,.18)}.library-overview-card.active small{color:rgba(255,255,255,.7)}
.library-suite{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px;align-items:start}
.library-suite-full{grid-template-columns:minmax(0,1fr)}
.library-sidebar{padding:0;overflow:hidden}
.library-sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:18px}
.library-sidebar-head>div{display:grid;gap:4px}
.library-sidebar-head strong{font-size:16px}
.library-sidebar-head small{font-size:11px;color:var(--ref-muted)}
.library-section-label{padding:8px 18px 5px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ref-muted);font-weight:800}
.library-category-list,.library-folder-list{display:grid;gap:3px;padding:0 9px 8px}
.library-category-button,.library-folder-button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:38px;padding:8px 10px;border:0;border-radius:11px;background:transparent;color:var(--ref-ink);text-align:left;font-size:12px}
.library-category-button:hover,.library-folder-button:hover{background:rgba(217,226,233,.5)}
.library-category-button.active,.library-folder-button.active{background:linear-gradient(145deg,rgba(0,122,173,.14),rgba(217,226,233,.65));color:var(--ref-blue);font-weight:800}
.library-category-button b,.library-folder-button b{font-size:10px;color:var(--ref-muted)}
.library-folder-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px;align-items:center}.library-folder-actions{display:flex;gap:2px}.library-folder-actions button{white-space:nowrap}.library-folder-delete{color:#a54843!important}
.library-folder-rename{min-height:30px!important;padding:0 7px!important}
.library-sidebar-foot{padding:10px 18px 16px;border-top:1px solid var(--ref-line)}
.library-documents{min-width:0}
.library-toolbar-modern{display:grid;grid-template-columns:minmax(170px,1fr) minmax(220px,1.4fr) auto;gap:12px;align-items:center;margin-bottom:12px;padding:14px 16px}
.library-search-panel{position:relative;margin:0 0 14px;padding:10px 12px}.library-search-panel .library-search{width:100%;background:rgba(255,255,255,.68)}.library-search-results{position:relative;top:auto;left:auto;width:100%;max-height:320px;margin-top:8px}
.library-toolbar-heading{display:grid;gap:4px}
.library-toolbar-heading strong{font-size:17px}
.library-toolbar-heading small{font-size:11px;color:var(--ref-muted)}
.library-search{display:flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:1px solid var(--ref-line);border-radius:13px;background:rgba(255,251,247,.74)}
.library-search span{color:var(--ref-muted);font-size:18px}
.library-search input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.library-folder-blocks{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0 0 10px}.library-folder-card{display:grid;grid-template-rows:1fr auto;min-height:112px;padding:11px;overflow:hidden}.library-folder-open{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px;width:100%;min-width:0;padding:7px;border:0;border-radius:10px;background:transparent;color:var(--ref-ink);text-align:left}.library-folder-open:hover{background:rgba(217,226,233,.4)}.library-folder-open .library-explorer-icon{grid-row:1/3}.library-folder-open strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.library-folder-open small{color:var(--ref-muted);font-size:10px}.library-folder-card-actions{display:flex;gap:5px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--ref-line)}.library-folder-card-actions button{font-size:10px;padding:6px 7px;white-space:nowrap}.library-explorer-list{display:grid;gap:8px}.library-explorer-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:12px;min-width:0;min-height:68px;padding:11px 14px;text-align:left;color:var(--ref-ink)}.library-explorer-row:hover{transform:translateY(-1px);background:#fff}.library-explorer-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(0,122,173,.12);color:var(--ref-blue);font-size:20px}.library-explorer-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.library-explorer-row small{color:var(--ref-muted);font-size:10px}.library-explorer-document{min-height:68px;padding:11px 14px}
.library-send-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-send-choice .note{flex-basis:100%;margin:0 0 4px}
.library-document-card{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:start;min-width:0;min-height:150px;padding:16px;overflow:hidden}
.library-explorer-row.library-document-card{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;min-height:68px;padding:11px 14px}
.library-document-card .library-document-main{gap:6px;min-width:0;overflow:hidden}
.library-document-title{display:flex;align-items:flex-start;gap:7px;min-width:0;flex-wrap:wrap}
.library-document-title strong{display:inline-block;min-width:0;max-width:100%;padding:3px 8px;border:1px solid #171717;border-radius:7px;background:#fff2a8;color:#171717;font-size:14px;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box}
.library-document-main p{margin:0;color:var(--ref-muted);font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.library-category-badge{display:inline-flex;padding:4px 7px;border-radius:8px;background:rgba(217,226,233,.7);color:var(--ref-blue);font-size:9px;font-weight:800}
.library-category-badge.contract{background:rgba(12,29,50,.1);color:var(--ref-navy)}
.library-category-badge.information{background:rgba(0,122,173,.12);color:var(--ref-blue)}
.library-category-badge.template{background:rgba(217,226,233,.84);color:var(--ref-navy)}
.library-category-badge.document{background:rgba(12,29,50,.1);color:var(--ref-navy)}
.library-category-badge.file{background:rgba(0,122,173,.12);color:var(--ref-blue)}
.library-category-badge.draft{background:rgba(217,226,233,.84);color:var(--ref-navy)}
.library-document-icon.contract{background:rgba(12,29,50,.12);color:var(--ref-navy)}
.library-document-icon.information{background:rgba(0,122,173,.14);color:var(--ref-blue)}
.library-document-icon.template{background:rgba(217,226,233,.9);color:var(--ref-navy)}
.library-document-icon.document{background:rgba(12,29,50,.12);color:var(--ref-navy)}
.library-document-icon.file{background:rgba(0,122,173,.14);color:var(--ref-blue)}
.library-document-icon.draft{background:rgba(217,226,233,.9);color:var(--ref-navy)}
.library-document-card .library-document-actions{grid-column:auto;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end;padding-top:0;border-top:0}
.library-explorer-toolbar-actions{display:flex;justify-content:flex-end;align-items:center;min-width:110px}.library-explorer-toolbar-actions .button{white-space:nowrap}
.library-document-card .library-document-actions button,.library-document-card .library-document-actions .button{min-height:34px;padding:7px 10px;font-size:11px}
.library-document-card .library-document-actions .primary{color:#fff}
.library-pending,.library-selected{display:block;padding:9px 11px;border-radius:10px;background:rgba(0,122,173,.1);color:var(--ref-navy);font-size:12px}
.library-selected{margin-bottom:7px}
.library-editor-meta{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin-bottom:12px}
.library-word-dialog{width:min(1440px,calc(100% - 24px));max-width:1440px;height:94dvh;max-height:94dvh;border-radius:22px;overflow:auto}
.library-word-dialog .dialog-head{padding:15px 22px;background:rgba(255,251,247,.96);backdrop-filter:blur(14px)}
.library-word-dialog .dialog-body{padding:14px 18px 18px;background:#e9edf0}
.library-word-form{min-width:0}.library-editor-shell{margin-top:0;border:1px solid #c9d1d9;border-radius:14px;overflow:hidden;background:#dfe4e8;box-shadow:0 8px 28px rgba(12,29,50,.1)}
.library-word-ribbon{position:sticky;top:0;z-index:3;border-bottom:1px solid #c4ccd4;background:linear-gradient(#fff,#f5f7f9);color:#16212c}
.word-ribbon-tabs{display:flex;align-items:center;gap:22px;height:32px;padding:0 13px;border-bottom:1px solid #d9dee3;font-size:11px}.word-ribbon-tabs strong{height:32px;padding:9px 4px 7px;border-bottom:2px solid var(--ref-blue);color:var(--ref-blue)}.word-ribbon-tabs span{color:#6d7781}
.word-ribbon-groups{display:flex;align-items:stretch;align-content:flex-start;gap:0;min-height:96px;padding:7px 8px 5px;flex-wrap:wrap;overflow:visible}
.word-ribbon-group{display:flex;align-content:flex-start;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;min-width:max-content;padding:2px 10px 17px;border-right:1px solid #d8dde2;position:relative}.word-ribbon-group:last-child{border-right:0}.word-ribbon-group>small{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#7b848d;font-size:9px}.word-font-group{max-width:390px}.word-command-row{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.word-command{display:inline-flex;align-items:center;justify-content:center;min-width:31px;min-height:29px;padding:4px 7px;border:1px solid transparent;border-radius:5px;background:transparent;color:#15202a;font-size:11px;font-weight:700}.word-command:hover{border-color:#b9c8d6;background:#e6f1f8}.word-command:active{background:#cfe4f2}.word-select{display:grid;grid-template-columns:auto minmax(70px,1fr);align-items:center;gap:4px;font-size:9px;color:#707a84}.word-select select{height:29px;min-width:76px;padding:3px 24px 3px 7px;border-radius:5px;background:#fff;font-size:11px}.word-font-group .word-select:first-child select{min-width:120px}
.word-color{display:grid;place-items:center;width:34px;height:30px;position:relative;border-radius:5px;font-size:12px;font-weight:800;overflow:hidden}.word-color:hover{background:#e6f1f8}.word-color input{position:absolute;left:4px;right:4px;bottom:2px;width:26px;height:5px;min-height:0;padding:0;border:0;border-radius:0}.word-highlight{background:linear-gradient(transparent 60%,#fff2a8 60%)}
.library-word-workspace{padding:18px 24px 34px;overflow:auto;background:linear-gradient(90deg,#dce2e7,#edf0f2 12%,#edf0f2 88%,#dce2e7)}
.library-word-ruler{display:flex;justify-content:space-between;width:min(794px,100%);height:18px;margin:0 auto 7px;padding:0 10px;border:1px solid #c8cfd5;background:#fff;color:#78828c;box-shadow:0 1px 2px #0001}.library-word-ruler span{width:1px;height:7px;margin-top:9px;background:#85909a}
.library-editor-surface{width:min(794px,100%);min-height:920px;margin:0 auto;padding:72px 76px;outline:0;background:#fff;color:#111;font:11pt/1.35 Calibri,Arial,sans-serif;box-shadow:0 3px 16px rgba(12,29,50,.18);overflow-wrap:anywhere}
.library-editor-surface:empty:before{content:attr(data-placeholder);color:var(--ref-muted)}
.library-editor-surface p{margin:0 0 8pt}.library-editor-surface h1,.library-editor-surface h2,.library-editor-surface h3{margin:10pt 0 6pt}.library-editor-surface h1{font-size:20pt}.library-editor-surface h2{font-size:16pt}.library-editor-surface h3{font-size:13pt}.library-editor-surface blockquote{margin:8pt 0;padding-left:14pt;border-left:3px solid #aab5bf;color:#52606b}.library-editor-surface table,.library-preview-page table{width:100%;border-collapse:collapse;margin:10pt 0}.library-editor-surface td,.library-editor-surface th,.library-preview-page td,.library-preview-page th{min-width:70px;padding:5pt;border:1px solid #69737c;vertical-align:top}.library-editor-surface th,.library-preview-page th{background:#eef2f5}.library-editor-surface hr{border:0;border-top:1px solid #7c858e}
.library-word-status{display:flex;justify-content:space-between;gap:10px;padding:7px 12px;border-top:1px solid #c8cfd5;background:#f8fafb;color:#66717b;font-size:10px}.library-editor-foot{position:sticky;bottom:-18px;z-index:4;margin:12px -18px -18px;padding:12px 18px;background:rgba(255,251,247,.95);border-top:1px solid var(--ref-line);backdrop-filter:blur(12px)}
.library-editor-readonly{display:grid;gap:10px;margin-top:14px;padding:22px;border:1px dashed var(--ref-line);border-radius:16px;background:rgba(217,226,233,.2);color:var(--ref-muted);font-size:13px;line-height:1.5}.library-editor-readonly strong{color:var(--ref-ink);font-size:14px}.library-editor-readonly p{margin:0}
.library-preview-meta{display:flex;gap:8px;margin-bottom:10px}.library-preview-meta span{padding:5px 9px;border-radius:8px;background:#fff;color:var(--ref-muted);font-size:10px}.library-preview-workspace{max-height:calc(94dvh - 190px);padding:24px;overflow:auto;background:#dfe4e8;border-radius:14px}.library-preview-page{width:min(794px,100%);min-height:920px;margin:auto;padding:72px 76px;background:#fff;color:#111;font:11pt/1.35 Calibri,Arial,sans-serif;box-shadow:0 3px 16px rgba(12,29,50,.18)}
@media(max-width:1100px){.library-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.library-suite{grid-template-columns:220px minmax(0,1fr)}.library-toolbar-modern{grid-template-columns:1fr auto}.library-search{grid-column:1/-1;grid-row:1}.library-toolbar-heading{grid-column:1}.library-toolbar-modern>.quick{grid-column:2}.library-editor-surface,.library-preview-page{padding:55px 48px}}
@media(max-width:720px){.library-overview{grid-template-columns:1fr 1fr;gap:8px}.library-overview-card{min-height:94px;padding:13px}.library-overview-card strong{font-size:23px}.library-suite{grid-template-columns:1fr}.library-toolbar-modern{grid-template-columns:1fr;padding:12px}.library-toolbar-heading,.library-toolbar-modern>.quick,.library-search,.library-explorer-toolbar-actions{grid-column:1}.library-toolbar-modern>.quick{justify-content:stretch}.library-toolbar-modern>.quick button{flex:1}.library-explorer-row,.library-explorer-row.library-document-card{grid-template-columns:38px minmax(0,1fr);align-items:start}.library-explorer-document .library-document-actions{grid-column:2;justify-content:flex-start;padding-top:8px;border-top:1px solid var(--ref-line)}.library-explorer-toolbar-actions{justify-content:flex-start}.library-document-grid{grid-template-columns:1fr}.library-editor-meta{grid-template-columns:1fr}.library-word-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.library-word-dialog .dialog-body{padding:10px}.library-word-workspace{padding:10px 6px 22px}.library-editor-surface,.library-preview-page{min-height:720px;padding:40px 24px}.library-preview-workspace{padding:8px}.word-ribbon-groups{min-height:88px;flex-wrap:nowrap;overflow-x:auto}.library-editor-foot{bottom:-10px;margin:10px -10px -10px;padding:10px}.library-editor-foot button{flex:1}.library-sidebar-head{padding:14px}.library-category-list,.library-folder-list{display:flex;overflow-x:auto;padding-inline:8px}.library-category-button,.library-folder-button{min-width:145px}}
@media(max-width:720px){.library-files-header{display:grid;gap:10px;margin-bottom:12px}.library-actions-row{justify-content:stretch}.library-actions-row .button{flex:1;min-width:0;padding-inline:9px;font-size:11px}.library-overview{margin-bottom:10px}.library-search-panel{padding:8px;margin-bottom:10px}.library-explorer-item{min-height:96px}.library-folder-item{min-width:310px}}

/* Keep customer order history in the same compact block language as the rest
   of the CRM cards. The button remains the full click target. */
.client-board-events{display:grid;gap:8px}
.client-board-event-link{display:grid;gap:5px;width:100%;padding:12px 14px;border:1px solid var(--ref-line,#d9e2e9);border-radius:13px;background:rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(38,63,49,.06);text-align:left;color:var(--ref-ink,#18202a);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.client-board-event-link:hover{transform:translateY(-1px);border-color:#9fb4aa;box-shadow:0 10px 20px rgba(38,63,49,.1)}
.client-board-event-link strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.client-board-event-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ref-muted,#71808f);font-size:10px}
.client-board-event-card{min-width:0}
.client-insight-comments p{min-height:20px}
@media(max-width:720px){.client-board-event-link{padding:10px 11px;border-radius:11px}.client-board-event-link strong{font-size:11px}.client-board-event-link span{font-size:9px}}

/* On mobile, keep the message channel switcher after the inbox filters so
   the conversation list can use the full content width. */
@media(max-width:720px){
  .inbox-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
  .inbox-filters>input{grid-column:1!important;width:100%!important;min-width:0!important}
  .inbox-filters>.quick{grid-column:1!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important}
  .inbox-filters>.mobile-inbox-provider-rail{grid-column:1!important;display:flex!important;position:static!important;width:100%!important;min-width:0!important;min-height:44px!important;flex-direction:row!important;align-items:center!important;gap:3px!important;padding:5px 6px!important;overflow:hidden!important;border:1px solid var(--ref-line)!important;border-radius:14px!important;background:rgba(255,251,247,.72)!important;box-shadow:inset 0 1px rgba(255,255,255,.86)!important}
  .inbox-filters>.mobile-inbox-provider-rail button{flex:1 1 0!important;width:auto!important;min-width:0!important;min-height:32px!important;flex-direction:row!important;gap:3px!important;padding:4px 2px!important;border-radius:10px!important;overflow:hidden!important}
  .inbox-filters>.mobile-inbox-provider-rail .provider-rail-icon{width:19px!important;height:19px!important;min-width:19px!important;font-size:11px!important}
  .inbox-filters>.mobile-inbox-provider-rail .provider-rail-label{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:8px!important;margin-top:0!important}
  .unified-inbox{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
  .unified-inbox>.inbox-provider-rail{display:none!important}
  .unified-inbox>.conversation-list{grid-column:1!important;grid-row:auto!important;height:calc(100vh - 290px)!important;min-height:280px!important}
}


/* Final interaction pass for the requested block-level workflows. */
.client-board-card{cursor:pointer}
.client-board-card-meta{cursor:pointer}
.client-insight-comments p{margin:8px 0 12px;color:var(--ref-ink,#18202a);font-size:12px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}
.drawer-workspace{grid-template-columns:132px minmax(0,1fr)}
.drawer-tabs{padding:10px 7px;gap:4px}
.drawer-tabs button{min-height:38px;padding:8px 9px;border-radius:10px;letter-spacing:.01em}
.drawer-tabs button>span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);font-size:13px}
.drawer-tabs button.active{font-weight:800}
.chat-list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:5px;padding:5px 8px;border-bottom:1px solid rgba(151,171,160,.2)}
.chat-list-row>[data-action="open-chat"]{display:grid;gap:4px;min-width:0;padding:10px 9px;border:0;border-radius:13px;background:transparent;text-align:left;color:var(--ref-ink,#18202a)}
.chat-list-row>[data-action="open-chat"] small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ref-muted,#71808f)}
.chat-list-row>[data-action="open-chat"].active{background:linear-gradient(145deg,#27313d,#0c1d32);color:#fff;box-shadow:0 8px 18px rgba(12,29,50,.16)}
.chat-list-row>[data-action="open-chat"].active small{color:rgba(255,255,255,.72)}
.chat-delete,.message-delete,.conversation-delete{border:1px solid rgba(129,149,139,.25);border-radius:10px;background:rgba(255,255,255,.58);color:#9b4c47;font-size:10px;font-weight:750}
.chat-delete{align-self:center;padding:6px 7px;white-space:nowrap}
.message{border-radius:15px;box-shadow:0 5px 16px rgba(20,38,29,.07)}
.message-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.message-delete{padding:3px 6px;background:rgba(255,255,255,.12);color:inherit;border-color:rgba(255,255,255,.24)}
.conversation-list>.conversation-delete{display:inline-flex;align-items:center;justify-content:center;margin:4px 10px 8px;padding:7px 10px;background:rgba(255,255,255,.56);color:#9b4c47}
.conversation-list-item{position:relative;display:block;padding:5px 8px 7px;border-bottom:1px solid rgba(129,149,139,.18)}
.conversation-list-item>[data-c360-action="conversation"]{display:grid;gap:4px;min-width:0;width:100%;min-height:68px;padding:11px 42px 11px 10px;border:0;border-radius:14px;background:transparent;text-align:left;color:var(--ref-ink,#18202a)}
.conversation-list-item>[data-c360-action="conversation"] strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-list-item>[data-c360-action="conversation"] time{font-size:10px;color:var(--ref-muted,#71808f)}
.conversation-list-item>[data-c360-action="conversation"]:hover{background:rgba(237,245,239,.72);transform:none}
.conversation-list-item>[data-c360-action="conversation"].active{background:transparent;color:var(--ref-ink,#18202a);border:1px solid #101114;box-shadow:none}
.conversation-list-item>[data-c360-action="conversation"].active time{color:var(--ref-muted,#71808f)}
.conversation-list-item>[data-c360-action="conversation"].active strong{color:var(--ref-ink,#18202a)}
.conversation-list-item>.conversation-delete{margin:0;padding:7px 8px;white-space:nowrap}
.conversation-list-item>.conversation-delete-cross{position:absolute;top:14px;right:17px;z-index:2;display:grid;place-items:center;width:24px;min-width:24px;height:24px;margin:0;padding:0;border:1px solid #101114;border-radius:50%;background:transparent;color:#101114;font-size:16px;font-weight:700;line-height:1}
.conversation-list-item>.conversation-delete-cross:hover,.conversation-controls>.conversation-delete-cross:hover{background:#101114;color:#fff}
.customer-message{position:relative;border-radius:16px;padding:13px 14px;color:#f7fbff;background:linear-gradient(145deg,#27313d,#0c1d32);box-shadow:0 8px 22px rgba(12,29,50,.13)}
.customer-message.inbound{background:rgba(255,251,247,.92);color:#18202a;border:1px solid var(--ref-line,#d9e2e9)}
.customer-message.internal_note{background:linear-gradient(145deg,#4b4e55,#25272c);color:#fff}
.customer-message>small{color:inherit;opacity:.72}
.customer-message p{color:inherit;line-height:1.5}
.customer-message .message-delete{float:right;margin-left:10px;color:inherit}
.conversation-controls .conversation-delete{padding:8px 10px;color:#9b4c47;background:rgba(255,255,255,.7)}
.conversation-controls .conversation-delete-cross{width:34px;height:34px;padding:0;border:1px solid #101114;border-radius:50%;background:transparent;color:#101114;font-size:19px;line-height:1}
@media(max-width:720px){
  .drawer-workspace{grid-template-columns:112px minmax(0,1fr)}
  .drawer-tabs button{gap:6px;font-size:10px}
  .drawer-tabs button>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .chat-list-row{padding:4px 6px}
  .conversation-list>.conversation-delete{margin:3px 8px 7px}
  .conversation-list-item{padding:4px 6px 6px}
  .conversation-list-item>.conversation-delete{padding-inline:6px}
}

/* Client cards are one continuous surface: the metadata and rating rows do
   not introduce an extra internal divider. */
.client-board-card-main,
.client-board-card-meta,
.client-board-card .client-rating{border-top:0!important;border-bottom:0!important}

/* Order cards use the same visual navigation rail as the primary CRM shell. */
.drawer-workspace{
  grid-template-columns:188px minmax(0,1fr)!important;
  height:100%!important;
  min-height:0!important;
  gap:0!important;
  background:transparent!important;
}
.drawer-order-sidebar{
  position:relative!important;
  top:auto!important;
  width:auto!important;
  height:100%!important;
  min-height:0!important;
  padding:24px 10px 18px!important;
  overflow:auto!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  z-index:1;
}
.drawer-order-sidebar .brand{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start!important;
  min-height:86px;
  padding:0 6px!important;
}
.drawer-order-sidebar .brand-logo{
  width:150px!important;
  height:84px!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.drawer-order-nav{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:6px!important;
  width:auto!important;
  margin:18px 3px 0!important;
  padding:10px 8px!important;
  border-radius:30px!important;
  background:rgba(255,251,247,.94)!important;
  border:1px solid rgba(255,251,247,.96)!important;
  box-shadow:0 15px 34px rgba(12,13,16,.25),inset 0 1px rgba(255,255,255,.9)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  /* The renderer positions the active tab explicitly. Keep native scrolling
     immediate so only that controlled transition can move the rail. */
  scroll-behavior:auto;
}
.drawer-order-nav button,
.drawer-order-nav button:hover{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:auto!important;
  padding:10px 13px!important;
  border:1px solid transparent!important;
  border-radius:24px!important;
  background:transparent!important;
  color:var(--ref-dark)!important;
  text-align:left!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
  transform:none!important;
}
.drawer-order-nav button.active,
.drawer-order-nav button.active:hover{
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 13px 27px rgba(12,13,16,.34),inset 0 1px rgba(255,255,255,.28)!important;
}
.drawer-order-nav button .nav-label-text{
  display:block!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.drawer-order-content{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  overflow:hidden;
  background:rgba(255,251,247,.84);
}
.drawer-order-content .dialog-head{
  position:relative!important;
  top:auto!important;
  flex:0 0 auto;
  background:rgba(255,251,247,.9)!important;
}
.drawer-order-content .drawer-body{
  flex:1 1 auto;
  min-height:0;
  overflow:auto;
  background:transparent!important;
}
@media(max-width:720px){
  .drawer-workspace{grid-template-columns:126px minmax(0,1fr)!important}
  .drawer-order-sidebar{padding:18px 7px 14px!important}
  .drawer-order-sidebar .brand{min-height:74px;padding:0 2px!important}
  .drawer-order-sidebar .brand-logo{width:110px!important;height:66px!important}
  .drawer-order-nav{margin:12px 1px 0!important;padding:8px 6px!important}
  .drawer-order-nav button{min-height:38px!important;padding:8px!important;font-size:10px!important}
  .drawer-order-content .dialog-head{height:72px;padding:14px 16px}
  .drawer-order-content .dialog-head h2{font-size:18px}
  .drawer-order-content .drawer-body{padding:17px}
}

/* The order rail is intentionally compact: no duplicate logo, just the
   navigation capsule with a narrow dark surround to leave more room for the
   order itself. */
.drawer-workspace{grid-template-columns:168px minmax(0,1fr)!important}
.drawer-order-sidebar{padding:18px 8px 18px!important}
.drawer-order-sidebar .brand{display:none!important}
.drawer-order-nav{margin:0 1px!important;padding:10px 7px!important}
@media(max-width:720px){
  .drawer-workspace{grid-template-columns:112px minmax(0,1fr)!important}
  .drawer-order-sidebar{padding:12px 5px 14px!important}
  .drawer-order-nav{margin:0!important;padding:8px 5px!important}
}

/* Orders list: compact CRM blocks with only the fields needed at a glance. */
.orders-table-legacy{display:none!important}
.order-list-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:15px;
}
.order-list-card{
  display:grid;
  grid-template-columns:118px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  min-width:0;
  padding:12px 14px;
  border:1px solid var(--ref-line,#d9e2e9);
  border-radius:18px;
  background:rgba(255,251,247,.86);
  box-shadow:0 12px 26px rgba(32,33,38,.08),inset 0 1px rgba(255,255,255,.9);
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.order-list-card:hover{transform:translateY(-2px);border-color:rgba(0,122,173,.35);box-shadow:0 18px 32px rgba(32,33,38,.14),inset 0 1px rgba(255,255,255,.94)}
.order-list-card:focus-visible{outline:3px solid rgba(0,122,173,.35);outline-offset:3px}
.order-list-card-head{display:grid;align-content:center;gap:7px;min-width:0;margin:0}
.order-list-card-head>span{color:var(--ref-muted,#737b83);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.order-list-card-head .tag{font-size:10px;padding:4px 7px}
.order-list-card-grid{display:grid;grid-template-columns:repeat(6,minmax(105px,1fr));gap:8px;min-width:0}
.order-list-field{display:grid;gap:4px;min-width:0;padding:10px 11px;border-radius:12px;background:rgba(217,226,233,.34)}
.order-list-field small{font-size:10px;color:var(--ref-muted,#737b83);font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.order-list-field strong,.order-list-field a,.order-list-field>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ref-ink,#18202a);font-size:13px;font-weight:750;text-decoration:none}
.order-list-field a:hover{text-decoration:underline;color:var(--ref-blue,#007aad)}
.order-list-field.order-list-client,.order-list-field.order-list-program{background:rgba(0,122,173,.12);box-shadow:inset 0 0 0 1px rgba(0,122,173,.08)}
.order-list-field.order-list-client strong,.order-list-field.order-list-program strong{color:#0c4f70}
.order-list-field.order-list-price{background:rgba(255,211,55,.2)}
.order-list-field.order-list-price strong{font-size:16px}
.order-list-card footer{display:flex;justify-content:flex-end;margin:0;padding:0;border:0}
.order-list-card footer button{padding:8px 12px;font-size:11px}
@media(max-width:1180px){
  .order-list-card{grid-template-columns:105px minmax(0,1fr) auto;gap:10px}
  .order-list-card-grid{grid-template-columns:repeat(3,minmax(110px,1fr))}
}
@media(max-width:720px){
  .order-list-grid{grid-template-columns:1fr;padding:10px}
  .order-list-card{display:flex;flex-direction:column;align-items:stretch;padding:14px;border-radius:16px}
  .order-list-card-grid{gap:7px}
  .order-list-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .order-list-field{padding:9px}
  .order-list-card footer{justify-content:flex-end;margin-top:11px;padding-top:11px;border-top:1px solid rgba(148,174,158,.22)}
}

/* Mobile scroll contract: the page title and team row stay in normal flow;
   only the two quick controls become viewport-pinned after their row reaches
   the top. This final block intentionally wins over earlier header presets. */
@media(max-width:720px){
  .topbar,
  .topbar-start,
  .topbar-start>#breadcrumb,
  .topbar-start>.team-status-header,
  .topbar .top-right{
    position:static!important;
  }
  .topbar .global-trigger,
  .topbar .notification-button,
  .topbar-start>#inline-search{
    position:static!important;
  }
  .topbar.mobile-controls-stuck .global-trigger,
  .topbar.mobile-controls-stuck .notification-button,
  .topbar.mobile-controls-stuck #inline-search{
    position:fixed!important;
    top:calc(10px + env(safe-area-inset-top))!important;
    z-index:40!important;
  }
  .topbar.mobile-controls-stuck .global-trigger,
  .topbar.mobile-controls-stuck #inline-search{left:18px!important;right:auto!important}
  .topbar.mobile-controls-stuck .notification-button{right:18px!important;left:auto!important}
}

/* Desktop scroll contract: the page title and employee strip scroll with the
   document. Search and notifications preserve their original horizontal
   positions and pin to the viewport only after scrolling starts. */
@media(min-width:721px){
  .topbar{position:static!important}
  .topbar.mobile-controls-stuck .global-trigger,
  .topbar.mobile-controls-stuck #inline-search,
  .topbar.mobile-controls-stuck .notification-button{
    position:fixed!important;
    top:var(--header-control-top,18px)!important;
    z-index:40!important;
  }
  .topbar.mobile-controls-stuck .global-trigger,
  .topbar.mobile-controls-stuck #inline-search{
    left:var(--header-search-left,24px)!important;
    right:auto!important;
  }
  .topbar.mobile-controls-stuck #inline-search.is-open{
    width:min(360px,42vw)!important;
  }
  .topbar.mobile-controls-stuck .notification-button{
    left:auto!important;
    right:var(--header-notification-right,24px)!important;
  }
}

/* Keep document commands and all save actions reachable on narrow screens. */
dialog#editor:not([open]){display:none!important}
.header-control-placeholder{display:none!important;pointer-events:none;flex:0 0 auto}
.mobile-controls-stuck .header-control-placeholder{display:block!important}
.header-placeholder-search{order:1;grid-row:2;justify-self:start}
.order-list-card:focus-visible{outline:3px solid var(--ref-blue,#007aad);outline-offset:3px}
.kpis .kpi:nth-child(2) .kpi-label,.kpis .kpi:nth-child(2) .kpi-value,.kpis .kpi:nth-child(2) small{color:#fff!important}
.conversation-list-item>[data-c360-action="conversation"].active strong{color:var(--ref-ink,#18202a)!important}

/* Keep the mobile global search results inside the viewport.  The search
   control is narrower than the result panel, so anchoring it to the right
   edge made the panel start off-screen on small phones. */
@media(max-width:720px){
  .topbar{z-index:100!important;overflow:visible!important}.topbar-start{z-index:101!important;overflow:visible!important}
  .topbar-start>#inline-search{overflow:visible!important;min-width:0!important}
  .topbar-start>#inline-search .inline-search-results{
    left:0!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}
.order-list-grid{container-type:inline-size}
.order-list-card-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media(min-width:721px){
  @container(max-width:1050px){
    .order-list-card{grid-template-columns:90px minmax(0,1fr)}
    .order-list-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
    .order-list-card footer{grid-column:2;justify-self:end}
  }
}
@media(max-width:720px){
  .order-list-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .library-word-dialog .library-word-ribbon{position:static}
  .library-word-dialog .word-ribbon-groups{flex-wrap:wrap;overflow-x:visible}
  .library-word-dialog .word-ribbon-group{min-width:0;max-width:100%;flex:1 1 180px}
  .library-word-dialog .word-command-row{min-width:0;max-width:100%}
  .library-word-dialog .library-editor-foot{display:flex;flex-wrap:wrap;margin-inline:0;padding:10px 0;bottom:0}
  .library-word-dialog .library-editor-foot button{flex:1 1 130px;min-width:0;white-space:normal;overflow-wrap:anywhere}
}

/* Final home dashboard and calendar controls pass. */
.dashboard-columns>.panel:first-child .cards{padding:12px;gap:10px}
.dashboard-columns>.panel:first-child .order-card{padding:14px 16px;min-height:0}
.dashboard-columns>.panel:first-child .order-card h3{margin:8px 0 6px;font-size:16px}
.dashboard-columns>.panel:first-child .order-card p{margin:0;line-height:1.38;font-size:12px}
.dashboard-columns>.panel:first-child .order-card .card-bottom{margin-top:9px;padding-top:9px;min-height:0}
.dashboard-columns>.panel:first-child .card-actions-row{display:flex;align-items:center;gap:9px;margin-top:10px;min-height:36px}
.dashboard-columns>.panel:first-child .card-contact-actions{min-width:0;flex:1}
.dashboard-columns>.panel:first-child .card-contact-actions .contact-actions{display:flex;gap:6px;margin:0;flex-wrap:nowrap}
.dashboard-columns>.panel:first-child .card-contact-actions .button{padding:8px 10px;font-size:11px;white-space:nowrap}
.dashboard-columns>.panel:first-child .card-open{flex:0 0 auto;min-width:104px;padding:9px 12px;border-radius:12px!important;white-space:nowrap}
.dashboard-columns>.panel:nth-child(2) .attention-row{margin:9px 14px;padding:12px 13px;border:1px solid var(--ref-line,#d9dee6);border-radius:14px;background:rgba(255,251,247,.72);box-shadow:0 8px 18px rgba(32,33,38,.06)}
.dashboard-columns>.panel:nth-child(2) .attention-row:last-child{margin-bottom:14px}
.dashboard-columns>.panel:nth-child(2) .attention-row p{margin:6px 0 0;font-size:11px;line-height:1.4}
.dashboard-columns>.panel:nth-child(2) .attention-row .order-link{display:block;font-size:13px;font-weight:800}
.crm-home .task-row{margin:8px 14px;border:1px solid var(--ref-line,#d9dee6);border-radius:14px;background:rgba(255,251,247,.72);box-shadow:0 7px 16px rgba(32,33,38,.05)}
.crm-home .task-row:last-of-type{margin-bottom:14px}
.crm-home>.quick{padding:12px 14px 14px}
.calendar-modes [data-id="month"],.calendar-modes [data-id="week"],.calendar-modes [data-id="day"]{display:inline-flex!important}
.home-calendar-window-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap}
.home-calendar-window-actions button{flex:0 0 auto;white-space:nowrap}
.home-calendar-window-actions .home-calendar-today{min-width:92px}
.home-calendar-modebar{display:flex;align-items:center;gap:7px;flex-wrap:nowrap}
.home-calendar-modebar button{white-space:nowrap}
@media(max-width:560px){
  .dashboard-columns>.panel:first-child .card-actions-row{gap:6px}
  .dashboard-columns>.panel:first-child .card-contact-actions .button{padding:7px 8px;font-size:10px}
  .dashboard-columns>.panel:first-child .card-open{min-width:92px;padding:8px 9px;font-size:10px}
  .home-calendar-window-actions{gap:5px}
  .home-calendar-window-actions .home-calendar-today{min-width:78px;padding-inline:8px!important}
}

.order-import-help{margin:0 0 14px;color:var(--ref-muted,#687079);line-height:1.5}
.order-import-draft{display:grid;gap:12px;max-height:min(68vh,720px);overflow:auto;padding:2px 4px 4px 0}
.order-import-draft-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--ref-line,#d9d5ce);border-radius:16px;background:rgba(255,255,255,.58)}
.order-import-draft-row .span-2{grid-column:span 2}
.order-import-source{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:4px;border-bottom:1px solid var(--ref-line,#d9d5ce);font-size:.86rem}
.order-import-source span{color:var(--ref-muted,#687079);font-size:.78rem}
.order-import-issues{grid-column:1/-1;margin:0;padding:9px 11px;border-radius:10px;background:#fff1c2;color:#6b4e00;font-size:.84rem}
.order-import-draft-row .field{min-width:0}
.client-import-draft-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.client-import-draft-row .field:nth-of-type(5),.client-import-draft-row .field:nth-of-type(6),.client-import-draft-row textarea{grid-column:span 3}
.client-import-draft-row textarea{min-height:78px}
@media (max-width:720px){
  .order-import-draft{max-height:62vh}
  .order-import-draft-row{grid-template-columns:1fr}
  .order-import-draft-row .span-2{grid-column:auto}
  .client-import-draft-row .field:nth-of-type(5),.client-import-draft-row .field:nth-of-type(6),.client-import-draft-row textarea{grid-column:auto}
}

/* Mobile order drawer: its internal rail must stay inside the drawer. The
   global mobile sidebar rule is reserved for the main CRM navigation and
   otherwise pins the order rail over the bottom of the card. */
.task-action-done{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important;box-shadow:0 8px 18px rgba(12,13,16,.24)!important}
.task-action-done:hover{background:linear-gradient(145deg,#45464b,#15161a)!important;color:#fff!important}
.crm-home{display:none!important}
@media(max-width:720px){
  .drawer .drawer-workspace{grid-template-columns:112px minmax(0,1fr)!important;height:100%!important;min-height:0!important;display:grid!important}
  .drawer .drawer-order-sidebar{position:relative!important;inset:auto!important;height:100%!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:12px 5px 14px!important;z-index:1!important}
  .drawer .drawer-order-sidebar .drawer-order-nav,
  .drawer .drawer-order-sidebar .nav{position:static!important;inset:auto!important;transform:none!important;display:flex!important;flex-direction:column!important;overflow:visible!important;max-height:none!important;width:auto!important;margin:0!important;padding:8px 5px!important}
  .drawer .drawer-order-sidebar .drawer-order-nav{height:auto!important;min-height:0!important;flex:0 0 auto!important;align-self:stretch!important;overflow:visible!important}
  .drawer .drawer-order-sidebar .drawer-order-nav button{display:flex!important;flex:0 0 auto!important;min-height:38px!important;width:100%!important;padding:8px!important;font-size:10px!important;white-space:nowrap!important}
  .drawer .drawer-order-content{min-width:0!important;height:100%!important;overflow:hidden!important}
  .drawer .drawer-order-content .drawer-body{min-width:0!important;overflow:auto!important;padding:17px!important;padding-bottom:32px!important}
  .drawer .drawer-order-content .dialog-head{height:72px!important;min-height:72px!important}
  .sidebar:not(.drawer-order-sidebar)>.nav.mobile-nav-expanded{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;z-index:5!important}
}

/* Mobile home compact pass. Keep the desktop layout and account details
   unchanged; the narrow header has less vertical room than the desktop rail. */
@media (max-width:720px){
  /* The mobile account cluster must stay above the black/white boundary. */
  .sidebar .side-meta{
    top:10px!important;
    right:12px!important;
    left:auto!important;
    bottom:auto!important;
    width:145px!important;
    max-height:130px!important;
    padding:7px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .sidebar .side-meta .side-date,
  .sidebar .side-meta .side-time{
    display:none!important;
  }
  .sidebar .side-meta .side-admin{order:1!important;margin:0!important;padding:4px!important}
  .sidebar .side-meta .logout-label{order:2!important;width:100%!important;min-height:29px!important}
  .sidebar .side-meta .app-version{
    order:3!important;
    display:block!important;
    margin:0!important;
    padding:0 2px!important;
    line-height:1.1!important;
    text-align:left!important;
  }

  /* Today's event cards keep their full width but use a tighter vertical
     rhythm and expose only the primary Open action on a phone. */
  .dashboard-columns>.panel:first-child .cards{padding:8px;gap:7px}
  .dashboard-columns>.panel:first-child .order-card{
    padding:10px 12px!important;
    border-radius:13px!important;
  }
  .dashboard-columns>.panel:first-child .order-card .card-top{gap:6px}
  .dashboard-columns>.panel:first-child .order-card .card-top small{font-size:9px;line-height:1.15}
  .dashboard-columns>.panel:first-child .order-card .card-top .tag{font-size:9px;padding:3px 6px}
  .dashboard-columns>.panel:first-child .order-card h3{
    margin:5px 0 4px!important;
    font-size:13px!important;
    line-height:1.15!important;
  }
  .dashboard-columns>.panel:first-child .order-card p{
    font-size:10px!important;
    line-height:1.25!important;
  }
  .dashboard-columns>.panel:first-child .order-card .card-bottom:empty{display:none!important}
  .dashboard-columns>.panel:first-child .order-card .card-bottom{
    margin-top:6px!important;
    padding-top:6px!important;
  }
  .dashboard-columns>.panel:first-child .card-actions-row{
    display:block!important;
    min-height:0!important;
    margin-top:7px!important;
  }
  .dashboard-columns>.panel:first-child .card-contact-actions{display:none!important}
  .dashboard-columns>.panel:first-child .card-open{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    min-height:31px!important;
    justify-content:center!important;
    padding:7px 10px!important;
    font-size:10px!important;
  }
}

/* Mobile orders density and filter drawer. Desktop keeps the original rows. */
.orders-filter-shell{display:block}
.orders-filter-controls{display:block}
.mobile-filters-toggle{display:none}
@media (max-width:720px){
  .mobile-inner-page .topbar{
    padding-top:8px!important;
    padding-bottom:6px!important;
  }
  .mobile-inner-page .topbar-start{gap:4px!important}
  .mobile-inner-page .workspace{padding-top:8px!important}
  .mobile-inner-page .workspace>.page-head-actions{
    margin-bottom:5px!important;
    min-height:0!important;
  }
  .mobile-inner-page .workspace>.page-head-actions>.primary{
    min-height:32px!important;
    padding:7px 11px!important;
    font-size:10px!important;
  }
  .orders-filter-shell{
    display:block!important;
    padding-top:5px;
  }
  .mobile-filters-toggle{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:30px;
    margin:0 14px 8px;
    padding:6px 11px;
    border:1px solid var(--ref-line,#d8dbe3)!important;
    border-radius:10px!important;
    background:linear-gradient(145deg,#fff,#eef0f4)!important;
    color:var(--ref-ink,#202126)!important;
    font-size:10px;
    font-weight:800;
    box-shadow:0 5px 12px rgba(42,49,61,.08)!important;
  }
  .mobile-filters-toggle.active{
    background:linear-gradient(145deg,#3a3b40,#111214)!important;
    border-color:#07080a!important;
    color:#fff!important;
  }
  .orders-filter-controls{display:none!important}
  .orders-filter-shell.is-open .orders-filter-controls{display:block!important}
  .orders-filter-controls .toolbar{padding:8px 14px!important;gap:7px!important}
  .orders-filter-controls .quick{padding:0 14px 10px!important;gap:6px!important}
  .orders-filter-controls .chip{padding:6px 9px!important;font-size:10px!important}
  .orders-filter-controls .date-filter{width:100%!important}
  .orders-filter-controls .date-filter input{flex:1!important;min-width:0!important}
  .orders-filter-controls .all-orders-filter{display:inline-flex!important}
  .orders-filter-controls [data-mobile-only-mine]{display:none!important}
  .orders-filter-controls .all-orders-filter.active{
    background:linear-gradient(145deg,#3a3b40,#111214)!important;
    border-color:#07080a!important;
    color:#fff!important;
  }
  .orders-filter-controls .quick [data-action="export"],
  .orders-filter-controls .quick [data-action="order-import"]{
    background:linear-gradient(145deg,#3a3b40,#111214)!important;
    border-color:rgba(255,255,255,.22)!important;
    color:#fff!important;
    box-shadow:0 8px 16px rgba(13,14,16,.24),inset 0 1px rgba(255,255,255,.2)!important;
  }
}
@media (min-width:721px){
  .orders-filter-shell{display:block}
  .mobile-filters-toggle,.all-orders-filter{display:none!important}
}

/* The mobile orders use the same compact card language as Today's events.
   The order-specific fields stay intact, while the extra field capsules are
   removed so the card reads as one calm block. */
@media (max-width:720px){
  .mobile-orders-page .order-list-grid{
    padding:8px!important;
    gap:7px!important;
  }
  .mobile-orders-page .order-list-card{
    display:block!important;
    padding:10px 12px!important;
    border:1px solid #dce4dd!important;
    border-radius:13px!important;
    background:linear-gradient(145deg,#fff 0,#fbfdfb 100%)!important;
    box-shadow:0 4px 15px rgba(24,48,36,.04),inset 0 1px rgba(255,255,255,.9)!important;
  }
  .mobile-orders-page .order-list-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 25px rgba(24,48,36,.1),inset 0 1px rgba(255,255,255,.94)!important;
  }
  .mobile-orders-page .order-list-card-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:6px!important;
    min-width:0;
    margin:0!important;
  }
  .mobile-orders-page .order-list-card-head>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--ref-muted,#737b83)!important;
    font-size:9px!important;
    line-height:1.15!important;
    font-weight:800!important;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .mobile-orders-page .order-list-card-head .tag{
    flex:0 0 auto;
    padding:3px 6px!important;
    font-size:9px!important;
  }
  .mobile-orders-page .order-list-card-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:2px 12px!important;
    min-width:0;
    padding:6px 0 0!important;
  }
  .mobile-orders-page .order-list-field{
    display:grid!important;
    gap:2px!important;
    min-width:0;
    padding:5px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-orders-page .order-list-field small{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--ref-muted,#737b83)!important;
    font-size:8px!important;
    line-height:1.1!important;
    font-weight:800!important;
    letter-spacing:.06em;
    text-transform:uppercase;
  }
  .mobile-orders-page .order-list-field strong,
  .mobile-orders-page .order-list-field a,
  .mobile-orders-page .order-list-field>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--ref-ink,#18202a)!important;
    font-size:11px!important;
    line-height:1.2!important;
    font-weight:750!important;
    text-decoration:none;
  }
  .mobile-orders-page .order-list-field.order-list-client,
  .mobile-orders-page .order-list-field.order-list-program,
  .mobile-orders-page .order-list-field.order-list-price{
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-orders-page .order-list-field.order-list-client strong,
  .mobile-orders-page .order-list-field.order-list-program strong{
    color:var(--ref-ink,#18202a)!important;
  }
  .mobile-orders-page .order-list-field.order-list-price strong{font-size:12px!important}
  .mobile-orders-page .order-list-card footer{
    display:flex!important;
    justify-content:stretch!important;
    margin-top:6px!important;
    padding-top:6px!important;
    border-top:1px solid rgba(148,174,158,.22)!important;
  }
  .mobile-orders-page .order-list-card footer button{
    width:100%!important;
    min-height:31px!important;
    padding:7px 10px!important;
    border-radius:12px!important;
    font-size:10px!important;
  }
  .mobile-orders-page .mobile-filters-toggle{
    background:linear-gradient(145deg,#3a3b40,#111214)!important;
    border-color:#07080a!important;
    color:#fff!important;
    box-shadow:0 10px 20px rgba(13,14,16,.25),inset 0 1px rgba(255,255,255,.22)!important;
  }
  .mobile-orders-page .mobile-filters-toggle.active{
    background:linear-gradient(145deg,#4a4b50,#151619)!important;
  }
}

/* Keep the current card shell and actions, while restoring the original
   order-field blocks inside each mobile card. */
@media (max-width:720px){
  .mobile-orders-page .order-list-card-grid{
    gap:7px!important;
    padding:6px 0 0!important;
  }
  .mobile-orders-page .order-list-field{
    display:grid!important;
    gap:4px!important;
    min-width:0;
    padding:9px!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(217,226,233,.34)!important;
    box-shadow:none!important;
  }
  .mobile-orders-page .order-list-field small{
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.06em;
  }
  .mobile-orders-page .order-list-field strong,
  .mobile-orders-page .order-list-field a,
  .mobile-orders-page .order-list-field>span{
    font-size:13px!important;
    line-height:1.2!important;
  }
  .mobile-orders-page .order-list-field.order-list-client,
  .mobile-orders-page .order-list-field.order-list-program{
    background:rgba(0,122,173,.12)!important;
    box-shadow:inset 0 0 0 1px rgba(0,122,173,.08)!important;
  }
  .mobile-orders-page .order-list-field.order-list-client strong,
  .mobile-orders-page .order-list-field.order-list-program strong{
    color:#0c4f70!important;
  }
  .mobile-orders-page .order-list-field.order-list-price{
    background:rgba(255,211,55,.2)!important;
  }
  .mobile-orders-page .order-list-field.order-list-price strong{font-size:16px!important}
}

/* The login reference stays clean without the decorative cloud artwork or its
   translucent panel behind it. */
.login-reference .login-cloud-stage{display:none!important}

/* On phones the order drawer takes over the main bottom navigation. The
   desktop drawer keeps its left rail; only the mobile layout becomes a full
   width bottom rail with the same dimensions as the CRM navigation. */
@media(max-width:720px){
  .drawer-open .shell>.sidebar>.nav{display:none!important}
  .drawer .drawer-workspace{display:block!important;height:100%!important;min-height:0!important}
  .drawer .drawer-order-sidebar{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    top:auto!important;
    width:auto!important;
    height:72px!important;
    min-height:72px!important;
    padding:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    z-index:50!important;
  }
  .drawer .drawer-order-sidebar .drawer-order-nav,
  .drawer .drawer-order-sidebar .nav{
    position:static!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:72px!important;
    min-height:72px!important;
    max-height:none!important;
    margin:0!important;
    padding:7px 8px!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:25px!important;
    background:rgba(16,43,38,.96)!important;
    box-shadow:0 14px 34px rgba(12,35,30,.28),inset 0 1px rgba(255,255,255,.1)!important;
    backdrop-filter:blur(24px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(125%)!important;
  }
  .drawer .drawer-order-sidebar .drawer-order-nav::-webkit-scrollbar,
  .drawer .drawer-order-sidebar .nav::-webkit-scrollbar{display:none}
  .drawer .drawer-order-nav button,
  .drawer .drawer-order-nav button:hover{
    flex:0 0 76px!important;
    flex-grow:0!important;
    flex-shrink:0!important;
    flex-basis:76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
    inline-size:76px!important;
    max-inline-size:76px!important;
    height:56px!important;
    min-height:56px!important;
    padding:6px 4px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:3px!important;
    border:1px solid transparent!important;
    border-radius:18px!important;
    background:transparent!important;
    color:#bdd0c6!important;
    font-size:9px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    text-align:center!important;
    transform:none!important;
  }
  .drawer .drawer-order-nav button.active,
  .drawer .drawer-order-nav button.active:hover{
    background:linear-gradient(135deg,#d6f18f,#c8ed79)!important;
    border-color:rgba(255,255,255,.35)!important;
    color:#102b26!important;
    box-shadow:0 8px 20px rgba(157,207,101,.22),inset 0 1px rgba(255,255,255,.62)!important;
  }
  .drawer .drawer-order-content{
    display:flex!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }
  .drawer .drawer-order-content .drawer-body{
    padding-bottom:104px!important;
  }
}

/* Mobile main navigation follows the reference capsule: warm white rail,
   graphite active item, and no green surface on the navigation itself. */
@media(max-width:720px){
  .sidebar .nav{
    background:#fffefa!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.95)!important;
    border-top-color:rgba(255,255,255,.95)!important;
    box-shadow:0 -10px 29px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.96)!important;
  }
  .sidebar .nav button,
  .sidebar .nav button:hover,
  .sidebar .nav button:focus-visible{
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    color:#25262b!important;
  }
  .sidebar .nav button.active,
  .sidebar .nav button.active:hover,
  .sidebar .nav button.active:focus-visible{
    background:linear-gradient(145deg,#34353a,#0c0d10)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
    box-shadow:0 13px 27px rgba(12,13,16,.34),inset 0 1px rgba(255,255,255,.28)!important;
  }
  .sidebar .nav button .nav-icon,
  .sidebar .nav button.active .nav-icon,
  .sidebar .nav button.active .nav-label-text{
    background:transparent!important;
    color:inherit!important;
  }
  .sidebar .nav button.active .nav-icon,
  .sidebar .nav button.active .nav-label-text{color:#fff!important}
}

/* Task filters use the same graphite selected state as the rest of the CRM. */
#workspace > .quick > button[data-crm-action="task-view"].active{
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  border-color:rgba(255,255,255,.28)!important;
  color:#fff!important;
  box-shadow:0 10px 20px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.24)!important;
}

/* Keep the full administrator navigation in one horizontal mobile rail. */
@media(max-width:720px){
  .sidebar .nav.mobile-nav-expanded{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .sidebar .nav.mobile-nav-expanded > button{
    flex:0 0 76px!important;
    width:76px!important;
    min-width:76px!important;
    max-width:76px!important;
  }
  .sidebar .nav.mobile-nav-expanded > button.active{
    flex:0 0 58px!important;
    width:58px!important;
    min-width:58px!important;
    max-width:58px!important;
  }
}

/* The compact chat page becomes a readable vertical list on phones. */
@media(max-width:720px){
  .chat-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    width:100%!important;
    min-width:0!important;
  }
  .chat-list{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    padding:6px!important;
  }
  .chat-list-row{
    width:100%!important;
    min-width:0!important;
    grid-template-columns:minmax(0,1fr) 34px!important;
    gap:5px!important;
    padding:5px 0!important;
  }
  .chat-list-row>[data-action="open-chat"]{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    padding:9px 10px!important;
    overflow:hidden!important;
  }
  .chat-list-row>[data-action="open-chat"] strong{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:13px!important;
  }
  .chat-list-row>[data-action="open-chat"] small{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .chat-list-row .chat-delete{
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    padding:0!important;
    align-self:center!important;
    font-size:0!important;
  }
  .chat-list-row .chat-delete::before{
    content:"×";
    font-size:18px;
    line-height:1;
  }
  .chat-thread{
    width:100%!important;
    min-width:0!important;
    padding:12px!important;
    overflow:hidden!important;
  }
  .chat-thread .chat-messages{
    min-height:170px!important;
    max-height:40vh!important;
    overflow:auto!important;
  }
  .chat-thread .message{min-width:0!important;max-width:94%!important;padding:11px 12px!important}
  .chat-thread .message-form{margin-top:10px!important;gap:8px!important}
  .chat-thread .message-form textarea{width:100%!important;min-height:58px!important}
  .chat-thread .message-form button{min-height:40px!important}
}

/* The order card uses the same light mobile rail as the main CRM. */
@media(max-width:720px){
  .sidebar:not(.drawer-order-sidebar)>.nav.mobile-nav-expanded{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    grid-template-columns:none!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    touch-action:pan-x!important;
    overscroll-behavior-x:contain!important;
  }
  .drawer .drawer-order-sidebar .drawer-order-nav,
  .drawer .drawer-order-sidebar .nav{
    background:#fffefa!important;
    background-image:none!important;
    border:1px solid rgba(255,255,255,.95)!important;
    border-top-color:rgba(255,255,255,.95)!important;
    box-shadow:0 -10px 29px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.96)!important;
  }
  .drawer .drawer-order-nav button,
  .drawer .drawer-order-nav button:hover,
  .drawer .drawer-order-nav button:focus-visible{
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    color:#25262b!important;
  }
  .drawer .drawer-order-nav button.active,
  .drawer .drawer-order-nav button.active:hover,
  .drawer .drawer-order-nav button.active:focus-visible{
    background:linear-gradient(145deg,#34353a,#0c0d10)!important;
    border-color:rgba(255,255,255,.28)!important;
    color:#fff!important;
    box-shadow:0 13px 27px rgba(12,13,16,.34),inset 0 1px rgba(255,255,255,.28)!important;
  }
  .drawer .drawer-order-nav button .nav-icon,
  .drawer .drawer-order-nav button.active .nav-icon,
  .drawer .drawer-order-nav button.active .nav-label-text{
    background:transparent!important;
    color:inherit!important;
  }
  .drawer .drawer-order-nav button.active .nav-icon,
  .drawer .drawer-order-nav button.active .nav-label-text{color:#fff!important}
}

/* The main mobile rail keeps the selected item rectangular, like the order card rail. */
@media(max-width:720px){
  .sidebar .nav button.active,
  .sidebar .nav button.active:hover,
  .sidebar .nav button.active:focus-visible{
    border-radius:16px!important;
  }
}

/* Chat conversations use the same compact card treatment as the order list. */
.chat-layout .chat-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
}
.chat-layout .chat-list-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:stretch!important;
  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  padding:10px!important;
  border:1px solid #d9dde5!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#fff,#f1f3f7)!important;
  box-shadow:0 7px 16px rgba(40,46,57,.1)!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"]{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  min-height:66px!important;
  padding:12px 13px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
  color:#25262b!important;
  text-align:left!important;
  overflow:hidden!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"] strong,
.chat-layout .chat-list-row>[data-action="open-chat"] small{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"] strong{
  color:inherit!important;
  font-size:14px!important;
  font-weight:800!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"] small{
  color:#7a808a!important;
  font-size:12px!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"].active{
  background:linear-gradient(145deg,#27313d,#0c1d32)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(12,29,50,.2)!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"].active strong{color:#fff!important}
.chat-layout .chat-list-row>[data-action="open-chat"].active small{color:rgba(255,255,255,.76)!important}
.chat-layout .chat-list-row .chat-delete{
  display:grid!important;
  place-items:center!important;
  align-self:stretch!important;
  width:82px!important;
  min-width:82px!important;
  height:auto!important;
  min-height:66px!important;
  margin:0!important;
  padding:8px!important;
  border:1px solid #b93632!important;
  border-radius:11px!important;
  background:#cf4540!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1.1!important;
  box-shadow:0 7px 14px rgba(173,48,44,.2)!important;
}
.chat-layout .chat-list-row .chat-delete:hover,
.chat-layout .chat-list-row .chat-delete:focus-visible{
  background:#b93632!important;
  color:#fff!important;
}
@media(max-width:720px){
  .chat-layout .chat-list{gap:9px!important}
  .chat-layout .chat-list-row{grid-template-columns:minmax(0,1fr) 38px!important;gap:6px!important;padding:6px!important}
  .chat-layout .chat-list-row>[data-action="open-chat"]{min-height:50px!important;padding:7px 10px!important;gap:3px!important}
  .chat-layout .chat-list-row .chat-delete{width:38px!important;min-width:38px!important;min-height:50px!important;padding:0!important;font-size:0!important}
  .chat-layout .chat-list-row .chat-delete::before{content:"×";font-size:22px;line-height:1;color:#fff}
}

@media(min-width:721px){
  .chat-layout .chat-list-row{padding:7px!important}
  .chat-layout .chat-list-row>[data-action="open-chat"],
  .chat-layout .chat-list-row .chat-delete{min-height:54px!important}
  .chat-layout .chat-list-row>[data-action="open-chat"]{padding:9px 12px!important}
}

/* Keep focus and selected client states neutral; yellow is reserved for
   content accents and should not appear as a control or card frame. */
input:focus,
select:focus,
textarea:focus{
  border-color:var(--ref-line,#d9dde5)!important;
  outline-color:rgba(0,122,173,.35)!important;
}
.client-board-card.selected{
  border-color:rgba(199,216,204,.85)!important;
  box-shadow:0 10px 25px rgba(40,46,57,.1)!important;
}
.client-board-card.selected::before{display:none!important}

/* All modal and popover close controls use the same dark treatment as the
   primary save action. */
.modal-close,
.drawer-close,
.inline-search-close,
.notification-popover-close,
.home-calendar-close,
.conversation-delete-cross{
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  background-image:linear-gradient(145deg,#34353a,#0c0d10)!important;
  border-color:#0c0d10!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.24)!important;
}
.modal-close:hover,
.drawer-close:hover,
.inline-search-close:hover,
.notification-popover-close:hover,
.home-calendar-close:hover,
.conversation-delete-cross:hover,
.modal-close:focus-visible,
.drawer-close:focus-visible,
.inline-search-close:focus-visible,
.notification-popover-close:focus-visible,
.home-calendar-close:focus-visible,
.conversation-delete-cross:focus-visible{
  background:linear-gradient(145deg,#44454a,#15161a)!important;
  color:#fff!important;
}
.modal-close,.drawer-close{width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;font-size:20px!important;line-height:1!important}
.notification-popover-close,.home-calendar-close{color:#fff!important}
.inline-search-close{color:#fff!important}
.conversation-delete-cross{color:#fff!important}

/* Contract actions in the program conditions are explicit dark buttons. */
.program-contract-actions{display:grid;gap:8px;padding-top:3px}
.program-contract-note{margin:0;color:#25262b!important;font-size:12px;font-weight:750;line-height:1.35}
.program-contract-buttons{display:flex;gap:8px;flex-wrap:wrap}
.program-contract-buttons .program-contract-open,
.program-contract-buttons .program-contract-copy{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:1 1 0!important;
  min-height:40px!important;
  padding:9px 12px!important;
  border:1px solid #0c0d10!important;
  border-radius:11px!important;
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  background-image:linear-gradient(145deg,#34353a,#0c0d10)!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  box-shadow:0 10px 20px rgba(12,13,16,.24),inset 0 1px rgba(255,255,255,.24)!important;
}
.program-contract-buttons .program-contract-open:hover,
.program-contract-buttons .program-contract-copy:hover,
.program-contract-buttons .program-contract-open:focus-visible,
.program-contract-buttons .program-contract-copy:focus-visible{
  background:linear-gradient(145deg,#44454a,#15161a)!important;
  color:#fff!important;
}
@media(max-width:520px){
  .program-contract-buttons{display:grid;grid-template-columns:1fr 1fr}
  .program-contract-buttons .program-contract-open,
  .program-contract-buttons .program-contract-copy{min-width:0;padding-inline:8px!important;font-size:11px!important}
}

/* Client list cards stay compact and keep the order-count row on a clean
   surface. The count is intentionally readable in every card size. */
.client-board-card-meta,
.client-board-card .client-rating{
  background:transparent!important;
  background-image:none!important;
}
.client-board-card{background:#fffbf7!important}
.client-board-card-main{padding:9px 10px 5px!important}
.client-board-card-meta{
  padding:0 10px 4px 53px!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.client-board-card .client-rating{padding:2px 8px 4px 52px!important;min-height:0!important}
.client-board-card .client-rating-stars{min-height:18px!important}
.client-board-card .client-rating-star{height:18px!important}

@media(max-width:720px){
  .client-board-card-main{padding:7px 8px 4px!important}
  .client-board-card-meta{padding:0 8px 3px 44px!important;font-size:13px!important}
  .client-board-card .client-rating{padding:1px 7px 3px 43px!important}
  .client-board-card .client-rating-stars{min-height:16px!important}
  .client-board-card .client-rating-star{height:16px!important}
}

/* Program conditions use the same dark control treatment for both the
   collapsed plus state and the expanded close state. */
.program-pricing-toggle{
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  background-image:linear-gradient(145deg,#34353a,#0c0d10)!important;
  border:1px solid #0c0d10!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.24)!important;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease;
}
.program-pricing-summary:hover .program-pricing-toggle,
.program-pricing-summary:focus-visible .program-pricing-toggle{
  background:linear-gradient(145deg,#44454a,#15161a)!important;
  color:#fff!important;
}

/* Keep the small client card as one light surface. The global button shadow
   otherwise creates a dark band under the phone row. */
.client-board-card,
.client-board-card-main,
.client-board-card-meta,
.client-board-card .client-rating,
.client-board-card .client-rating.editable{
  background:#fffbf7!important;
  background-image:none!important;
  box-shadow:none!important;
}
.client-board-card-main,
.client-board-card-main:hover,
.client-board-card-main:focus-visible,
.client-board-card-main:active{
  border:0!important;
  transform:none!important;
}
.client-board-card-meta,
.client-board-card .client-rating,
.client-board-card .client-rating.editable{
  border-top:0!important;
  border-bottom:0!important;
}
.client-board-card .client-rating-star,
.client-board-card .client-rating-star:hover{
  box-shadow:none!important;
}

/* Order chat cards show the full conversation title in a compact row. */
.chat-layout .chat-list-row>[data-action="open-chat"]{
  min-height:46px!important;
  padding:8px 10px!important;
  gap:0!important;
}
.chat-layout .chat-list-row>[data-action="open-chat"] strong{
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  line-height:1.25!important;
}
.chat-layout .chat-list-row .chat-delete{min-height:46px!important}
@media(max-width:720px){
  .chat-layout .chat-list-row>[data-action="open-chat"]{
    min-height:42px!important;
    padding:6px 9px!important;
  }
  .chat-layout .chat-list-row .chat-delete{min-height:42px!important}
}

/* Compact status control with an inline custom-status editor. */
.program-picker-row .tiny,
.status-add-button,
.custom-status-panel .primary{
  background:linear-gradient(145deg,#34353a,#0c0d10)!important;
  background-image:linear-gradient(145deg,#34353a,#0c0d10)!important;
  border-color:#0c0d10!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.24)!important;
}
.program-picker-row .tiny:hover,
.status-add-button:hover,
.custom-status-panel .primary:hover{
  background:linear-gradient(145deg,#44454a,#15161a)!important;
  color:#fff!important;
}
.status-picker-row{display:flex;align-items:center;gap:8px;width:100%}
.status-picker-row select{flex:0 1 210px;max-width:calc(100% - 48px);min-width:0}
.status-add-button{flex:0 0 40px;width:40px;min-width:40px;min-height:40px;padding:0!important;border-radius:11px!important;font-size:20px!important;line-height:1!important}
.custom-status-panel{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;border:1px solid var(--ref-line);border-radius:11px;background:#fffbf7}
.custom-status-panel[hidden]{display:none}
.custom-status-panel input{flex:1;min-width:0;padding:9px 10px;font-size:12px}
.custom-status-panel .primary{flex:0 0 auto;min-height:38px;padding:8px 10px!important;border-radius:10px!important;font-size:11px}
@media(max-width:520px){
  .status-picker-row select{flex-basis:185px}
  .custom-status-panel{align-items:stretch;flex-wrap:wrap}
  .custom-status-panel input{flex-basis:100%}
  .custom-status-panel .primary{width:100%}
}

/* Calendar controls use the graphite action style throughout. */
.home-calendar-modal-toolbar{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important;justify-content:stretch!important;gap:9px!important;padding:12px 18px 0!important}
.home-calendar-modal-toolbar .home-calendar-modebar{display:flex!important;gap:7px!important;margin:0!important}
.home-calendar-modal-toolbar .home-calendar-modebar button{flex:1 1 0;min-height:38px;border-radius:11px!important}
.home-calendar-modal-toolbar>.primary,.home-calendar-modal-toolbar>.home-calendar-filter-toggle{width:100%!important;min-height:40px!important;border-radius:11px!important}
.home-calendar-filter-toggle{display:flex;align-items:center;justify-content:center;padding:9px 14px!important;background:linear-gradient(145deg,#34353a,#0c0d10)!important;border:1px solid rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 10px 20px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.25)!important;font-weight:800}
.home-calendar-filters[hidden]{display:none!important}
.home-calendar-filters [data-action="home-calendar-reset"]{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 8px 16px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.22)!important}
.home-calendar-modebar button.active,.home-calendar-modebar button.active:hover,.home-calendar-modebar button:focus-visible{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 9px 18px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.22)!important}
.home-calendar-window-actions .home-calendar-today{border-radius:12px!important;background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 8px 16px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.22)!important}
.home-calendar-day.today{background:rgba(32,33,38,.08)!important}
.home-calendar-day.today .home-calendar-day-number{background:linear-gradient(145deg,#34353a,#0c0d10)!important;color:#fff!important}
.home-calendar-preview i.is-active{background:linear-gradient(145deg,#34353a,#0c0d10)!important;color:#fff!important;box-shadow:0 5px 12px rgba(12,13,16,.24)!important}
@media(max-width:720px){.home-calendar-modal-toolbar{padding:10px 10px 0!important}.home-calendar-modal-toolbar .home-calendar-modebar{margin-bottom:0!important}.home-calendar-modal-toolbar .home-calendar-modebar button{padding:7px 8px!important}.home-calendar-modal-toolbar>.primary,.home-calendar-modal-toolbar>.home-calendar-filter-toggle{min-height:40px!important}}

/* The inline client action in the order form uses the same dark treatment as
   the primary actions around it. */
.client-create-row [data-action="new-client-inline"]{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.26)!important;color:#fff!important;box-shadow:0 8px 16px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.22)!important}
.client-create-row [data-action="new-client-inline"]:hover,.client-create-row [data-action="new-client-inline"]:focus-visible{background:linear-gradient(145deg,#44454a,#15161a)!important;color:#fff!important}

/* Tasks: keep the filter controls compact and reveal card metadata on demand. */
.task-filters-shell{display:flex;align-items:flex-start;gap:10px;margin:0 0 12px}
.task-filters-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:11px!important;background:linear-gradient(145deg,#34353a,#0c0d10)!important;border:1px solid rgba(255,255,255,.32)!important;color:#fff!important;box-shadow:0 8px 16px rgba(12,13,16,.2),inset 0 1px rgba(255,255,255,.2)!important;font-weight:800}
.task-filters-toggle span{font-size:12px;opacity:.8}
.task-filters-panel{flex:1;min-width:0;padding:0}
.task-filters-panel[hidden]{display:none}
.task-filters-panel .quick{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.task-filters-panel .quick button.active{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important;box-shadow:0 8px 16px rgba(12,13,16,.18),inset 0 1px rgba(255,255,255,.2)!important}
.task-card{position:relative;display:block;margin:10px 12px;padding:15px 14px 12px 76px;border:1px solid var(--ref-line,#d9dee6);border-radius:15px;background:rgba(255,251,247,.88);box-shadow:0 7px 16px rgba(32,33,38,.06);overflow:visible}
.task-card:first-child{margin-top:12px}.task-card:last-child{margin-bottom:12px}
.task-date-badge{position:absolute;left:-1px;top:-1px;min-width:62px;padding:8px 7px;border-radius:14px 0 10px 0;background:linear-gradient(145deg,#34353a,#0c0d10);color:#fff;text-align:center;font-size:11px;font-weight:800;line-height:1.15;box-shadow:0 6px 12px rgba(12,13,16,.18)}
.task-card-body{display:grid;gap:5px;min-width:0}.task-card-title{min-width:0}.task-card-title .order-link{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:var(--ref-dark,#25262b)!important;font-size:15px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:anywhere}.task-card-kind{color:var(--ref-muted,#74777d);font-size:10px;font-weight:750}.task-card-comment{color:var(--ref-muted,#74777d);font-size:11px;line-height:1.35;overflow-wrap:anywhere}
.task-details-toggle{justify-self:start;margin-top:3px;padding:4px 8px;border:0;border-radius:7px;background:rgba(235,237,236,.82);color:var(--ref-dark,#25262b);font-size:10px;font-weight:800}.task-details-toggle:hover{background:#e1e5e3}.task-details-toggle span{font-size:11px}
.task-card-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:2px}.task-card-details[hidden]{display:none}.task-card-details>div{min-width:0;padding:8px 9px;border-radius:9px;background:rgba(240,243,242,.82)}.task-card-details small{display:block;margin-bottom:3px;color:var(--ref-muted,#74777d);font-size:8px;letter-spacing:.08em;text-transform:uppercase}.task-card-details strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.task-card .task-row-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:3px}.task-card .task-row-links .order-link{font-size:11px}.task-card .task-row-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;flex-wrap:wrap;margin-top:4px}.task-card .task-action{padding:7px 9px;font-size:10px}.task-card.is-done{background:rgba(237,247,224,.82)}.task-card.is-closed{opacity:.72}.task-card.is-done .task-card-title .order-link,.task-card.is-closed .task-card-title .order-link{text-decoration:line-through;text-decoration-thickness:1px}.task-card.overdue .task-date-badge{background:linear-gradient(145deg,#744d2a,#4b2c18)}
@media(max-width:720px){.task-filters-shell{margin-inline:0;gap:8px}.task-filters-toggle{min-height:38px;padding:9px 13px;font-size:11px}.task-filters-panel .quick{gap:6px}.task-filters-panel .quick button{padding:8px 10px;font-size:10px}.task-card{margin-inline:8px;padding:14px 11px 10px 70px;border-radius:13px}.task-date-badge{min-width:58px;padding:7px 6px;font-size:10px}.task-card-title .order-link{font-size:14px}.task-card-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.task-card-details>div{padding:7px 6px}.task-card-details strong{font-size:10px}.task-card .task-action{flex:0 1 auto}}

/* Keep the calendar illustration in its own visual lane so it never covers
   the copy. The inline SVG keeps the icon crisp at every screen density. */
.home-calendar-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:52%;max-width:250px;min-width:0}
.home-calendar-copy strong{max-width:100%;overflow-wrap:anywhere}
.home-calendar-visual{position:absolute;right:14px;bottom:12px;z-index:1;width:42%;max-width:170px;min-width:86px;display:block;pointer-events:none;filter:drop-shadow(0 14px 12px rgba(3,9,18,.3));transform:translateZ(18px) rotateX(3deg)}
.home-calendar-visual svg{display:block;width:100%;height:auto;overflow:visible}
.home-calendar-card .home-feature-arrow{z-index:3}
@media(max-width:720px){
  .home-calendar-copy{width:51%;max-width:52%;}
  .home-calendar-visual{right:7px;bottom:8px;width:43%;min-width:68px;max-width:108px}
  .home-calendar-copy strong{line-height:1.12}
}

/* Compact every mobile workspace header except the dashboard. Keep the title,
   search and notification control in the same two-row header so the bell does
   not create a third band of empty space. */
@media(max-width:720px){
  html.mobile-inner-page .topbar,
  .employee-shell .topbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    min-height:0!important;
    height:auto!important;
    padding:9px 14px 7px!important;
    row-gap:5px!important;
  }
  html.mobile-inner-page .topbar-start,
  .employee-shell .topbar-start{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    gap:5px!important;
  }
  html.mobile-inner-page .topbar .top-right,
  .employee-shell .topbar .top-right{
    grid-column:2!important;
    grid-row:2!important;
    width:auto!important;
    min-width:44px!important;
    align-self:start!important;
    justify-content:flex-end!important;
  }
  html.mobile-inner-page .topbar .notification-button,
  .employee-shell .topbar .notification-button{
    min-width:40px!important;
    min-height:36px!important;
    padding:6px 8px!important;
  }
  html.mobile-inner-page .workspace,
  .employee-shell .workspace{
    padding-top:3px!important;
  }
  html.mobile-inner-page .workspace>.page-head,
  html.mobile-inner-page .workspace>.page-head-actions,
  .employee-shell .workspace>.page-head,
  .employee-shell .workspace>.page-head-actions{
    margin-bottom:4px!important;
    min-height:0!important;
  }
}

/* Final motion pass: shared surfaces ease their visual changes so navigation,
   cards and controls never snap between states. Layout-changing visibility
   still stays explicit so keyboard focus and reduced-motion users are safe. */
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
  .panel,.kpi,.order-card,.order-list-card,.client-list-card,.client-board-card,
  .person-card,.integration-card,.calendar-event,.task-card,.conversation-list-item,
  .chat-list-row,.home-feature-card,.notification-button{
    transition:transform .24s cubic-bezier(.22,.61,.36,1),
      opacity .24s ease,box-shadow .24s ease,border-color .24s ease,
      background-color .24s ease,color .24s ease,filter .24s ease;
  }
  .task-card:hover,.conversation-list-item:hover,.chat-list-row:hover{transform:translateY(-1px)}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
}

/* The order drawer uses the same warm-white rail as the main mobile bar.
   Keep the selected tab graphite and animate only visual properties. */
@media(max-width:720px){
  .drawer .drawer-order-sidebar .drawer-order-nav{
    background:#fffbf7!important;
    border-color:rgba(255,255,255,.96)!important;
    box-shadow:0 -10px 29px rgba(12,13,16,.22),inset 0 1px rgba(255,255,255,.96)!important;
  }
  .drawer .drawer-order-sidebar .drawer-order-nav button,
  .drawer .drawer-order-sidebar .drawer-order-nav button:hover{
    color:#25262b!important;
    background:transparent!important;
    border-color:transparent!important;
    transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease;
  }
  .drawer .drawer-order-sidebar .drawer-order-nav button.active,
  .drawer .drawer-order-sidebar .drawer-order-nav button.active:hover{
    background:linear-gradient(145deg,#34353a,#0c0d10)!important;
    border-color:#0c0d10!important;
    color:#fff!important;
    box-shadow:0 10px 22px rgba(12,13,16,.28),inset 0 1px rgba(255,255,255,.22)!important;
  }
}

/* Administrator finance workspace. Keep the two accounting views compact and
   use the same graphite action treatment as the rest of the CRM controls. */
.finance-kpis .kpi:first-child{background:#fffefa!important;border-color:var(--ref-line)!important;color:var(--ref-dark)!important}.finance-kpis .kpi:first-child .kpi-label,.finance-kpis .kpi:first-child .kpi-value{color:var(--ref-dark)!important}

/* Administrator finance workspace. */
.finance-page-head{align-items:flex-end}.finance-page-actions{padding:0;margin:0;justify-content:flex-end}.finance-dark{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:#0c0d10!important;color:#fff!important;box-shadow:0 7px 16px rgba(12,13,16,.18)}.finance-dark:hover{background:linear-gradient(145deg,#45464b,#17181b)!important;color:#fff!important}.finance-period-form{border:1px solid var(--ref-line,#d9dce3);border-radius:13px;background:#fff;margin-bottom:14px;align-items:flex-end}.finance-period-form .field{min-width:150px}.finance-period-form button{min-height:42px}.finance-tabs{display:flex;gap:8px;margin:0 0 16px}.finance-tabs button{border-radius:9px;padding:10px 16px;background:linear-gradient(145deg,#fff,#eef0f4)}.finance-tabs button.active,.finance-tabs button.active:hover{background:linear-gradient(145deg,#34353a,#0c0d10)!important;border-color:#0c0d10!important;color:#fff!important;box-shadow:0 7px 16px rgba(12,13,16,.18)}.finance-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.finance-kpis .kpi{padding:16px}.finance-kpis .kpi:first-child{background:#fffefa!important;border-color:var(--ref-line)!important}.finance-kpis .kpi-value{font-size:24px;margin:12px 0 0}.finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.finance-card{min-width:0}.finance-card .panel-head{padding:15px 17px}.finance-card .panel-head h2{margin-bottom:4px}.finance-card .panel-head small{font-size:12px}.finance-table-wrap{max-height:420px}.finance-table{font-size:13px}.finance-table th{padding:11px 13px}.finance-table td{padding:12px 13px}.finance-row-actions{display:flex;gap:4px;justify-content:flex-end}.finance-row-actions button{font-size:11px;padding:5px 7px}.finance-empty{padding:28px 18px;color:var(--ref-muted);font-size:13px}.finance-form-note{padding:10px 12px;border:1px solid var(--ref-line,#d9dce3);border-radius:9px;background:#f7f9fc;color:var(--ref-muted);font-size:13px;margin-bottom:14px}.finance-card .money{white-space:nowrap}
.finance-source{display:inline-flex;align-items:center;padding:4px 7px;border-radius:7px;background:#eef0f4;color:#777b85;font-size:11px;font-weight:800}.finance-source.is-auto{background:#e7f0e8;color:#3c6a4c}
@media(max-width:720px){.finance-page-head{align-items:flex-start;display:block}.finance-page-actions{padding-top:10px;justify-content:flex-start}.finance-period-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finance-period-form button{grid-column:1 / -1}.finance-tabs{overflow:auto}.finance-tabs button{white-space:nowrap}.finance-kpis{grid-template-columns:1fr}.finance-grid{grid-template-columns:1fr}.finance-table-wrap{max-height:none}.finance-table{min-width:680px}.finance-card .panel-head{align-items:flex-start}.finance-card .panel-head .finance-dark{white-space:nowrap}}