[hidden]{display:none!important}
/* DCompany Admin v25 single compiled stylesheet */
:root{
  --red:#b3131b;
  --red-2:#d92b34;
  --red-3:#f0646b;
  --red-soft:#fff0f0;
  --red-soft-2:#fde5e6;
  --ink:#201a1b;
  --muted:#776c6e;
  --muted-2:#9a8e90;
  --line:#ece2e3;
  --panel:#ffffff;
  --bg:#faf7f7;
  --shadow:0 18px 55px rgba(73,25,27,.08);
  --shadow-soft:0 10px 28px rgba(73,25,27,.06);
  --green:#66c85a;
  --orange:#ef9c3d;
  --blue:#58a9da;
  --dark:#171315;
  --sidebar:270px;
  --radius:18px;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow-x:hidden}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
.ico{display:inline-block;vertical-align:middle;flex:none}
.noscript{padding:28px;background:#ffe8e8;color:#8f0c14;font-weight:700}

/* ---------- Login ---------- */
.login-page{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 10% 20%,#ffe6e8 0,transparent 30%),radial-gradient(circle at 90% 80%,#fff0f0 0,transparent 34%),linear-gradient(135deg,#fff 0,#fbf7f7 56%,#f6eeee 100%)}
.login-page:before{content:"";position:absolute;inset:-25%;background:conic-gradient(from 0deg,transparent 0 64%,rgba(179,19,27,.08) 70%,transparent 77%);filter:blur(30px);animation:spin 22s linear infinite}
.login-wrap{width:min(1080px,100%);position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;background:rgba(255,255,255,.76);border:1px solid rgba(179,19,27,.08);border-radius:30px;box-shadow:0 30px 100px rgba(90,30,34,.13);backdrop-filter:blur(18px);overflow:hidden}
.login-visual{padding:48px;min-height:640px;background:linear-gradient(145deg,#fff8f8,#fdf2f2);position:relative;display:flex;flex-direction:column;justify-content:space-between}
.login-visual:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(179,19,27,.09);border-radius:50%;right:-190px;top:-130px;animation:orb 11s ease-in-out infinite}
.login-route{position:absolute;width:420px;height:240px;right:20px;bottom:100px;opacity:.75}
.login-route svg{width:100%;height:100%}.login-route path{stroke:rgba(179,19,27,.18);stroke-width:2;fill:none;stroke-dasharray:8 9;animation:dash 12s linear infinite}.login-dot{fill:#c21e27;filter:drop-shadow(0 0 8px rgba(179,19,27,.5));animation:pulse 1.8s infinite}
.login-copy{position:relative;z-index:2}.login-copy h1{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-3px;margin:28px 0 16px;max-width:600px}.login-copy p{max-width:560px;color:var(--muted);font-size:15px;line-height:1.85}
.login-brand{display:flex;gap:14px;align-items:center}.login-brand img{width:56px;height:56px;border-radius:17px;box-shadow:0 12px 30px rgba(179,19,27,.18)}.login-brand b{font-size:19px}.login-brand small{display:block;margin-top:5px;color:#8b7b7d;letter-spacing:1.8px;text-transform:uppercase;font-size:9px;font-weight:800}
.login-trust{display:flex;gap:12px;position:relative;z-index:2;flex-wrap:wrap}.trust-chip{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;box-shadow:var(--shadow-soft);min-width:150px}.trust-chip .trust-icon{width:34px;height:34px;border-radius:10px;background:var(--red-soft);color:var(--red);display:grid;place-items:center}.trust-chip b{font-size:11px}.trust-chip span{display:block;margin-top:2px;color:var(--muted-2);font-size:9px}
.login-card{padding:48px 46px;display:flex;flex-direction:column;justify-content:center;background:#fff}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--red);font-size:10px;font-weight:900;letter-spacing:2px;text-transform:uppercase}.status-dot{width:7px;height:7px;border-radius:50%;background:#e13b44;box-shadow:0 0 12px rgba(225,59,68,.45);animation:pulse 1.4s infinite}
.login-card h2{font-size:34px;letter-spacing:-1.4px;margin:16px 0 8px}.login-card p{margin:0 0 28px;color:var(--muted);line-height:1.65;font-size:13px}.field{margin:15px 0}.field label{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;color:var(--ink);outline:none;transition:.2s;border-color:var(--line)}.field textarea{min-height:98px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#db7479;box-shadow:0 0 0 4px rgba(179,19,27,.08)}.password-wrap{position:relative}.password-wrap input{padding-right:46px}.eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;color:#87797c}.primary-btn{width:100%;border:0;border-radius:13px;padding:13px 15px;background:linear-gradient(135deg,#c51b24,#9f1018);color:#fff;font-weight:900;box-shadow:0 16px 32px rgba(179,19,27,.22);transition:.2s}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 18px 38px rgba(179,19,27,.28)}.login-note{margin-top:18px;color:#9b8c8f;font-size:10px;line-height:1.6}.login-note strong{color:#6f6063}.blocked-box{margin-top:18px;border:1px solid #efb1b5;background:#fff3f3;color:#8f1018;border-radius:13px;padding:12px;font-size:11px;font-weight:800;line-height:1.6}.setup-box{background:#fff7ee;border:1px solid #f2d3aa;color:#825721;border-radius:14px;padding:14px;font-size:12px;line-height:1.6}.setup-box a{color:#a86e1d;font-weight:900}

/* ---------- Shell ---------- */
.app-shell{min-height:100vh;width:100%;display:block}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:linear-gradient(180deg,#171315,#1e1718);color:#eee;display:flex;flex-direction:column;z-index:40;border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#6c3c3e transparent;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-thumb{background:#6c3c3e;border-radius:12px}.main{margin-left:var(--sidebar);min-width:0;width:calc(100% - var(--sidebar));}
.side-user{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px}.side-user .side-avatar{width:38px;height:38px;border-radius:12px;background:#ffe2e4;color:#9e1119;display:grid;place-items:center;font-size:11px;font-weight:900;overflow:hidden;flex:none}.side-user .side-avatar img{width:100%;height:100%;object-fit:cover}.side-user b{display:block;font-size:10px;color:#fff}.side-user span{display:block;margin-top:3px;font-size:8px;color:#a99a9d}.side-brand{height:92px;padding:18px 18px 16px;display:flex;align-items:center;gap:12px;position:sticky;top:0;background:rgba(23,19,21,.96);backdrop-filter:blur(10px);z-index:2;border-bottom:1px solid rgba(255,255,255,.06)}.brand-mark{width:48px;height:48px;border-radius:15px;background:linear-gradient(135deg,#e04951,#9f1018);display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 10px 26px rgba(179,19,27,.28);flex:none}.brand-copy b{display:block;font-size:15px}.brand-copy span{display:block;margin-top:4px;font-size:9px;color:#bcaeb0;letter-spacing:1.1px;text-transform:uppercase}.mobile-close{display:none;margin-left:auto;background:transparent;border:0;color:#eee;font-size:22px}
.workspace-label{padding:18px 20px 8px;color:#8f8083;font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.nav{padding:0 12px}.nav-item{position:relative;width:100%;border:0;background:transparent;color:#cfc4c6;display:flex;align-items:center;gap:11px;text-align:left;border-radius:13px;padding:12px 12px;margin:4px 0;transition:.2s;font-size:12px;font-weight:700}.nav-item:hover{background:rgba(255,255,255,.05);color:#fff}.nav-item.active{background:linear-gradient(135deg,#c21e27,#a51018);color:#fff;box-shadow:0 12px 26px rgba(179,19,27,.25)}.nav-icon{width:22px;display:grid;place-items:center}.nav-dot-count{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#ff3942;box-shadow:0 0 12px rgba(255,57,66,.72);display:none}.nav-dot-count.on{display:block}.system-label{padding-top:16px}.side-bottom{margin-top:auto;padding:14px 12px 18px}.secure-card{display:flex;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);border-radius:14px;margin-bottom:10px}.secure-ring{width:33px;height:33px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#f6a0a5}.secure-card b{display:block;font-size:10px}.secure-card small{display:block;color:#8f8083;margin-top:3px;font-size:8px}.logout{color:#e6cdd0}.logout:hover{color:#fff}
.topbar{height:84px;background:rgba(250,247,247,.86);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px;gap:20px;position:sticky;top:0;z-index:30;backdrop-filter:blur(15px)}.top-search{flex:1;max-width:570px;height:43px;border:1px solid var(--line);background:#fff;border-radius:13px;display:flex;align-items:center;gap:9px;padding:0 13px;color:#8d7f82}.top-search input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font-size:12px}.top-actions{display:flex;align-items:center;gap:10px}.live-clock{font-size:9px;font-weight:850;color:#75696b;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px 9px;white-space:nowrap}.connection{display:flex;align-items:center;gap:7px;color:#7c6f72;font-size:10px}.connection i{width:7px;height:7px;border-radius:50%;background:#60bd57;box-shadow:0 0 10px rgba(96,189,87,.6)}.top-icon{width:39px;height:39px;border:1px solid var(--line);background:#fff;border-radius:12px;color:#8c7f81;display:grid;place-items:center}.user-chip{border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;align-items:center;gap:9px;padding:7px 10px}.avatar{width:31px;height:31px;border-radius:11px;display:grid;place-items:center;background:#ffe0e2;color:#9e1119;font-size:11px;font-weight:900;overflow:hidden}.avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover}.user-info{text-align:left}.user-info b{display:block;font-size:10px}.user-info small{display:block;color:#8f8083;margin-top:2px;font-size:8px}.mobile-title{display:none;align-items:center;gap:10px}.hamb{width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:#7b6c70}
#content{padding:28px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.page-head h1{margin:7px 0 6px;font-size:30px;letter-spacing:-1.5px}.page-head p{margin:0;color:var(--muted);font-size:12px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#9e1119;font-size:9px;font-weight:900;letter-spacing:1.8px;text-transform:uppercase}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid var(--line);background:#fff;color:#574c4f;border-radius:12px;padding:10px 13px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:8px;box-shadow:0 6px 18px rgba(60,25,27,.04)}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#c51b24,#a70f18);border-color:transparent;color:#fff;box-shadow:0 12px 28px rgba(179,19,27,.2)}.btn.soft{background:#fff0f0;border-color:#f3d0d2;color:#a61119}.btn.danger{background:#fff2f2;border-color:#efc0c3;color:#a30c15}.btn.success{background:#effaee;border-color:#cae7c7;color:#3c8135}.btn.blue{background:#edf8ff;border-color:#cce9f9;color:#2b7da9}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:#fff;border-radius:11px;display:grid;place-items:center;color:#7a6e70}.icon-btn:hover{background:#fff4f4;color:#9e1119}

/* cards */
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 18px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(179,19,27,.09),transparent 65%)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#8d7e81;font-size:10px}.stat-icon{width:34px;height:34px;border-radius:11px;background:#fff0f0;color:#b3131b;display:grid;place-items:center}.stat-value{font-size:27px;font-weight:900;letter-spacing:-1.4px;margin-top:10px}.stat-sub{margin-top:5px;color:#938689;font-size:9px}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);padding:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panel-head h3{margin:0;font-size:14px;letter-spacing:-.4px}.panel-head span{color:#9a8e90;font-size:9px}.activity-list{display:flex;flex-direction:column}.activity-item{display:grid;grid-template-columns:10px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #f1e9e9}.activity-item:last-child{border-bottom:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:#c51b24;margin-top:5px}.activity-item b{display:block;font-size:10px}.activity-item span{display:block;color:#8f8184;font-size:9px;margin-top:3px;line-height:1.5}.activity-time{color:#a59a9c;font-size:8px}.chart{display:grid;grid-template-columns:repeat(6,1fr);align-items:end;height:190px;gap:10px;padding-top:18px}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar{width:100%;max-width:32px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,#e45d63,#b3131b);box-shadow:0 10px 20px rgba(179,19,27,.15);min-height:8px;transition:.4s}.bar-col small{font-size:8px;color:#9a8e90}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-pill{padding:12px;border:1px solid #efe6e6;border-radius:14px;background:#fffafa}.security-pill b{display:block;font-size:10px}.security-pill span{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:9px;color:#6d6264}.status-dot-sm{width:6px;height:6px;border-radius:50%;background:#63bd57}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick{padding:13px;border:1px solid var(--line);border-radius:14px;background:#fff}.quick:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.quick h4{font-size:11px;margin:9px 0 4px}.quick p{font-size:9px;color:#938689;margin:0;line-height:1.5}

/* tables/forms */
.toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:13px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-box{height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;display:flex;align-items:center;gap:8px;padding:0 11px;min-width:240px}.search-box input{border:0;outline:0;width:100%;font-size:10px;background:transparent}.select{height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 10px;font-size:10px;color:#574c4f;outline:none}.date-input{height:38px;border:1px solid var(--line);background:#fff;border-radius:11px;padding:0 10px;font-size:10px}.table-wrap{overflow:auto;border:1px solid #f0e9e9;border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{padding:11px 12px;background:#fffafa;color:#8d7f82;font-size:8px;text-transform:uppercase;letter-spacing:1.1px;text-align:left;border-bottom:1px solid #efe6e6}.data-table td{padding:12px;border-bottom:1px solid #f3ecec;font-size:10px;vertical-align:top}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#fffbfb}.muted{color:#938689}.strong{font-weight:850}.status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:6px 8px;font-size:8px;font-weight:900}.status.pending{background:#fff3e3;color:#a96c16}.status.confirmed{background:#eef9ed;color:#4a913f}.status.cancelled{background:#ffe8e9;color:#a61119}.status.completed{background:#eaf7ff;color:#2a78a3}.status.available{background:#eef9ed;color:#4a913f}.status.trip,.status.on-trip{background:#fff3e3;color:#a96c16}.status.maintenance{background:#ffe8e9;color:#a61119}.status.inactive{background:#f0eded;color:#75696b}.status.off-duty{background:#f1f0f0;color:#706568}.status.paid{background:#eef9ed;color:#4a913f}.status.failed{background:#ffe8e9;color:#a61119}.status.refunded{background:#eaf7ff;color:#2a78a3}.status.online{background:#eef9ed;color:#4a913f}.status.offline{background:#ffe9ea;color:#a61119}
.empty{padding:44px 20px;text-align:center;color:#958a8b}.empty .empty-icon{width:52px;height:52px;border-radius:16px;background:#fff0f0;color:#b3131b;display:grid;place-items:center;margin:0 auto 12px}.empty b{display:block;font-size:13px;color:#4f4446}.empty span{display:block;margin-top:4px;font-size:10px}

.login-error-backdrop{position:fixed;inset:0;background:rgba(28,18,19,.38);backdrop-filter:blur(10px);z-index:200;display:grid;place-items:center;padding:20px;animation:fadeIn .18s ease}.login-error-card{width:min(430px,100%);background:#fff;border:1px solid #efd8da;border-radius:22px;box-shadow:0 30px 90px rgba(50,16,18,.25);padding:24px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start}.login-error-icon{width:48px;height:48px;border-radius:15px;background:#fff0f1;color:#b3131b;display:grid;place-items:center}.login-error-card h3{margin:7px 0 6px;font-size:18px}.login-error-card p{margin:0 0 16px;color:#776c6e;font-size:11px;line-height:1.65}.login-error-card .btn{grid-column:1/-1;justify-self:end}@keyframes fadeIn{from{opacity:0}to{opacity:1}}
/* modal / forms */
.modal-backdrop{position:fixed;inset:0;background:rgba(24,17,18,.46);backdrop-filter:blur(8px);z-index:80;display:grid;place-items:center;padding:18px}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid rgba(179,19,27,.1);border-radius:22px;box-shadow:0 30px 90px rgba(20,8,9,.28)}.modal.large{width:min(1050px,100%)}.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff;z-index:2}.modal-head h3{margin:0;font-size:15px}.modal-head span{display:block;color:#948688;font-size:9px;margin-top:3px}.modal-body{padding:20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px;position:sticky;bottom:0;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.full{grid-column:1/-1}.field small{display:block;margin-top:5px;color:#9a8e90;font-size:8px}.switch{display:flex;align-items:center;gap:8px}.switch input{width:16px;height:16px;accent-color:var(--red)}
.toast-wrap{position:fixed;right:18px;bottom:18px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:300px;max-width:420px;background:#1f181a;color:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 20px 60px rgba(30,10,11,.25);display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.5;animation:toastIn .25s ease}.toast.ok{border-left:3px solid #60bd57}.toast.error{border-left:3px solid #e2565d}.toast.info{border-left:3px solid #74afd4}.toast-icon{width:22px;height:22px;border-radius:8px;background:#fff2f2;color:#c21e27;display:grid;place-items:center;font-weight:900;flex:none}
.confirm{width:min(430px,100%)}.confirm .modal-body{padding:24px}.confirm h3{margin:0 0 8px;font-size:17px}.confirm p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}

/* calendar */
.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.calendar-title{font-size:16px;font-weight:900}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.cal-week,.cal-day{border-right:1px solid #f1e9e9;border-bottom:1px solid #f1e9e9;min-height:110px}.cal-week{min-height:auto;background:#fff8f8;padding:10px;font-size:8px;color:#8e8083;font-weight:900;text-transform:uppercase}.cal-day{padding:9px;background:#fff;cursor:pointer;position:relative;transition:.2s}.cal-day:hover{background:#fffafa}.cal-day.muted{background:#fcfaf9;color:#c6b9ba}.cal-day .num{font-size:10px;font-weight:900}.cal-day .legend{margin-top:18px;font-size:8px;font-weight:900;padding:5px 6px;border-radius:7px;line-height:1.3}.cal-day.red{background:#fff4f4}.cal-day.red .legend{background:#8f121a;color:#fff}.cal-day.orange{background:#fff8eb}.cal-day.orange .legend{background:#eea03b;color:#fff}.cal-day.green{background:#f3fff2}.cal-day.green .legend{background:#66c85a;color:#fff}.cal-day.blue{background:#eef9ff}.cal-day.blue .legend{background:#58a9da;color:#fff}.cal-day .dots{position:absolute;right:9px;top:9px;display:flex;gap:3px}.cal-day .dots i{width:5px;height:5px;border-radius:50%;background:#9c9092}.availability-list{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.availability-card{border:1px solid var(--line);border-radius:15px;background:#fff;padding:13px}.availability-card b{font-size:11px}.availability-card p{margin:4px 0;color:#94888a;font-size:9px;line-height:1.6}

/* chat */
.chat-wrap{display:grid;grid-template-rows:auto 1fr auto;height:calc(100vh - 180px);min-height:540px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-soft)}.chat-head{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-head b{font-size:13px}.chat-head span{font-size:9px;color:#988d8f}.chat-body{padding:20px;overflow:auto;background:linear-gradient(180deg,#fffafa,#fff)}.bubble-row{display:flex;gap:9px;align-items:flex-start;margin:12px 0}.bubble-row.me{flex-direction:row-reverse}.mini-avatar{width:30px;height:30px;border-radius:11px;background:#ffe3e5;color:#9f1119;display:grid;place-items:center;font-size:10px;font-weight:900;overflow:hidden;flex:none}.bubble{max-width:min(70%,560px);padding:10px 12px;border-radius:15px;background:#fff4f4;border:1px solid #f1d7d9}.me .bubble{background:#9f1018;color:#fff;border-color:#9f1018}.bubble b{display:block;font-size:9px;margin-bottom:4px}.bubble p{margin:0;font-size:10px;line-height:1.55;white-space:pre-wrap}.bubble small{display:block;margin-top:5px;opacity:.72;font-size:8px}.chat-compose{padding:12px;border-top:1px solid var(--line);display:flex;gap:9px;background:#fff}.chat-compose textarea{flex:1;min-height:45px;max-height:120px;border:1px solid var(--line);border-radius:13px;padding:11px;font-size:10px;resize:none;outline:none}.chat-compose button{min-width:95px}

/* activity details */
.diff{display:grid;grid-template-columns:1fr 1fr;gap:10px}.diff .box{border:1px solid var(--line);border-radius:13px;padding:12px;background:#fffafa}.diff .box h4{margin:0 0 8px;font-size:9px;text-transform:uppercase;letter-spacing:1px}.diff pre{white-space:pre-wrap;word-break:break-word;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;margin:0;color:#5e5456}
.profile-layout{display:grid;grid-template-columns:280px 1fr;gap:14px}.profile-card{text-align:center}.profile-avatar-lg{width:120px;height:120px;border-radius:35px;background:#ffe4e6;color:#a51119;display:grid;place-items:center;margin:6px auto 14px;font-size:40px;font-weight:900;overflow:hidden}.profile-avatar-lg img{width:100%;height:100%;object-fit:cover}.profile-id{font-size:10px;color:#8d8082}.profile-name{font-size:18px;font-weight:900;margin-top:4px}.profile-role{font-size:9px;color:#9a8e90;margin-top:4px}.profile-side-note{margin-top:18px;padding:11px;background:#fff7f7;border:1px solid #f2d6d8;border-radius:13px;color:#826f72;font-size:9px;line-height:1.6;text-align:left}
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.security-box{padding:15px;border:1px solid var(--line);border-radius:16px;background:#fff}.security-box .top{display:flex;justify-content:space-between;gap:8px}.security-box b{font-size:11px}.security-box p{margin:8px 0 0;color:#918587;font-size:9px;line-height:1.6}.security-ok{color:#4a913f}.security-warn{color:#a96c16}.blocked-table{margin-top:14px}

/* responsive */
@media(max-width:1100px){.login-wrap{grid-template-columns:1fr}.login-visual{display:none}.cards{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}}
@media(max-width:860px){:root{--sidebar:84px}.brand-copy,.workspace-label,.nav-item span:not(.nav-icon),.secure-card div:not(.secure-ring),.side-user .side-user-copy{display:none}.sidebar{width:var(--sidebar)}.side-brand{justify-content:center}.brand-mark{width:46px;height:46px;overflow:hidden}.brand-mark img{width:100%;height:100%;display:block}.nav{padding:0 9px}.nav-item{justify-content:center}.main{margin-left:0}.connection span,.user-info,.live-clock{display:none}.topbar{padding:0 14px}.mobile-title{display:flex}.top-search{display:none}.profile-layout{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){:root{--sidebar:0}.sidebar{transform:translateX(-100%);width:275px;transition:.28s}.sidebar.open{transform:translateX(0)}.brand-copy,.workspace-label,.nav-item span:not(.nav-icon),.secure-card div:not(.secure-ring),.mobile-close,.side-user .side-user-copy{display:block}.side-brand{justify-content:flex-start}.mobile-close{display:block}.main{margin-left:0}.topbar{height:70px}.top-actions{gap:6px}.top-icon{width:37px;height:37px}.user-chip{padding:6px}.cards{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr}.availability-list{grid-template-columns:1fr}.form-grid,.form-grid.three{grid-template-columns:1fr}.diff{grid-template-columns:1fr}.page-head{align-items:flex-start;flex-direction:column}.page-actions{width:100%}#content{padding:18px}.login-card{padding:30px 22px}.calendar-grid{min-width:700px}.calendar-wrap{overflow:auto}.chat-wrap{height:calc(100vh - 150px);min-height:460px}.bubble{max-width:80%}}

@keyframes pulse{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.13);opacity:1}}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,16px)}}@keyframes dash{to{stroke-dashoffset:-160}}
@keyframes toastIn{from{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}

.boot-loading{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#fff,#fbf7f7);color:#6d6163;gap:10px;text-align:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.boot-loading>div{display:grid;gap:5px}.boot-loading b{font-size:14px}.boot-loading small{font-size:10px;color:#9b8f91}.boot-spinner{width:28px;height:28px;border:3px solid #f1dadd;border-top-color:#b3131b;border-radius:50%;animation:bootspin 1s linear infinite;display:block;margin:auto}@keyframes bootspin{to{transform:rotate(360deg)}}
.boot-failure{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#fff,#fff8f8 48%,#fbe9ea);color:#24181a}.boot-failure-card{width:min(520px,100%);padding:34px;border:1px solid rgba(179,19,27,.12);border-radius:26px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(80,20,25,.10);text-align:center}.boot-failure-icon{width:52px;height:52px;margin:0 auto 18px;border-radius:16px;display:grid;place-items:center;background:#fff0f1;color:#b3131b;font-size:24px;font-weight:900}.boot-failure-card h2{margin:0 0 10px;font-size:25px}.boot-failure-card p{margin:0 auto 22px;max-width:430px;color:#76676a;line-height:1.7}.btn.primary{cursor:pointer}

/* v6.0 final layout + usability fixes */
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:100vh;width:100%;}
.sidebar{grid-column:1;position:fixed;inset:0 auto 0 0;width:var(--sidebar);}
.main{grid-column:2;width:auto;min-width:0;margin:0;display:flex;flex-direction:column;min-height:100vh;}
#content{width:100%;min-width:0;padding:28px;}
#content > *{width:100%;max-width:none;box-sizing:border-box;}
.search-box,.search-box input,.select,.date-input{pointer-events:auto;position:relative;z-index:2;}
.search-box input{min-width:0;color:var(--ink);caret-color:var(--red);}
.search-box input::placeholder{color:#b0a2a4;}
.chat-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;height:calc(100vh - 180px);min-height:540px;}
.chat-team{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;}
.chat-team-head{padding:15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;align-items:center;}
.chat-team-head b{font-size:12px}.chat-team-head span{font-size:8px;color:#9a8e90;text-transform:uppercase;letter-spacing:1px}.chat-team-list{padding:10px;overflow:auto}.team-member{display:flex;align-items:center;gap:9px;padding:10px;border-radius:12px}.team-member:hover{background:#fff6f6}.team-avatar{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;background:#ffe3e5;color:#a31119;font-weight:900;font-size:11px;overflow:hidden;flex:none}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-member>div:nth-child(2){min-width:0;flex:1}.team-member b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member span{display:block;margin-top:3px;color:#968a8c;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member>i{width:7px;height:7px;border-radius:50%;background:#d85b63;flex:none}.team-member>i.on{background:#61bd57;box-shadow:0 0 8px rgba(97,189,87,.45)}
.change-explain{margin-top:12px;border:1px solid #eadede;border-radius:14px;padding:14px;background:linear-gradient(135deg,#fff8f8,#fff);}.change-explain>b{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7e6f72}.change-explain p{margin:8px 0 0;font-size:10px;color:#75696b;line-height:1.6}.change-list{margin-top:8px;display:grid;gap:7px}.change-line{display:grid;grid-template-columns:140px 1fr 22px 1fr;gap:8px;align-items:center;padding:8px;border-radius:9px;background:#fff;border:1px solid #f0e5e5;font-size:9px}.change-line b{color:#5b4e51}.change-line .old{color:#9d6267}.change-line .new{color:#4f9148;font-weight:800}.change-line .arrow{text-align:center;color:#9b8d8f;font-weight:900}
.invoice-preview{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.invoice-logo{background:#000;padding:8px;max-width:330px}.invoice-logo img{display:block;width:100%;height:auto}.record-by{display:block;color:#8f8385;font-size:8px;margin-top:3px}
@media(max-width:860px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.main{grid-column:2}.chat-layout{grid-template-columns:1fr}.chat-team{display:none}.profile-layout{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.app-shell{display:block}.sidebar{width:275px;position:fixed}.main{width:100%;margin:0}.chat-layout{display:block;height:calc(100vh - 150px);min-height:460px}#content{padding:18px}.change-line{grid-template-columns:1fr;gap:4px}.change-line .arrow{display:none}}


/* v7 search usability hardening */
.search-box,.search-box input,.top-search,.top-search input,.select,.date-input{pointer-events:auto !important;position:relative;z-index:55;}
.search-box input,.top-search input{user-select:text !important;-webkit-user-select:text !important;caret-color:var(--red) !important;cursor:text !important;touch-action:manipulation;}
.search-box:focus-within,.top-search:focus-within{border-color:#d86a71;box-shadow:0 0 0 4px rgba(179,19,27,.07);}
@keyframes invoicePulse{0%,100%{opacity:.72;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1)}}
.change-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.change-line{display:grid;grid-template-columns:150px 1fr 28px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #f0e6e6;border-radius:12px;background:#fff}.change-line .old,.change-line .new{display:block;padding:8px 10px;border-radius:9px;font-size:10px;line-height:1.4;word-break:break-word}.change-line .old{background:#fff1f1;color:#9a4248}.change-line .new{background:#effaf0;color:#3f7f41}.change-line .arrow{font-weight:900;color:#b3131b;text-align:center}.change-explain{margin-top:14px;border:1px solid #eadfdf;border-radius:16px;padding:15px;background:#fffafa}.change-explain>b{font-size:10px;text-transform:uppercase;letter-spacing:1.1px;color:#9d1119}.change-explain p{margin:8px 0 0;color:#62575a;font-size:11px;line-height:1.6}
@media(max-width:700px){.change-line{grid-template-columns:1fr}.change-line .arrow{text-align:left}.change-line .arrow:before{content:'Change';display:block;font-size:8px;text-transform:uppercase;letter-spacing:1px;color:#a99b9e;margin-bottom:3px}}


/* more usable search controls */
.search-box input,.top-search input,.field input,.field textarea,.field select{pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;caret-color:#8e151b!important}
.search-box,.top-search{position:relative;z-index:30}

/* message polish */
.chat-layout{grid-template-columns:270px minmax(0,1fr)!important;gap:14px}.chat-team,.chat-wrap{border:1px solid rgba(179,19,27,.09);box-shadow:0 12px 30px rgba(60,10,15,.04)}.chat-team-head,.chat-head{background:linear-gradient(180deg,#fffafa,#fff)}.team-member{transition:background .2s ease,transform .2s ease}.team-member:hover{background:#fff7f7;transform:translateX(2px)}.chat-compose{background:#fff;border-top:1px solid #f0e3e4}.chat-compose textarea:focus{border-color:#c53a40;box-shadow:0 0 0 4px rgba(179,19,27,.06)}

/* calendar polish */
.calendar-wrap{background:linear-gradient(180deg,#fff,#fffafa)!important;border:1px solid rgba(179,19,27,.08)}.calendar-head{padding-bottom:12px;border-bottom:1px solid #f0e5e6}.calendar-grid{gap:7px!important}.cal-day{min-height:106px!important;border:1px solid #eee5e5!important;border-radius:15px!important;background:#fff!important;box-shadow:0 5px 16px rgba(50,10,15,.035);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cal-day:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(50,10,15,.08);border-color:#d8a1a4!important}.cal-day.green{background:linear-gradient(180deg,#fbfff9,#f2faef)!important}.cal-day.orange{background:linear-gradient(180deg,#fffaf2,#fff2df)!important}.cal-day.red{background:linear-gradient(180deg,#fff7f7,#ffe7e8)!important}.cal-day.blue{background:linear-gradient(180deg,#f5fbff,#eaf6fe)!important}.cal-day .num{font-weight:900}.cal-day .legend{border-radius:999px!important;padding:4px 7px!important;font-size:9px!important;margin-top:5px!important}

@media(max-width:820px){.chat-layout{grid-template-columns:1fr!important}}

/* admin-management refinements */
.credential-card{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.credential-card>div{padding:14px;border:1px solid #efe1e1;border-radius:14px;background:#fff8f8}.credential-card span{display:block;color:#9a8e90;font-size:8px;text-transform:uppercase;letter-spacing:1px;font-weight:800}.credential-card b{display:block;margin-top:7px;font-size:14px;color:#302526;word-break:break-word}
.admin-person{display:flex;align-items:center;gap:10px}.admin-security-note{padding:12px 14px;border:1px dashed #e8cdd0;border-radius:14px;background:#fff8f8;color:#7c6a6d;font-size:9px;line-height:1.6}.admin-security-note:before{content:"✓ ";color:#b3131b;font-weight:900}
.chat-layout{position:relative}.chat-team{background:linear-gradient(180deg,#fff,#fffafa)}.chat-team-head{position:relative;overflow:hidden}.chat-team-head:after,.chat-head:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-90px;background:radial-gradient(circle,rgba(179,19,27,.10),transparent 70%);animation:dcFloatGlow 8s ease-in-out infinite}.team-member{position:relative}.team-member i.on{box-shadow:0 0 0 4px rgba(99,189,87,.12),0 0 15px rgba(99,189,87,.35)}.bubble{position:relative;overflow:hidden}.bubble:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-40px;bottom:-40px;background:radial-gradient(circle,rgba(179,19,27,.08),transparent 70%);animation:dcBubbleFloat 5s ease-in-out infinite}.chat-compose textarea{min-height:70px;resize:vertical}.chat-compose textarea:focus{box-shadow:0 0 0 4px rgba(179,19,27,.06)}
.quick-grid .quick{min-height:118px;text-align:left;position:relative;overflow:hidden}.quick-grid .quick:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-30px;border-radius:50%;background:radial-gradient(circle,rgba(179,19,27,.09),transparent 68%);transition:transform .3s ease}.quick-grid .quick:hover:after{transform:scale(1.2)}

@keyframes dcFloatGlow{0%,100%{transform:translate3d(0,0,0);opacity:.8}50%{transform:translate3d(10px,12px,0);opacity:1}}
@keyframes dcBubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

@media(max-width:720px){.credential-card{grid-template-columns:1fr}}



/* v14 login intro overlay */
.login-intro-overlay{position:fixed;inset:0;z-index:260;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,rgba(24,10,12,.78),rgba(62,11,16,.86));backdrop-filter:blur(16px);animation:loginIntroFadeIn .35s ease}
.login-intro-overlay.is-exit{animation:loginIntroFadeOut .55s ease forwards}
.login-intro-bg{position:absolute;inset:-15%;background:radial-gradient(circle at 18% 25%,rgba(255,255,255,.11),transparent 26%),radial-gradient(circle at 82% 78%,rgba(255,255,255,.08),transparent 24%),radial-gradient(circle at 50% 50%,rgba(179,19,27,.33),transparent 42%);filter:blur(6px)}
.login-intro-core{position:relative;z-index:2;width:min(760px,calc(100% - 28px));padding:30px 28px;border-radius:30px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05));box-shadow:0 40px 120px rgba(0,0,0,.28);color:#fff;display:grid;gap:20px}
.login-intro-brand{display:flex;align-items:center;gap:16px}.login-intro-brand-badge{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}.login-intro-brand-badge img{width:36px;height:36px;display:block}.login-intro-brand-copy .eyebrow{color:#ffd6d8}.login-intro-brand-copy h3{margin:8px 0 8px;font-size:clamp(26px,4vw,38px);line-height:1.08;letter-spacing:-1.3px}.login-intro-brand-copy p{margin:0;color:rgba(255,255,255,.76);font-size:13px;line-height:1.7;max-width:560px}
.login-intro-visual{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}.login-intro-rings{position:relative;min-height:170px;display:grid;place-items:center}.login-intro-rings span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 40px rgba(255,255,255,.04)}.login-intro-rings span:nth-child(1){width:170px;height:170px;animation:loginRingPulse 2.9s ease-in-out infinite}.login-intro-rings span:nth-child(2){width:122px;height:122px;animation:loginRingPulse 2.9s ease-in-out .2s infinite reverse}.login-intro-rings span:nth-child(3){width:78px;height:78px;animation:loginRingPulse 2.9s ease-in-out .4s infinite}
.login-intro-shield{position:relative;z-index:2;width:68px;height:68px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#da2530,#8f1118);box-shadow:0 22px 50px rgba(179,19,27,.46),inset 0 1px 0 rgba(255,255,255,.22);color:#fff}
.login-intro-chips{display:flex;flex-direction:column;gap:10px;min-width:190px}.login-intro-chip{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:12px;font-weight:800;letter-spacing:.2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)}.login-intro-chip svg{opacity:.96}
.login-intro-loader{display:flex;align-items:center;gap:12px;padding-top:4px;color:rgba(255,255,255,.82);font-size:12px;font-weight:700}.login-intro-loader i{display:block;position:relative;flex:1;max-width:220px;height:8px;border-radius:999px;background:rgba(255,255,255,.14);overflow:hidden}.login-intro-loader i:after{content:"";position:absolute;inset:0 auto 0 -35%;width:35%;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(255,255,255,0));animation:loginIntroScan 1.2s ease-in-out infinite}
@keyframes loginIntroScan{0%{left:-35%}100%{left:100%}}
@keyframes loginRingPulse{0%,100%{transform:scale(.96);opacity:.55}50%{transform:scale(1.04);opacity:1}}
@keyframes loginIntroFadeIn{from{opacity:0}to{opacity:1}}
@keyframes loginIntroFadeOut{0%{opacity:1}100%{opacity:0;visibility:hidden}}
@media(max-width:760px){.login-intro-core{padding:22px 18px;gap:16px}.login-intro-brand{align-items:flex-start}.login-intro-visual{grid-template-columns:1fr}.login-intro-chips{min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.login-intro-chip{justify-content:center;padding:11px 8px;font-size:10px}.login-intro-chip span{display:block}.login-intro-rings{min-height:140px}.login-intro-rings span:nth-child(1){width:138px;height:138px}.login-intro-rings span:nth-child(2){width:102px;height:102px}.login-intro-rings span:nth-child(3){width:70px;height:70px}.login-intro-loader{flex-direction:column;align-items:stretch}.login-intro-loader i{max-width:none}}
@media(max-width:480px){.login-intro-brand{display:block}.login-intro-brand-badge{margin-bottom:12px}.login-intro-brand-copy h3{font-size:24px}.login-intro-chips{grid-template-columns:1fr}}

/* v15 Super Administrator controls + dashboard expansion */
.super-access-panel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;margin:0 0 18px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#201416 0%,#32171b 58%,#781018 100%);color:#fff;box-shadow:0 20px 55px rgba(75,12,18,.18);position:relative;overflow:hidden}.super-access-panel:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-120px;top:-140px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%)}.super-access-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.13);position:relative;z-index:2}.super-access-copy,.super-access-actions{position:relative;z-index:2}.super-access-copy .eyebrow{color:#ffb9bd}.super-access-copy h3{margin:6px 0 7px;font-size:20px;letter-spacing:-.5px}.super-access-copy p{margin:0;color:rgba(255,255,255,.74);font-size:10px;line-height:1.7;max-width:700px}.super-access-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.super-access-actions .btn{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff}.super-access-actions .btn.primary{background:#fff;color:#8f1118;border-color:#fff}.stat-due{border-color:#e1b5b8!important;background:linear-gradient(180deg,#fff,#fff6f6)!important;box-shadow:0 12px 30px rgba(179,19,27,.08)!important}.stat-due .stat-value{color:#9f1119}.quick-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid-expanded .quick{min-height:112px}
.super-admin-console{margin:0 0 18px;border:1px solid rgba(179,19,27,.12);border-radius:22px;padding:20px;background:linear-gradient(135deg,#fff,#fff8f8);box-shadow:var(--shadow-soft)}.super-console-head{display:flex;gap:14px;align-items:flex-start}.super-console-badge{width:46px;height:46px;flex:none;border-radius:15px;background:#a31119;color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px rgba(163,17,25,.20)}.super-console-head h3{margin:5px 0 6px;font-size:18px}.super-console-head p{margin:0;color:#7f7174;font-size:10px;line-height:1.65;max-width:800px}.super-console-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}.super-console-grid>div{padding:14px;border:1px solid #efe1e2;border-radius:15px;background:#fff;display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.super-console-grid>div svg{color:#a31119}.super-console-grid b{font-size:10px}.super-console-grid span{grid-column:2;color:#9a8c8f;font-size:8px;margin-top:3px;line-height:1.5}.admin-action-row{display:flex;gap:5px;align-items:center}.danger-icon{color:#ad1c24!important;background:#fff1f2!important;border-color:#efd3d5!important}.danger-icon:hover{background:#ad1c24!important;color:#fff!important}.super-editor-tools{margin-top:16px;padding:14px;border:1px solid #edd7d9;border-radius:15px;background:#fff8f8;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.super-editor-tools>div{margin-right:auto}.super-editor-tools b{display:block;font-size:10px}.super-editor-tools span{display:block;margin-top:3px;color:#9a8e90;font-size:8px}.btn.danger{background:#a7121a;color:#fff;border-color:#a7121a}.btn.danger:hover{background:#8d0e15}
@media(max-width:1000px){.super-access-panel{grid-template-columns:auto 1fr}.super-access-actions{grid-column:1/-1;justify-content:flex-start}.super-console-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.super-access-panel{grid-template-columns:1fr;padding:18px}.super-access-icon{width:50px;height:50px}.super-access-actions{grid-column:auto;display:grid;grid-template-columns:1fr}.super-access-actions .btn{justify-content:center}.super-console-head{display:block}.super-console-badge{margin-bottom:12px}.super-console-grid{grid-template-columns:1fr}.quick-grid-expanded{grid-template-columns:1fr}.super-editor-tools{align-items:stretch}.super-editor-tools>div{width:100%;margin:0 0 4px}.super-editor-tools .btn{width:100%;justify-content:center}}

/* v16 premium animated Calendar + Messages */
.availability-hero,.messages-hero{position:relative;overflow:hidden;border-radius:24px;margin:0 0 16px;padding:22px 24px;background:linear-gradient(135deg,#241719 0%,#461318 52%,#81131a 100%);color:#fff;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;box-shadow:0 24px 60px rgba(70,12,17,.18)}
.availability-hero:before,.messages-hero:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-120px;top:-170px;background:radial-gradient(circle,rgba(255,255,255,.17),rgba(255,255,255,0) 68%);animation:dcHeroGlow 7s ease-in-out infinite}
.availability-hero:after,.messages-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.08) 38%,transparent 55%);transform:translateX(-120%);animation:dcHeroSweep 7s ease-in-out infinite;pointer-events:none}
.availability-hero>* ,.messages-hero>*{position:relative;z-index:2}.availability-hero-copy h2,.messages-hero h2{margin:5px 0 7px;font-size:23px;letter-spacing:-.8px}.availability-hero-copy p,.messages-hero p{margin:0;color:rgba(255,255,255,.72);font-size:10px;line-height:1.7;max-width:620px}.availability-kicker,.messages-kicker{font-size:8px;font-weight:900;letter-spacing:1.7px;color:#ffd8da}.availability-kicker{display:flex;align-items:center;gap:7px}.availability-kicker i{width:7px;height:7px;border-radius:50%;background:#ff6570;box-shadow:0 0 0 5px rgba(255,101,112,.12);animation:dcPulseDot 1.7s ease-in-out infinite}
.availability-hero-orbit,.messages-orb{width:92px;height:92px;position:relative;display:grid;place-items:center}.availability-hero-orbit>span,.messages-orb>span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.20)}.availability-hero-orbit>span:nth-child(1),.messages-orb>span:nth-child(1){width:90px;height:90px;animation:dcOrbitPulse 3.4s ease-in-out infinite}.availability-hero-orbit>span:nth-child(2),.messages-orb>span:nth-child(2){width:68px;height:68px;animation:dcOrbitPulse 3.4s ease-in-out .25s infinite reverse}.availability-hero-orbit>span:nth-child(3),.messages-orb>span:nth-child(3){width:48px;height:48px;animation:dcOrbitPulse 3.4s ease-in-out .5s infinite}.availability-hero-orbit>div,.messages-orb>div{width:48px;height:48px;border-radius:16px;background:linear-gradient(135deg,#da313b,#9f1119);display:grid;place-items:center;box-shadow:0 15px 35px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.20)}
.availability-legend-pro{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 13px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);border-radius:16px;backdrop-filter:blur(8px)}.availability-legend-pro span{font-size:8px;font-weight:800;display:flex;align-items:center;gap:6px;color:#f6e8e9}.legend-dot{width:7px;height:7px;border-radius:50%;display:block}.legend-dot.open{background:#71c76a}.legend-dot.pending{background:#f2a33c}.legend-dot.booked{background:#ff5964}.legend-dot.completed{background:#64b5e6}
.calendar-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.calendar-stat{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:15px 16px;background:#fff;border:1px solid #eee2e3;border-radius:17px;box-shadow:0 8px 22px rgba(50,10,15,.04);animation:dcStatIn .45s ease both}.calendar-stat:nth-child(2){animation-delay:.05s}.calendar-stat:nth-child(3){animation-delay:.10s}.calendar-stat:nth-child(4){animation-delay:.15s}.calendar-stat>i{position:absolute;width:75px;height:75px;border-radius:50%;right:-28px;bottom:-38px;opacity:.12}.calendar-stat.open>i{background:#65ba5c}.calendar-stat.pending>i{background:#eba13e}.calendar-stat.booked>i{background:#b3131b}.calendar-stat.completed>i{background:#58a9da}.calendar-stat-icon{width:36px;height:36px;border-radius:12px;display:grid;place-items:center}.calendar-stat.open .calendar-stat-icon{background:#eff9ed;color:#4c9746}.calendar-stat.pending .calendar-stat-icon{background:#fff6e8;color:#cd8120}.calendar-stat.booked .calendar-stat-icon{background:#fff0f1;color:#a81119}.calendar-stat.completed .calendar-stat-icon{background:#edf8ff;color:#3385b5}.calendar-stat span{display:block;color:#97898c;font-size:8px;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.calendar-stat b{display:block;margin-top:3px;font-size:18px;color:#332729}
.calendar-wrap-pro{padding:17px!important;overflow:visible!important}.calendar-head-pro{padding:4px 2px 15px!important}.calendar-month-lockup{text-align:center}.calendar-month-lockup small{display:block;text-transform:uppercase;letter-spacing:1.5px;font-size:7px;color:#a29496;font-weight:900;margin-bottom:3px}.calendar-month-lockup .calendar-title{font-size:19px;letter-spacing:-.4px}.calendar-nav-btn{border-radius:12px!important}.calendar-stage{position:relative}.calendar-grid-pro{border:0!important;background:#f8f3f3;padding:8px;border-radius:20px!important;gap:7px!important;overflow:visible!important}.calendar-grid-pro .cal-week{border:0!important;background:transparent!important;min-height:auto!important;text-align:center;letter-spacing:1px;opacity:0;animation:dcCalCellIn .34s ease forwards;animation-delay:calc(var(--cal-i) * 25ms)}.calendar-grid-pro .cal-day{opacity:0;animation:dcCalCellIn .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--cal-i) * 18ms);overflow:hidden}.calendar-grid-pro .cal-day:before{content:"";position:absolute;inset:auto -20% -80% -20%;height:95%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.72),transparent 68%);transition:.35s}.calendar-grid-pro .cal-day:hover:before{transform:translateY(-24%)}.calendar-grid-pro .cal-day.is-selected{border-color:#b3131b!important;box-shadow:0 0 0 3px rgba(179,19,27,.10),0 14px 30px rgba(75,13,17,.10)!important;transform:translateY(-2px)}.calendar-grid-pro .cal-day.is-today .num{width:27px;height:27px;border-radius:9px;background:#2d2022;color:#fff;display:grid;place-items:center}.today-pill{position:absolute;left:9px;bottom:9px;font-size:7px;text-transform:uppercase;letter-spacing:.7px;font-weight:900;color:#8f121a}.calendar-hover-arrow{position:absolute;right:9px;bottom:8px;opacity:0;transform:translateX(-5px);transition:.2s;color:#8f121a}.cal-day:hover .calendar-hover-arrow{opacity:1;transform:translateX(0)}.cal-day .open-legend{background:#edf8ea!important;color:#438d3d!important}
.day-details-pro{margin-top:15px}.day-detail-shell{border-radius:20px;border:1px solid #eadcdd;background:linear-gradient(180deg,#fffafa,#fff);padding:17px;animation:dcDetailRise .4s ease}.day-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.day-detail-head h3{margin:4px 0 4px;font-size:18px}.day-detail-head p{margin:0;color:#94878a;font-size:9px}.day-detail-count{min-width:68px;text-align:center;font-size:23px;font-weight:900;color:#a11119;padding:9px 12px;border-radius:14px;background:#fff0f1;border:1px solid #f1d5d7}.day-detail-count small{display:block;font-size:7px;letter-spacing:.9px;margin-top:2px}.availability-list-pro{grid-template-columns:repeat(3,minmax(0,1fr))}.availability-card-pro{position:relative;overflow:hidden;padding:15px!important;opacity:0;animation:dcDetailCard .45s ease forwards;animation-delay:calc(var(--detail-i) * 70ms);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.availability-card-pro:hover{transform:translateY(-3px);border-color:#d8afb1;box-shadow:0 15px 34px rgba(60,10,15,.08)}.availability-card-pro:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-55px;top:-58px;background:radial-gradient(circle,rgba(179,19,27,.09),transparent 70%)}.availability-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.availability-card-top span:first-child{display:block;color:#a09294;font-size:7px;text-transform:uppercase;letter-spacing:.8px}.availability-card-top b{display:block!important;margin-top:2px;font-size:10px!important}.availability-card-pro h4{margin:12px 0 9px;font-size:14px}.availability-meta{display:grid;gap:7px;margin-bottom:10px}.availability-meta span{display:flex;align-items:flex-start;gap:6px;color:#7d6f72;font-size:9px;line-height:1.4}.availability-duration{padding:8px 9px;border-radius:10px;background:#faf5f5;color:#8a797c;font-size:8px;margin:9px 0 12px}.availability-empty-pro{display:flex;align-items:center;gap:13px;padding:15px;border-radius:16px;background:#f5fff3;border:1px solid #ddecda}.availability-empty-icon{width:42px;height:42px;border-radius:13px;background:#e5f7e2;color:#4c9446;display:grid;place-items:center}.availability-empty-pro>div:nth-child(2){flex:1}.availability-empty-pro b{display:block;font-size:11px}.availability-empty-pro span{display:block;margin-top:3px;color:#70816d;font-size:9px;line-height:1.5}
.messages-hero{grid-template-columns:auto minmax(0,1fr) auto}.messages-trust{display:flex;flex-direction:column;gap:7px}.messages-trust span{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);font-size:8px;font-weight:800;color:#f8e9ea}.chat-live-pill{display:flex!important;align-items:center;gap:6px}.chat-live-pill i{width:6px;height:6px;border-radius:50%;background:#66c85a;box-shadow:0 0 0 5px rgba(102,200,90,.10);animation:dcPulseDot 1.7s infinite}.chat-layout-pro{gap:15px!important}.chat-team-pro,.chat-wrap-pro{border-radius:22px!important;overflow:hidden;box-shadow:0 16px 40px rgba(55,12,17,.06)!important}.chat-team-head-pro{padding:16px!important}.chat-team-head-pro>div:first-child b{font-size:12px}.chat-team-head-pro>div:first-child span{display:block;margin-top:3px}.team-pulse{display:flex;align-items:flex-end;gap:3px;height:16px}.team-pulse i{width:3px;border-radius:999px;background:#b3131b;animation:dcEqualizer 1.2s ease-in-out infinite}.team-pulse i:nth-child(1){height:7px}.team-pulse i:nth-child(2){height:14px;animation-delay:.18s}.team-pulse i:nth-child(3){height:10px;animation-delay:.36s}.team-search{margin:10px 10px 4px;padding:9px 10px;border:1px solid #eee3e4;border-radius:12px;display:flex;gap:7px;align-items:center;background:#fff}.team-search svg{color:#a8989a;flex:none}.team-search input{border:0;outline:0;width:100%;font-size:9px;color:#4b3e40}.team-member-pro{opacity:0;animation:dcTeamIn .38s ease forwards;animation-delay:calc(var(--team-i) * 45ms);border:1px solid transparent}.team-member-pro:hover{border-color:#f1dddd;background:#fff7f7!important}.presence-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.presence-wrap small{font-size:6px;color:#a89a9c}.presence-wrap i{display:block;width:7px;height:7px;border-radius:50%}.presence-wrap i.on{background:#61bd57;box-shadow:0 0 0 4px rgba(97,189,87,.12),0 0 15px rgba(97,189,87,.35)}.presence-wrap i.off{background:#c9bdbf}.chat-head-pro{position:relative!important;overflow:hidden;padding:13px 16px!important}.chat-channel{display:flex;align-items:center;gap:10px}.chat-channel-icon{width:39px;height:39px;border-radius:13px;background:linear-gradient(135deg,#fff0f1,#f9dfe1);color:#a61119;display:grid;place-items:center}.chat-channel b{font-size:11px!important}.chat-channel span{display:block!important;margin-top:2px}.chat-sync{display:flex;align-items:center;gap:8px;position:relative;z-index:2}.chat-sync b{font-size:8px;display:block}.chat-sync small{font-size:7px;color:#a19395}.sync-wave{display:flex;align-items:flex-end;gap:2px;height:17px;padding:4px 6px;border-radius:9px;background:#fff0f1}.sync-wave i{width:2px;border-radius:999px;background:#b3131b;animation:dcEqualizer 1.15s ease-in-out infinite}.sync-wave i:nth-child(1){height:5px}.sync-wave i:nth-child(2){height:10px;animation-delay:.15s}.sync-wave i:nth-child(3){height:7px;animation-delay:.3s}.chat-body-pro{position:relative;background:radial-gradient(circle at 85% 12%,rgba(179,19,27,.045),transparent 26%),linear-gradient(180deg,#fffafa 0%,#fff 55%,#fdfafa 100%)!important;scroll-behavior:smooth}.chat-body-pro:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(rgba(179,19,27,.10) .6px,transparent .6px);background-size:18px 18px}.chat-stream{position:relative;z-index:1}.message-enter{opacity:0;animation:dcMessageIn .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--msg-i) * 35ms)}.message-enter.me{animation-name:dcMessageInMe}.bubble-row .mini-avatar{box-shadow:0 5px 14px rgba(75,15,20,.08)}.bubble-row .mini-avatar img{width:100%;height:100%;object-fit:cover}.chat-wrap-pro .bubble{border-radius:16px 16px 16px 5px;padding:11px 13px;box-shadow:0 6px 18px rgba(55,12,17,.035);transition:transform .2s ease,box-shadow .2s ease}.chat-wrap-pro .me .bubble{border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,#b3131b,#8f1118);box-shadow:0 10px 24px rgba(179,19,27,.16)}.chat-wrap-pro .bubble:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(55,12,17,.07)}.bubble-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-bottom:5px}.bubble-meta b{margin:0!important}.bubble-meta span{font-size:7px;color:#a18f92}.me .bubble-meta span{color:rgba(255,255,255,.68)}.chat-compose-wrap{background:#fff;border-top:1px solid #efe3e4}.typing-local{height:28px;padding:7px 13px 0;display:flex;align-items:center;gap:7px;color:#a39496;font-size:7px;transition:.2s}.typing-local i{width:6px;height:6px;border-radius:50%;background:#d3c6c8}.typing-local.is-typing{color:#8d151b}.typing-local.is-typing i{background:#b3131b;box-shadow:0 0 0 4px rgba(179,19,27,.09);animation:dcPulseDot 1.4s infinite}.chat-compose-pro{border-top:0!important;padding-top:7px!important}.chat-compose-pro textarea{min-height:62px!important;border-radius:15px!important;padding:12px 13px!important;background:#fffdfd}.compose-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:7px}.compose-side>span{font-size:7px;color:#ad9fa1}.chat-send-btn{min-width:100px!important;position:relative;overflow:hidden}.chat-send-btn:before{content:"";position:absolute;top:0;left:-70%;height:100%;width:45%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);animation:dcButtonSheen 3.5s ease-in-out infinite}.send-spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:bootspin .8s linear infinite}.chat-loading-pro{height:100%;min-height:250px;display:flex;align-items:center;justify-content:center;gap:5px;color:#9d8c8f}.chat-loading-pro span{width:6px;height:6px;border-radius:50%;background:#b3131b;animation:dcTypingBounce 1s ease-in-out infinite}.chat-loading-pro span:nth-child(2){animation-delay:.15s}.chat-loading-pro span:nth-child(3){animation-delay:.3s}.chat-loading-pro b{font-size:8px;margin-left:5px}.new-message-pill{position:absolute;right:18px;bottom:105px;z-index:5;border:0;border-radius:999px;padding:8px 11px;background:#281b1d;color:#fff;font-size:8px;font-weight:800;box-shadow:0 10px 24px rgba(30,8,10,.18);display:flex;align-items:center;gap:6px;animation:dcDetailRise .3s ease}
@keyframes dcHeroGlow{0%,100%{transform:translate(0,0) scale(1);opacity:.7}50%{transform:translate(-18px,18px) scale(1.08);opacity:1}}@keyframes dcHeroSweep{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}@keyframes dcOrbitPulse{0%,100%{transform:scale(.94);opacity:.45}50%{transform:scale(1.04);opacity:1}}@keyframes dcPulseDot{0%,100%{opacity:.65;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}@keyframes dcStatIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dcCalCellIn{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes dcDetailRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes dcDetailCard{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes dcEqualizer{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes dcTeamIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes dcMessageIn{from{opacity:0;transform:translateX(-10px) translateY(5px)}to{opacity:1;transform:none}}@keyframes dcMessageInMe{from{opacity:0;transform:translateX(10px) translateY(5px)}to{opacity:1;transform:none}}@keyframes dcTypingBounce{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}@keyframes dcButtonSheen{0%,55%{left:-70%}75%,100%{left:130%}}
@media(max-width:1080px){.availability-hero,.messages-hero{grid-template-columns:auto 1fr}.availability-legend-pro,.messages-trust{grid-column:1/-1;display:flex;flex-wrap:wrap}.calendar-stats{grid-template-columns:repeat(2,1fr)}.availability-list-pro{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.availability-hero,.messages-hero{grid-template-columns:1fr;padding:18px}.availability-hero-orbit,.messages-orb{width:70px;height:70px}.availability-hero-orbit>span:nth-child(1),.messages-orb>span:nth-child(1){width:70px;height:70px}.availability-hero-orbit>span:nth-child(2),.messages-orb>span:nth-child(2){width:55px;height:55px}.availability-hero-orbit>span:nth-child(3),.messages-orb>span:nth-child(3){width:42px;height:42px}.availability-hero-copy h2,.messages-hero h2{font-size:20px}.calendar-stats{grid-template-columns:1fr 1fr}.calendar-wrap-pro{overflow:auto!important}.calendar-grid-pro{min-width:700px}.availability-list-pro{grid-template-columns:1fr}.day-detail-head{align-items:flex-start}.messages-trust{display:grid;grid-template-columns:1fr 1fr}.chat-sync small{display:none}.chat-head-pro{gap:8px}.chat-channel span{max-width:180px}.compose-side{min-width:92px}}
@media(max-width:480px){.calendar-stats{grid-template-columns:1fr}.availability-legend-pro{grid-template-columns:repeat(2,1fr)}.calendar-head-pro{min-width:700px}.messages-trust{grid-template-columns:1fr}.chat-head-pro{align-items:flex-start}.chat-sync{display:none}.chat-compose-pro{flex-direction:column}.compose-side{width:100%;flex-direction:row;align-items:center}.chat-send-btn{margin-left:auto}.day-detail-head{flex-direction:column}.day-detail-count{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){.availability-hero:before,.availability-hero:after,.messages-hero:before,.messages-hero:after,.availability-hero-orbit>span,.messages-orb>span,.calendar-stat,.calendar-grid-pro .cal-day,.calendar-grid-pro .cal-week,.availability-card-pro,.team-member-pro,.message-enter,.team-pulse i,.sync-wave i,.chat-send-btn:before{animation:none!important;opacity:1!important}}


/* D-Company v17 — Calendar + Messages premium visual layer
   Scoped to the Availability and Messages modules only. */

/* ---------- Shared page polish ---------- */
.availability-page-head,.messages-page-head{margin-bottom:18px;align-items:flex-end}
.availability-page-head h1,.messages-page-head h1{font-size:34px;letter-spacing:-1.5px;margin:8px 0 6px}
.availability-page-head p,.messages-page-head p{max-width:780px}

/* ---------- Availability / Calendar ---------- */
.availability-hero{position:relative;overflow:hidden;border-radius:26px;padding:24px 26px;margin-bottom:16px;display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:24px;align-items:center;background:
 radial-gradient(circle at 82% 10%,rgba(255,255,255,.15),transparent 23%),
 radial-gradient(circle at 18% 92%,rgba(255,70,82,.16),transparent 30%),
 linear-gradient(135deg,#211416 0%,#431116 52%,#82131b 100%);color:#fff;box-shadow:0 26px 70px rgba(83,12,18,.20);isolation:isolate}
.availability-hero:before{content:"";position:absolute;width:420px;height:420px;right:-210px;top:-250px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.12),transparent 32%,rgba(255,255,255,.05),transparent 68%);animation:dc17HeroSpin 14s linear infinite;z-index:-1}
.availability-hero:after{content:"";position:absolute;left:-35%;top:0;width:34%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);animation:dc17Sweep 6.5s ease-in-out infinite;pointer-events:none}
.availability-hero-copy{min-width:0}.availability-kicker{display:flex;align-items:center;gap:9px;color:#ffd4d7;font-size:9px;font-weight:900;letter-spacing:1.8px}.availability-kicker i{width:7px;height:7px;border-radius:50%;background:#ff6b75;box-shadow:0 0 0 5px rgba(255,107,117,.13),0 0 20px rgba(255,107,117,.45);animation:dc17Pulse 1.7s ease-in-out infinite}.availability-hero-copy h2{margin:7px 0 8px;font-size:27px;letter-spacing:-1.05px}.availability-hero-copy p{margin:0;color:rgba(255,255,255,.74);font-size:11px;line-height:1.7;max-width:670px}
.availability-hero-orbit{width:92px;height:92px;display:grid;place-items:center;position:relative}.availability-hero-orbit>span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.24)}.availability-hero-orbit>span:nth-child(1){width:92px;height:92px;animation:dc17Orbit 3.8s ease-in-out infinite}.availability-hero-orbit>span:nth-child(2){width:70px;height:70px;animation:dc17Orbit 3.8s ease-in-out .25s infinite reverse}.availability-hero-orbit>span:nth-child(3){width:50px;height:50px;animation:dc17Orbit 3.8s ease-in-out .5s infinite}.availability-hero-orbit>div{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#e23540,#9d1119);box-shadow:0 18px 35px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.25)}
.availability-legend-pro{display:grid;grid-template-columns:repeat(2,minmax(104px,1fr));gap:8px}.availability-legend-pro>span{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px);font-size:9px;font-weight:850;color:#fceff0}.legend-dot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 4px rgba(255,255,255,.06)}.legend-dot.open{background:#61c65a}.legend-dot.pending{background:#f0a33e}.legend-dot.booked{background:#ff5661}.legend-dot.completed{background:#61b7ea}

.calendar-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}.calendar-stat{position:relative;overflow:hidden;min-height:84px;padding:15px 16px;border:1px solid #ece1e2;border-radius:18px;background:linear-gradient(180deg,#fff,#fffafa);display:flex;align-items:center;gap:12px;box-shadow:0 10px 28px rgba(55,12,17,.045);animation:dc17Rise .48s cubic-bezier(.2,.8,.2,1) both}.calendar-stat:nth-child(2){animation-delay:.05s}.calendar-stat:nth-child(3){animation-delay:.10s}.calendar-stat:nth-child(4){animation-delay:.15s}.calendar-stat:after{content:"";position:absolute;width:86px;height:86px;border-radius:50%;right:-30px;bottom:-42px;opacity:.11}.calendar-stat.open:after{background:#5fbe57}.calendar-stat.pending:after{background:#eba040}.calendar-stat.booked:after{background:#b3131b}.calendar-stat.completed:after{background:#58a9da}.calendar-stat-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:none}.calendar-stat.open .calendar-stat-icon{background:#eef9ec;color:#4d9847}.calendar-stat.pending .calendar-stat-icon{background:#fff5e7;color:#cd811f}.calendar-stat.booked .calendar-stat-icon{background:#fff0f1;color:#a80e18}.calendar-stat.completed .calendar-stat-icon{background:#ecf8ff;color:#347fa9}.calendar-stat span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.9px;font-weight:900;color:#9c8d90}.calendar-stat b{display:block;margin-top:4px;font-size:21px;line-height:1;color:#2c2022}

.calendar-wrap-pro{border:1px solid #eadfe0!important;border-radius:24px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#fffafa)!important;box-shadow:0 18px 48px rgba(55,12,17,.06)!important;overflow:hidden!important}.calendar-head-pro{position:relative;display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center!important;margin:0 0 13px!important;padding:0 0 14px!important;border-bottom:1px solid #eee4e5}.calendar-head-pro #prev{justify-self:start}.calendar-head-pro #next{justify-self:end}.calendar-nav-btn{min-width:102px;border-radius:12px!important;background:#fff!important}.calendar-nav-btn:hover{border-color:#d8a7aa!important;background:#fff6f6!important;transform:translateY(-1px)}.calendar-month-lockup{text-align:center}.calendar-month-lockup small{display:block;font-size:8px;color:#9b8e90;text-transform:uppercase;letter-spacing:1.1px;font-weight:850}.calendar-month-lockup .calendar-title{margin-top:3px;font-size:18px;font-weight:950;letter-spacing:-.4px;color:#251a1c}
.calendar-stage{overflow:auto;padding:2px 1px 6px}.calendar-grid-pro{display:grid!important;grid-template-columns:repeat(7,minmax(112px,1fr))!important;gap:9px!important;border:0!important;border-radius:0!important;min-width:800px;background:transparent!important}.calendar-grid-pro .cal-week{min-height:auto!important;padding:9px 10px!important;border:0!important;border-radius:10px;background:#fff4f5!important;color:#8e777a!important;font-size:8px!important;letter-spacing:.7px;text-align:center;animation:dc17Fade .35s ease both;animation-delay:calc(var(--cal-i) * 20ms)}.calendar-grid-pro .cal-day{appearance:none;border:1px solid #ece1e2!important;border-radius:17px!important;min-height:112px!important;padding:13px!important;background:#fff!important;color:#302426!important;box-shadow:0 6px 18px rgba(55,12,17,.035)!important;cursor:pointer;position:relative;overflow:hidden;text-align:left;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;animation:dc17Cell .42s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--cal-i) * 10ms)}.calendar-grid-pro .cal-day:hover{transform:translateY(-3px);border-color:#d8a3a6!important;box-shadow:0 15px 28px rgba(55,12,17,.08)!important}.calendar-grid-pro .cal-day.muted{opacity:.55;background:#fcf9f9!important;cursor:default;box-shadow:none!important}.calendar-grid-pro .cal-day.green{background:linear-gradient(180deg,#fbfffa,#f2faef)!important}.calendar-grid-pro .cal-day.orange{background:linear-gradient(180deg,#fffdf8,#fff4e6)!important}.calendar-grid-pro .cal-day.red{background:linear-gradient(180deg,#fffafa,#ffecee)!important}.calendar-grid-pro .cal-day.blue{background:linear-gradient(180deg,#f8fdff,#edf8ff)!important}.calendar-grid-pro .cal-day.is-selected{border-color:#b3131b!important;box-shadow:0 0 0 3px rgba(179,19,27,.09),0 16px 32px rgba(80,14,20,.10)!important}.calendar-grid-pro .cal-day.is-today:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(179,19,27,.15);pointer-events:none}.calendar-grid-pro .num{font-size:14px!important;font-weight:950!important;color:#2d2123}.today-pill{position:absolute;right:11px;top:11px;padding:4px 7px;border-radius:999px;background:#2c2022;color:#fff;font-size:7px;font-weight:900;letter-spacing:.3px}.calendar-grid-pro .dots{position:absolute!important;right:11px!important;top:45px!important;bottom:auto!important}.calendar-grid-pro .legend{position:absolute;left:11px;right:11px;bottom:11px;margin:0!important;padding:6px 8px!important;border-radius:999px!important;text-align:center;font-size:8px!important;font-weight:900!important;line-height:1!important}.calendar-grid-pro .green .legend{background:#5dc455!important;color:#fff}.calendar-grid-pro .orange .legend{background:#eca13f!important;color:#fff}.calendar-grid-pro .red .legend{background:#a81019!important;color:#fff}.calendar-grid-pro .blue .legend{background:#4da7da!important;color:#fff}.calendar-hover-arrow{position:absolute;right:11px;top:43px;width:22px;height:22px;border-radius:8px;display:grid;place-items:center;background:rgba(255,255,255,.75);color:#806f72;opacity:0;transform:translateX(-4px);transition:.2s}.calendar-grid-pro .cal-day:hover .calendar-hover-arrow{opacity:1;transform:none}
.day-details-pro{margin-top:16px}.day-detail-shell{padding:18px;border-radius:19px;border:1px solid #eee2e3;background:linear-gradient(135deg,#fff,#fff8f8);animation:dc17Rise .35s ease both}.day-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:13px}.day-detail-head h3{margin:7px 0 5px;font-size:18px}.day-detail-head p{margin:0;color:#8f8184;font-size:9px}.day-detail-count{width:74px;height:58px;border-radius:15px;display:grid;place-items:center;background:#2c2022;color:#fff;font-size:19px;font-weight:950;line-height:1}.day-detail-count small{display:block;margin-top:2px;font-size:6px;letter-spacing:.9px;color:#d8c8ca}.availability-empty-pro{display:flex;align-items:center;gap:12px;padding:14px;border:1px dashed #cfe4ca;border-radius:15px;background:#f8fff6}.availability-empty-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#e9f8e5;color:#4c9547;flex:none}.availability-empty-pro>div:nth-child(2){flex:1}.availability-empty-pro b{display:block;font-size:11px}.availability-empty-pro span{display:block;margin-top:3px;color:#71806f;font-size:9px;line-height:1.55}.availability-list-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.availability-card-pro{position:relative;overflow:hidden;padding:15px!important;border-radius:17px!important;box-shadow:0 8px 22px rgba(55,12,17,.04)!important;animation:dc17Rise .38s ease both;animation-delay:calc(var(--detail-i) * 55ms)}.availability-card-top{display:flex;justify-content:space-between;gap:10px}.availability-card-top span{display:block;font-size:7px;text-transform:uppercase;letter-spacing:.8px;color:#9f9294}.availability-card-top b{display:block;margin-top:3px}.availability-card-pro h4{margin:13px 0 9px;font-size:13px}.availability-meta{display:grid;gap:6px;margin-bottom:11px}.availability-meta span{display:flex;gap:6px;align-items:flex-start;color:#786b6e;font-size:8px;line-height:1.45}.availability-duration{margin-bottom:12px;padding:7px 9px;border-radius:10px;background:#fff6f6;color:#7f6367;font-size:8px;font-weight:750}

/* ---------- Messages ---------- */
.messages-hero{position:relative;overflow:hidden;border-radius:26px;padding:22px 25px;margin-bottom:15px;display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:22px;align-items:center;background:
 radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 24%),
 linear-gradient(135deg,#221517 0%,#421116 55%,#741219 100%);color:#fff;box-shadow:0 24px 64px rgba(83,12,18,.18);isolation:isolate}.messages-hero:before{content:"";position:absolute;inset:auto -70px -150px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 68%);animation:dc17Float 7s ease-in-out infinite;z-index:-1}.messages-hero:after{content:"";position:absolute;left:-38%;top:0;width:30%;height:100%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);animation:dc17Sweep 7s ease-in-out infinite;pointer-events:none}.messages-orb{width:84px;height:84px;position:relative;display:grid;place-items:center}.messages-orb>span{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.23)}.messages-orb>span:nth-child(1){width:84px;height:84px;animation:dc17Orbit 3.6s ease-in-out infinite}.messages-orb>span:nth-child(2){width:62px;height:62px;animation:dc17Orbit 3.6s ease-in-out .2s infinite reverse}.messages-orb>span:nth-child(3){width:44px;height:44px;animation:dc17Orbit 3.6s ease-in-out .4s infinite}.messages-orb>div{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#e33842,#a10f18);box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.2)}.messages-kicker{color:#ffd2d5;font-size:8px;font-weight:900;letter-spacing:1.8px}.messages-hero h2{margin:6px 0 7px;font-size:25px;letter-spacing:-.9px}.messages-hero p{margin:0;color:rgba(255,255,255,.73);font-size:10px;line-height:1.65;max-width:720px}.messages-trust{display:grid;gap:7px}.messages-trust span{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-size:8px;font-weight:850;color:#f9ecee;white-space:nowrap}.chat-live-pill{display:flex!important;align-items:center;gap:7px!important}.chat-live-pill i{width:7px;height:7px;border-radius:50%;background:#62c75a;box-shadow:0 0 0 5px rgba(98,199,90,.10),0 0 13px rgba(98,199,90,.35);animation:dc17Pulse 1.6s infinite}
.chat-layout-pro{display:grid!important;grid-template-columns:290px minmax(0,1fr)!important;gap:15px!important;height:calc(100vh - 335px)!important;min-height:510px!important}.chat-team-pro,.chat-wrap-pro{border:1px solid #eadfe0!important;border-radius:22px!important;background:#fff!important;box-shadow:0 14px 38px rgba(55,12,17,.055)!important;overflow:hidden!important}.chat-team-pro{display:flex!important;flex-direction:column!important}.chat-team-head-pro{padding:15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(180deg,#fffafa,#fff)!important;border-bottom:1px solid #eee4e5!important}.chat-team-head-pro b{font-size:11px!important}.chat-team-head-pro span{display:block!important;margin-top:3px;color:#9c8f91;font-size:7px!important;text-transform:uppercase;letter-spacing:.8px}.team-pulse{display:flex;align-items:flex-end;gap:3px;height:17px}.team-pulse i{width:3px;border-radius:999px;background:#b3131b;animation:dc17Equalizer 1.1s ease-in-out infinite}.team-pulse i:nth-child(1){height:7px}.team-pulse i:nth-child(2){height:14px;animation-delay:.15s}.team-pulse i:nth-child(3){height:10px;animation-delay:.30s}.team-search{margin:10px 10px 5px;padding:10px 11px;border:1px solid #eee3e4;border-radius:12px;display:flex;align-items:center;gap:8px;background:#fff;box-shadow:0 5px 14px rgba(55,12,17,.025)}.team-search input{min-width:0;width:100%;border:0!important;outline:0!important;background:transparent!important;padding:0!important;font-size:9px!important;box-shadow:none!important}.chat-team-list{padding:7px 9px 12px!important;overflow:auto!important;flex:1}.team-member-pro{display:flex!important;align-items:center!important;gap:9px!important;padding:10px!important;border-radius:13px!important;border:1px solid transparent;opacity:0;animation:dc17Team .38s ease forwards;animation-delay:calc(var(--team-i) * 42ms)}.team-member-pro:hover{background:#fff6f6!important;border-color:#f0dcde!important;transform:translateX(2px)}.team-avatar{width:38px!important;height:38px!important;border-radius:12px!important;flex:none}.team-member-pro>div:nth-child(2){min-width:0;flex:1}.team-member-pro>div:nth-child(2) b{display:block;font-size:8.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-member-pro>div:nth-child(2) span{display:block;margin-top:3px;font-size:7px;color:#9a8e90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.presence-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.presence-wrap i{width:7px;height:7px;border-radius:50%}.presence-wrap i.on{background:#60c259;box-shadow:0 0 0 4px rgba(96,194,89,.10),0 0 12px rgba(96,194,89,.30)}.presence-wrap i.off{background:#cbbfc1}.presence-wrap small{font-size:6px;color:#a69a9c}
.chat-wrap-pro{position:relative;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important}.chat-head-pro{position:relative!important;z-index:3!important;padding:13px 15px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;background:linear-gradient(180deg,#fffafa,#fff)!important;border-bottom:1px solid #eee3e4!important}.chat-channel{display:flex;align-items:center;gap:10px;min-width:0}.chat-channel-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:none;background:linear-gradient(135deg,#fff0f1,#f6d9dc);color:#a4121a}.chat-channel>div:last-child{min-width:0}.chat-channel b{display:block;font-size:10px!important}.chat-channel span{display:block!important;margin-top:3px;color:#9a8c8f!important;font-size:7px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-sync{display:flex;align-items:center;gap:8px;flex:none}.chat-sync b{display:block;font-size:7.5px}.chat-sync small{display:block;margin-top:2px;font-size:6.5px;color:#a09294}.sync-wave{height:28px;padding:7px 8px;border-radius:10px;display:flex;align-items:flex-end;gap:2px;background:#fff0f1}.sync-wave i{width:2px;border-radius:999px;background:#b3131b;animation:dc17Equalizer 1.05s ease-in-out infinite}.sync-wave i:nth-child(1){height:5px}.sync-wave i:nth-child(2){height:11px;animation-delay:.14s}.sync-wave i:nth-child(3){height:8px;animation-delay:.28s}
.chat-body-pro{position:relative!important;overflow:auto!important;padding:18px!important;background:
 radial-gradient(circle at 85% 10%,rgba(179,19,27,.04),transparent 26%),
 radial-gradient(rgba(179,19,27,.08) .6px,transparent .6px),
 linear-gradient(180deg,#fffafa,#fff 56%,#fdfafa)!important;background-size:auto,20px 20px,auto!important;scroll-behavior:smooth}.chat-stream{position:relative;z-index:1}.bubble-row{margin:10px 0!important;gap:9px!important;align-items:flex-end!important}.message-enter{opacity:0;animation:dc17Message .42s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--msg-i) * 34ms)}.message-enter.me{animation-name:dc17MessageMe}.mini-avatar{width:32px!important;height:32px!important;border-radius:10px!important;box-shadow:0 4px 12px rgba(55,12,17,.07)}.mini-avatar img{width:100%;height:100%;object-fit:cover}.chat-wrap-pro .bubble{max-width:min(72%,620px)!important;padding:11px 13px!important;border:1px solid #efd9dc!important;border-radius:16px 16px 16px 5px!important;background:#fff3f4!important;box-shadow:0 7px 20px rgba(55,12,17,.045)!important;transition:transform .18s ease,box-shadow .18s ease}.chat-wrap-pro .bubble:hover{transform:translateY(-1px);box-shadow:0 11px 25px rgba(55,12,17,.07)!important}.chat-wrap-pro .me .bubble{background:linear-gradient(135deg,#b9131d,#8f1018)!important;color:#fff!important;border-color:#9c1018!important;border-radius:16px 16px 5px 16px!important;box-shadow:0 12px 27px rgba(179,19,27,.17)!important}.bubble-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}.bubble-meta b{margin:0!important;font-size:8px!important}.bubble-meta span{font-size:6.5px!important;color:#a28f92}.me .bubble-meta span{color:rgba(255,255,255,.70)!important}.bubble p{font-size:10px!important;line-height:1.55!important;margin:0!important}.bubble small{display:block!important;margin-top:5px!important;color:#a19194!important;font-size:6.5px!important}.me .bubble small{color:rgba(255,255,255,.64)!important}.chat-loading-pro{height:100%;min-height:250px;display:flex;align-items:center;justify-content:center;gap:5px;color:#9d8c8f}.chat-loading-pro span{width:6px;height:6px;border-radius:50%;background:#b3131b;animation:dc17Typing 1s ease-in-out infinite}.chat-loading-pro span:nth-child(2){animation-delay:.15s}.chat-loading-pro span:nth-child(3){animation-delay:.3s}.chat-loading-pro b{font-size:8px;margin-left:6px}
.chat-compose-wrap{background:#fff!important;border-top:1px solid #eee3e4!important}.typing-local{height:27px;padding:7px 13px 0!important;display:flex;align-items:center;gap:7px;color:#a09294;font-size:7px}.typing-local i{width:6px;height:6px;border-radius:50%;background:#d0c4c6}.typing-local.is-typing{color:#8e1118}.typing-local.is-typing i{background:#b3131b;box-shadow:0 0 0 4px rgba(179,19,27,.09);animation:dc17Pulse 1.4s infinite}.chat-compose-pro{display:flex!important;align-items:stretch!important;gap:10px!important;padding:8px 12px 12px!important;border-top:0!important;background:#fff!important}.chat-compose-pro textarea{flex:1!important;min-height:64px!important;max-height:140px!important;padding:12px 13px!important;border:1px solid #e8dcde!important;border-radius:14px!important;background:#fffdfd!important;resize:vertical!important;outline:0!important;font-size:10px!important;line-height:1.45!important}.chat-compose-pro textarea:focus{border-color:#c95e65!important;box-shadow:0 0 0 4px rgba(179,19,27,.06)!important}.compose-side{min-width:102px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:7px}.compose-side>span{font-size:7px;color:#aa9da0}.chat-send-btn{min-width:102px!important;position:relative;overflow:hidden}.chat-send-btn:before{content:"";position:absolute;top:0;left:-65%;height:100%;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);animation:dc17Btn 3.5s ease-in-out infinite}.send-spinner{width:11px;height:11px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:bootspin .8s linear infinite}.new-message-pill{position:absolute;right:18px;bottom:112px;z-index:6;border:0;border-radius:999px;padding:8px 11px;background:#2d2022;color:#fff;font-size:8px;font-weight:850;box-shadow:0 10px 24px rgba(30,8,10,.20);display:flex;align-items:center;gap:6px;animation:dc17Rise .3s ease}

/* ---------- Motion ---------- */
@keyframes dc17HeroSpin{to{transform:rotate(360deg)}}
@keyframes dc17Sweep{0%,58%{left:-38%}82%,100%{left:118%}}
@keyframes dc17Pulse{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.12);opacity:1}}
@keyframes dc17Orbit{0%,100%{transform:scale(.95);opacity:.52}50%{transform:scale(1.04);opacity:1}}
@keyframes dc17Float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-16px,-10px,0)}}
@keyframes dc17Rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes dc17Fade{from{opacity:0}to{opacity:1}}
@keyframes dc17Cell{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:none}}
@keyframes dc17Equalizer{0%,100%{transform:scaleY(.5);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes dc17Team{from{opacity:0;transform:translateX(-7px)}to{opacity:1;transform:none}}
@keyframes dc17Message{from{opacity:0;transform:translate3d(-9px,5px,0)}to{opacity:1;transform:none}}
@keyframes dc17MessageMe{from{opacity:0;transform:translate3d(9px,5px,0)}to{opacity:1;transform:none}}
@keyframes dc17Typing{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-4px);opacity:1}}
@keyframes dc17Btn{0%,58%{left:-65%}82%,100%{left:125%}}

/* ---------- Responsive ---------- */
@media(max-width:1180px){
  .availability-hero,.messages-hero{grid-template-columns:84px minmax(0,1fr)}
  .availability-legend-pro,.messages-trust{grid-column:1/-1;display:flex;flex-wrap:wrap}
  .calendar-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .availability-list-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .chat-layout-pro{grid-template-columns:250px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .availability-page-head,.messages-page-head{align-items:flex-start}.availability-page-head .page-actions,.messages-page-head .page-actions{width:100%}
  .availability-hero,.messages-hero{grid-template-columns:1fr;padding:20px}.availability-hero-orbit,.messages-orb{width:74px;height:74px}.availability-hero-orbit>span:nth-child(1),.messages-orb>span:nth-child(1){width:74px;height:74px}.availability-hero-orbit>span:nth-child(2),.messages-orb>span:nth-child(2){width:57px;height:57px}.availability-hero-orbit>span:nth-child(3),.messages-orb>span:nth-child(3){width:42px;height:42px}.availability-hero-copy h2,.messages-hero h2{font-size:22px}.availability-legend-pro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calendar-wrap-pro{overflow:auto!important}.calendar-grid-pro{min-width:760px}.calendar-head-pro{min-width:760px}
  .chat-layout-pro{display:block!important;height:auto!important;min-height:0!important}.chat-team-pro{margin-bottom:12px}.chat-team-list{max-height:230px}.chat-wrap-pro{height:620px!important}
}
@media(max-width:560px){
  .availability-page-head h1,.messages-page-head h1{font-size:28px}.calendar-stats{grid-template-columns:1fr}.availability-list-pro{grid-template-columns:1fr}.availability-legend-pro,.messages-trust{display:grid;grid-template-columns:1fr 1fr;width:100%}.calendar-wrap-pro{padding:12px!important}.day-detail-head{align-items:flex-start;flex-direction:column}.day-detail-count{width:68px}.chat-wrap-pro{height:590px!important}.chat-head-pro{align-items:flex-start!important}.chat-sync small{display:none}.chat-channel span{max-width:190px}.chat-compose-pro{flex-direction:column!important}.compose-side{width:100%;min-width:0;flex-direction:row;align-items:center}.chat-send-btn{margin-left:auto}.chat-wrap-pro .bubble{max-width:84%!important}
}
@media(max-width:390px){.availability-legend-pro,.messages-trust{grid-template-columns:1fr}.chat-team-list{max-height:200px}.chat-wrap-pro{height:560px!important}}
@media(prefers-reduced-motion:reduce){.availability-hero:before,.availability-hero:after,.messages-hero:before,.messages-hero:after,.availability-hero-orbit>span,.messages-orb>span,.calendar-stat,.calendar-grid-pro .cal-day,.calendar-grid-pro .cal-week,.team-member-pro,.message-enter,.team-pulse i,.sync-wave i,.chat-send-btn:before{animation:none!important;opacity:1!important}}

/* v18 — remove conflicting legacy Today pseudo shape */
.calendar-grid-pro .cal-day::before,
.calendar-grid-pro .cal-day::after{
  content:none!important;
  display:none!important;
  background:none!important;
  box-shadow:none!important;
}
.calendar-grid-pro .cal-day.is-today{
  background:linear-gradient(180deg,#fffdfd,#fff7f7)!important;
}
.calendar-grid-pro .cal-day.is-today .num{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2d2123!important;
  display:inline!important;
  place-items:initial!important;
  box-shadow:none!important;
}
.calendar-grid-pro .cal-day .today-pill{
  left:auto!important;
  right:11px!important;
  top:11px!important;
  bottom:auto!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:4px 7px!important;
  border:1px solid #f0c7ca!important;
  border-radius:999px!important;
  background:#fff0f1!important;
  color:#a41119!important;
  box-shadow:none!important;
  font-size:7px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.45px!important;
  font-weight:900!important;
}
.calendar-grid-pro .cal-day.is-selected{
  outline:1px solid rgba(179,19,27,.18)!important;
  outline-offset:-5px!important;
}


/* DCompany v20 premium UI/UX + role system + mobile stability */
:root{--dc-red:#c91824;--dc-red-dark:#7c0a12;--dc-ink:#171114;--dc-warm:#fbf8f7;--dc-line:#eadfe0;--dc-shadow:0 18px 55px rgba(65,14,19,.08)}
body{background:radial-gradient(circle at 82% 8%,rgba(201,24,36,.045),transparent 26%),#fbf9f8}.main{background:transparent}#content{max-width:1680px;margin:0 auto}.topbar{background:rgba(255,253,252,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(111,68,72,.09)}
.brand-mark,.side-avatar,.avatar{overflow:hidden}.brand-mark img,.login-brand img,.login-intro-brand-badge img,.dc-setup-mark{width:100%;height:100%;object-fit:cover}.brand-mark{background:#060606!important;border:1px solid rgba(255,255,255,.1)}.login-brand img{background:#050505;padding:3px;border-radius:14px}.dc-setup-mark{width:60px;height:60px;border-radius:18px;background:#050505}
.sidebar{z-index:1000!important;box-shadow:20px 0 55px rgba(20,8,10,.16)}.sidebar-backdrop{display:none;position:fixed;inset:0;z-index:990;background:rgba(15,9,10,.5);backdrop-filter:blur(4px)}.sidebar-backdrop.show{display:block}.nav-item{isolation:isolate}.nav-item.active{box-shadow:0 13px 28px rgba(201,24,36,.22)}
.panel,.stat,.quick{border-color:rgba(120,67,72,.11);box-shadow:var(--dc-shadow)}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-40px;bottom:-45px;background:radial-gradient(circle,rgba(201,24,36,.12),transparent 68%)}.stat-due{border-color:rgba(201,24,36,.24);background:linear-gradient(145deg,#fff,#fff6f6)}.stat-pending{background:linear-gradient(145deg,#fff,#fff9ef)}
.dashboard-role-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;padding:20px 22px;margin-bottom:18px;border-radius:22px;background:linear-gradient(120deg,#181113,#311418 65%,#760a12);color:#fff;box-shadow:0 22px 55px rgba(45,8,12,.18);overflow:hidden;position:relative}.dashboard-role-card:after{content:"";position:absolute;right:-70px;top:-90px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 65%)}.dashboard-role-card .eyebrow{color:#ffb9bd}.dashboard-role-card h3{margin:5px 0;font-size:18px}.dashboard-role-card p{margin:0;color:#d9cfd1;font-size:11px;line-height:1.6}.dashboard-role-icon{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.1);display:grid;place-items:center;border:1px solid rgba(255,255,255,.12)}
.role-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;white-space:nowrap}.role-badge.admin_manager{background:#221719;color:#fff;border:1px solid #594249}.role-badge.admin_supervisor{background:#fff1dc;color:#865010;border:1px solid #f0d2a8}.role-badge.admin{background:#eef5ff;color:#3f6288;border:1px solid #d5e4f6}.dashboard-role-card .role-badge{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.15);color:#fff;z-index:2}
.access-role-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.role-overview-card{display:flex;align-items:flex-start;gap:13px;padding:17px;border:1px solid var(--dc-line);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(50,15,18,.04)}.role-overview-card>svg{flex:none;padding:9px;width:40px;height:40px;border-radius:12px;background:#fff3f4;color:var(--dc-red)}.role-overview-card b{font-size:12px}.role-overview-card span{display:block;margin-top:5px;color:#8b7d7f;font-size:9px;line-height:1.55}.role-overview-card.manager{background:linear-gradient(140deg,#1d1517,#4b1117);color:#fff;border:0}.role-overview-card.manager span{color:#d7c8ca}.role-overview-card.manager>svg{background:rgba(255,255,255,.1);color:#fff}.manager-console,.role-info-banner,.readonly-chat-note,.readonly-pending-card{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;margin-bottom:15px;border:1px solid #efd8da;background:linear-gradient(135deg,#fff7f7,#fff);color:#65575a}.manager-console{border-color:#ddbdc0;background:linear-gradient(135deg,#fff,#fff2f3)}.manager-console b,.role-info-banner b,.readonly-chat-note b,.readonly-pending-card b{display:block;font-size:11px}.manager-console span,.role-info-banner span,.readonly-chat-note span,.readonly-pending-card span{display:block;margin-top:3px;font-size:9px;line-height:1.55;color:#8b7c7f}
.permission-editor{margin-top:18px;padding:18px;border:1px solid #ebdedf;border-radius:19px;background:#fffafa}.permission-editor.manager-target{opacity:.55}.permission-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.permission-head.second{margin-top:18px}.permission-head b{font-size:11px}.permission-head span{display:block;margin-top:3px;font-size:9px;color:#94878a}.permission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.permission-grid label{display:flex;gap:8px;align-items:center;padding:9px 10px;background:#fff;border:1px solid #eee3e4;border-radius:11px;font-size:9px;font-weight:800}.permission-grid input{accent-color:var(--dc-red)}
.booking-id-builder{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;padding:13px;border:1px solid #ecdfe0;border-radius:15px;background:#fff9f9;margin-bottom:14px}.booking-id-builder .field{margin:0}.check-line{display:flex!important;justify-content:flex-start!important;gap:8px!important;align-items:center}.check-line input{width:auto!important}.care-pill,.review-requested{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:999px;background:#fff0f1;color:#9d1820;font-size:8px;font-weight:800}.review-requested{background:#fff5df;color:#9a6419}.booking-view-status{display:flex;gap:8px;align-items:center;margin-bottom:13px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.detail-card{padding:15px;border:1px solid #eee2e3;border-radius:15px;background:#fff}.detail-card h4{margin:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#9b2028}.detail-line{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f4eeee;font-size:9px}.detail-line:last-child{border:0}.detail-line span{text-transform:capitalize;color:#94878a}.detail-line b{text-align:right;word-break:break-word}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.danger-lite{color:#b61b23!important;background:#fff1f2!important}.admin-access-modal .modal{width:min(1100px,100%)}
.booking-alert-panel{position:fixed;z-index:1600;right:20px;bottom:20px;width:min(560px,calc(100vw - 28px));display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 15px;border-radius:20px;background:linear-gradient(135deg,#211719,#560e15);color:#fff;box-shadow:0 24px 75px rgba(57,8,12,.35);border:1px solid rgba(255,255,255,.1);animation:dcAlertIn .35s ease}.booking-alert-pulse{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#c91924;box-shadow:0 0 0 0 rgba(229,46,58,.35);animation:dcAlertPulse 1.5s infinite}.booking-alert-copy small{font-size:7px;letter-spacing:1.5px;color:#ffb7bb;font-weight:900}.booking-alert-copy b{display:block;margin:3px 0;font-size:11px}.booking-alert-copy span{font-size:8px;color:#dacbcd}.booking-alert-actions{display:flex;gap:6px}.booking-alert-panel .btn{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.09);color:#fff}.booking-alert-panel .btn.primary{background:#cf1d28;border-color:#cf1d28}.notification-toggle.enabled{color:#52a74d;background:#effbea}
.website-control-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.feature-toggle{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid #eee2e3;border-radius:14px;background:#fff;cursor:pointer}.feature-toggle>input{display:none}.feature-switch{width:35px;height:20px;border-radius:999px;background:#d9cdcf;position:relative;transition:.2s}.feature-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s;box-shadow:0 2px 7px rgba(0,0,0,.15)}.feature-toggle input:checked+.feature-switch{background:#ba1821}.feature-toggle input:checked+.feature-switch:after{transform:translateX(15px)}.feature-icon{width:32px;height:32px;border-radius:10px;background:#fff2f3;color:#b51a22;display:grid;place-items:center}.feature-toggle b{display:block;font-size:9px}.feature-toggle small{display:block;margin-top:3px;color:#95888a;font-size:8px;line-height:1.45}.review-admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review-admin-card{padding:14px;border:1px solid #eee2e3;border-radius:15px}.review-admin-top{display:flex;justify-content:space-between;gap:8px}.review-admin-top b{display:block;font-size:10px}.review-admin-top span{font-size:10px;color:#c58922}.review-admin-card p{font-size:9px;line-height:1.6;color:#6f6264}.review-admin-card small{font-size:8px;color:#998c8e}.review-admin-card .btn{margin-top:9px}
@keyframes dcAlertIn{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@keyframes dcAlertPulse{70%{box-shadow:0 0 0 13px rgba(229,46,58,0)}100%{box-shadow:0 0 0 0 rgba(229,46,58,0)}}
@media(max-width:900px){.access-role-overview,.website-control-grid{grid-template-columns:1fr}.permission-grid,.review-admin-grid{grid-template-columns:repeat(2,1fr)}.dashboard-role-card{grid-template-columns:auto 1fr}.dashboard-role-card>.role-badge{grid-column:1/-1;justify-self:start}.toggle-grid{grid-template-columns:1fr}}
@media(max-width:640px){
 body.sidebar-open{overflow:hidden}.sidebar{z-index:1000!important;width:min(86vw,330px)!important}.sidebar.open{transform:translateX(0)!important}.sidebar-backdrop{z-index:990!important}.main{position:relative;z-index:1}.topbar,#content{z-index:auto!important}.sidebar-open .main select,.sidebar-open .main input,.sidebar-open .main button,.sidebar-open .main textarea{pointer-events:none!important}.sidebar button,.sidebar input{pointer-events:auto!important}
 .top-search{display:none}.connection{display:none}.live-clock{font-size:8px}.user-info{display:none}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.access-role-overview{grid-template-columns:1fr}.permission-grid,.review-admin-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.booking-id-builder{grid-template-columns:1fr}.booking-alert-panel{right:14px;bottom:14px;grid-template-columns:auto 1fr}.booking-alert-actions{grid-column:1/-1;justify-content:flex-end}.page-actions{display:flex;flex-wrap:wrap}.toolbar{overflow:visible!important;display:flex;flex-wrap:wrap!important}.toolbar .select,.toolbar .date-input,.toolbar .search-box{width:100%!important;min-width:0!important}.form-grid.three{grid-template-columns:1fr!important}.modal-backdrop{padding:8px}.modal{border-radius:18px;max-height:94vh}.dashboard-role-card{grid-template-columns:1fr;padding:18px}.dashboard-role-icon{width:44px;height:44px}
}
@media(max-width:390px){.dashboard-stat-grid,.quick-grid-expanded{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.booking-alert-pulse{animation:none!important}}
.view-only-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#f5efee;border:1px solid #e7dbda;color:#817274;font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.readonly-banner{margin-bottom:14px;padding:13px 15px;border:1px solid #eadad8;border-radius:14px;background:linear-gradient(135deg,#fff8f7,#fff);display:flex;align-items:center;gap:10px;color:#76151d}.readonly-banner>span{width:34px;height:34px;padding:8px;border-radius:10px;background:#f8e7e8}.readonly-banner b,.readonly-banner span{display:block}.readonly-banner div span{font-size:9px;color:#88787a;margin-top:2px}.readonly-banner div b{font-size:10px}


/* DCompany Admin v21 — final verified UI layer */
:root{
  --v21-red:#c91424;--v21-red-dark:#860b14;--v21-black:#120d0f;--v21-panel:#ffffff;
  --v21-bg:#f8f5f4;--v21-line:#eadfe0;--v21-muted:#7f7275;--v21-shadow:0 18px 50px rgba(70,18,23,.08);
}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{background:var(--v21-bg);color:#1d1719;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,select,textarea{max-width:100%}
img,svg{max-width:100%}

/* Branding */
.brand-mark{overflow:hidden;background:#0d0a0b!important;padding:0!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 14px 34px rgba(0,0,0,.25)!important}
.brand-mark img,.login-brand img,.login-intro-brand-badge img,.dc-setup-mark{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:inherit!important}
.login-brand img{width:52px!important;height:52px!important;border-radius:16px!important;background:#0d0a0b}
.login-intro-brand-badge{overflow:hidden;background:#0d0a0b!important}
.login-intro-brand-badge img{padding:0!important}

/* App frame */
.app-shell{min-height:100dvh!important;background:var(--v21-bg)}
.sidebar{z-index:5000!important;background:linear-gradient(180deg,#120e10 0%,#1b1215 48%,#110c0e 100%)!important;box-shadow:16px 0 50px rgba(25,7,10,.18)!important;border-right:1px solid rgba(255,255,255,.06)!important}
.sidebar-backdrop{z-index:4990!important;background:rgba(17,10,12,.56)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.side-brand{background:rgba(18,14,16,.97)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important}
.nav-item{min-height:46px!important;border-radius:13px!important;margin:2px 0!important;transition:background .18s ease,transform .18s ease,color .18s ease!important}
.nav-item:hover{background:rgba(255,255,255,.055)!important;transform:translateX(2px)}
.nav-item.active{background:linear-gradient(135deg,#d3192a,#b50f1c)!important;color:#fff!important;box-shadow:0 12px 30px rgba(201,20,36,.24)!important}
.nav-dot-count{box-shadow:none!important}
.main{position:relative!important;z-index:1!important;background:linear-gradient(180deg,#fbf8f8 0,#f7f2f2 100%)!important;min-width:0!important}
.topbar{z-index:100!important;background:rgba(255,252,252,.92)!important;box-shadow:0 1px 0 rgba(80,20,25,.05)!important}
#content{position:relative!important;z-index:1!important;min-width:0!important;overflow:visible!important}

/* Prevent page controls from ever painting above the mobile drawer */
.search-box,.search-box input,.top-search,.top-search input,.select,.date-input,.field input,.field select,.field textarea,.toolbar,.page-actions{z-index:auto!important}
body.sidebar-open .main{pointer-events:none!important;filter:saturate(.92)}
body.sidebar-open .sidebar,body.sidebar-open .sidebar *,body.sidebar-open .sidebar-backdrop{pointer-events:auto!important}
body.sidebar-open select,body.sidebar-open input,body.sidebar-open textarea,body.sidebar-open button:not(.mobile-close){z-index:0!important}

/* Surfaces */
.panel,.card,.stat,.detail-card,.calendar-wrap,.chat-team,.chat-wrap,.modal,.invoice-preview{border-color:var(--v21-line)!important;box-shadow:var(--v21-shadow)!important}
.panel,.card,.detail-card,.stat{background:rgba(255,255,255,.96)!important}
.page-head h1,.page-head h2{letter-spacing:-.035em!important}
.btn,.primary-btn,.icon-btn,.top-icon,.user-chip,.search-box,.select,.date-input,.field input,.field select,.field textarea{border-radius:12px!important}
.btn.primary,.primary-btn{background:linear-gradient(135deg,#d31a2a,#a90d19)!important;box-shadow:0 12px 28px rgba(194,18,31,.20)!important}
.btn.primary:hover,.primary-btn:hover{transform:translateY(-1px)!important;box-shadow:0 16px 34px rgba(194,18,31,.27)!important}

/* Tables */
.table-wrap{width:100%!important;max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important;background:#fff!important}
.data-table{width:100%!important;min-width:780px!important}
.data-table th{position:sticky;top:0;z-index:2;background:#fff8f8!important}
.data-table td,.data-table th{white-space:normal!important;overflow-wrap:anywhere}

/* Forms and toolbars */
.toolbar{width:100%!important;gap:10px!important}
.toolbar-left,.toolbar-right{max-width:100%!important}
.search-box{min-width:0!important;flex:1 1 240px!important}
.select,.date-input{min-width:0!important}
.field input,.field select,.field textarea{font-size:14px!important}
.field label{font-size:10px!important}

/* Calendar polish */
.calendar-wrap{overflow:hidden!important;border-radius:22px!important;background:linear-gradient(180deg,#fff,#fffafa)!important}
.calendar-grid{width:100%!important;min-width:760px!important;gap:8px!important;background:transparent!important;border:0!important}
.cal-day{border:1px solid #eee4e5!important;border-radius:15px!important;box-shadow:0 5px 18px rgba(66,19,23,.035)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important}
.cal-day:hover{transform:translateY(-2px)!important;box-shadow:0 12px 26px rgba(66,19,23,.09)!important}
.cal-day.today{outline:2px solid rgba(201,20,36,.30)!important;outline-offset:-2px!important}
.cal-day.today:before,.cal-day.today:after{display:none!important;content:none!important}
.cal-day .today-badge{position:absolute!important;top:8px!important;right:8px!important;border-radius:999px!important;background:#211719!important;color:#fff!important;padding:4px 7px!important;font-size:7px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.08em!important;z-index:2!important}

/* Messages */
.chat-layout,.chat-layout-pro{min-width:0!important}
.chat-team,.chat-wrap{min-width:0!important}
.chat-wrap-pro .bubble{max-width:min(72%,620px)!important}
.chat-compose-pro textarea{font-size:14px!important}
.team-search input{font-size:12px!important}

/* Login */
.login-page{padding:24px!important}
.login-wrap{box-shadow:0 35px 100px rgba(67,16,20,.14)!important;border:1px solid rgba(201,20,36,.09)!important}
.login-visual{background:linear-gradient(145deg,#fff,#fff8f8)!important}
.login-card{background:#fff!important}

/* Mobile/tablet */
@media(max-width:900px){
  .topbar{height:72px!important;padding:0 14px!important}
  #content{padding:18px!important}
  .page-head{gap:14px!important}
  .page-actions{width:100%!important}
  .page-actions>.btn,.page-actions>.search-box,.page-actions>.select,.page-actions>.date-input{flex:1 1 180px!important}
  .quick-grid,.quick-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* DCompany Admin v50.0.4 — cache-proof bell and touch-safe mobile drawer */
#notificationToggle,
#notificationToggle.enabled,
#notificationToggle:hover,
#notificationToggle:focus,
#notificationToggle:focus-visible,
#notificationToggle:active{
  background:#eaf8ee!important;
  color:#23813a!important;
  border-color:#bfe2c7!important;
  box-shadow:none!important
}
#notificationToggle .ico,
#notificationToggle svg,
#notificationToggle svg path{
  color:#23813a!important;
  stroke:#23813a!important
}
#sidebar .nav-dot-count,
#sidebar .nav-dot-count.on,
#sidebar .nav-item.active:after,
#sidebar .nav-item.active::after{
  content:none!important;
  display:none!important;
  visibility:hidden!important;
  animation:none!important
}
@media(max-width:900px){
  .app-shell{position:relative!important;isolation:isolate!important}
  #sidebar.sidebar,
  #sidebar.sidebar.open{
    z-index:2147483646!important;
    pointer-events:auto!important;
    touch-action:pan-y!important
  }
  #sidebar .nav,
  #sidebar .nav-item,
  #sidebar .nav-item *{
    pointer-events:auto!important
  }
  #sidebar .nav-item{position:relative!important;z-index:2!important;touch-action:manipulation!important}
  #sidebarBackdrop.sidebar-backdrop,
  #sidebarBackdrop.sidebar-backdrop.show{
    z-index:2147483645!important
  }
}
@media(max-width:640px){
  html,body{overflow-x:hidden!important}
  .app-shell{display:block!important}
  .main{width:100%!important;margin:0!important}
  .sidebar{position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,330px)!important;max-width:330px!important;transform:translateX(-104%)!important;transition:transform .26s cubic-bezier(.2,.8,.2,1)!important;overflow-y:auto!important;overflow-x:hidden!important}
  .sidebar.open{transform:translateX(0)!important}
  .sidebar-backdrop.show{display:block!important}
  .side-brand{height:auto!important;min-height:92px!important;padding:18px!important;justify-content:flex-start!important}
  .brand-copy,.workspace-label,.nav-item span:not(.nav-icon),.secure-card div:not(.secure-ring),.side-user .side-user-copy,.mobile-close{display:block!important}
  .mobile-close{margin-left:auto!important;flex:none!important}
  .nav{padding:6px 12px 10px!important}
  .nav-item{width:100%!important;justify-content:flex-start!important;padding:0 14px!important;gap:12px!important}
  .side-user{padding:13px 18px!important}
  .side-bottom{padding:8px 12px 16px!important}
  .topbar{height:68px!important;padding:0 10px!important;gap:8px!important}
  .mobile-title{display:flex!important;min-width:0!important}.mobile-title>div{min-width:0!important}.mobile-title b,.mobile-title small{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:130px!important}
  .top-actions{gap:6px!important}.top-icon{width:38px!important;height:38px!important;flex:none!important}.user-chip{padding:4px!important}.user-chip .avatar{width:34px!important;height:34px!important}.connection,.live-clock,.user-info,.top-search{display:none!important}
  #content{padding:14px!important;overflow:hidden!important}
  .page-head{align-items:stretch!important;flex-direction:column!important}.page-head h1,.page-head h2{font-size:28px!important}
  .page-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .page-actions>*{width:100%!important;max-width:100%!important}
  .toolbar,.toolbar-left,.toolbar-right{display:grid!important;grid-template-columns:1fr!important;width:100%!important;gap:8px!important}
  .toolbar .search-box,.toolbar .select,.toolbar .date-input,.toolbar .btn{width:100%!important;min-width:0!important;max-width:100%!important}
  .form-grid,.form-grid.three,.grid-2,.security-grid,.profile-layout,.access-role-overview,.permission-grid,.review-admin-grid,.detail-grid,.credential-card,.dashboard-role-card{grid-template-columns:1fr!important}
  .quick-grid,.quick-grid-expanded,.dashboard-stat-grid,.cards{grid-template-columns:1fr!important}
  .modal-backdrop{padding:8px!important}.modal{width:100%!important;max-width:100%!important;max-height:94dvh!important;border-radius:18px!important}.modal-head,.modal-body,.modal-foot{padding-left:14px!important;padding-right:14px!important}.modal-foot{flex-wrap:wrap!important}.modal-foot .btn{flex:1 1 130px!important}
  .table-wrap{border-radius:13px!important;margin:0!important}.data-table{min-width:760px!important}
  .calendar-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}.calendar-grid{min-width:720px!important}
  .chat-layout,.chat-layout-pro{display:block!important;height:auto!important;min-height:0!important}.chat-team{display:none!important}.chat-wrap{height:calc(100dvh - 110px)!important;min-height:540px!important;border-radius:16px!important}.chat-wrap-pro .bubble{max-width:84%!important}.chat-compose-pro{padding:10px!important}.chat-compose-pro textarea{min-height:58px!important}
  .booking-alert-panel{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important}
  .login-page{padding:12px!important}.login-wrap{grid-template-columns:1fr!important;border-radius:22px!important}.login-visual{display:none!important}.login-card{padding:30px 20px!important}.login-card h2{font-size:30px!important}
  .login-intro-core{width:calc(100% - 20px)!important}
}
@media(max-width:380px){.top-actions .notification-toggle{display:none!important}.mobile-title b{font-size:12px!important}.page-head h1,.page-head h2{font-size:25px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* DCompany v22 - final responsive/admin UX corrections */
:root{--v22-red:#cf1727;--v22-red-dark:#8c0f19;--v22-ink:#171113;--v22-soft:#fbf7f7;--v22-line:#eadfe1}
/* Modals must cover the full application including the fixed sidebar. */
.modal-backdrop{z-index:9000!important;padding:22px!important;background:rgba(19,11,13,.58)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;overflow:auto!important;align-items:center!important}
.modal{width:min(880px,calc(100vw - 44px))!important;max-height:min(90dvh,920px)!important;border-radius:22px!important;overflow:auto!important;box-shadow:0 40px 120px rgba(25,5,9,.32)!important}
.modal.large{width:min(1160px,calc(100vw - 44px))!important}
.modal-head{padding:19px 22px!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(12px)!important}
.modal-head h3{font-size:18px!important;letter-spacing:-.02em}.modal-head span{font-size:10px!important;line-height:1.5!important}
.modal-body{padding:22px!important}.modal-foot{padding:14px 22px!important;z-index:4!important;box-shadow:0 -8px 22px rgba(30,8,12,.035)!important}
.admin-access-modal .modal{width:min(1160px,calc(100vw - 44px))!important}
/* Booking editor */
.booking-id-builder{padding:16px!important;border-radius:17px!important;background:linear-gradient(135deg,#fff9f9,#fff)!important;align-items:end!important}
#bookingForm .form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
#bookingForm .field{min-width:0!important;margin:0!important}#bookingForm .field input,#bookingForm .field select,#bookingForm .field textarea{min-width:0!important}
.care-of-field{padding:15px!important;border:1px solid #ecdfe1!important;border-radius:16px!important;background:#fff9f9!important}.care-of-field .check-line{font-size:11px!important}.care-help{display:block!important;margin:6px 0 10px!important;color:#8c7d80!important;font-size:9px!important;line-height:1.55!important}.care-of-field input[name=care_of_name]{background:#fff!important}
.readonly-pending-card{border-radius:16px!important;padding:15px!important;background:linear-gradient(135deg,#fff5e7,#fff)!important;border:1px solid #f1d7ac!important}
/* Tables remain usable without squeezing content into unreadable columns. */
.table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}.table-wrap table{min-width:820px!important}.booking-toolbar{gap:9px!important}.booking-toolbar .search-box{flex:1 1 280px!important}.booking-toolbar .select{min-width:128px!important}
/* Alert/ringing UI */
.booking-alert-panel{z-index:9500!important;right:18px!important;bottom:18px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.12)!important;background:linear-gradient(135deg,#1d1214,#670c16)!important;box-shadow:0 30px 90px rgba(55,5,10,.38)!important}
.booking-alert-pulse{animation:dcAlertPulse 1.15s ease-in-out infinite!important}.notification-toggle.enabled{box-shadow:0 0 0 3px rgba(80,180,80,.12)!important}
/* Mobile/app layout */
@media(max-width:900px){
  .modal-backdrop{padding:10px!important;align-items:flex-start!important}.modal,.modal.large,.admin-access-modal .modal{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 20px)!important;margin-top:0!important;border-radius:18px!important}
  .modal-body{padding:16px!important}.modal-head{padding:16px!important}.modal-foot{padding:12px 16px!important}
  #bookingForm .form-grid.three,.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .booking-toolbar{display:grid!important;grid-template-columns:1fr 1fr!important}.booking-toolbar .search-box,.booking-toolbar #searchBtn,.booking-toolbar #countText{grid-column:1/-1!important}.booking-toolbar .select,.booking-toolbar .date-input{width:100%!important}
}
@media(max-width:640px){
  .topbar{height:64px!important;padding:0 10px!important}.mobile-title b{font-size:12px!important}.mobile-title small{font-size:8px!important}.top-actions{gap:5px!important}.top-icon,.hamb{width:38px!important;height:38px!important}.user-chip{padding:4px!important}.avatar{width:34px!important;height:34px!important}
  #content{padding:15px!important}.page-head h1{font-size:29px!important}.page-head p{font-size:11px!important;line-height:1.55!important}.page-actions .btn{width:100%!important}
  .panel{border-radius:17px!important}.toolbar{padding:11px!important}.booking-toolbar{grid-template-columns:1fr!important}.booking-toolbar>*{grid-column:1!important;width:100%!important}
  #bookingForm .form-grid.three,.form-grid.three{grid-template-columns:1fr!important}.booking-id-builder{grid-template-columns:1fr!important}.booking-id-builder .btn{width:100%!important}
  .modal-backdrop{padding:0!important}.modal,.modal.large,.admin-access-modal .modal{max-height:100dvh!important;min-height:100dvh!important;border-radius:0!important}.modal-head{top:0!important}.modal-foot{bottom:0!important}.modal-foot .btn{min-height:44px!important}
  .booking-alert-panel{left:10px!important;right:10px!important;bottom:10px!important;width:auto!important;grid-template-columns:42px 1fr!important;padding:12px!important}.booking-alert-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr!important}.booking-alert-actions .btn{justify-content:center!important}
}


/* DCompany Admin v23 — booking workspace, responsive data density and alert refinement */
:root{--v23-red:#c81424;--v23-red-2:#9e101b;--v23-ink:#171113;--v23-muted:#7e7073;--v23-line:#eadfe1;--v23-soft:#fffafa;--v23-green:#2e9e59}
html,body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#content{padding-top:26px!important}.page-head{margin-bottom:20px!important}.page-head h1{letter-spacing:-.045em!important}.panel{border:1px solid rgba(126,74,79,.13)!important;box-shadow:0 18px 50px rgba(71,24,29,.06)!important;background:rgba(255,255,255,.96)!important}
.toolbar{background:linear-gradient(180deg,#fff,#fffbfb)!important;border-bottom:1px solid #f0e5e6!important}.search-box,.select,.date-input{border-color:#eadfe1!important;background:#fff!important}
.table-wrap table{border-collapse:separate!important;border-spacing:0!important}.table-wrap thead th{position:sticky;top:0;z-index:2;background:#fffafa!important;color:#75686b!important;text-transform:uppercase;font-size:8px!important;letter-spacing:.08em!important;padding:13px 12px!important;border-bottom:1px solid #eadfe1!important}.table-wrap tbody td{padding:14px 12px!important;border-bottom:1px solid #f1e8e9!important;vertical-align:middle!important}.table-wrap tbody tr:last-child td{border-bottom:0!important}

/* Booking workspace */
.booking-page-head{align-items:end!important}.booking-panel{overflow:hidden!important;border-radius:22px!important}.booking-filter-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 20px 10px}.booking-filter-head>div span{display:block;color:var(--v23-red);font-size:8px;font-weight:900;letter-spacing:.16em}.booking-filter-head>div b{display:block;margin-top:5px;font-size:15px;letter-spacing:-.02em}.booking-count-chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;border-radius:999px;background:#fff0f1;color:#99121c;border:1px solid #f1d6d9;font-size:9px;font-weight:900;white-space:nowrap}.booking-toolbar{padding:10px 20px 16px!important;border-bottom:1px solid #efe5e6!important}.booking-search-btn{min-height:42px!important}.booking-table-wrap{padding:0 14px 14px!important}.booking-table{min-width:1050px!important;border:1px solid #eee3e4!important;border-radius:17px!important;overflow:hidden!important}.booking-table thead th:first-child,.booking-table tbody td:first-child{padding-left:16px!important}.booking-table thead th:last-child,.booking-table tbody td:last-child{padding-right:16px!important}.booking-row{transition:background .18s ease,transform .18s ease}.booking-row:hover{background:#fffafa!important}.booking-row:hover td{background:transparent!important}
.booking-id-cell{display:flex;align-items:center;gap:7px}.booking-id-cell>b{font-size:13px;letter-spacing:.02em}.booking-id-cell>span{padding:4px 7px;border-radius:999px;background:#f6eeee;color:#8d6569;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.booking-row td>small{display:block;margin-top:5px;color:#a19396;font-size:8px;line-height:1.4}.booking-person,.booking-route,.booking-travel,.booking-money,.booking-assignment{display:grid;gap:3px}.booking-person>b,.booking-route>b,.booking-travel>b,.booking-money>b,.booking-assignment>b{font-size:11px}.booking-person>span,.booking-route>span,.booking-travel>span,.booking-money>span,.booking-assignment>span{font-size:9px;color:#7f7174;line-height:1.4}.booking-person>small,.booking-travel>small{font-size:8px;color:#a19396;line-height:1.35}.booking-person>em{justify-self:start;margin-top:4px;padding:4px 7px;border-radius:999px;background:#fff2e9;color:#a4641f;font-size:7px;font-style:normal;font-weight:900}.booking-route i{font-style:normal;color:#c81424;font-weight:900}.booking-payment{min-width:118px;display:grid;gap:4px}.booking-payment>div{display:flex;align-items:baseline;gap:5px}.booking-payment>div b{font-size:11px}.booking-payment>div span,.booking-payment>small{font-size:8px;color:#87797c}.booking-payment>i{height:5px;border-radius:999px;background:#f0e7e8;overflow:hidden}.booking-payment>i span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d81d2e,#43ae68)}.booking-status-cell{display:grid;justify-items:start;gap:5px}.booking-status-cell>small{font-size:7px;color:#9a7a40;background:#fff6df;border:1px solid #f1dfb1;border-radius:999px;padding:4px 6px}.booking-actions{display:grid!important;grid-template-columns:repeat(2,38px)!important;gap:6px!important}.booking-actions .icon-btn{width:38px!important;height:38px!important;border-radius:12px!important;background:#fff!important;border:1px solid #eadfe1!important;box-shadow:0 5px 16px rgba(50,12,16,.035)!important}.booking-actions .icon-btn:hover{border-color:#d7a9ad!important;background:#fff7f7!important;transform:translateY(-1px)}

/* Booking details modal */
.booking-view-modal .modal-head{border-bottom:1px solid #eee3e4!important}.booking-view-modal .booking-view-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:13px 15px;border:1px solid #eee1e2;border-radius:14px;background:linear-gradient(135deg,#fff8f8,#fff);margin-bottom:14px}.booking-view-modal .detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.booking-view-modal .detail-card{border:1px solid #eadfe1!important;border-radius:16px!important;background:#fff!important;padding:16px!important;box-shadow:0 10px 24px rgba(66,18,24,.035)!important}.booking-view-modal .detail-card h4{margin:0 0 12px!important;font-size:10px!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#9a111b!important}.booking-view-modal .detail-line{display:grid!important;grid-template-columns:minmax(95px,.7fr) minmax(0,1.3fr)!important;gap:10px!important;align-items:start!important;padding:9px 0!important;border-top:1px solid #f2e9ea!important}.booking-view-modal .detail-line:first-of-type{border-top:0!important}.booking-view-modal .detail-line span{font-size:8px!important;color:#938588!important;text-transform:capitalize!important}.booking-view-modal .detail-line b{font-size:10px!important;text-align:right!important;word-break:break-word!important;line-height:1.45!important}.review-requested{margin-top:0!important}

/* Booking editor clarity */
#bookingForm{display:grid;gap:16px}.booking-id-builder{border:1px solid #eadfe1!important;box-shadow:0 8px 24px rgba(70,20,25,.035)!important}.care-of-field{border-left:3px solid #c81424!important}.readonly-pending-card{display:flex!important;align-items:center!important;gap:11px!important}.readonly-pending-card b,.readonly-pending-card span{display:block}.readonly-pending-card b{font-size:10px}.readonly-pending-card span{font-size:8px;color:#8f7655;margin-top:3px}

/* Continuous booking alarm: obvious but compact */
.booking-alert-copy em{display:block;margin-top:4px;color:#ffd9dc;font-size:8px;font-style:normal;font-weight:800}.booking-alert-actions{display:flex;align-items:center;gap:7px}.booking-alert-actions .btn.primary{background:#fff!important;color:#8c0f19!important;border-color:#fff!important;box-shadow:none!important}

/* General responsive polish */
@media(max-width:1100px){.booking-table{min-width:980px!important}.booking-view-modal .detail-grid{grid-template-columns:1fr!important}}
@media(max-width:820px){
 .booking-filter-head{padding:14px 14px 8px}.booking-toolbar{padding:8px 14px 14px!important}.booking-table-wrap{padding:0 12px 12px!important;overflow:visible!important}.booking-table{min-width:0!important;width:100%!important;border:0!important;background:transparent!important}.booking-table thead{display:none!important}.booking-table tbody,.booking-table tr,.booking-table td{display:block!important;width:100%!important}.booking-table tbody{display:grid!important;gap:11px!important}.booking-table .booking-row{border:1px solid #eadfe1!important;border-radius:17px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 10px 24px rgba(62,17,22,.045)!important}.booking-table .booking-row td{display:grid!important;grid-template-columns:105px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;padding:11px 13px!important;border-bottom:1px solid #f2e9ea!important}.booking-table .booking-row td:last-child{border-bottom:0!important}.booking-table .booking-row td:before{content:attr(data-label);font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#a09194;padding-top:3px}.booking-table .booking-actions{grid-template-columns:repeat(4,38px)!important;justify-content:start!important}.booking-table .booking-payment{min-width:0}.booking-status-cell{justify-items:start}.booking-filter-head>div b{font-size:14px}
}
@media(max-width:560px){
 .booking-page-head{align-items:stretch!important}.booking-filter-head{align-items:flex-start}.booking-filter-head>div b{font-size:13px}.booking-table .booking-row td{grid-template-columns:82px minmax(0,1fr)!important;padding:10px 11px!important}.booking-actions{grid-template-columns:repeat(4,36px)!important}.booking-actions .icon-btn{width:36px!important;height:36px!important}.booking-view-modal .detail-line{grid-template-columns:1fr!important;gap:4px!important}.booking-view-modal .detail-line b{text-align:left!important}.booking-alert-actions{display:grid!important;grid-template-columns:1fr auto!important}.booking-alert-actions .btn{width:100%!important}
}


/* DCompany Admin v24 — unified clean responsive UI */
:root{--a24-red:#c91424;--a24-red2:#a80e1b;--a24-ink:#171113;--a24-muted:#76686b;--a24-line:#eadfe1;--a24-bg:#f8f4f3;--a24-panel:#fff;--a24-green:#268e53;--a24-shadow:0 18px 50px rgba(54,14,19,.065);--sidebar:286px}
html,body,button,input,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}body{background:var(--a24-bg)!important}.app-shell{background:var(--a24-bg)!important}.main{background:linear-gradient(180deg,#fffaf9 0,#f8f4f3 45%,#f7f3f2 100%)!important;min-height:100vh!important}.sidebar{width:var(--sidebar)!important;background:radial-gradient(circle at 80% 12%,rgba(188,31,43,.13),transparent 22%),linear-gradient(180deg,#120d0f,#1a1114)!important;z-index:1200!important;box-shadow:18px 0 50px rgba(31,7,11,.06)!important}.main{margin-left:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important}.sidebar-backdrop{z-index:1190!important}.side-brand{height:96px!important;padding:18px 20px!important;background:rgba(18,13,15,.94)!important}.brand-mark{width:48px!important;height:48px!important;background:#0d0b0c!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}.brand-mark img{width:34px!important;height:34px!important;object-fit:contain!important}.brand-copy b{font-size:15px!important;line-height:1.22!important}.brand-copy span{font-size:8px!important;letter-spacing:.18em!important;color:#a8989b!important}.side-user{padding:15px 18px!important}.side-user .side-avatar{width:42px!important;height:42px!important;border-radius:13px!important}.side-user b{font-size:10px!important}.side-user span{font-size:7.5px!important;line-height:1.4!important}.workspace-label{padding:19px 20px 8px!important;font-size:8px!important;letter-spacing:.2em!important}.nav{padding:0 12px!important}.nav-item{min-height:45px!important;border-radius:13px!important;padding:11px 13px!important;font-size:11px!important;margin:3px 0!important}.nav-item.active{background:linear-gradient(135deg,#db1d2e,#b30f1d)!important;box-shadow:0 14px 30px rgba(181,17,29,.23)!important}.nav-icon{width:24px!important}.side-bottom{padding:14px 12px 18px!important}.secure-card{border-radius:14px!important;background:rgba(255,255,255,.04)!important}.topbar{height:82px!important;padding:0 28px!important;background:rgba(255,252,251,.92)!important;border-bottom:1px solid rgba(104,56,61,.10)!important;z-index:900!important;backdrop-filter:blur(18px)!important}.top-search{height:46px!important;max-width:650px!important;border-radius:14px!important;border-color:#e8ddde!important;box-shadow:0 6px 20px rgba(47,11,16,.025)!important}.top-search input{font-size:11px!important}.top-actions{gap:8px!important}.top-icon,.user-chip,.live-clock{border-color:#e7dcde!important;box-shadow:0 5px 16px rgba(45,10,14,.025)!important}.user-chip{padding:6px 9px!important}.connection{font-size:9px!important}.mobile-title{display:none!important}
/* Content */
#content{padding:34px!important;max-width:1680px!important;margin:0 auto!important}.page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin-bottom:24px!important}.page-head h1{font-size:38px!important;line-height:1!important;letter-spacing:-.05em!important;margin:8px 0!important}.page-head p{font-size:11px!important;line-height:1.7!important;color:var(--a24-muted)!important;max-width:780px!important}.eyebrow{font-size:8px!important;letter-spacing:.2em!important}.panel{border:1px solid var(--a24-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--a24-shadow)!important;overflow:hidden!important}.toolbar{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;padding:16px 18px!important;background:#fffdfd!important;border-bottom:1px solid #eee4e5!important}.search-box{min-height:44px!important;flex:1 1 280px!important;max-width:none!important;border:1px solid #e6dbdc!important;border-radius:13px!important;background:#fff!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:8px!important}.search-box input{font-size:10px!important}.select,.date-input{height:44px!important;border:1px solid #e6dbdc!important;border-radius:12px!important;background:#fff!important;padding:0 12px!important;font-size:9px!important;min-width:140px!important}.btn{min-height:42px!important;border-radius:12px!important;padding:0 15px!important;font-size:9px!important;font-weight:850!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;transition:.2s!important}.btn:hover{transform:translateY(-1px)!important}.btn.primary{background:linear-gradient(135deg,#d91c2d,#ad0e1b)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 12px 28px rgba(187,18,31,.18)!important}.icon-btn{border-radius:11px!important;transition:.2s!important}.icon-btn:hover{transform:translateY(-1px)!important}.table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}.table-wrap table{width:100%!important;min-width:920px!important;border-collapse:separate!important;border-spacing:0!important}.table-wrap thead th{background:#fff9f9!important;color:#77696c!important;font-size:7px!important;letter-spacing:.11em!important;text-transform:uppercase!important;padding:13px 14px!important;border-bottom:1px solid #e9dfe0!important;white-space:nowrap!important}.table-wrap tbody td{padding:14px!important;font-size:9px!important;line-height:1.55!important;border-bottom:1px solid #f0e7e8!important;vertical-align:middle!important}.table-wrap tbody tr:hover{background:#fffafa!important}.status-badge,.badge{white-space:nowrap!important}.cards{gap:14px!important}.card,.stat-card{border:1px solid var(--a24-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(47,11,16,.04)!important}
/* Z-index and form correctness: prevents mobile inputs/selects floating over sidebar */
.search-box,.search-box input,.top-search,.top-search input,.select,.date-input,.field input,.field select,.field textarea{z-index:auto!important;position:relative!important}.sidebar .nav-item,.sidebar .side-user,.sidebar .side-brand{z-index:auto!important}.modal-backdrop{z-index:2200!important;background:rgba(22,13,15,.58)!important;backdrop-filter:blur(10px)!important}.modal{border-radius:22px!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 36px 110px rgba(24,7,10,.28)!important;max-height:min(90vh,980px)!important}.modal-head{padding:17px 20px!important;z-index:3!important}.modal-body{padding:20px!important}.modal-foot{padding:13px 20px!important;z-index:3!important}.form-grid{gap:12px!important}.field{margin:0!important}.field label{font-size:9px!important;margin-bottom:7px!important}.field input,.field select,.field textarea{min-height:46px!important;border-radius:12px!important;border:1px solid #e7dcdd!important;padding:0 13px!important;background:#fff!important;font-size:10px!important}.field textarea{padding:12px 13px!important;min-height:98px!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#cf6570!important;box-shadow:0 0 0 4px rgba(201,20,36,.07)!important}.check-line{justify-content:flex-start!important;gap:9px!important}.check-line input{width:16px!important;min-height:16px!important;flex:none!important}.care-of-field{padding:13px!important;border:1px solid #eddcdf!important;border-left:3px solid var(--a24-red)!important;border-radius:13px!important;background:#fff9f9!important}.care-help{display:block!important;margin:4px 0 9px!important;font-size:8px!important;color:#8d7d80!important}
/* Booking workspace — card based */
.v24-booking-panel{padding-bottom:16px!important}.booking-filter-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:18px 20px 8px!important}.booking-filter-head>div span{display:block!important;color:#b20f1c!important;font-size:7px!important;font-weight:900!important;letter-spacing:.16em!important}.booking-filter-head>div b{display:block!important;margin-top:5px!important;font-size:15px!important}.booking-count-chip{display:inline-flex!important;align-items:center!important;min-height:30px!important;padding:0 10px!important;border-radius:999px!important;background:#fff0f1!important;border:1px solid #f0d5d8!important;color:#98121b!important;font-size:8px!important;font-weight:900!important}.booking-toolbar{padding:10px 20px 16px!important}.booking-card-list{padding:0 20px 4px;display:grid;gap:12px}.booking-record-card{border:1px solid #e9dfe0;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(49,13,17,.04);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.booking-record-card:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(49,13,17,.075);border-color:#dababc}.booking-record-card>header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;background:linear-gradient(180deg,#fffafa,#fff);border-bottom:1px solid #eee5e6}.booking-record-id{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.booking-record-id>span{font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#9b6970;background:#fff0f1;border:1px solid #f1d8da;padding:5px 7px;border-radius:999px}.booking-record-id>b{font-size:14px}.booking-record-id>small{font-size:8px;color:#9b8d90}.booking-record-state{display:flex;align-items:center;gap:8px}.booking-record-state>small{font-size:7px;color:#9a6c2e;background:#fff6df;border:1px solid #eedbac;border-radius:999px;padding:5px 7px}.booking-record-grid{display:grid;grid-template-columns:1.12fr 1.5fr .9fr .95fr;gap:0}.booking-record-grid>section{padding:16px;border-right:1px solid #efe6e7;min-width:0}.booking-record-grid>section:last-child{border-right:0}.booking-record-grid label{display:block;font-size:7px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#9c8b8e;margin-bottom:8px}.booking-record-grid strong,.booking-record-grid span,.booking-record-grid small,.booking-record-grid em{display:block;min-width:0;overflow-wrap:anywhere}.booking-record-grid strong{font-size:11px;line-height:1.35}.booking-record-grid span{margin-top:4px;font-size:9px;color:#706266;line-height:1.45}.booking-record-grid small{margin-top:3px;font-size:8px;color:#9a8c8f;line-height:1.4}.booking-record-grid em{justify-self:start;margin-top:7px;font-size:7px;font-style:normal;font-weight:900;color:#9c641e;background:#fff5e9;border:1px solid #f0dfc6;padding:4px 7px;border-radius:999px}.booking-route-line i{font-style:normal;color:#c91424;font-weight:900}.booking-paybar{height:5px;margin-top:9px;border-radius:999px;background:#f0e7e8;overflow:hidden}.booking-paybar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d41b2c,#35a561)}.booking-record-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 12px;border-top:1px solid #f2e9ea;background:#fffdfd}.booking-record-note{display:flex;align-items:center;gap:7px;color:#88787b;font-size:8px;font-weight:750}.booking-actions{display:flex!important;gap:6px!important}.booking-actions .icon-btn{width:36px!important;height:36px!important;border:1px solid #e8ddde!important;background:#fff!important}.booking-actions .danger-lite{background:#fff2f3!important;color:#b31520!important}.booking-empty-card{padding:20px}.status-completed{border-color:#d6e8dd}.status-completed>header{background:#f5fcf7}.status-confirmed{border-color:#dce8f0}.status-pending{border-color:#eadfe0}.status-cancelled{opacity:.82}
/* Booking detail modal */
.booking-view-modal{width:min(980px,100%)!important}.booking-view-modal .modal-head h3{font-size:18px!important;margin:5px 0 0!important}.booking-view-status{display:flex!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;padding:12px 14px!important;border:1px solid #eadfe0!important;border-radius:14px!important;background:#fffafa!important;margin-bottom:14px!important}.booking-view-modal .detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.booking-view-modal .detail-card{border:1px solid #e9dfe0!important;border-radius:16px!important;background:#fff!important;padding:15px!important;box-shadow:0 8px 22px rgba(48,12,17,.035)!important}.booking-view-modal .detail-card h4{margin:0 0 9px!important;font-size:8px!important;letter-spacing:.13em!important;text-transform:uppercase!important;color:#a2101b!important}.booking-view-modal .detail-line{display:grid!important;grid-template-columns:115px minmax(0,1fr)!important;gap:12px!important;padding:8px 0!important;border-top:1px solid #f1e8e9!important;align-items:start!important}.booking-view-modal .detail-line:first-of-type{border-top:0!important}.booking-view-modal .detail-line span{font-size:8px!important;color:#97898c!important}.booking-view-modal .detail-line b{font-size:9px!important;text-align:right!important;line-height:1.45!important;overflow-wrap:anywhere!important}
/* Calendar and messages: keep premium but align to v24 */
.availability-hero,.messages-hero{border-radius:22px!important;box-shadow:0 24px 60px rgba(79,12,22,.11)!important}.calendar-stat,.chat-team-pro,.chat-wrap-pro{border-radius:18px!important;border-color:#e9dfe0!important;box-shadow:0 10px 28px rgba(50,13,18,.04)!important}.calendar-wrap-pro{border-radius:20px!important}.calendar-grid-pro .cal-day{border-radius:14px!important}.chat-compose-pro textarea{font-size:10px!important}.team-search{border-radius:12px!important}
/* Admins / access / website controls / logs */
.admin-security-note,.credential-card>div,.change-explain,.security-card,.website-toggle,.website-setting-card{border-radius:15px!important}.credential-card>div{background:#fffafa!important}.admin-person b{font-size:10px!important}.admin-person span{font-size:8px!important}.role-info-banner{border-radius:16px!important;padding:13px 15px!important;border:1px solid #eadbdd!important;background:linear-gradient(135deg,#fff6f7,#fff)!important;box-shadow:0 8px 24px rgba(48,12,17,.03)!important}.role-info-banner b{font-size:10px!important}.role-info-banner span{font-size:8px!important;line-height:1.55!important}.website-toggle{border:1px solid #eadfe0!important;background:#fff!important;padding:14px!important}.website-toggle b{font-size:10px!important}.website-toggle small{font-size:8px!important;color:#94878a!important}.change-line{border-radius:12px!important}.activity-card,.login-history-card{border-radius:16px!important}
/* Alert */
.booking-alert-panel{z-index:2400!important;right:22px!important;bottom:22px!important;border-radius:20px!important;background:linear-gradient(135deg,#750b14,#c91727)!important;box-shadow:0 28px 80px rgba(94,8,17,.3)!important;border:1px solid rgba(255,255,255,.14)!important;padding:14px!important;max-width:min(520px,calc(100% - 28px))!important}.booking-alert-pulse{background:#fff!important;color:#a80e1b!important}.booking-alert-copy small{font-size:7px!important;letter-spacing:.12em!important}.booking-alert-copy b{font-size:11px!important}.booking-alert-copy span,.booking-alert-copy em{font-size:8px!important}.booking-alert-actions .btn{min-height:36px!important;background:#fff!important;color:#8f0e18!important;box-shadow:none!important}
/* Login */
.login-wrap{border-radius:28px!important;box-shadow:0 38px 110px rgba(65,16,21,.14)!important}.login-visual{background:radial-gradient(circle at 20% 20%,rgba(201,20,36,.09),transparent 28%),linear-gradient(145deg,#fff9f9,#f9eeee)!important}.login-copy h1{font-size:clamp(44px,5vw,66px)!important}.login-card{padding:44px!important}.login-card h2{font-size:32px!important}
/* Mobile / tablet */
@media(max-width:1120px){:root{--sidebar:88px}.sidebar{width:var(--sidebar)!important}.main{margin-left:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important}.brand-copy,.workspace-label,.nav-item>span:not(.nav-icon):not(.nav-dot-count),.side-user-copy,.secure-card>div:not(.secure-ring){display:none!important}.side-brand{justify-content:center!important;padding:15px!important}.side-user{justify-content:center!important}.nav-item{justify-content:center!important}.nav-icon{width:28px!important}.booking-record-grid{grid-template-columns:1fr 1fr}.booking-record-grid>section:nth-child(2){border-right:0}.booking-record-grid>section:nth-child(-n+2){border-bottom:1px solid #efe6e7}.booking-view-modal .detail-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){:root{--sidebar:286px}.app-shell{display:block!important}.sidebar{width:286px!important;transform:translateX(-105%)!important;transition:transform .26s ease!important}.sidebar.open{transform:translateX(0)!important}.main{margin-left:0!important;width:100%!important}.brand-copy,.workspace-label,.nav-item>span:not(.nav-icon):not(.nav-dot-count),.side-user-copy,.secure-card>div:not(.secure-ring){display:block!important}.side-brand{justify-content:flex-start!important}.side-user{justify-content:flex-start!important}.nav-item{justify-content:flex-start!important}.mobile-close{display:block!important;margin-left:auto!important}.sidebar-backdrop.show{display:block!important;position:fixed!important;inset:0!important;background:rgba(13,7,9,.52)!important;backdrop-filter:blur(5px)!important}.topbar{height:70px!important;padding:0 12px!important}.mobile-title{display:flex!important;align-items:center!important;gap:8px!important}.mobile-title .hamb{width:40px!important;height:40px!important;border-radius:12px!important}.top-search{display:none!important}.connection,.live-clock,.user-info{display:none!important}.top-actions{margin-left:auto!important}.user-chip{padding:5px!important}.top-icon{width:39px!important;height:39px!important}#content{padding:20px 14px!important}.page-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:18px!important}.page-head h1{font-size:31px!important}.page-actions{width:100%!important}.page-actions .btn{width:100%!important}.toolbar{padding:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.search-box{grid-column:1/-1!important;min-width:0!important}.select,.date-input{width:100%!important;min-width:0!important}.toolbar>.btn{width:100%!important}.booking-filter-head{padding:14px 13px 7px!important;align-items:flex-start!important}.booking-toolbar{padding:8px 13px 14px!important}.booking-card-list{padding:0 12px 2px!important}.booking-record-card>header{align-items:flex-start!important;flex-direction:column!important}.booking-record-grid{grid-template-columns:1fr!important}.booking-record-grid>section{border-right:0!important;border-bottom:1px solid #efe6e7!important;padding:13px!important}.booking-record-grid>section:last-child{border-bottom:0!important}.booking-record-card>footer{align-items:flex-start!important;flex-direction:column!important}.booking-actions{width:100%!important}.booking-actions .icon-btn{flex:1!important;max-width:54px!important}.modal-backdrop{padding:0!important;align-items:end!important}.modal{width:100%!important;max-width:none!important;max-height:94vh!important;border-radius:22px 22px 0 0!important}.modal-head{padding:15px 14px!important}.modal-body{padding:14px!important}.modal-foot{padding:12px 14px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.modal-foot .btn{width:100%!important}.form-grid,.form-grid.three{grid-template-columns:1fr!important}.full{grid-column:auto!important}.booking-id-builder{grid-template-columns:1fr!important}.booking-view-modal .detail-line{grid-template-columns:1fr!important;gap:4px!important}.booking-view-modal .detail-line b{text-align:left!important}.table-wrap{border-radius:0!important}.table-wrap table{min-width:820px!important}.cards{grid-template-columns:1fr!important}.booking-alert-panel{right:14px!important;left:14px!important;bottom:14px!important;max-width:none!important}.booking-alert-actions{width:100%!important}.booking-alert-actions .btn{width:100%!important}.chat-layout-pro{display:block!important}.chat-team-pro{display:none!important}.calendar-stats{grid-template-columns:1fr 1fr!important}.login-page{padding:14px!important}.login-wrap{grid-template-columns:1fr!important}.login-visual{display:none!important}.login-card{padding:28px 20px!important}}
@media(max-width:480px){.toolbar{grid-template-columns:1fr!important}.search-box{grid-column:auto!important}.calendar-stats{grid-template-columns:1fr!important}.modal-foot{grid-template-columns:1fr!important}.booking-record-id{align-items:flex-start!important;flex-direction:column!important;gap:5px!important}.booking-record-state{width:100%!important;justify-content:space-between!important}.credential-card{grid-template-columns:1fr!important}.booking-alert-panel{display:grid!important;grid-template-columns:42px 1fr!important}.booking-alert-actions{grid-column:1/-1!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}


/* DCompany Admin v25 — unified final UI layer */
:root{
  --dc-red:#cf1526;--dc-red-dark:#a70d1b;--dc-ink:#181214;--dc-muted:#74676a;
  --dc-bg:#f6f2f1;--dc-panel:#ffffff;--dc-line:#eadfe1;--dc-soft:#fff7f7;
  --dc-green:#238c51;--dc-blue:#2384b6;--dc-orange:#d98c1c;--dc-shadow:0 16px 42px rgba(45,12,16,.07);
  --sidebar:286px;
}
html,body,button,input,select,textarea,table,*{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{font-size:14px!important;background:var(--dc-bg)!important;color:var(--dc-ink)!important}
/* Fix the historical double-offset bug once and for all. */
.app-shell{display:block!important;min-height:100vh!important;width:100%!important}
.sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:var(--sidebar)!important;z-index:1200!important}
.main{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:100vh!important;margin-left:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important;grid-column:auto!important;background:linear-gradient(180deg,#fffaf9 0,#f7f3f2 45%,#f5f1f0 100%)!important}
#content{width:100%!important;max-width:1540px!important;margin:0 auto!important;padding:34px 36px 48px!important;box-sizing:border-box!important}
.topbar{position:sticky!important;top:0!important;z-index:900!important;width:100%!important;height:78px!important;padding:0 28px!important;background:rgba(255,252,251,.94)!important;border-bottom:1px solid var(--dc-line)!important;backdrop-filter:blur(18px)!important}
.top-search{max-width:690px!important;height:46px!important}.top-search input{font-size:13px!important}.connection,.live-clock,.user-chip small{font-size:10px!important}.user-chip b{font-size:11px!important}
.side-brand{height:96px!important}.brand-copy b{font-size:16px!important}.brand-copy span{font-size:8px!important}.side-user b{font-size:11px!important}.side-user span{font-size:8px!important}.workspace-label{font-size:9px!important}.nav-item{font-size:12px!important;min-height:46px!important}.nav-item span:not(.nav-icon){line-height:1.2!important}
.page-head{margin-bottom:24px!important}.page-head h1{font-size:40px!important;letter-spacing:-.045em!important}.page-head p{font-size:13px!important;line-height:1.7!important}.eyebrow{font-size:9px!important}.page-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important}.btn{font-size:11px!important;min-height:42px!important;padding:0 15px!important}.icon-btn{width:40px!important;height:40px!important}.muted{font-size:11px!important;color:#8b7d80!important}
.panel{border:1px solid var(--dc-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:var(--dc-shadow)!important}.panel-head{padding:19px 20px!important}.panel-head h3{font-size:16px!important}.panel-head span{font-size:10px!important}
.toolbar{padding:16px 18px!important;gap:10px!important}.toolbar-left{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;width:100%!important}.search-box{min-height:46px!important;flex:1 1 310px!important}.search-box input{font-size:12px!important}.select,.date-input{height:46px!important;font-size:11px!important;min-width:150px!important}
/* Clean table typography and spacing. */
.table-wrap{width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch!important}.table-wrap table{width:100%!important;min-width:960px!important;border-collapse:separate!important;border-spacing:0!important}.table-wrap thead th{font-size:9px!important;letter-spacing:.08em!important;padding:13px 14px!important;line-height:1.3!important}.table-wrap tbody td{font-size:12px!important;line-height:1.5!important;padding:15px 14px!important;vertical-align:middle!important}.table-wrap tbody td b{font-size:12px!important}.status,.status-badge,.badge,.role-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;word-break:normal!important;line-height:1!important;min-height:26px!important;padding:0 9px!important;border-radius:999px!important;font-size:9px!important;font-weight:850!important}.row-actions{display:flex!important;gap:7px!important;flex-wrap:wrap!important}
/* Login history: readable compact device information. */
.login-device{display:flex;align-items:center;gap:8px;min-width:150px}.login-device .device-mark{width:32px;height:32px;border-radius:10px;background:#fff1f2;color:#a90e1b;display:grid;place-items:center;flex:none}.login-device b{display:block;font-size:11px!important}.login-device small{display:block;font-size:9px;color:#8c7e81;margin-top:2px}.login-reason{max-width:220px;white-space:normal;word-break:break-word}.login-ip{font-variant-numeric:tabular-nums;white-space:nowrap}
/* Admin accounts. */
.admin-person{gap:11px!important}.admin-person .mini-avatar{width:40px!important;height:40px!important;border-radius:12px!important}.admin-person b{font-size:13px!important}.role-badge{gap:6px!important}.role-badge.admin_manager{background:#211619!important;color:#fff!important}.role-badge.admin_supervisor{background:#fff2d8!important;color:#8f5d0d!important}.role-badge.admin{background:#edf5ff!important;color:#29608e!important}.access-role-overview{gap:12px!important}.role-overview-card{min-height:106px!important;padding:18px!important;border-radius:18px!important}.role-overview-card b{font-size:13px!important}.role-overview-card span{font-size:10px!important;line-height:1.55!important}.manager-console{border-radius:18px!important;padding:16px 18px!important}.permission-grid label{min-height:42px!important}.permission-grid label span{font-size:10px!important}
/* Website settings. */
.website-control-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important}.toggle-grid{padding:18px!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.feature-toggle{min-height:78px!important;padding:14px!important;border-radius:16px!important}.feature-toggle b{font-size:11px!important}.feature-toggle small{font-size:9px!important;line-height:1.45!important}.review-admin-grid{padding:18px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}.review-admin-card{border-radius:16px!important}.review-admin-card p{font-size:11px!important;line-height:1.6!important}
/* Calendar. */
.calendar-wrap,.v17-calendar-shell,.v18-calendar-shell{border-radius:22px!important;overflow:hidden!important}.calendar-grid{gap:8px!important}.cal-week{font-size:9px!important}.cal-day{min-height:112px!important;border-radius:15px!important}.cal-day .num{font-size:13px!important}.cal-day .legend{font-size:9px!important;line-height:1!important}.calendar-title{font-size:17px!important}
/* Booking workspace cards. */
.booking-card-list{gap:14px!important}.booking-record-card{border-radius:19px!important;box-shadow:0 10px 30px rgba(45,12,16,.045)!important}.booking-record-card>header{padding:15px 17px!important}.booking-record-id>b{font-size:16px!important}.booking-record-id>small{font-size:9px!important}.booking-record-grid{grid-template-columns:1.15fr 1.45fr .9fr 1fr!important}.booking-record-grid>section{padding:17px!important}.booking-record-grid small{font-size:8px!important;letter-spacing:.07em!important}.booking-record-grid b{font-size:12px!important;line-height:1.45!important}.booking-record-grid p,.booking-record-grid span{font-size:10px!important;line-height:1.5!important}.booking-record-footer{padding:12px 16px!important}.booking-record-actions{gap:7px!important}
/* Forms/modals. */
.modal-backdrop{z-index:4000!important}.modal{width:min(860px,calc(100vw - 36px))!important;max-height:90vh!important;border-radius:22px!important}.modal.large{width:min(1120px,calc(100vw - 36px))!important}.modal-head h3{font-size:17px!important}.modal-head span{font-size:10px!important}.modal-body{padding:22px!important}.modal-foot{padding:14px 20px!important}.form-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important}.field label{font-size:10px!important}.field input,.field select,.field textarea{font-size:12px!important;min-height:46px!important}.field small{font-size:9px!important}.full{grid-column:1/-1!important}
/* Dashboard cards. */
.cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important}.stat-card,.card{padding:18px!important}.stat-card .value,.card .value{font-size:28px!important}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.quick-grid .quick{min-height:110px!important;border-radius:17px!important}
/* Messages. */
.chat-layout{grid-template-columns:270px minmax(0,1fr)!important;gap:14px!important}.chat-wrap,.chat-team{border-radius:20px!important}.bubble{font-size:11px!important;line-height:1.55!important}.chat-compose textarea{font-size:12px!important}
@media(max-width:1180px){
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.website-control-grid{grid-template-columns:1fr!important}.review-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.booking-record-grid{grid-template-columns:1fr 1fr!important}.booking-record-grid>section:nth-child(2){border-right:0!important}.booking-record-grid>section:nth-child(-n+2){border-bottom:1px solid #efe6e7!important}
}
@media(max-width:760px){
  :root{--sidebar:0px}body{font-size:13px!important}.app-shell{display:block!important}.main{margin-left:0!important;width:100%!important}.sidebar{width:min(86vw,300px)!important;transform:translateX(-102%)!important;transition:transform .25s ease!important;box-shadow:20px 0 60px rgba(0,0,0,.26)!important}.sidebar.open{transform:translateX(0)!important}.topbar{height:68px!important;padding:0 12px!important}.mobile-title{display:flex!important}.top-search{display:none!important}.connection,.live-clock,.user-chip .user-info{display:none!important}.top-actions{margin-left:auto!important}.user-chip{width:42px!important;height:42px!important;padding:4px!important}.top-icon{width:42px!important;height:42px!important}#content{padding:20px 14px 34px!important}.page-head{align-items:flex-start!important;flex-direction:column!important;margin-bottom:18px!important}.page-head h1{font-size:32px!important}.page-head p{font-size:12px!important}.page-actions{width:100%!important}.page-actions .btn,.page-actions a.btn{flex:1 1 auto!important}.panel{border-radius:18px!important}.toolbar{padding:13px!important}.toolbar-left{display:grid!important;grid-template-columns:1fr 1fr!important}.toolbar-left .search-box{grid-column:1/-1!important}.toolbar-left .btn{grid-column:1/-1!important}.select,.date-input{min-width:0!important;width:100%!important}.cards,.quick-grid,.toggle-grid,.review-admin-grid{grid-template-columns:1fr!important}.booking-record-grid{grid-template-columns:1fr!important}.booking-record-grid>section{border-right:0!important;border-bottom:1px solid #efe6e7!important}.booking-record-grid>section:last-child{border-bottom:0!important}.booking-record-card>header,.booking-record-footer{align-items:flex-start!important;flex-direction:column!important}.booking-record-actions{width:100%!important;justify-content:flex-end!important}.form-grid,.form-grid.three{grid-template-columns:1fr!important}.full{grid-column:auto!important}.modal,.modal.large{width:calc(100vw - 18px)!important;max-height:92vh!important}.modal-head,.modal-body,.modal-foot{padding-left:14px!important;padding-right:14px!important}.modal-foot{display:grid!important;grid-template-columns:1fr 1fr!important}.modal-foot .btn{width:100%!important}.chat-layout{grid-template-columns:1fr!important}.chat-team{display:none!important}.calendar-wrap{overflow:auto!important}.calendar-grid{min-width:760px!important}.access-role-overview{grid-template-columns:1fr!important}.website-control-grid{grid-template-columns:1fr!important}
  /* Access history becomes app-like cards on mobile. */
  .login-history-table{min-width:0!important;display:block!important}.login-history-table thead{display:none!important}.login-history-table tbody{display:grid!important;gap:10px!important;padding:12px!important}.login-history-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;border:1px solid var(--dc-line)!important;border-radius:16px!important;padding:14px!important;background:#fff!important}.login-history-table td{display:block!important;border:0!important;padding:0!important;font-size:11px!important}.login-history-table td::before{display:block!important;margin-bottom:4px!important;font-size:8px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#a49598!important}.login-history-table td:nth-child(1)::before{content:"Date / time"}.login-history-table td:nth-child(2)::before{content:"Administrator"}.login-history-table td:nth-child(3)::before{content:"Event"}.login-history-table td:nth-child(4)::before{content:"Reason"}.login-history-table td:nth-child(5)::before{content:"IP address"}.login-history-table td:nth-child(6)::before{content:"Device"}.login-history-table td:nth-child(7)::before{content:"Logout"}.login-history-table td:nth-child(2),.login-history-table td:nth-child(6){grid-column:1/-1!important}
}
@media(max-width:460px){.toolbar-left{grid-template-columns:1fr!important}.toolbar-left .search-box,.toolbar-left .btn{grid-column:auto!important}.cards{grid-template-columns:1fr!important}.modal-foot{grid-template-columns:1fr!important}.login-history-table tr{grid-template-columns:1fr!important}.login-history-table td:nth-child(2),.login-history-table td:nth-child(6){grid-column:auto!important}}


/* ========================================================================
   DCompany Admin v26 — compact professional UI + sidebar stability pass
   ======================================================================== */
:root{
  --sidebar:258px;
  --v26-red:#c81525;--v26-red-dark:#9f0d19;--v26-ink:#181315;--v26-muted:#7d7073;
  --v26-bg:#f7f3f2;--v26-panel:#fff;--v26-line:#e9dfe1;--v26-soft:#fff8f8;
  --v26-shadow:0 14px 38px rgba(47,13,17,.055);
}
html,body,body *,button,input,select,textarea,table{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{font-size:12px!important;background:var(--v26-bg)!important;color:var(--v26-ink)!important}
.app-shell{display:block!important;min-height:100vh!important;width:100%!important;background:var(--v26-bg)!important}
.sidebar{width:var(--sidebar)!important;z-index:1300!important;background:linear-gradient(180deg,#120d0f 0%,#1b1114 60%,#120d0f 100%)!important;box-shadow:15px 0 42px rgba(25,7,10,.07)!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-gutter:stable!important;isolation:isolate!important}
.side-brand{position:sticky!important;top:0!important;z-index:90!important;height:82px!important;padding:14px 16px!important;background:#120d0f!important;border-bottom:1px solid rgba(255,255,255,.07)!important;box-shadow:0 8px 20px rgba(10,4,5,.15)!important}
.side-brand:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:8px;background:linear-gradient(180deg,rgba(18,13,15,.55),transparent);pointer-events:none}
.brand-mark{width:43px!important;height:43px!important;border-radius:13px!important;box-shadow:none!important}.brand-mark img{width:31px!important;height:31px!important}
.brand-copy b{font-size:14px!important;line-height:1.15!important}.brand-copy span{font-size:7px!important;letter-spacing:.18em!important;margin-top:4px!important}
.side-user{position:relative!important;z-index:5!important;padding:12px 15px!important;background:#171013!important;border-bottom:1px solid rgba(255,255,255,.055)!important}.side-user .side-avatar{width:36px!important;height:36px!important;border-radius:11px!important}.side-user b{font-size:10px!important}.side-user span{font-size:7px!important}
.workspace-label{position:relative!important;z-index:2!important;padding:16px 17px 6px!important;font-size:7.5px!important;letter-spacing:.2em!important}.nav{position:relative!important;z-index:1!important;padding:0 10px!important}.nav-item{min-height:40px!important;padding:9px 10px!important;margin:2px 0!important;border-radius:11px!important;font-size:10.5px!important;gap:9px!important}.nav-icon{width:21px!important}.nav-item.active{box-shadow:0 9px 22px rgba(185,17,31,.2)!important}.side-bottom{position:relative!important;z-index:3!important;padding:12px 10px 15px!important;background:linear-gradient(180deg,transparent,#120d0f 16%)!important}.secure-card{padding:10px!important;border-radius:12px!important}.secure-card b{font-size:9.5px!important}.secure-card small{font-size:7px!important}
.main{margin-left:var(--sidebar)!important;width:calc(100% - var(--sidebar))!important;min-width:0!important;background:linear-gradient(180deg,#fffdfc 0,#f8f5f4 38%,#f5f1f0 100%)!important}
.topbar{height:70px!important;padding:0 22px!important;z-index:950!important;background:rgba(255,253,252,.96)!important}.top-search{height:40px!important;max-width:620px!important;border-radius:12px!important}.top-search input{font-size:11px!important}.top-actions{gap:7px!important}.top-icon{width:37px!important;height:37px!important;border-radius:11px!important}.live-clock{font-size:8px!important;padding:7px 8px!important}.connection{font-size:8.5px!important}.user-chip{padding:5px 8px!important;border-radius:12px!important}.user-chip b{font-size:9.5px!important}.user-chip small{font-size:7px!important}
#content{max-width:1540px!important;padding:26px 28px 40px!important}.page-head{margin-bottom:18px!important;gap:14px!important}.page-head h1{font-size:31px!important;line-height:1.02!important;letter-spacing:-.04em!important;margin:6px 0!important}.page-head p{font-size:10.5px!important;line-height:1.6!important;max-width:760px!important}.eyebrow{font-size:7.5px!important;letter-spacing:.2em!important}
.panel{border-radius:18px!important;box-shadow:var(--v26-shadow)!important;border-color:var(--v26-line)!important}.panel-head{padding:15px 17px!important}.panel-head h3{font-size:13.5px!important}.panel-head span{font-size:8px!important}.toolbar{padding:12px 14px!important;gap:8px!important}.toolbar-left{gap:8px!important}.search-box{min-height:40px!important;border-radius:11px!important;padding:0 10px!important}.search-box input{font-size:10px!important}.select,.date-input{height:40px!important;min-width:132px!important;border-radius:11px!important;font-size:9px!important;padding:0 10px!important}.btn{min-height:38px!important;padding:0 13px!important;border-radius:11px!important;font-size:9.5px!important;gap:6px!important}.icon-btn{width:36px!important;height:36px!important;border-radius:10px!important}.muted{font-size:9px!important}
.table-wrap table{min-width:880px!important}.table-wrap thead th{font-size:7.5px!important;padding:11px 12px!important}.table-wrap tbody td{font-size:10px!important;line-height:1.45!important;padding:12px!important}.table-wrap tbody td b{font-size:10.5px!important}.status,.status-badge,.badge,.role-badge{min-height:23px!important;padding:0 8px!important;font-size:7.5px!important}
.login-device{min-width:125px!important;gap:7px!important}.login-device .device-mark{width:29px!important;height:29px!important}.login-device b{font-size:9.5px!important}.login-device small{font-size:7.5px!important}.login-reason{max-width:180px!important}.login-history-table tbody td{white-space:normal!important}
.admin-person .mini-avatar{width:34px!important;height:34px!important;border-radius:10px!important}.admin-person b{font-size:10.5px!important}.access-role-overview{gap:9px!important}.role-overview-card{min-height:88px!important;padding:14px!important;border-radius:15px!important}.role-overview-card b{font-size:10.5px!important}.role-overview-card span{font-size:8px!important}.manager-console{padding:13px 15px!important;border-radius:15px!important}.permission-grid label{min-height:38px!important}.permission-grid label span{font-size:8.5px!important}
.website-control-grid{gap:12px!important}.toggle-grid{padding:14px!important;gap:8px!important}.feature-toggle{min-height:68px!important;padding:11px!important;border-radius:13px!important}.feature-toggle b{font-size:9.5px!important}.feature-toggle small{font-size:7.5px!important}.review-admin-grid{padding:14px!important;gap:9px!important}.review-admin-card p{font-size:9px!important}
.calendar-title{font-size:15px!important}.cal-week{font-size:7.5px!important}.cal-day{min-height:96px!important}.cal-day .num{font-size:11px!important}.cal-day .legend{font-size:7.5px!important}.availability-card b{font-size:9.5px!important}.availability-card p{font-size:8px!important}
.booking-filter-head{padding:14px 16px 6px!important}.booking-filter-head>div span{font-size:6.5px!important}.booking-filter-head>div b{font-size:13px!important}.booking-toolbar{padding:8px 16px 13px!important}.booking-card-list{padding:0 16px 4px!important;gap:10px!important}.booking-record-card{border-radius:16px!important;box-shadow:0 8px 24px rgba(45,12,16,.04)!important}.booking-record-card>header{padding:11px 13px!important}.booking-record-id>span{font-size:6px!important;padding:4px 6px!important}.booking-record-id>b{font-size:13px!important}.booking-record-id>small{font-size:7px!important}.booking-record-grid{grid-template-columns:1.08fr 1.45fr .88fr .95fr!important}.booking-record-grid>section{padding:13px!important}.booking-record-grid small{font-size:6.5px!important}.booking-record-grid b{font-size:10.5px!important}.booking-record-grid p,.booking-record-grid span{font-size:8.5px!important}.booking-record-footer{padding:9px 12px!important}.booking-record-actions{gap:5px!important}
.modal-backdrop{z-index:5000!important}.modal{border-radius:18px!important}.modal-head{padding:14px 17px!important}.modal-head h3{font-size:14px!important}.modal-head span{font-size:8px!important}.modal-body{padding:17px!important}.modal-foot{padding:11px 17px!important}.form-grid{gap:10px!important}.field label{font-size:8.5px!important;margin-bottom:5px!important}.field input,.field select,.field textarea{min-height:41px!important;font-size:10px!important;border-radius:10px!important;padding-left:11px!important;padding-right:11px!important}.field textarea{min-height:88px!important;padding-top:10px!important}.field small{font-size:7px!important}
.cards{gap:10px!important}.stat-card,.card{padding:14px!important}.stat-card .value,.card .value{font-size:24px!important}.quick-grid{gap:9px!important}.quick-grid .quick{min-height:92px!important;border-radius:14px!important}.chat-layout{grid-template-columns:238px minmax(0,1fr)!important;gap:10px!important}.chat-wrap,.chat-team{border-radius:16px!important}.bubble{font-size:9px!important}.chat-compose textarea{font-size:10px!important}
/* Prevent sidebar content from ever painting above its sticky header. */
.sidebar .nav-item,.sidebar .workspace-label,.sidebar .side-user,.sidebar .side-bottom{isolation:auto!important}.sidebar .nav-item{z-index:1!important}.sidebar .side-brand{z-index:100!important}
@media(max-width:1100px) and (min-width:761px){
  :root{--sidebar:76px}.sidebar{width:76px!important}.main{margin-left:76px!important;width:calc(100% - 76px)!important}.brand-copy,.workspace-label,.nav-item span:not(.nav-icon),.secure-card div:not(.secure-ring),.side-user-copy{display:none!important}.side-brand{justify-content:center!important;padding:13px!important}.side-user{justify-content:center!important;padding:10px!important}.nav{padding:0 8px!important}.nav-item{justify-content:center!important;padding:9px!important}.nav-icon{width:24px!important}.side-bottom{padding:10px 8px!important}.secure-card{justify-content:center!important}.topbar{padding:0 18px!important}.top-search{max-width:540px!important}#content{padding:24px!important}.page-head h1{font-size:29px!important}.cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.booking-record-grid{grid-template-columns:1fr 1fr!important}.booking-record-grid>section:nth-child(2){border-right:0!important}.booking-record-grid>section:nth-child(-n+2){border-bottom:1px solid #efe6e7!important}
}
@media(max-width:760px){
  :root{--sidebar:0px}body{font-size:11px!important}.main{margin-left:0!important;width:100%!important}.sidebar{width:min(88vw,290px)!important;transform:translateX(-104%)!important}.sidebar.open{transform:translateX(0)!important}.side-brand{height:74px!important;justify-content:flex-start!important}.brand-copy,.workspace-label,.nav-item span:not(.nav-icon),.secure-card div:not(.secure-ring),.side-user-copy{display:block!important}.mobile-close{display:block!important}.topbar{height:62px!important;padding:0 10px!important}.mobile-title{display:flex!important}.top-search,.connection,.live-clock,.user-chip .user-info{display:none!important}.top-icon,.user-chip{width:38px!important;height:38px!important}.user-chip{padding:3px!important}#content{padding:16px 11px 28px!important}.page-head{margin-bottom:14px!important}.page-head h1{font-size:27px!important}.page-head p{font-size:10px!important}.panel{border-radius:15px!important}.toolbar{padding:10px!important}.toolbar-left{display:grid!important;grid-template-columns:1fr!important}.toolbar-left .search-box,.toolbar-left .btn{grid-column:auto!important}.select,.date-input{width:100%!important;min-width:0!important}.cards,.quick-grid,.toggle-grid,.review-admin-grid{grid-template-columns:1fr!important}.booking-record-grid{grid-template-columns:1fr!important}.booking-record-grid>section{border-right:0!important;border-bottom:1px solid #efe6e7!important}.booking-record-grid>section:last-child{border-bottom:0!important}.booking-record-card>header,.booking-record-footer{align-items:flex-start!important;flex-direction:column!important}.booking-record-actions{width:100%!important;justify-content:flex-end!important}.form-grid,.form-grid.three{grid-template-columns:1fr!important}.modal,.modal.large{width:calc(100vw - 12px)!important;max-height:94vh!important}.modal-head,.modal-body,.modal-foot{padding-left:11px!important;padding-right:11px!important}.modal-foot{display:grid!important;grid-template-columns:1fr 1fr!important}.calendar-wrap{overflow:auto!important}.calendar-grid{min-width:710px!important}.chat-layout{grid-template-columns:1fr!important}.chat-team{display:none!important}.access-role-overview,.website-control-grid{grid-template-columns:1fr!important}
  .login-history-table{min-width:0!important;display:block!important}.login-history-table thead{display:none!important}.login-history-table tbody{display:grid!important;gap:8px!important;padding:9px!important}.login-history-table tr{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;border:1px solid var(--v26-line)!important;border-radius:13px!important;padding:11px!important;background:#fff!important}.login-history-table td{display:block!important;border:0!important;padding:0!important;font-size:9px!important}.login-history-table td::before{display:block!important;margin-bottom:3px!important;font-size:6.5px!important;font-weight:900!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:#a49598!important}.login-history-table td:nth-child(1)::before{content:"Date / time"}.login-history-table td:nth-child(2)::before{content:"Administrator"}.login-history-table td:nth-child(3)::before{content:"Event"}.login-history-table td:nth-child(4)::before{content:"Reason"}.login-history-table td:nth-child(5)::before{content:"IP address"}.login-history-table td:nth-child(6)::before{content:"Device"}.login-history-table td:nth-child(7)::before{content:"Logout"}.login-history-table td:nth-child(2),.login-history-table td:nth-child(6){grid-column:1/-1!important}
}
@media(max-width:440px){.modal-foot{grid-template-columns:1fr!important}.login-history-table tr{grid-template-columns:1fr!important}.login-history-table td:nth-child(2),.login-history-table td:nth-child(6){grid-column:auto!important}}

/* v27 advanced media studio and motion polish */
.media-studio{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff 0%,#fff8f8 52%,#f5eefb 100%)!important}.media-studio:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-100px;top:-120px;background:radial-gradient(circle,rgba(184,26,43,.17),transparent 68%);animation:v27Drift 7s ease-in-out infinite;pointer-events:none}.media-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:4px}.upload-card{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;padding:18px;border:1px solid rgba(179,19,27,.11);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 16px 38px rgba(40,15,20,.07);transition:transform .25s ease,box-shadow .25s ease}.upload-card:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(40,15,20,.12)}.upload-card b{font-size:12px}.upload-card p{min-height:28px;margin:0;color:#85777a;font-size:9px;line-height:1.6}.upload-card input,.upload-card select{width:100%;min-height:40px;border:1px dashed #d9c6ca;border-radius:11px;background:#fff;padding:9px;font-size:9px}.upload-orb{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#8e0f1a,#dc3343);box-shadow:0 10px 24px rgba(179,19,27,.25)}.panel,.stat-card,.quick{animation:v27Enter .45s both}.side-brand img{filter:drop-shadow(0 8px 18px rgba(116,226,255,.2))}@keyframes v27Enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes v27Drift{50%{transform:translate(-24px,20px) scale(1.08)}}@media(max-width:900px){.media-upload-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.media-studio:after,.panel,.stat-card,.quick{animation:none!important}}

/* v28 precision UI: login spacing, custom uploads and compact finance */
#loginForm{display:grid!important;gap:14px!important}#loginForm .field{margin:0!important}#loginForm .primary-btn{min-height:54px!important;margin-top:18px!important;border-radius:15px!important;position:relative!important;overflow:hidden!important}#loginForm .primary-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.22) 46%,transparent 70%);transform:translateX(-130%);animation:v28ButtonSweep 4.8s ease-in-out infinite;pointer-events:none}.login-card{position:relative!important}.login-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-65px;top:-55px;background:radial-gradient(circle,rgba(213,26,43,.11),transparent 70%);pointer-events:none}
.media-studio{padding:24px!important;border:1px solid rgba(188,22,37,.09)!important}.media-studio>.panel-head{align-items:flex-start!important;margin-bottom:20px!important}.studio-kicker{display:block;margin-bottom:7px;color:#c51628!important;font-size:7px!important;font-weight:950!important;letter-spacing:.18em!important}.studio-status{padding:7px 10px;border:1px solid #dceadf;border-radius:999px;background:#f3fbf5;color:#288348!important;font-size:7px!important;font-weight:900!important;text-transform:uppercase;letter-spacing:.08em}.upload-card{min-height:315px!important;padding:20px!important;border-color:#eadcde!important;background:linear-gradient(150deg,rgba(255,255,255,.96),rgba(255,249,250,.91))!important}.upload-card-head{display:flex;align-items:center;gap:12px}.upload-card-head>div:last-child{min-width:0}.upload-card-head b{display:block;font-size:11px!important}.upload-card-head p{min-height:0!important;margin-top:4px!important}.upload-card .btn{margin-top:auto;min-height:45px}.upload-card select{min-height:49px!important;border:1px solid #e6d9db!important;border-radius:13px!important;padding:0 13px!important;background:#fff!important}.file-drop{position:relative;display:flex!important;align-items:center!important;gap:12px!important;min-height:82px!important;margin:4px 0!important;padding:15px!important;border:1.5px dashed #d9c5c8!important;border-radius:15px!important;background:rgba(255,255,255,.86)!important;color:#bd1727!important;cursor:pointer!important;transition:border-color .22s ease,background .22s ease,transform .22s ease!important}.file-drop:hover,.upload-card.has-file .file-drop,.file-drop.selected{border-color:#c91c2c!important;background:#fff6f7!important;transform:translateY(-1px)}.file-drop>.svgIcon{flex:none;width:34px!important;height:34px!important;padding:8px;border-radius:11px;background:#fff0f2}.file-drop>span{display:grid;gap:4px;min-width:0}.file-drop b{font-size:10px!important;color:#25191b!important}.file-drop small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:8px!important;color:#8f8083!important}.file-drop input[type=file]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.upload-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.payment-modal{width:min(900px,calc(100vw - 36px))!important;max-height:88vh!important}.payment-modal .modal-body{padding:17px 20px!important}.payment-modal .form-grid{gap:10px 12px!important}.payment-modal #balanceBox{margin-top:12px!important;border:1px solid #ebdfe1!important;border-radius:16px!important;box-shadow:none!important}.payment-modal #balanceBox .panel-head{padding:14px 16px!important}.payment-modal #balanceBox .cards{gap:10px!important;padding:0 14px 14px!important}.payment-modal #balanceBox .stat{min-height:96px!important;padding:14px!important;border-radius:14px!important}.payment-modal #balanceBox .stat-value{font-size:24px!important}.receipt-drop{min-height:66px!important}.payment-modal .modal-foot{background:rgba(255,255,255,.94)!important;backdrop-filter:blur(12px)}@keyframes v28ButtonSweep{0%,58%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
@media(max-width:760px){#loginForm .primary-btn{margin-top:12px!important}.media-studio{padding:15px!important}.upload-card{min-height:0!important}.payment-modal{width:100%!important;max-height:94vh!important}.payment-modal #balanceBox .cards{grid-template-columns:1fr!important}.studio-status{display:none!important}}
input[type=file]:not(.file-drop input){padding:7px!important;border:1px solid #e4d7d9!important;border-radius:12px!important;background:#fff!important;color:#887a7d!important}input[type=file]:not(.file-drop input)::file-selector-button{min-height:32px;margin-right:10px;padding:0 13px;border:0;border-radius:9px;background:#fff0f2;color:#b31322;font-weight:850;cursor:pointer;transition:.2s}input[type=file]:not(.file-drop input)::file-selector-button:hover{background:#d21a2b;color:#fff}

/* v29 live website configuration studio */
.site-content-studio{position:relative;overflow:hidden;padding:25px!important;background:linear-gradient(145deg,#fff 0%,#fffafa 48%,#f4f7fb 100%)!important}.site-content-studio:before{content:"";position:absolute;width:360px;height:360px;right:-160px;top:-190px;border-radius:50%;background:radial-gradient(circle,rgba(44,196,220,.12),rgba(204,24,43,.07) 38%,transparent 70%);pointer-events:none}.site-content-studio>.panel-head{position:relative;z-index:1;margin-bottom:22px!important}.database-live{display:flex!important;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cfe7d5;border-radius:999px;background:#f3fbf5;color:#247944!important;font-size:7px!important;font-weight:950!important;letter-spacing:.07em;text-transform:uppercase}.database-live i{width:7px;height:7px;border-radius:50%;background:#31a55b;box-shadow:0 0 0 5px rgba(49,165,91,.1);animation:pulse 1.7s infinite}.content-studio-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:20px}.content-editor{min-width:0;padding:17px;border:1px solid #eadfe1;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(42,13,18,.045)}.content-tabs{display:flex;gap:7px;margin-bottom:18px;padding:5px;border:1px solid #eee4e6;border-radius:14px;background:#faf7f8}.content-tabs button{flex:1;min-height:39px;border:0;border-radius:10px;background:transparent;color:#817377;font-size:8px;font-weight:900;transition:.22s}.content-tabs button:hover{color:#b21625}.content-tabs button.active{background:#fff;color:#b51626;box-shadow:0 8px 22px rgba(57,13,19,.08)}.content-tab-panel{display:none}.content-tab-panel.active{display:block;animation:v29PanelIn .3s both}.content-tab-panel .form-grid{gap:13px!important}.content-tab-panel .field textarea{min-height:104px!important}.live-site-preview{position:sticky;top:92px;align-self:start;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:21px;background:#150e11;box-shadow:0 28px 65px rgba(22,7,11,.18)}.preview-browser{height:39px;display:flex;align-items:center;gap:6px;padding:0 13px;border-bottom:1px solid rgba(255,255,255,.08);background:#20171a}.preview-browser>span{width:7px;height:7px;border-radius:50%;background:#e45661}.preview-browser>span:nth-child(2){background:#d8a546}.preview-browser>span:nth-child(3){background:#53ae71}.preview-browser small{margin-left:6px;color:#8d7e82;font-size:7px}.preview-scene{position:relative;min-height:385px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden;padding:34px;color:#fff;background:radial-gradient(circle at 82% 16%,rgba(42,205,226,.22),transparent 26%),radial-gradient(circle at 10% 80%,rgba(218,25,44,.28),transparent 34%),linear-gradient(145deg,#130b0d,#090708)}.preview-scene[data-theme="executive-obsidian"]{background:radial-gradient(circle at 86% 16%,rgba(205,171,94,.20),transparent 28%),linear-gradient(145deg,#181614,#060606)}.preview-scene[data-theme="midnight-cyan"]{background:radial-gradient(circle at 80% 18%,rgba(19,213,238,.28),transparent 31%),linear-gradient(145deg,#06111b,#02070d)}.preview-grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,black,transparent)}.preview-scene>small,.preview-scene>h4,.preview-scene>p,.preview-scene>button{position:relative;z-index:1}.preview-scene>small{color:#ee6c78;font-size:7px;font-weight:900;letter-spacing:.18em}.preview-scene h4{display:grid;margin:14px 0 13px;font-size:31px;line-height:.96;letter-spacing:-.045em}.preview-scene h4 span,.preview-scene h4 em{font-style:normal}.preview-scene h4 em{color:#f17a84}.preview-scene[data-theme="executive-obsidian"] h4 em{color:#d2b270}.preview-scene[data-theme="midnight-cyan"] h4 em{color:#54d9ed}.preview-scene p{max-width:360px;margin:0 0 20px;color:#b8adb0;font-size:9px;line-height:1.7}.preview-scene button{min-height:39px;padding:0 15px;border:0;border-radius:10px;background:#cf182a;color:#fff;font-size:8px;font-weight:900}.preview-scene[data-theme="executive-obsidian"] button{background:#c4a45c;color:#100e0b}.preview-scene[data-theme="midnight-cyan"] button{background:#20bdd5;color:#041016}.preview-route{position:absolute;right:-22px;bottom:15px;width:190px;height:80px;display:flex;align-items:center;opacity:.35;transform:rotate(-11deg)}.preview-route i{width:8px;height:8px;border-radius:50%;background:#fff}.preview-route span{flex:1;border-top:1px dashed #fff}.preview-note{padding:11px 14px;color:#8c7d81;background:#fff;font-size:7px;text-align:center}.theme-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.theme-choice{cursor:pointer}.theme-choice input{position:absolute;opacity:0;pointer-events:none}.theme-choice>span{display:grid;gap:7px;min-height:122px;padding:14px;border:1px solid #e9dddf;border-radius:15px;background:#fff;transition:.22s}.theme-choice>span>i{height:33px;border-radius:10px;background:linear-gradient(135deg,#970d1b,#e32738 55%,#54d6e8)}.theme-choice.obsidian>span>i{background:linear-gradient(135deg,#080808,#302c27 58%,#d0ad61)}.theme-choice.cyan>span>i{background:linear-gradient(135deg,#02080e,#09243a 58%,#22c5df)}.theme-choice b{font-size:9px}.theme-choice small{font-size:7px;line-height:1.45;color:#988a8d}.theme-choice input:checked+span{border-color:#ce5260;box-shadow:0 0 0 3px rgba(201,24,43,.08),0 13px 30px rgba(46,12,17,.07);transform:translateY(-2px)}.theme-options{margin-top:15px}.seo-preview{margin-top:15px;padding:17px;border:1px solid #e6e9ee;border-radius:15px;background:#fff}.seo-preview small{display:block;margin-bottom:9px;color:#9299a5;font-size:7px;font-weight:900;letter-spacing:.12em}.seo-preview b{display:block;color:#1849a0;font-size:14px;font-weight:600}.seo-preview span{display:block;margin:5px 0;color:#218448;font-size:8px}.seo-preview p{margin:0;color:#6a7079;font-size:8px;line-height:1.55}
.media-upload-grid{gap:20px!important;padding:7px!important}.upload-card{gap:18px!important;min-height:360px!important;padding:23px!important}.upload-card-head{margin-bottom:2px}.upload-card .file-drop{margin:8px 0!important;min-height:108px!important}.upload-card select{margin:8px 0 2px!important;min-height:54px!important}.upload-card .btn{margin-top:auto!important;min-height:52px!important}#vehicleImageForm select + .file-drop{margin-top:10px!important}#vehicleImageForm{gap:16px!important}.media-studio>.panel-head{margin-bottom:27px!important}.media-studio{padding:29px!important}
.website-control-grid{gap:20px!important}.toggle-grid{gap:16px!important;padding:20px!important}.feature-toggle{column-gap:13px!important;row-gap:8px!important;padding:16px!important}.content-tabs{gap:10px!important}.theme-choice-grid{gap:15px!important}.theme-choice>span{padding:16px!important}.theme-options{gap:16px!important;margin-top:20px!important}
@keyframes v29PanelIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1100px){.content-studio-layout{grid-template-columns:1fr}.live-site-preview{position:relative;top:auto}.preview-scene{min-height:330px}}@media(max-width:760px){.site-content-studio{padding:15px!important}.content-editor{padding:10px}.content-tabs{overflow:auto}.content-tabs button{min-width:85px}.theme-choice-grid{grid-template-columns:1fr}.media-upload-grid{gap:15px!important;padding:0!important}.media-studio{padding:16px!important}.upload-card{gap:14px!important;min-height:0!important;padding:17px!important}.upload-card .file-drop{min-height:88px!important}.database-live{display:none!important}}

/* v30 resilient media publishing */
.media-current{display:flex;align-items:center;gap:9px;min-height:42px;padding:9px 11px;border:1px solid #eee3e5;border-radius:12px;background:#fbf8f9;color:#8a7c7f}.media-current>i{flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#b8adb0;box-shadow:0 0 0 5px rgba(99,78,83,.06)}.media-current>span{min-width:0;display:grid;gap:2px}.media-current b{font-size:8px!important;color:#4d4043}.media-current small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94868a!important;font-size:7px!important}.media-current a{color:#be1727;font-weight:850;text-decoration:none}.media-current.is-live{border-color:#cfe8d6;background:#f5fbf6}.media-current.is-live>i{background:#2da45a;box-shadow:0 0 0 5px rgba(45,164,90,.10)}.upload-card[aria-busy="true"]{border-color:rgba(199,25,42,.34)!important;box-shadow:0 24px 60px rgba(187,18,35,.15)!important}.upload-card[aria-busy="true"] .file-drop,.upload-card[aria-busy="true"] select{opacity:.56;pointer-events:none}.upload-card .btn{position:relative;overflow:hidden}.upload-card .btn.primary:not(:disabled):after{content:"";position:absolute;inset:-2px;background:linear-gradient(105deg,transparent 28%,rgba(255,255,255,.22) 48%,transparent 68%);transform:translateX(-130%);animation:v30UploadSweep 4.6s ease-in-out infinite;pointer-events:none}@keyframes v30UploadSweep{0%,58%{transform:translateX(-130%)}86%,100%{transform:translateX(130%)}}
@media(prefers-reduced-motion:reduce){.upload-card .btn.primary:after{animation:none!important}}

/* v30 customer website inbox */
.enquiry-inbox{margin-top:20px!important;overflow:hidden;background:linear-gradient(145deg,#fff,#fffafb 55%,#f5fbfc)!important}.enquiry-inbox>.panel-head{align-items:flex-start!important}.enquiry-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 170px auto;gap:10px;padding:0 17px 16px}.enquiry-toolbar .search-box{width:100%!important}.enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 17px 18px}.enquiry-card{position:relative;overflow:hidden;padding:16px;border:1px solid #eadfe1;border-radius:17px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(42,11,16,.05);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.enquiry-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#b7aaad}.enquiry-card.new:before{background:#d3182b}.enquiry-card.replied:before{background:#2ea65d}.enquiry-card:hover{transform:translateY(-3px);border-color:#dfc8cc;box-shadow:0 20px 46px rgba(42,11,16,.09)}.enquiry-card>header,.enquiry-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.enquiry-person{display:flex;align-items:center;gap:10px;min-width:0}.enquiry-person>span{flex:none;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#fff0f2,#f2f8fb);color:#b91424;font-size:11px;font-weight:950}.enquiry-person>div{min-width:0;display:grid;gap:3px}.enquiry-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.enquiry-person small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#95878a;font-size:7.5px}.enquiry-copy{margin:14px 0;padding:13px;border-radius:13px;background:#fbf8f8}.enquiry-copy>span{display:block;margin-bottom:7px;color:#b21423;font-size:7px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.enquiry-copy p{margin:0;color:#584a4d;font-size:9px;line-height:1.65;white-space:pre-wrap}.enquiry-card>footer>small{color:#9b8e91;font-size:7px}.enquiry-card>footer>div{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.enquiry-card .btn{min-height:32px!important;padding:0 9px!important;font-size:7.5px!important}.danger-text{color:#b51322!important}.danger-text:hover{background:#fff0f2!important}.enquiry-grid>.empty,.enquiry-grid>.chat-loading-pro{grid-column:1/-1}
@media(max-width:1000px){.enquiry-grid{grid-template-columns:1fr}}@media(max-width:760px){.enquiry-toolbar{grid-template-columns:1fr;padding:0 12px 13px}.enquiry-grid{padding:0 12px 13px}.enquiry-card>header,.enquiry-card>footer{align-items:flex-start;flex-direction:column}.enquiry-card>footer>div{width:100%;justify-content:flex-start}.enquiry-card .btn{flex:1}}

/* DCompany Admin v31 — compact operational UI + website media moderation */
:root{--admin31-red:#c91422;--admin31-line:#eadfdd;--admin31-shadow:0 18px 52px rgba(42,13,17,.09)}
html,body,input,button,select,textarea{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{font-size:13px}.page-head h1{font-size:34px!important;letter-spacing:-.04em}.page-head p{font-size:12px!important}.panel{border-color:var(--admin31-line)!important;box-shadow:var(--admin31-shadow)}
.sidebar{z-index:110!important}.topbar{z-index:90!important}.modal-backdrop{z-index:500!important}.modal{z-index:501!important}
.website-control-grid,.content-studio-layout,.media-upload-grid{gap:16px!important}.media-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.upload-card{border:1px solid #eadfdd!important;border-radius:20px!important;padding:18px!important;background:linear-gradient(180deg,#fff,#fffafa)!important;box-shadow:0 10px 30px rgba(55,15,20,.055)}.file-drop{min-height:94px!important}.site-content-studio,.media-studio,.journey-media-admin{overflow:hidden}
.journey-media-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.journey-media-admin-card{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:13px;border:1px solid #eadfdd;border-radius:18px;background:#fff}.jm-admin-preview{border-radius:14px;overflow:hidden;background:#130d0e;min-height:128px}.jm-admin-preview img,.jm-admin-preview video{display:block;width:100%;height:100%;min-height:128px;object-fit:cover}.jm-admin-copy{min-width:0}.jm-admin-copy>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.jm-admin-copy b{font-size:12px}.jm-admin-copy p{font-size:11px;color:#68575a;line-height:1.5;margin:10px 0}.jm-admin-copy small{font-size:9px;color:#988487;line-height:1.45;display:block}.jm-admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.jm-admin-actions .btn{min-height:34px;padding:0 12px;font-size:10px}.btn.danger{background:#fff0f1;color:#b3131b;border-color:#f2c9cd}.status.pending{background:#fff5db;color:#8d5a00}.status.published{background:#eaf8ef;color:#15783b}.status.rejected{background:#fff0f1;color:#a51d27}
.media-studio .studio-status,.journey-media-admin .studio-status{background:#f4f0ef;border:1px solid #e6d8d5;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:1000px){.journey-media-admin-grid{grid-template-columns:1fr}.media-upload-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:720px){body{font-size:12px}.page-head h1{font-size:29px!important}.media-upload-grid{grid-template-columns:1fr!important}.journey-media-admin-card{grid-template-columns:1fr}.jm-admin-preview{max-height:230px}.website-control-grid,.content-studio-layout{grid-template-columns:1fr!important}.content-studio-layout{display:block!important}.live-site-preview{margin-top:16px}.panel{border-radius:18px!important}.page-content{padding-left:14px!important;padding-right:14px!important}}

/* =========================================================
   DCompany Admin v32 — Live Support + compact stability layer
   ========================================================= */
:root{--v32-red:#cc1726;--v32-deep:#151012;--v32-line:#eadfe1}
.supportDeskAdmin{margin:0 0 22px;border:1px solid var(--v32-line);border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 55px rgba(31,12,15,.06)}.supportDeskHero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:22px 24px;color:#fff;background:linear-gradient(115deg,#171113,#511219 70%,#971523);position:relative;overflow:hidden}.supportDeskHero:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-150px;top:-170px;background:#ffffff0c}.supportDeskOrb{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#ffffff10;border:1px solid #ffffff18;color:#ffb0b7}.supportDeskHero>div:nth-child(2)>span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#ffadb5}.supportDeskHero h2{font-size:20px;margin:4px 0 5px;letter-spacing:-.02em}.supportDeskHero p{margin:0;font-size:10.5px;color:#deced1;line-height:1.5}.supportDeskStats{display:flex;gap:8px;position:relative;z-index:2}.supportDeskStats>div{min-width:72px;padding:10px 12px;border-radius:13px;background:#ffffff0d;border:1px solid #ffffff17}.supportDeskStats small{display:block;font-size:7px;letter-spacing:.12em;color:#d7c3c6}.supportDeskStats b{display:block;font-size:20px;margin-top:2px}.supportDeskLayout{display:grid;grid-template-columns:355px minmax(0,1fr);min-height:560px}.supportThreadPane{border-right:1px solid var(--v32-line);background:#fbf8f8}.supportThreadToolbar{padding:12px;display:grid;grid-template-columns:1fr 115px 38px;gap:7px;border-bottom:1px solid var(--v32-line)}.supportThreadToolbar .search-box{min-width:0;background:#fff}.supportThreadToolbar input,.supportThreadToolbar select{font-size:10px}.supportThreadToolbar select{border:1px solid #e5d9db;border-radius:10px;padding:0 8px;background:#fff}.supportThreadList{height:505px;overflow:auto;padding:8px}.supportThreadItem{width:100%;border:1px solid transparent;background:transparent;border-radius:13px;padding:10px;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer;color:#2a2022;margin-bottom:4px}.supportThreadItem:hover{background:#fff;border-color:#eadfe1}.supportThreadItem.active{background:#fff1f2;border-color:#e8c7ca}.supportThreadAvatar{width:38px;height:38px;border-radius:12px;background:#24191b;color:#fff;display:grid;place-items:center;font-weight:900}.supportThreadItem b{display:block;font-size:11px}.supportThreadItem span{display:block;font-size:8.5px;color:#7f6f72;margin-top:2px}.supportThreadItem small{display:block;font-size:7.5px;color:#aa9b9e;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px}.supportThreadItem>i{font-style:normal;min-width:22px;height:22px;border-radius:999px;padding:0 6px;background:#ca1827;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.supportThreadItem>em{font-style:normal;font-size:7px;font-weight:850;text-transform:uppercase;padding:5px 6px;border-radius:999px;background:#edf7eb;color:#4b8d46}.supportThreadItem>em.closed{background:#eee8e9;color:#85777a}.supportConversation{min-width:0;background:#fdfbfb;position:relative}.supportConversationEmpty{height:100%;display:flex;align-items:center;justify-content:center;gap:12px;color:#796a6d;text-align:left}.supportConversationEmpty .ico{color:#c51a28}.supportConversationEmpty b,.supportConversationEmpty span{display:block}.supportConversationEmpty span{font-size:10px;max-width:350px;margin-top:4px}.supportConversationActive{height:560px;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.supportConversationHead{padding:13px 16px;background:#fff;border-bottom:1px solid var(--v32-line);display:flex;justify-content:space-between;align-items:center;gap:12px}.supportConversationHead>div:first-child{display:flex;align-items:center;gap:10px}.supportConversationHead .live-dot{width:9px;height:9px;border-radius:50%;background:#47c66d;box-shadow:0 0 0 5px #47c66d16}.supportConversationHead b{display:block;font-size:11px}.supportConversationHead small{font-size:8px;color:#8b7b7e}.supportConversationHead>div:last-child{display:flex;align-items:center;gap:7px}.supportAdminRating{font-size:9px;color:#bf7e18;background:#fff7e5;border:1px solid #f0dbaf;border-radius:9px;padding:7px 8px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.supportConversationBody{overflow:auto;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(#fcf9f9,#f6f0f1)}.adminSupportBubble{max-width:76%;padding:11px 12px;border-radius:14px;border:1px solid #eadfe1;background:#fff;box-shadow:0 6px 18px #35131908}.adminSupportBubble.admin{align-self:flex-end;background:#a71320;color:#fff;border-color:#a71320}.adminSupportBubble.customer{align-self:flex-start}.adminSupportBubble>div:first-child{display:flex;justify-content:space-between;gap:15px;margin-bottom:5px;font-size:8px}.adminSupportBubble>div:first-child span{opacity:.62}.adminSupportBubble p{margin:0;white-space:pre-wrap;font-size:10px;line-height:1.5}.adminSupportAttachment{display:block;margin-top:8px;border-radius:10px;overflow:hidden;background:#171113;text-decoration:none}.adminSupportAttachment img{display:block;width:100%;max-height:220px;object-fit:cover}.adminSupportAttachment span{display:flex;align-items:center;gap:5px;color:#fff;padding:7px 9px;font-size:8px}.supportReplyForm{display:flex;align-items:stretch;gap:8px;padding:11px;background:#fff;border-top:1px solid var(--v32-line)}.supportReplyForm textarea{flex:1;min-height:58px;max-height:120px;border:1px solid #e5d9db;border-radius:11px;padding:10px;resize:vertical;font:inherit;font-size:10px;outline:none}.supportReplyForm textarea:focus{border-color:#d41d2b;box-shadow:0 0 0 3px #d41d2b0c}.supportReplyForm button{align-self:flex-end}.supportDeskLoading{display:flex;align-items:center;justify-content:center;gap:9px;padding:30px;color:#8f7e81;font-size:9px}.supportDeskLoading i{width:16px;height:16px;border-radius:50%;border:2px solid #eadfe1;border-top-color:#c81726;animation:spin .8s linear infinite}.messagesSubgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.internalChatPanel,.enquiry-inbox{min-width:0}.compact-chat{height:330px!important;min-height:330px!important;overflow:auto;padding:12px!important;background:#fbf8f8!important}.compactChatBubble{width:min(82%,520px);margin:0 0 9px;padding:9px 11px;border:1px solid #e7dcde;border-radius:12px;background:#fff}.compactChatBubble.me{margin-left:auto;background:#991520;color:#fff;border-color:#991520}.compactChatBubble>div{display:flex;justify-content:space-between;gap:10px;font-size:7.5px}.compactChatBubble p{font-size:9.5px;line-height:1.5;margin:5px 0 0}.compactCompose{display:flex;gap:8px;padding:10px;border-top:1px solid #eadfe1}.compactCompose textarea{flex:1;min-height:52px;border:1px solid #e5d9db;border-radius:10px;padding:9px;font:inherit;font-size:9.5px;resize:vertical}.compactCompose .btn{align-self:flex-end}.support-alert-panel .booking-alert-copy em{display:block;font-style:normal;color:#b10f1c;font-size:9px;font-weight:800;margin-top:3px}
@media(max-width:1100px){.supportDeskLayout{grid-template-columns:310px minmax(0,1fr)}.messagesSubgrid{grid-template-columns:1fr}.supportDeskHero{grid-template-columns:auto 1fr}.supportDeskStats{grid-column:1/-1}.supportThreadToolbar{grid-template-columns:1fr 105px 38px}}
@media(max-width:760px){.supportDeskAdmin{border-radius:15px}.supportDeskHero{grid-template-columns:1fr;padding:18px}.supportDeskOrb{display:none}.supportDeskHero h2{font-size:18px}.supportDeskStats{width:100%}.supportDeskStats>div{flex:1}.supportDeskLayout{grid-template-columns:1fr;min-height:0}.supportThreadPane{border-right:0;border-bottom:1px solid var(--v32-line)}.supportThreadList{height:260px}.supportConversationActive{height:600px}.supportConversationEmpty{min-height:250px;padding:25px}.supportConversationHead{align-items:flex-start;flex-direction:column}.supportConversationHead>div:last-child{width:100%;flex-wrap:wrap}.adminSupportBubble{max-width:90%}.supportReplyForm{flex-direction:column}.supportReplyForm button{align-self:stretch}.messagesSubgrid{gap:12px}.compact-chat{height:280px!important;min-height:280px!important}.supportThreadToolbar{grid-template-columns:1fr 40px}.supportThreadToolbar select{grid-column:1/-1;grid-row:2}}

.supportReplyForm textarea::placeholder{color:#a59598}.supportConversationActive[hidden],.supportConversationEmpty[hidden]{display:none!important}

/* v35 split communications workspace */
.teamChatOnly{overflow:hidden;padding:0!important}.teamChatHero{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:24px 26px;background:linear-gradient(120deg,#1a0d0f,#511018);color:#fff}.teamChatHeroIcon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff18;color:#ffadb5}.teamChatHero>div:nth-child(2)>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:#ff9aa4}.teamChatHero h2{font-size:25px;margin:5px 0 3px}.teamChatHero p{font-size:11px;color:#d7c3c6;margin:0}.teamChatLive{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:800}.teamChatLive i{width:9px;height:9px;border-radius:50%;background:#4bc96e;box-shadow:0 0 0 5px #4bc96e20}.teamChatBody{height:min(58vh,560px);min-height:420px;overflow:auto;padding:22px;background:linear-gradient(#fff,#fffafb);display:flex;flex-direction:column;gap:12px}.teamChatBubble{display:flex;align-items:flex-end;gap:10px;max-width:72%}.teamChatBubble.me{align-self:flex-end;flex-direction:row-reverse}.teamChatAvatar{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#29171a;color:#fff;font-weight:900}.teamChatMessage{min-width:0;background:#fff;border:1px solid #eadcde;border-radius:16px 16px 16px 5px;padding:11px 13px;box-shadow:0 8px 24px rgba(38,12,15,.05)}.teamChatBubble.me .teamChatMessage{background:#b71422;color:#fff;border-color:#b71422;border-radius:16px 16px 5px 16px}.teamChatMessage header{display:flex;gap:10px;align-items:center;justify-content:space-between}.teamChatMessage header b{font-size:10px}.teamChatMessage header span{font-size:8px;color:#99898b}.teamChatBubble.me header span{color:#ffd2d6}.teamChatMessage p{margin:7px 0 0;font-size:11px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.teamChatComposer{display:grid;grid-template-columns:1fr auto;gap:12px;padding:16px;border-top:1px solid #eee1e2;background:#fff}.teamChatComposer textarea{min-height:62px;max-height:130px;resize:vertical;border:1px solid #e4d6d8;border-radius:14px;padding:12px;font:inherit;outline:none}.teamChatComposer textarea:focus{border-color:#c81827;box-shadow:0 0 0 4px #c8182712}.teamChatComposer button{align-self:end;min-height:46px}
.customerSupportPage{overflow:hidden;padding:0!important}.customerSupportTop{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:20px 24px;background:linear-gradient(120deg,#160b0d,#8b1520);color:#fff}.customerSupportTop>div:first-child>span,.enquiryPageHead>div>span{font-size:9px;letter-spacing:.16em;font-weight:900;color:#ffadb5}.customerSupportTop h2,.enquiryPageHead h2{font-size:24px;margin:5px 0}.customerSupportTop p,.enquiryPageHead p{margin:0;font-size:10px;line-height:1.6;color:#d8c7c9}.customerSupportCounters{display:flex;gap:10px}.customerSupportCounters>div{min-width:78px;padding:12px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff18}.customerSupportCounters small,.customerSupportCounters b{display:block}.customerSupportCounters small{font-size:8px;letter-spacing:.12em}.customerSupportCounters b{font-size:23px;margin-top:4px}.customerSupportWorkspace{display:grid;grid-template-columns:minmax(290px,360px) 1fr;height:calc(100vh - 315px);min-height:520px;max-height:720px}.customerSupportThreads{border-right:1px solid #eadfe0;background:#fff;min-height:0;display:flex;flex-direction:column}.supportThreadToolbar{flex:0 0 auto}.supportThreadList{overflow:auto;min-height:0;flex:1}.customerSupportConversation{min-width:0;min-height:0;background:#fffafb}.supportConversationActive{height:100%;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto}.supportConversationActive[hidden]{display:none!important}.supportConversationHead{min-height:74px;padding:13px 16px;border-bottom:1px solid #eadfe0;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.supportConversationLead{min-width:180px;display:flex;align-items:center;gap:10px}.supportConversationLead b,.supportConversationLead small{display:block}.supportConversationLead b{font-size:11px}.supportConversationLead small{font-size:9px;color:#8c7d80;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}.supportThreadActions{display:flex;align-items:center;gap:9px;justify-content:flex-end;flex-wrap:wrap}.supportMetaBar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.supportMetaChip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #e7d7d9;border-radius:999px;background:#fff9f9;color:#5a4044;font-size:8px;font-weight:800;white-space:nowrap}.supportMetaChip .ico{width:13px;height:13px;color:#bd1724}.supportMetaChip.rating{background:#fff8e7;color:#8c6414}.supportConversationBody{overflow:auto;min-height:0;padding:18px;display:flex;flex-direction:column;gap:11px;scroll-behavior:smooth}.adminSupportBubble{max-width:min(680px,78%);margin:0!important}.adminSupportBubble.customer{align-self:flex-start}.adminSupportBubble.admin{align-self:flex-end}.adminSupportBubble>div{display:flex;gap:10px;justify-content:space-between;align-items:center}.adminSupportBubble p{white-space:pre-wrap;word-break:break-word}.supportReplyForm{display:grid;grid-template-columns:1fr auto;gap:10px;padding:13px 15px;border-top:1px solid #eadfe0;background:#fff}.supportReplyForm textarea{min-height:58px;max-height:110px;resize:vertical;border:1px solid #e4d5d7;border-radius:13px;padding:11px 12px;font:inherit;outline:none}.supportReplyForm textarea:focus{border-color:#c31827;box-shadow:0 0 0 4px #c3182712}.supportReplyForm button{align-self:end;min-width:130px}.supportConversationEmpty{height:100%;min-height:430px}
.enquiryPage{padding:0!important;overflow:hidden}.enquiryPageHead{padding:22px 24px;border-bottom:1px solid #eadfe0;background:linear-gradient(120deg,#fff,#fff9f9);display:flex;align-items:end;justify-content:space-between;gap:20px}.enquiryPageHead>div>span{color:#bd1724}.enquiryPageHead p{color:#76686a}.enquiryPageHead .enquiry-toolbar{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.enquiryPageGrid{padding:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.enquiryFullCard{border:1px solid #e8dcde;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 10px 26px rgba(50,16,20,.04)}.enquiryFullCard>header,.enquiryFullCard>footer{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.enquiryFullCard>header{border-bottom:1px solid #f0e7e8}.enquiryFullBody{padding:15px}.enquiryFullBody>small{font-size:8px;letter-spacing:.13em;color:#ba1724;font-weight:900}.enquiryFullBody h3{font-size:16px;margin:5px 0 10px}.enquiryFullBody p{font-size:11px;line-height:1.65;color:#594c4e;white-space:pre-wrap;word-break:break-word}.enquiryFullCard>footer{border-top:1px solid #f0e7e8;background:#fffafa}.enquiryFullCard>footer>span{font-size:9px;color:#8d7e81}.enquiryFullCard>footer>div{display:flex;gap:7px}
@media(max-width:1100px){.customerSupportWorkspace{grid-template-columns:320px 1fr;height:calc(100vh - 300px)}.enquiryPageGrid{grid-template-columns:1fr}}
@media(max-width:780px){.teamChatHero{grid-template-columns:auto 1fr}.teamChatLive{grid-column:1/-1}.teamChatBody{height:54vh;min-height:360px}.teamChatBubble{max-width:92%}.teamChatComposer{grid-template-columns:1fr}.teamChatComposer button{width:100%}.customerSupportTop{grid-template-columns:1fr}.customerSupportWorkspace{display:block;height:auto;max-height:none}.customerSupportThreads{height:280px;border-right:0;border-bottom:1px solid #eadfe0}.customerSupportConversation{height:600px}.supportConversationHead{align-items:flex-start;flex-direction:column}.supportThreadActions,.supportMetaBar{justify-content:flex-start;width:100%}.supportConversationLead small{max-width:260px}.supportReplyForm{grid-template-columns:1fr}.supportReplyForm button{width:100%}.enquiryPageHead{display:block}.enquiryPageHead .enquiry-toolbar{margin-top:16px;justify-content:flex-start}.enquiryPageGrid{padding:12px}.enquiryFullCard>footer{align-items:flex-start;flex-direction:column}}

/* v36 Office Admin role tag only */
.role-badge.office_admin{background:#eef8f3!important;color:#24634a!important;border:1px solid #cce8db!important}.role-overview-card.office{background:linear-gradient(145deg,#f4fbf7,#eef8f3)!important;border-color:#d1eadf!important}.role-overview-card.office>.ico{color:#2d7658!important}.office-avatar img,.mini-avatar img[src*="office-admin-avatar"],.avatar img[src*="office-admin-avatar"],.profile-avatar-lg img[src*="office-admin-avatar"]{width:100%;height:100%;object-fit:cover}


/* v38 mobile navigation stacking fix */
@media (max-width:900px){
  body.sidebar-open{overflow:hidden!important}
  body.sidebar-open .sidebar{
    z-index:1601!important;
    pointer-events:auto!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  body.sidebar-open .sidebar-backdrop{
    z-index:1600!important;
    display:block!important;
    pointer-events:auto!important;
  }
  body.sidebar-open .main{
    pointer-events:none!important;
    filter:none!important;
    -webkit-filter:none!important;
  }
  body.sidebar-open .sidebar button,
  body.sidebar-open .sidebar a,
  body.sidebar-open .sidebar input{
    pointer-events:auto!important;
  }
}

/* ===== DCompany Live Internet Calls v2.0 ===== */
.dcAdminCallGrid{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:20px;margin-bottom:20px}.dcAdminCallQueue,.dcAdminCallStage,.dcCallHistory{border-color:rgba(124,0,34,.12);overflow:hidden}.dcAdminCallQueue>header,.dcCallHistory>header{display:flex;align-items:center;justify-content:space-between;padding:22px 22px 14px}.dcAdminCallQueue header span,.dcCallHistory header span{font-size:10px;font-weight:900;letter-spacing:.17em;color:#a80d38}.dcAdminCallQueue header h2,.dcCallHistory header h2{margin:5px 0 0;font-size:21px}.dcCallQueueItem{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:12px;align-items:center;padding:15px 18px;border-top:1px solid rgba(101,0,29,.07);position:relative}.dcCallQueueItem:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(173,8,48,.05),transparent);opacity:0;transition:.2s}.dcCallQueueItem:hover:before{opacity:1}.dcCallQueueAvatar{width:42px;height:42px;border-radius:15px;background:linear-gradient(145deg,#700020,#ba0e3b);color:white;display:grid;place-items:center;font-weight:900;position:relative}.dcCallQueueAvatar i{position:absolute;width:9px;height:9px;border-radius:50%;background:#28c97a;right:-2px;bottom:-2px;border:2px solid #fff;box-sizing:content-box}.dcCallQueueItem>div:nth-child(2){min-width:0}.dcCallQueueItem b,.dcCallQueueItem span,.dcCallQueueItem small{display:block}.dcCallQueueItem span{font-size:12px;color:#775c66;margin-top:3px}.dcCallQueueItem small{font-size:10px;color:#a28b93;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dcCallQueueItem button{position:relative;border:0;border-radius:13px;padding:10px 12px;background:linear-gradient(135deg,#6c001e,#c40e3d);color:#fff;font-weight:800;font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 10px 24px rgba(112,0,30,.22)}.dcAdminCallStage{min-height:520px;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,rgba(174,10,51,.08),transparent 42%),var(--panel,#fff)}.dcAdminCallEmpty{text-align:center;max-width:560px;padding:40px}.dcAdminCallEmptyIcon{width:75px;height:75px;margin:0 auto 22px;border-radius:25px;background:linear-gradient(145deg,#6f001f,#bd0d3b);color:#fff;display:grid;place-items:center;box-shadow:0 18px 44px rgba(110,0,30,.26)}.dcAdminCallEmpty h2{font-size:28px;margin:0 0 9px}.dcAdminCallEmpty p{color:#806b73;line-height:1.65}.dcAdminCallTrust{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:20px}.dcAdminCallTrust span{display:flex;gap:6px;align-items:center;border:1px solid rgba(104,0,29,.1);border-radius:999px;padding:8px 11px;font-size:10px;color:#6e5961;background:#fff}.dcAdminCallActive{text-align:center;padding:28px;max-width:680px;width:100%}.dcAdminCallerOrb{width:115px;height:115px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;background:#fff;position:relative;box-shadow:0 20px 60px rgba(91,0,25,.18)}.dcAdminCallerOrb img{width:66px;height:66px;border-radius:20px;object-fit:contain;z-index:2}.dcAdminCallerOrb i{position:absolute;inset:-8px;border:1px solid rgba(173,8,50,.25);border-radius:50%;animation:dcAdminCallWave 2.2s ease-out infinite}.dcAdminCallerOrb i:nth-child(3){animation-delay:1.05s}@keyframes dcAdminCallWave{0%{transform:scale(.78);opacity:.85}100%{transform:scale(1.65);opacity:0}}#dcAdminCallCode{display:inline-flex;padding:7px 11px;border-radius:999px;background:#770021;color:#fff;font-size:9px;font-weight:900;letter-spacing:.17em}.dcAdminCallActive h2{font-size:31px;margin:13px 0 5px}.dcAdminCallActive>p{color:#856c75;margin:0}.dcAdminCallRoute{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:19px 0}.dcAdminCallRoute span,.dcAdminCallRoute strong{padding:8px 11px;border-radius:12px;background:rgba(116,0,32,.055);border:1px solid rgba(116,0,32,.08);font-size:11px;color:#674e57}.dcAdminCallRoute strong{flex-basis:100%;max-width:520px}.dcAdminCallRoute strong i{color:#b00a38;font-style:normal;margin:0 7px}.dcAdminCallTimer{font:800 27px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#5d142a;margin:22px 0}.dcAdminCallControls{display:flex;justify-content:center;gap:12px}.dcAdminCallControls button{min-width:98px;padding:13px 12px;border-radius:17px;border:1px solid rgba(103,0,28,.1);background:#fff;display:grid;place-items:center;gap:5px;color:#5d4850;cursor:pointer}.dcAdminCallControls button b{font-size:10px}.dcAdminCallControls button.active{background:#f8e8ed;color:#92002c}.dcAdminCallControls button.end{background:linear-gradient(145deg,#6f001e,#c50e3e);color:#fff;border:0}.dcAdminCallActive>small{display:block;color:#a08a92;margin-top:22px}.dcCallHistoryList article{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 20px;border-top:1px solid rgba(102,0,29,.07)}.dcCallHistoryStatus{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#f4eef0;color:#7d5c67}.dcCallHistoryStatus.active,.dcCallHistoryStatus.ended{background:#e8f7ef;color:#178b56}.dcCallHistoryStatus.missed{background:#fff0f1;color:#c2293e}.dcCallHistoryList b,.dcCallHistoryList span,.dcCallHistoryList small{display:block}.dcCallHistoryList span{font-size:11px;color:#765e66;margin-top:2px}.dcCallHistoryList small{font-size:10px;color:#a18b93;margin-top:3px}.dcCallHistoryList em{font-style:normal;font-size:10px;font-weight:800;color:#765e66}.dc-global-call-card{position:fixed;z-index:999999;left:50%;top:18px;transform:translate(-50%,-140%);width:min(820px,calc(100vw - 26px));display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;border-radius:22px;background:linear-gradient(145deg,#33000e,#780022 48%,#a70935);color:#fff;box-shadow:0 24px 80px rgba(42,0,12,.46);overflow:hidden;transition:transform .46s cubic-bezier(.2,.9,.25,1.1)}.dc-global-call-card.show{transform:translate(-50%,0)}.dc-global-call-glow{position:absolute;width:240px;height:240px;right:10%;top:-120px;background:radial-gradient(circle,rgba(255,73,121,.32),transparent 68%);pointer-events:none}.dc-global-call-icon{width:52px;height:52px;border-radius:17px;background:rgba(255,255,255,.12);display:grid;place-items:center;position:relative}.dc-global-call-icon i{position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.22);border-radius:20px;animation:dcGlobalCallPulse 1.5s infinite}@keyframes dcGlobalCallPulse{100%{transform:scale(1.35);opacity:0}}.dc-global-call-copy{position:relative;min-width:0}.dc-global-call-copy small{font-size:9px;letter-spacing:.18em;font-weight:900;color:#ffb4c8}.dc-global-call-copy b{display:block;font-size:17px;margin:2px 0}.dc-global-call-copy span,.dc-global-call-copy em{display:block;font-size:11px;color:#f3ccd6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-global-call-copy em{font-style:normal;margin-top:3px}.dc-global-call-actions{display:flex;gap:8px;position:relative}.dc-global-call-actions button{border:1px solid rgba(255,255,255,.17);background:rgba(255,255,255,.08);color:#fff;border-radius:13px;padding:10px 12px;font-size:10px;font-weight:900;cursor:pointer}.dc-global-call-actions .answer{background:#fff;color:#810027;border:0;display:flex;gap:6px;align-items:center}@media(max-width:900px){.dcAdminCallGrid{grid-template-columns:1fr}.dcAdminCallStage{min-height:460px}.dc-global-call-card{grid-template-columns:48px minmax(0,1fr);top:10px}.dc-global-call-actions{grid-column:1/-1}.dc-global-call-actions button{flex:1}.dcCallQueueItem{grid-template-columns:42px minmax(0,1fr)}.dcCallQueueItem button{grid-column:1/-1;justify-content:center}}

/* =========================================================
   DCOMPANY AVAILABILITY CALENDAR — RESPONSIVE FIX
   Desktop + Tablet + Mobile
   ========================================================= */

.availability-page-head,
.availability-hero,
.calendar-stats,
.calendar-wrap-pro,
.calendar-stage,
.calendar-grid-pro,
.day-details-pro,
.day-detail-shell {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.calendar-wrap-pro {
    overflow: hidden;
}

.calendar-stage {
    width: 100%;
    overflow: visible;
}

.availability-page-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.availability-page-head > div:first-child {
    flex: 1 1 500px;
    min-width: 0;
}

.availability-page-head .page-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.calendar-date-search {
    min-width: 190px;
}

.calendar-date-search input {
    width: 100%;
    min-width: 0;
}

.availability-hero {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}

.availability-hero-copy {
    min-width: 0;
}

.availability-hero-copy h2 {
    max-width: 760px;
    line-height: 1.08;
}

.availability-legend-pro {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.availability-legend-pro > span {
    white-space: nowrap;
}

.calendar-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.calendar-stat {
    min-width: 0;
}

.calendar-head-pro {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
}

.calendar-month-lockup {
    min-width: 0;
    text-align: center;
}

.calendar-title {
    overflow-wrap: anywhere;
}

.calendar-nav-btn {
    white-space: nowrap;
}

.calendar-grid-pro {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    gap: 8px;
    overflow: visible !important;
}

.calendar-grid-pro .cal-week {
    min-width: 0 !important;
    width: auto !important;
    text-align: center;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
}

.calendar-grid-pro .cal-day {
    position: relative;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 112px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6px;
    padding: 12px;
    overflow: hidden;
    box-sizing: border-box;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

.calendar-grid-pro .cal-day .num {
    position: relative;
    z-index: 2;
    font-size: 15px;
    font-weight: 850;
    line-height: 1;
}

.calendar-grid-pro .cal-day .legend {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
}

.calendar-grid-pro .cal-day .dots {
    display: flex;
    align-items: center;
    gap: 3px;
    flex-wrap: nowrap;
}

.calendar-grid-pro .cal-day .dots i {
    flex: 0 0 auto;
}

.calendar-grid-pro .cal-day .today-pill {
    max-width: 100%;
}

.calendar-grid-pro .cal-day.muted {
    min-height: 112px;
}

.calendar-grid-pro .cal-day.is-selected {
    transform: none !important;
    z-index: 3;
}

.day-details-pro {
    margin-top: 18px;
}

.day-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.day-detail-head > div:first-child {
    flex: 1;
    min-width: 0;
}

.availability-list-pro {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
    gap: 14px;
}

.availability-card-pro {
    min-width: 0;
}

.availability-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.availability-meta span {
    min-width: 0;
    overflow-wrap: anywhere;
}

.availability-empty-pro {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.availability-empty-pro > div:nth-child(2) {
    flex: 1 1 280px;
    min-width: 0;
}

@media (max-width: 1100px) {
    .availability-hero {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .availability-legend-pro {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }

    .calendar-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .calendar-grid-pro {
        gap: 6px;
    }

    .calendar-grid-pro .cal-day,
    .calendar-grid-pro .cal-day.muted {
        min-height: 98px;
        padding: 9px;
    }

    .calendar-grid-pro .cal-day .legend {
        font-size: 10px;
    }
}

@media (max-width: 700px) {
    .availability-page-head {
        display: block;
    }

    .availability-page-head h1 {
        font-size: clamp(28px, 9vw, 40px);
        line-height: 1.05;
    }

    .availability-page-head .page-actions {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        margin-top: 16px;
    }

    .calendar-date-search {
        width: 100%;
        min-width: 0;
    }

    .availability-page-head .page-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .availability-hero {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 18px;
    }

    .availability-hero-orbit {
        margin-bottom: 2px;
    }

    .availability-hero-copy h2 {
        font-size: clamp(24px, 8vw, 34px);
    }

    .availability-legend-pro {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        gap: 7px;
    }

    .availability-legend-pro > span {
        min-width: 0;
        justify-content: flex-start;
    }

    .calendar-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .calendar-stat {
        padding: 12px;
    }

    .calendar-stat-icon {
        transform: scale(.9);
    }

    .calendar-stat span {
        font-size: 10px;
    }

    .calendar-stat b {
        font-size: 20px;
    }

    .calendar-wrap-pro {
        padding: 12px !important;
        border-radius: 20px;
    }

    .calendar-head-pro {
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        gap: 6px;
    }

    .calendar-nav-btn {
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0 !important;
        display: grid;
        place-items: center;
        font-size: 0;
        border-radius: 12px;
    }

    .calendar-nav-btn svg {
        width: 16px;
        height: 16px;
    }

    .calendar-month-lockup small {
        font-size: 9px;
    }

    .calendar-title {
        font-size: 18px;
    }

    .calendar-stage {
        margin-top: 12px;
    }

    .calendar-grid-pro {
        grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 4px !important;
    }

    .calendar-grid-pro .cal-week {
        font-size: 9px;
        letter-spacing: 0;
        padding: 5px 0;
    }

    .calendar-grid-pro .cal-day,
    .calendar-grid-pro .cal-day.muted {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 64px !important;
        padding: 6px 4px !important;
        border-radius: 11px !important;
        align-items: center;
        justify-content: flex-start;
        gap: 4px;
    }

    .calendar-grid-pro .cal-day .num {
        font-size: 12px;
        line-height: 1;
    }

    .calendar-grid-pro .cal-day .legend {
        display: none !important;
    }

    .calendar-grid-pro .cal-day .calendar-hover-arrow {
        display: none !important;
    }

    .calendar-grid-pro .cal-day .today-pill {
        font-size: 7px !important;
        line-height: 1;
        padding: 3px 4px !important;
        border-radius: 999px;
    }

    .calendar-grid-pro .cal-day .dots {
        position: absolute;
        bottom: 6px;
        left: 50%;
        transform: translateX(-50%);
        justify-content: center;
        gap: 2px;
    }

    .calendar-grid-pro .cal-day .dots i {
        width: 4px !important;
        height: 4px !important;
        border-radius: 50%;
    }

    .calendar-grid-pro .cal-day.is-selected {
        outline-width: 2px !important;
        outline-offset: 1px !important;
    }

    .day-details-pro {
        margin-top: 12px;
    }

    .day-detail-shell {
        padding: 15px !important;
        border-radius: 18px;
    }

    .day-detail-head {
        gap: 10px;
    }

    .day-detail-head h3 {
        font-size: 22px;
    }

    .day-detail-count {
        flex: 0 0 auto;
    }

    .availability-list-pro {
        grid-template-columns: 1fr;
    }

    .availability-card-pro {
        padding: 14px;
    }

    .availability-meta {
        grid-template-columns: 1fr;
    }

    .availability-card-pro .btn {
        width: 100%;
        justify-content: center;
    }

    .availability-empty-pro {
        align-items: flex-start;
    }

    .availability-empty-pro .btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .calendar-wrap-pro {
        padding: 9px !important;
    }

    .calendar-grid-pro {
        gap: 3px !important;
    }

    .calendar-grid-pro .cal-week {
        font-size: 8px;
    }

    .calendar-grid-pro .cal-day,
    .calendar-grid-pro .cal-day.muted {
        min-height: 57px !important;
        padding: 5px 2px !important;
        border-radius: 9px !important;
    }

    .calendar-grid-pro .cal-day .num {
        font-size: 11px;
    }

    .calendar-grid-pro .cal-day .today-pill {
        font-size: 6px !important;
        padding: 2px 3px !important;
    }

    .calendar-stats {
        gap: 6px;
    }

    .calendar-stat {
        padding: 10px;
    }
}

@media (min-width: 1400px) {
    .calendar-grid-pro {
        gap: 10px;
    }

    .calendar-grid-pro .cal-day,
    .calendar-grid-pro .cal-day.muted {
        min-height: 125px;
        padding: 14px;
    }

    .calendar-grid-pro .cal-day .num {
        font-size: 16px;
    }
}

@media (hover: hover) and (pointer: fine) {
    .calendar-grid-pro .cal-day:not(.muted):hover {
        transform: translateY(-2px);
        z-index: 4;
    }
}


/* =========================================================
   DCOMPANY AVAILABILITY CALENDAR — MOBILE FIT HOTFIX v2
   Force the 7-day grid to fit inside phones/tablets.
   ========================================================= */
@media (max-width: 1024px) {
  .calendar-wrap.calendar-wrap-pro,
  .calendar-wrap-pro {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding:12px !important;
    box-sizing:border-box !important;
  }

  .calendar-stage,
  #calendar.calendar-stage {
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    overflow:hidden !important;
    padding:0 !important;
    box-sizing:border-box !important;
  }

  .calendar-grid.calendar-grid-pro,
  #calendar > .calendar-grid.calendar-grid-pro {
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    gap:4px !important;
    padding:6px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-week {
    min-width:0 !important;
    width:auto !important;
    padding:6px 1px !important;
    font-size:8px !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:clip !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day,
  .calendar-grid.calendar-grid-pro > .cal-day.muted {
    min-width:0 !important;
    width:100% !important;
    max-width:100% !important;
    min-height:68px !important;
    height:auto !important;
    padding:7px 3px !important;
    border-radius:10px !important;
    box-sizing:border-box !important;
    overflow:hidden !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:4px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .num {
    font-size:12px !important;
    line-height:1 !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .legend {
    display:none !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .calendar-hover-arrow {
    display:none !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .dots {
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:auto !important;
    bottom:7px !important;
    transform:translateX(-50%) !important;
    display:flex !important;
    justify-content:center !important;
    gap:2px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .dots i {
    width:4px !important;
    height:4px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .today-pill {
    position:static !important;
    display:inline-flex !important;
    max-width:100% !important;
    padding:3px 4px !important;
    font-size:6px !important;
    line-height:1 !important;
    letter-spacing:0 !important;
    white-space:nowrap !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day.is-today .num {
    width:24px !important;
    height:24px !important;
    border-radius:7px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day.is-selected {
    transform:none !important;
    outline:2px solid rgba(179,19,27,.35) !important;
    outline-offset:0 !important;
  }

  .calendar-head.calendar-head-pro {
    grid-template-columns:42px minmax(0,1fr) 42px !important;
    gap:5px !important;
  }

  .calendar-head.calendar-head-pro .calendar-nav-btn {
    min-width:42px !important;
    width:42px !important;
    height:42px !important;
    padding:0 !important;
    font-size:0 !important;
    display:grid !important;
    place-items:center !important;
  }

  .calendar-head.calendar-head-pro .calendar-nav-btn svg {
    width:16px !important;
    height:16px !important;
  }

  .calendar-month-lockup .calendar-title {
    font-size:16px !important;
    white-space:nowrap !important;
  }
}

@media (max-width: 480px) {
  .calendar-wrap.calendar-wrap-pro,
  .calendar-wrap-pro { padding:9px !important; }

  .calendar-grid.calendar-grid-pro,
  #calendar > .calendar-grid.calendar-grid-pro {
    gap:3px !important;
    padding:4px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-week {
    font-size:7px !important;
    padding:5px 0 !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day,
  .calendar-grid.calendar-grid-pro > .cal-day.muted {
    min-height:58px !important;
    padding:5px 2px !important;
    border-radius:8px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day .num {
    font-size:11px !important;
  }

  .calendar-grid.calendar-grid-pro > .cal-day.is-today .num {
    width:22px !important;
    height:22px !important;
  }

  .calendar-month-lockup small { display:none !important; }
  .calendar-month-lockup .calendar-title { font-size:15px !important; }
}

/* =========================================================
   DCOMPANY AVAILABILITY PRO v42
   Fix header gap + richer responsive calendar + dashboard links
   ========================================================= */

/* Fix the large empty gap caused by the 500px flex-basis when the
   generic tablet layout turns page-head into a column. */
@media (max-width:1100px){
  .page-head.availability-page-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:14px!important;
    min-height:0!important;
    height:auto!important;
    margin-bottom:16px!important;
  }
  .page-head.availability-page-head>div:first-child{
    flex:0 0 auto!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
  }
  .page-head.availability-page-head .page-actions{
    flex:0 0 auto!important;
    width:100%!important;
    margin:0!important;
    align-self:auto!important;
  }
}

.availability-actions{
  align-items:center!important;
}
.availability-utility-btn{
  background:linear-gradient(180deg,#fff,#fff9f9)!important;
}
.availability-utility-btn:hover{
  border-color:#e5b7bb!important;
  color:#a7111b!important;
}
.availability-hero-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:12px;
}
.availability-hero-chips span{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(255,255,255,.075);
  color:rgba(255,255,255,.86);
  font-size:8px;
  font-weight:800;
  letter-spacing:.03em;
  backdrop-filter:blur(8px);
}

/* Stat cards double as filters */
button.calendar-stat{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,filter .22s ease;
}
button.calendar-stat:hover{
  transform:translateY(-3px);
  box-shadow:0 16px 34px rgba(70,12,17,.10);
}
button.calendar-stat:focus-visible{
  outline:3px solid rgba(179,19,27,.18);
  outline-offset:3px;
}
.calendar-stat small{
  display:block;
  margin-top:3px;
  color:#aa9b9e;
  font-size:7px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.calendar-stat.is-active{
  border-color:rgba(179,19,27,.34)!important;
  box-shadow:0 15px 36px rgba(179,19,27,.12)!important;
  transform:translateY(-2px);
}
.calendar-stat.is-active:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:18px 0 0 18px;
  background:#b3131b;
}
.calendar-stat.open.is-active:before{background:#55b94d}
.calendar-stat.pending.is-active:before{background:#e7972f}
.calendar-stat.booked.is-active:before{background:#b3131b}
.calendar-stat.completed.is-active:before{background:#4b9fd0}

.calendar-filter-note{
  min-height:14px;
  margin-top:3px;
  color:#a29496;
  font-size:7px;
  font-weight:750;
  letter-spacing:.02em;
}

/* Strongly override all old fixed-width mobile calendar rules. */
#calendar.calendar-stage,
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
}

.calendar-stage{
  transition:opacity .2s ease,filter .2s ease;
}
.calendar-stage.is-loading,
.day-details-pro.is-loading{
  opacity:.55;
  filter:saturate(.7);
  pointer-events:none;
}
.calendar-stage.is-loading:after{
  content:"Refreshing calendar…";
  position:absolute;
  z-index:20;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  padding:9px 12px;
  border:1px solid #eddadd;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:#8d1119;
  font-size:8px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(70,12,17,.10);
}

.calendar-grid-pro .cal-day{
  isolation:isolate;
  will-change:transform,opacity;
}
.calendar-grid-pro .cal-day:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  opacity:0;
  background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 48%);
  transition:opacity .2s ease;
}
.calendar-grid-pro .cal-day:hover:after{opacity:1}
.calendar-grid-pro .cal-day.is-filtered-out{
  opacity:.23!important;
  filter:grayscale(.45) saturate(.35)!important;
  transform:scale(.985)!important;
}
.calendar-grid-pro .cal-day.is-filtered-out:hover{
  opacity:.48!important;
}
.calendar-grid-pro .cal-day.is-selected{
  box-shadow:0 0 0 2px rgba(179,19,27,.17),0 14px 30px rgba(91,12,18,.10)!important;
}
.calendar-grid-pro .cal-day.is-selected:before{
  animation:dcSelectedGlow 2.3s ease-in-out infinite;
}
@keyframes dcSelectedGlow{
  0%,100%{opacity:.10;transform:scale(.96)}
  50%{opacity:.28;transform:scale(1.08)}
}
.calendar-grid-pro .cal-day.is-today{
  border-color:rgba(179,19,27,.55)!important;
}
.calendar-grid-pro .cal-day.is-today .today-pill{
  animation:dcTodayPulse 2s ease-in-out infinite;
}
@keyframes dcTodayPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(179,19,27,.16)}
  50%{box-shadow:0 0 0 5px rgba(179,19,27,0)}
}

.day-detail-shell{
  position:relative;
  overflow:hidden;
}
.day-detail-shell:before{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  border-radius:50%;
  right:-130px;
  top:-135px;
  background:radial-gradient(circle,rgba(179,19,27,.08),transparent 68%);
  pointer-events:none;
}
.availability-card-pro{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.availability-card-pro:hover{
  transform:translateY(-3px);
  border-color:#e4c2c5!important;
  box-shadow:0 15px 34px rgba(65,13,17,.08)!important;
}

/* Dashboard overview stat cards are now real navigation controls. */
button.stat.dashboard-stat-link{
  width:100%;
  appearance:none;
  -webkit-appearance:none;
  text-align:left;
  font:inherit;
  color:inherit;
  cursor:pointer;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
button.stat.dashboard-stat-link:hover{
  transform:translateY(-4px);
  border-color:rgba(179,19,27,.22)!important;
  box-shadow:0 16px 36px rgba(69,12,17,.09)!important;
}
button.stat.dashboard-stat-link:focus-visible{
  outline:3px solid rgba(179,19,27,.18);
  outline-offset:3px;
}
.stat-open-hint{
  position:absolute;
  right:14px;
  bottom:11px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#b3131b;
  font-size:7px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
  opacity:.62;
  transition:transform .2s ease,opacity .2s ease;
}
.dashboard-stat-link:hover .stat-open-hint{
  transform:translateX(3px);
  opacity:1;
}

@media (max-width:900px){
  .availability-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:8px!important;
  }
  .availability-actions .calendar-date-search{
    min-width:0!important;
    width:100%!important;
  }
  .availability-actions #bookDate{
    grid-column:1/-1;
    justify-content:center!important;
    width:100%!important;
  }
  .availability-hero{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .availability-hero .availability-legend-pro{
    grid-column:1/-1;
  }
}

@media (max-width:700px){
  .availability-actions{
    grid-template-columns:1fr 1fr!important;
  }
  .availability-actions .calendar-date-search,
  .availability-actions #bookDate{
    grid-column:1/-1;
  }
  .availability-actions .availability-utility-btn{
    width:100%!important;
    justify-content:center!important;
  }
  .availability-hero{
    grid-template-columns:1fr!important;
  }
  .availability-hero-orbit{
    width:68px!important;
    height:68px!important;
  }
  .availability-hero-orbit>span:nth-child(1){width:68px!important;height:68px!important}
  .availability-hero-orbit>span:nth-child(2){width:52px!important;height:52px!important}
  .availability-hero-orbit>span:nth-child(3){width:38px!important;height:38px!important}
  .availability-hero-orbit>div{width:42px!important;height:42px!important;border-radius:14px!important}
  .availability-hero-chips{gap:5px}
  .availability-hero-chips span{font-size:7px;min-height:23px;padding:0 8px}

  .calendar-stat small{display:none}
  .calendar-month-lockup .calendar-filter-note{font-size:6px;line-height:1.25}

  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{
    gap:3px!important;
    padding:4px!important;
  }
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-week{
    font-size:7px!important;
    padding:5px 0!important;
  }
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{
    min-width:0!important;
    width:100%!important;
    min-height:59px!important;
    padding:6px 2px!important;
    border-radius:9px!important;
  }
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .num{
    font-size:11px!important;
  }
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .legend,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .calendar-hover-arrow{
    display:none!important;
  }
  .calendar-head.calendar-head-pro{
    grid-template-columns:40px minmax(0,1fr) 40px!important;
  }
  .calendar-head.calendar-head-pro .calendar-nav-btn{
    min-width:40px!important;
    width:40px!important;
    height:40px!important;
    font-size:0!important;
    padding:0!important;
    display:grid!important;
    place-items:center!important;
  }
}

@media (max-width:390px){
  .availability-actions{gap:6px!important}
  .calendar-stats{grid-template-columns:1fr 1fr!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{
    gap:2px!important;
    padding:3px!important;
  }
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{
    min-height:54px!important;
    padding:5px 1px!important;
    border-radius:8px!important;
  }
}

/* =========================================================
   DCOMPANY ADMIN BLOODRED MOTION PRO v44
   Premium blood-red UI/UX, responsive polish, graphics + motion
   ========================================================= */
:root{
  --red:#9b1018;
  --red-2:#b5121c;
  --red-3:#ef7078;
  --red-soft:#fff3f4;
  --red-soft-2:#fdebed;
  --ink:#241517;
  --muted:#765b60;
  --muted-2:#9d7e83;
  --line:#efd7db;
  --panel:#ffffff;
  --bg:#fff6f7;
  --shadow:0 22px 58px rgba(104,11,18,.10);
  --shadow-soft:0 10px 30px rgba(104,11,18,.07);
  --dark:#160607;
  --purple:#9b1018;
  --purple-2:#b5121c;
  --purple-3:#d6232e;
  --purple-4:#ef7078;
  --purple-5:#f4adb2;
  --purple-deep:#26070a;
  --purple-ink:#241517;
  --purple-glass:rgba(255,255,255,.76);
}

html{background:#fff6f7}
body{
  background:
    radial-gradient(circle at 10% 0%,rgba(181,18,28,.075),transparent 25%),
    radial-gradient(circle at 90% 15%,rgba(189,19,32,.055),transparent 28%),
    linear-gradient(180deg,#fffafb 0,#fff4f5 55%,#fff8f9 100%)!important;
  color:var(--ink)!important;
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.34;
  background-image:
    linear-gradient(rgba(155,16,24,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(155,16,24,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,#000,transparent 70%);
}
::selection{background:#f1d0d3;color:#68070d}

/* Login */
.login-page{
  background:
    radial-gradient(circle at 8% 18%,rgba(214,35,46,.18),transparent 30%),
    radial-gradient(circle at 90% 84%,rgba(228,59,71,.16),transparent 34%),
    linear-gradient(135deg,#fcfbff 0,#fff0f2 52%,#fdebed 100%)!important;
}
.login-page:before{background:conic-gradient(from 0deg,transparent 0 60%,rgba(181,18,28,.12) 68%,transparent 78%)!important}
.login-wrap{border-color:rgba(155,16,24,.12)!important;box-shadow:0 34px 110px rgba(104,11,18,.16)!important}
.login-visual{background:linear-gradient(145deg,#ffffff,#fff0f2)!important}
.login-visual:after{border-color:rgba(181,18,28,.14)!important}
.login-route path{stroke:rgba(181,18,28,.28)!important}
.login-dot{fill:#d6232e!important;filter:drop-shadow(0 0 9px rgba(181,18,28,.5))!important}
.login-brand img{box-shadow:0 15px 36px rgba(155,16,24,.18)!important}
.trust-chip .trust-icon{background:#ffe8ea!important;color:#b5121c!important}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#ef7078!important;box-shadow:0 0 0 4px rgba(181,18,28,.10)!important}
.primary-btn{background:linear-gradient(135deg,#d6232e,#9b1018 55%,#680b12)!important;box-shadow:0 16px 34px rgba(155,16,24,.26)!important}
.primary-btn:hover{box-shadow:0 20px 42px rgba(155,16,24,.32)!important}
.eyebrow{color:#b5121c!important}
.status-dot{background:#d6232e!important;box-shadow:0 0 14px rgba(181,18,28,.52)!important}

/* Sidebar */
.sidebar{
  background:
    radial-gradient(circle at 30% 2%,rgba(214,35,46,.18),transparent 27%),
    linear-gradient(180deg,#160607 0%,#25080b 48%,#120506 100%)!important;
  border-right:1px solid rgba(239,183,190,.10)!important;
  scrollbar-color:#7d1a21 transparent!important;
}
.side-brand{background:rgba(23,16,34,.91)!important;border-bottom-color:rgba(255,255,255,.075)!important}
.brand-mark{background:linear-gradient(135deg,#ef7078,#b5121c 48%,#680b12)!important;box-shadow:0 12px 30px rgba(181,18,28,.35)!important}
.workspace-label{color:#d09aa0!important}
.nav-item{color:#eadadd!important;position:relative;overflow:hidden}
.nav-item:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(255,255,255,.10),transparent);transition:.25s}
.nav-item:hover:before{opacity:1}
.nav-item:hover{background:rgba(214,35,46,.09)!important;color:#fff!important;transform:translateX(2px)}
.nav-item.active{
  background:linear-gradient(135deg,#d6232e,#9b1018 55%,#680b12)!important;
  box-shadow:0 14px 34px rgba(155,16,24,.34)!important;
}
.nav-item.active:after{content:"";position:absolute;width:50px;height:50px;border-radius:50%;right:-24px;top:-26px;background:rgba(255,255,255,.10)}
.nav-dot-count{background:#ff5965!important;box-shadow:0 0 14px rgba(255,89,101,.78)!important}
.secure-card{border-color:rgba(239,183,190,.10)!important;background:rgba(214,35,46,.055)!important}
.secure-ring{color:#f4adb2!important;background:rgba(214,35,46,.13)!important}

/* Topbar */
.topbar{
  background:rgba(250,248,255,.83)!important;
  border-bottom:1px solid rgba(155,16,24,.10)!important;
  box-shadow:0 6px 28px rgba(104,11,18,.035)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
}
.top-search,.live-clock,.top-icon,.user-chip{border-color:#edd6da!important;background:rgba(255,255,255,.88)!important}
.top-search:focus-within{border-color:#ef7078!important;box-shadow:0 0 0 4px rgba(181,18,28,.08),0 12px 30px rgba(104,11,18,.06)!important}
.top-icon:hover{color:#9b1018!important;border-color:#f4adb2!important;background:#fff3f4!important;transform:translateY(-1px)}

/* Content */
#content{position:relative!important}
#content:before{
  content:"";
  position:absolute;
  width:360px;height:360px;
  border-radius:50%;
  right:-150px;top:10px;
  background:radial-gradient(circle,rgba(214,35,46,.06),transparent 68%);
  pointer-events:none;
}
.page-head{position:relative;z-index:1}
.page-head h1{color:#241517!important}
.page-head p{color:#7b5d62!important}

/* Buttons */
.btn{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease!important}
.btn:hover{transform:translateY(-2px)!important}
.btn.primary{
  background:linear-gradient(135deg,#d6232e,#9b1018 58%,#680b12)!important;
  border-color:transparent!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(155,16,24,.23)!important;
}
.btn.primary:hover{box-shadow:0 16px 36px rgba(155,16,24,.31)!important}
.btn.soft{background:#fff3f4!important;border-color:#f1d0d3!important;color:#9b1018!important}
.btn.calendar-action{
  background:linear-gradient(135deg,#ffe8ea,#fdebed)!important;
  border:1px solid #f2b1b7!important;
  color:#8c0d15!important;
  box-shadow:0 9px 22px rgba(155,16,24,.09)!important;
}
.btn.calendar-action:hover{background:linear-gradient(135deg,#fdebed,#f1d0d3)!important;border-color:#f4adb2!important}
.icon-btn:hover{background:#fff3f4!important;color:#9b1018!important;border-color:#f4adb2!important}

/* Panels / cards */
.panel{
  background:rgba(255,255,255,.91)!important;
  border:1px solid #efd9dc!important;
  box-shadow:0 18px 50px rgba(104,11,18,.065)!important;
  backdrop-filter:blur(10px)!important;
}
.panel:hover{border-color:#e8c9ce!important}
.panel-kicker{display:block;color:#d6232e;font-size:7px;font-weight:950;letter-spacing:.18em;margin-bottom:4px}

/* Dashboard */
.dashboard-page-actions{align-items:center!important}
.dashboard-loading-panel{display:flex;align-items:center;gap:13px;min-height:86px}
.dashboard-loading-panel small{display:block;color:var(--muted);margin-top:4px}
.dashboard-loading-orb{width:20px;height:20px;border-radius:50%;border:3px solid #f1d0d3;border-top-color:#b5121c;animation:bloodSpin .8s linear infinite}
.dashboard-role-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 92% 10%,rgba(246,174,181,.22),transparent 25%),
    linear-gradient(125deg,#21090c 0%,#4a0d13 45%,#9b1018 100%)!important;
  border:1px solid rgba(239,183,190,.22)!important;
  box-shadow:0 24px 55px rgba(104,11,18,.20)!important;
}
.dashboard-role-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;bottom:-150px;border:1px solid rgba(255,255,255,.18);box-shadow:0 0 0 28px rgba(255,255,255,.025),0 0 0 58px rgba(255,255,255,.02);animation:bloodFloat 7s ease-in-out infinite}
.dashboard-role-card:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.07) 49%,transparent 57%);transform:translateX(-120%);animation:bloodShine 6s ease-in-out infinite}
.dashboard-role-card>*{position:relative;z-index:1}
.dashboard-role-card .eyebrow{color:#f2b1b7!important}
.dashboard-role-card h3,.dashboard-role-card p{color:#fff!important}
.dashboard-role-card p{opacity:.78}
.dashboard-role-icon{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12)!important}
.role-badge{background:rgba(255,255,255,.12)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}

.dashboard-stat-grid .stat{
  background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(249,247,255,.96))!important;
  border:1px solid #e8e0f3!important;
  box-shadow:0 14px 34px rgba(104,11,18,.055)!important;
  overflow:hidden!important;
}
.dashboard-stat-grid .stat:before{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-46px;top:-52px;background:radial-gradient(circle,rgba(214,35,46,.16),transparent 70%);transition:.3s}
.dashboard-stat-grid .stat:hover:before{transform:scale(1.25)}
.dashboard-stat-grid .stat:hover{border-color:#e8c5ca!important;box-shadow:0 20px 44px rgba(104,11,18,.10)!important;transform:translateY(-4px)}
.stat-icon{background:linear-gradient(135deg,#ffe8ea,#fdebed)!important;color:#b5121c!important;border:1px solid #f8d0d3!important}
.stat-value{color:#2a0d11!important}
.stat-open-hint{color:#b5121c!important}
.stat-pending .stat-icon{background:#fff7ed!important;color:#ea580c!important;border-color:#fed7aa!important}
.stat-due .stat-icon{background:#fff1f2!important;color:#be123c!important;border-color:#fecdd3!important}

.dashboard-chart-panel{position:relative;overflow:hidden}
.dashboard-chart-panel:after{content:"";position:absolute;inset:auto -80px -110px auto;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(214,35,46,.07),transparent 70%);pointer-events:none}
.chart .bar{background:linear-gradient(180deg,#ef7078,#b5121c 65%,#7e0d15)!important;box-shadow:0 8px 18px rgba(155,16,24,.18)!important;transform-origin:bottom;animation:bloodBarIn .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--bar-i,0) * 70ms)}
.security-pill{background:linear-gradient(135deg,#fffafb,#fff3f4)!important;border-color:#eedbdd!important}
.status-dot-sm{background:#d6232e!important;box-shadow:0 0 9px rgba(181,18,28,.45)!important}
.activity-item{animation:bloodRise .38s ease both;animation-delay:calc(var(--activity-i,0) * 35ms)}
.activity-dot{background:#d6232e!important;box-shadow:0 0 0 5px rgba(214,35,46,.10)!important}
.quick{position:relative!important;overflow:hidden!important;border-color:#eedbdd!important;background:linear-gradient(150deg,#fff,#fff8f9)!important;transition:.22s!important}
.quick:hover{transform:translateY(-3px)!important;border-color:#e6c4c9!important;box-shadow:0 15px 32px rgba(104,11,18,.09)!important}
.quick>.ico{color:#b5121c!important}
.quick-arrow{position:absolute;right:11px;top:11px;color:#ef7078;opacity:0;transform:translateX(-5px);transition:.2s}
.quick:hover .quick-arrow{opacity:1;transform:translateX(0)}

/* Forms / toolbars */
.search-box,input,select,textarea{accent-color:#b5121c}
.search-box:focus-within,.field input:focus,.field select:focus,.field textarea:focus,.select:focus,.date-input:focus{border-color:#ef7078!important;box-shadow:0 0 0 4px rgba(181,18,28,.09)!important}
.toolbar{background:linear-gradient(180deg,#fff,#fff7f8)!important;border-color:#efd9dc!important}

/* Availability - preserve semantic date status colors, purple chrome */
.availability-page-head{min-height:0!important;height:auto!important}
.availability-page-head>div:first-child{flex:1 1 auto!important;min-height:0!important}
.availability-hero{
  background:
    radial-gradient(circle at 14% 20%,rgba(228,59,71,.20),transparent 20%),
    radial-gradient(circle at 90% 75%,rgba(214,35,46,.15),transparent 25%),
    linear-gradient(125deg,#21090c,#4a0d13 52%,#9b1018)!important;
  border-color:rgba(239,183,190,.18)!important;
  box-shadow:0 22px 50px rgba(104,11,18,.18)!important;
}
.availability-kicker,.availability-hero-copy h2,.availability-hero-copy p{color:#fff!important}
.availability-kicker{opacity:.8}
.availability-hero-copy p{opacity:.74}
.availability-hero-orbit>div{background:linear-gradient(135deg,#ef7078,#b5121c)!important;box-shadow:0 14px 34px rgba(104,11,18,.34)!important}
.availability-hero-orbit>span{border-color:rgba(246,174,181,.24)!important}
.availability-utility-btn{background:#fff7f7!important;border-color:#efdadd!important;color:#9b1018!important}
.calendar-wrap-pro{background:linear-gradient(180deg,#fff,#fff7f8)!important;border-color:#ecd7da!important;box-shadow:0 20px 50px rgba(104,11,18,.075)!important}
.calendar-head-pro{border-bottom-color:#f2e1e3!important}
.calendar-month-lockup .calendar-title{color:#311015!important}
.calendar-month-lockup small,.calendar-filter-note{color:#8b686d!important}
.calendar-nav-btn{border-color:#ecd7da!important;background:#fff!important}
.calendar-nav-btn:hover{background:#fff3f4!important;border-color:#f4adb2!important;color:#9b1018!important}
.calendar-stat{border-color:#efd9dc!important;box-shadow:0 10px 26px rgba(104,11,18,.045)!important}
.calendar-stat.is-active{border-color:#ef7078!important;box-shadow:0 14px 32px rgba(155,16,24,.12)!important}
.calendar-grid-pro .cal-week{background:#fff3f4!important;color:#7a575d!important}
.calendar-grid-pro .cal-day.is-selected{border-color:#b5121c!important;box-shadow:0 0 0 3px rgba(181,18,28,.11),0 16px 32px rgba(104,11,18,.10)!important}
.calendar-grid-pro .cal-day.is-today{border-color:#d6232e!important}
.calendar-grid-pro .cal-day.is-today .num{background:#7e0d15!important;color:#fff!important}
.today-pill{background:#fdebed!important;color:#9b1018!important}
.calendar-hover-arrow{color:#b5121c!important}
.calendar-stage.is-loading:after{border-color:#f1d0d3!important;color:#9b1018!important;box-shadow:0 12px 30px rgba(104,11,18,.10)!important}
.day-detail-shell:before{background:radial-gradient(circle,rgba(181,18,28,.09),transparent 68%)!important}
.availability-card-pro:hover{border-color:#e6c4c9!important;box-shadow:0 15px 34px rgba(104,11,18,.08)!important}

/* Messages / notices / alerts */
.booking-alert-panel{border-color:#e8c5ca!important;box-shadow:0 22px 58px rgba(104,11,18,.18)!important}
.booking-alert-pulse{background:linear-gradient(135deg,#d6232e,#9b1018)!important;box-shadow:0 0 0 7px rgba(214,35,46,.10),0 12px 28px rgba(155,16,24,.22)!important}
.toast.ok{border-color:#bbf7d0!important}.toast.info{border-color:#f1d0d3!important}

/* Module recovery */
.module-recovery{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:radial-gradient(circle at 50% 0%,#ffe8ea,transparent 45%),#fff!important}
.module-recovery:before{content:"!";width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#ef7078,#9b1018);color:#fff;font-weight:950;font-size:22px;box-shadow:0 14px 32px rgba(155,16,24,.24)}
.module-recovery b{font-size:18px}.module-recovery span{max-width:520px;color:var(--muted);line-height:1.6}

/* Animated micro-interactions */
@keyframes bloodSpin{to{transform:rotate(360deg)}}
@keyframes bloodFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(5deg)}}
@keyframes bloodShine{0%,55%{transform:translateX(-120%)}72%,100%{transform:translateX(120%)}}
@keyframes bloodBarIn{from{transform:scaleY(.08);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes bloodRise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Responsive */
@media(max-width:1100px){
  .dashboard-page-actions{width:100%!important;justify-content:flex-start!important}
  .availability-page-head{gap:12px!important;margin-bottom:14px!important}
}
@media(max-width:700px){
  #content:before{width:220px;height:220px;right:-110px;top:0}
  .dashboard-page-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .dashboard-page-actions .btn{width:100%!important;justify-content:center!important}
  .dashboard-page-actions [data-action="book"]{grid-column:1/-1}
  .dashboard-role-card{padding:18px!important;grid-template-columns:auto 1fr!important;gap:12px!important}
  .dashboard-role-card .role-badge{grid-column:1/-1;justify-self:start!important}
  .dashboard-stat-grid{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .dashboard-stat-grid .stat{min-height:118px!important;padding:13px!important}
  .stat-value{font-size:24px!important}
  .stat-open-hint{display:none!important}
  .dashboard-lower-grid{grid-template-columns:1fr!important}
  .quick-grid.quick-grid-expanded{grid-template-columns:1fr 1fr!important}
  .availability-page-head .page-actions{margin-top:0!important}
  .calendar-wrap-pro{padding:10px!important}
}
@media(max-width:430px){
  .dashboard-page-actions{grid-template-columns:1fr!important}
  .dashboard-page-actions [data-action="book"]{grid-column:auto}
  .dashboard-stat-grid{grid-template-columns:1fr!important}
  .quick-grid.quick-grid-expanded{grid-template-columns:1fr!important}
  .dashboard-role-card{grid-template-columns:1fr!important}
  .dashboard-role-icon{width:44px!important;height:44px!important}
}
@media(prefers-reduced-motion:reduce){
  .dashboard-role-card:before,.dashboard-role-card:after,.chart .bar,.activity-item,.dashboard-loading-orb{animation:none!important}
  *,*:before,*:after{scroll-behavior:auto!important}
}


/* =========================================================
   DCOMPANY BLOODRED DRIVER ACCESS + MOTION LAYER v44
   ========================================================= */
:root{
  --blood:#9b1018;
  --blood-2:#b5121c;
  --blood-3:#d6232e;
  --blood-4:#ef7078;
  --blood-deep:#26070a;
  --blood-black:#12090b;
  --blood-glass:rgba(255,255,255,.76);
}

/* animated ambient graphics */
body:before,
body:after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:-1;
  border-radius:50%;
  filter:blur(18px);
}
body:before{
  width:440px;height:440px;
  right:-170px;top:120px;
  background:radial-gradient(circle,rgba(181,18,28,.11),rgba(181,18,28,0) 70%);
  animation:bloodAmbientA 10s ease-in-out infinite;
}
body:after{
  width:360px;height:360px;
  left:18%;bottom:-180px;
  background:radial-gradient(circle,rgba(214,35,46,.09),rgba(214,35,46,0) 72%);
  animation:bloodAmbientB 13s ease-in-out infinite;
}

#content{
  position:relative;
  isolation:isolate;
}
#content:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  opacity:.55;
  background-image:
    linear-gradient(rgba(181,18,28,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(181,18,28,.025) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 72%);
}

/* sidebar blood-red depth */
.sidebar{
  background:
    radial-gradient(circle at 20% 5%,rgba(214,35,46,.18),transparent 25%),
    linear-gradient(180deg,#160a0d 0%,#1e0b0f 48%,#11080a 100%)!important;
  border-right:1px solid rgba(239,112,120,.12)!important;
  box-shadow:20px 0 55px rgba(48,6,10,.12);
}
.side-brand{
  background:linear-gradient(180deg,rgba(27,9,12,.98),rgba(22,8,11,.94))!important;
}
.brand-mark{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#ef7078,#b5121c 52%,#680b12)!important;
  box-shadow:0 12px 34px rgba(181,18,28,.34),0 0 0 1px rgba(255,255,255,.09) inset!important;
}
.brand-mark:after{
  content:"";
  position:absolute;
  inset:-70%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
  transform:rotate(20deg) translateX(-80%);
  animation:bloodBrandSweep 5s ease-in-out infinite;
}
.nav-item{
  overflow:hidden;
}
.nav-item:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.06),transparent);
  transform:translateX(-115%);
  transition:transform .45s ease;
}
.nav-item:hover:before{transform:translateX(115%)}
.nav-item.active{
  background:linear-gradient(135deg,#d6232e 0%,#b5121c 52%,#7e0d15 100%)!important;
  box-shadow:0 14px 30px rgba(155,16,24,.30),0 0 0 1px rgba(255,255,255,.07) inset!important;
}

/* topbar and controls */
.topbar{
  background:rgba(255,250,250,.82)!important;
  border-bottom:1px solid rgba(181,18,28,.10)!important;
  box-shadow:0 9px 28px rgba(73,7,12,.035)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
}
.top-search:focus-within{
  border-color:#e58d93!important;
  box-shadow:0 0 0 4px rgba(181,18,28,.07),0 12px 28px rgba(82,10,15,.06)!important;
}
.top-icon.notification-toggle.enabled{
  color:#9b1018!important;
  background:#fff0f1!important;
  border-color:#efc4c7!important;
  box-shadow:0 0 0 4px rgba(181,18,28,.06)!important;
}

/* content entry */
.page-head{
  animation:bloodPageIn .48s cubic-bezier(.2,.8,.2,1) both;
}
.panel,.stat,.quick,.dashboard-role-card,.access-role-overview,.calendar-wrap-pro{
  transform:translateZ(0);
}
.panel{
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.panel:hover{
  border-color:rgba(181,18,28,.12)!important;
  box-shadow:0 18px 46px rgba(70,8,12,.075)!important;
}
.stat{
  position:relative;
  overflow:hidden;
}
.stat:before{
  content:"";
  position:absolute;
  width:150px;height:150px;
  border-radius:50%;
  right:-92px;top:-95px;
  background:radial-gradient(circle,rgba(214,35,46,.11),transparent 70%);
  transition:transform .35s ease;
}
.stat:hover:before{transform:scale(1.35)}
.stat:hover{
  transform:translateY(-4px)!important;
  border-color:#efc4c7!important;
  box-shadow:0 18px 42px rgba(105,11,18,.105)!important;
}
.stat-icon{
  background:linear-gradient(145deg,#fff1f2,#fbdfe1)!important;
  color:#b5121c!important;
  border:1px solid #f4c7ca!important;
  box-shadow:0 8px 20px rgba(155,16,24,.08);
}
.quick{
  position:relative;
  overflow:hidden;
}
.quick:after{
  content:"";
  position:absolute;
  width:80px;height:80px;
  right:-50px;bottom:-48px;
  border-radius:50%;
  background:rgba(181,18,28,.07);
  transition:transform .35s ease;
}
.quick:hover:after{transform:scale(1.7)}
.quick:hover{
  transform:translateY(-3px)!important;
  border-color:#efc4c7!important;
  box-shadow:0 14px 32px rgba(88,9,15,.09)!important;
}
.quick>.ico{color:#b5121c!important}

/* role banner */
.dashboard-role-card{
  background:
    radial-gradient(circle at 92% 15%,rgba(239,112,120,.35),transparent 23%),
    linear-gradient(125deg,#21090c 0%,#470b11 45%,#9b1018 100%)!important;
  box-shadow:0 24px 55px rgba(66,6,11,.18)!important;
}
.dashboard-role-card.driver_access{
  background:
    radial-gradient(circle at 88% 12%,rgba(255,255,255,.14),transparent 24%),
    linear-gradient(125deg,#22080c,#5c0b13 52%,#b5121c)!important;
}
.dashboard-role-card.driver_access .dashboard-role-icon{
  color:#fff!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.18)!important;
}

/* driver access role styling */
.role-badge.driver_access{
  background:#fff0f1!important;
  color:#991018!important;
  border:1px solid #f0bec2!important;
  box-shadow:0 7px 18px rgba(155,16,24,.08);
}
.role-overview-card.driver{
  background:
    radial-gradient(circle at 100% 0,rgba(214,35,46,.10),transparent 34%),
    linear-gradient(145deg,#fffafa,#fff3f4)!important;
  border-color:#f1c6c9!important;
}
.role-overview-card.driver>.ico{color:#b5121c!important}
.driver-access-lock-note{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:13px 14px;
  margin-bottom:14px;
  border:1px solid #efc1c5;
  border-radius:14px;
  color:#861019;
  background:linear-gradient(135deg,#fff5f6,#ffe9eb);
  box-shadow:0 10px 24px rgba(120,10,17,.06);
}
.driver-access-lock-note b{font-size:11px}
.driver-access-lock-note span{font-size:9px;line-height:1.55;color:#8d5d61}
.permission-editor.driver-target{
  border-color:#efc1c5!important;
  background:linear-gradient(180deg,#fffafa,#fff5f6)!important;
}
.permission-editor.driver-target label{
  opacity:.72;
}
.driver-workspace-guide{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:8px;
}
.driver-workspace-guide>div{
  position:relative;
  padding:15px;
  border-radius:16px;
  border:1px solid #f0d5d7;
  background:linear-gradient(145deg,#fff,#fff6f7);
  box-shadow:0 8px 22px rgba(80,8,13,.045);
  overflow:hidden;
  animation:bloodRise .4s ease both;
}
.driver-workspace-guide>div:after{
  content:"";
  position:absolute;
  width:70px;height:70px;
  border-radius:50%;
  right:-40px;bottom:-42px;
  background:rgba(181,18,28,.07);
}
.driver-workspace-guide .ico{color:#b5121c}
.driver-workspace-guide b{display:block;margin-top:10px;font-size:10px}
.driver-workspace-guide span{display:block;margin-top:5px;color:#8d7a7d;font-size:8px;line-height:1.5}
.driver-calendar-readonly{
  display:inline-flex;
  align-items:center;
  gap:6px;
  width:max-content;
  padding:8px 10px;
  border-radius:999px;
  background:#fff0f1;
  color:#981018;
  border:1px solid #efc4c7;
  font-size:8px;
  font-weight:900;
}

/* administrator cards/table */
.admin-person .mini-avatar{
  box-shadow:0 7px 18px rgba(73,8,12,.09)!important;
}
.icon-btn:hover{
  color:#b5121c!important;
  background:#fff2f3!important;
  border-color:#efc8cb!important;
}
.manager-console{
  background:
    radial-gradient(circle at 95% 0,rgba(214,35,46,.16),transparent 30%),
    linear-gradient(135deg,#fff8f8,#fff0f1)!important;
  border-color:#efc4c7!important;
}
.manager-console>.ico{color:#b5121c!important}

/* forms */
.field input:focus,.field select:focus,.field textarea:focus,
.search-box:focus-within{
  border-color:#db6d74!important;
  box-shadow:0 0 0 4px rgba(181,18,28,.075)!important;
}
input,select,textarea{accent-color:#b5121c!important}
.btn.primary,.primary-btn{
  background:linear-gradient(135deg,#d6232e,#b5121c 56%,#7e0d15)!important;
  border-color:#a20f18!important;
  box-shadow:0 14px 30px rgba(155,16,24,.22)!important;
}
.btn.primary:hover,.primary-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(155,16,24,.29)!important;
}
.btn.soft{
  background:#fff3f4!important;
  color:#9b1018!important;
  border-color:#f0cfd2!important;
}

/* calendar: blood-red chrome but retain status semantics */
.availability-hero{
  background:
    radial-gradient(circle at 10% 20%,rgba(239,112,120,.18),transparent 24%),
    radial-gradient(circle at 92% 10%,rgba(255,255,255,.09),transparent 22%),
    linear-gradient(125deg,#21090c,#4a0d13 52%,#9b1018)!important;
  box-shadow:0 22px 52px rgba(75,7,12,.16)!important;
}
.availability-hero-orbit>div{
  background:linear-gradient(135deg,#ef7078,#b5121c)!important;
  box-shadow:0 14px 34px rgba(104,11,18,.34)!important;
}
.calendar-grid-pro .cal-day.is-selected{
  border-color:#b5121c!important;
  box-shadow:0 0 0 3px rgba(181,18,28,.10),0 16px 32px rgba(104,11,18,.10)!important;
}
.calendar-grid-pro .cal-day.is-today{
  border-color:#d6232e!important;
}
.calendar-grid-pro .cal-day.is-today .num{
  background:#9b1018!important;
  color:#fff!important;
}
.today-pill{
  background:#ffe9eb!important;
  color:#9b1018!important;
}
.calendar-hover-arrow{color:#b5121c!important}

/* tables */
table tbody tr{
  transition:background .18s ease,transform .18s ease;
}
table tbody tr:hover{
  background:#fff8f8!important;
}
.table-wrap{
  border-radius:16px;
}

/* chat */
.chat-team-pro,.chat-wrap-pro{
  border-color:#ecd6d8!important;
}
.chat-channel-icon{
  background:linear-gradient(135deg,#fff0f1,#f8d9dc)!important;
  color:#a51019!important;
}
.sync-wave i,.team-pulse i,.chat-loading-pro span{
  background:#b5121c!important;
}
.chat-wrap-pro .me .bubble{
  background:linear-gradient(135deg,#c71923,#8f0e16)!important;
  border-color:#941018!important;
  box-shadow:0 12px 28px rgba(155,16,24,.18)!important;
}

/* login graphics */
.login-page{
  background:
    radial-gradient(circle at 8% 18%,rgba(214,35,46,.14),transparent 26%),
    radial-gradient(circle at 90% 80%,rgba(181,18,28,.10),transparent 30%),
    linear-gradient(135deg,#fff 0,#fff8f8 54%,#fbeff0 100%)!important;
}
.login-page:before{
  background:conic-gradient(from 0deg,transparent 0 62%,rgba(181,18,28,.12) 70%,transparent 78%)!important;
}
.login-visual{
  background:
    radial-gradient(circle at 90% 12%,rgba(214,35,46,.10),transparent 28%),
    linear-gradient(145deg,#fffafa,#fff1f2)!important;
}
.login-route path{stroke:rgba(181,18,28,.20)!important}
.login-dot{
  fill:#c71b25!important;
  filter:drop-shadow(0 0 9px rgba(181,18,28,.5))!important;
}

/* responsive driver cards */
@media(max-width:900px){
  .driver-workspace-guide{grid-template-columns:1fr}
}
@media(max-width:700px){
  .page-actions{gap:7px}
  .dashboard-role-card{border-radius:22px!important}
  .stat:hover,.quick:hover{transform:none!important}
  .driver-workspace-guide>div{padding:13px}
}

/* animations */
@keyframes bloodAmbientA{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-35px,25px,0) scale(1.08)}
}
@keyframes bloodAmbientB{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(35px,-28px,0) scale(1.12)}
}
@keyframes bloodBrandSweep{
  0%,55%{transform:rotate(20deg) translateX(-85%)}
  75%,100%{transform:rotate(20deg) translateX(85%)}
}
@keyframes bloodPageIn{
  from{opacity:0;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
  body:before,body:after,.brand-mark:after{animation:none!important}
  .page-head,.driver-workspace-guide>div{animation:none!important}
}

/* =========================================================
   DCOMPANY BLOODRED VERIFIED PRO v45
   Full blood-red visual system + verified-profile UI
   ========================================================= */
:root{
  --red:#970b14!important;
  --red-2:#bd1320!important;
  --red-3:#e43b47!important;
  --red-soft:#fff0f2!important;
  --red-soft-2:#fbdfe3!important;
  --ink:#2a1114!important;
  --muted:#765b60!important;
  --muted-2:#9d7e83!important;
  --line:#efd7db!important;
  --panel:#fffdfd!important;
  --bg:#fff6f7!important;
  --dark:#160607!important;
  --purple:#970b14!important;
  --purple-2:#bd1320!important;
  --purple-3:#e43b47!important;
  --purple-4:#f26a74!important;
  --purple-5:#f7afb5!important;
  --purple-deep:#250407!important;
  --purple-ink:#2a1114!important;
  --purple-glass:rgba(255,250,251,.84)!important;
  --blood:#970b14;
  --blood-2:#bd1320;
  --blood-3:#e43b47;
  --blood-4:#f26a74;
  --blood-deep:#250407;
  --blood-black:#100405;
}
html{background:#fff6f7!important}
body{
  color:#2a1114!important;
  background:
    radial-gradient(circle at 9% 3%,rgba(189,19,32,.13),transparent 28%),
    radial-gradient(circle at 93% 22%,rgba(228,59,71,.09),transparent 31%),
    radial-gradient(circle at 62% 102%,rgba(151,11,20,.08),transparent 34%),
    linear-gradient(180deg,#fffafb 0%,#fff4f5 58%,#fff9f9 100%)!important;
}
body:before{
  background:radial-gradient(circle,rgba(189,19,32,.14),rgba(189,19,32,0) 70%)!important;
  opacity:.85!important;
}
body:after{
  background:radial-gradient(circle,rgba(228,59,71,.11),rgba(228,59,71,0) 72%)!important;
  opacity:.75!important;
}
::selection{background:#ffd8dc!important;color:#68070d!important}

/* Login */
.login-page{
  background:
    radial-gradient(circle at 10% 15%,rgba(189,19,32,.20),transparent 32%),
    radial-gradient(circle at 92% 82%,rgba(228,59,71,.13),transparent 35%),
    linear-gradient(135deg,#fffafb 0,#fff0f2 56%,#f9dfe2 100%)!important;
}
.login-wrap{border-color:rgba(151,11,20,.16)!important;box-shadow:0 34px 105px rgba(78,5,10,.20)!important}
.login-visual{background:linear-gradient(145deg,#fffdfd,#fff0f2)!important}
.login-card{background:rgba(255,253,253,.96)!important}
.trust-chip{background:#fffafa!important;border-color:#efd5d9!important}
.trust-chip .trust-icon{background:#ffe1e5!important;color:#a80e18!important}

/* Shell */
.sidebar{
  background:
    radial-gradient(circle at 22% 3%,rgba(238,61,73,.24),transparent 27%),
    linear-gradient(180deg,#160607 0%,#28090d 48%,#100405 100%)!important;
  border-right:1px solid rgba(255,120,130,.14)!important;
  box-shadow:20px 0 60px rgba(51,3,7,.19)!important;
  scrollbar-color:#7d1a21 transparent!important;
}
.side-brand{background:linear-gradient(180deg,rgba(29,5,8,.98),rgba(20,4,6,.96))!important;border-bottom-color:rgba(255,120,130,.10)!important}
.brand-mark{background:linear-gradient(145deg,#f14a55,#bd1320 52%,#6a0810)!important;box-shadow:0 14px 36px rgba(151,11,20,.42)!important}
.workspace-label{color:#d79aa0!important}
.side-user{border-bottom-color:rgba(255,115,125,.09)!important}
.side-user span,.brand-copy span,.secure-card small{color:#c9a0a4!important}
.nav-item{color:#eadadd!important}
.nav-item:hover{background:rgba(228,59,71,.12)!important;color:#fff!important}
.nav-item.active{background:linear-gradient(135deg,#e43b47,#bd1320 54%,#790a12)!important;box-shadow:0 14px 34px rgba(151,11,20,.40)!important}
.nav-dot-count{background:#ff5965!important;box-shadow:0 0 14px rgba(255,89,101,.78)!important}
.secure-card{border-color:rgba(255,124,133,.12)!important;background:rgba(228,59,71,.07)!important}
.secure-ring{color:#ffc3c8!important;background:rgba(228,59,71,.15)!important}

/* Main + top bar */
.main{background:transparent!important}
.topbar{
  background:rgba(255,248,249,.91)!important;
  border-bottom:1px solid rgba(151,11,20,.12)!important;
  box-shadow:0 8px 30px rgba(91,8,14,.055)!important;
  backdrop-filter:blur(21px) saturate(1.16)!important;
}
.top-search,.live-clock,.top-icon,.user-chip{
  background:rgba(255,253,253,.94)!important;
  border-color:#edd3d7!important;
}
.top-search:focus-within{border-color:#e43b47!important;box-shadow:0 0 0 4px rgba(189,19,32,.10),0 12px 30px rgba(86,7,13,.06)!important}
.top-icon:hover,.notification-toggle.enabled{background:#ffe8eb!important;border-color:#efafb5!important;color:#970b14!important}
#content:before{
  background-image:linear-gradient(rgba(151,11,20,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(151,11,20,.035) 1px,transparent 1px)!important;
  background-size:34px 34px!important;
}
#content:after{
  content:"";
  position:absolute;
  width:300px;height:300px;
  right:-110px;top:220px;
  border-radius:50%;
  pointer-events:none;
  z-index:-1;
  background:radial-gradient(circle,rgba(228,59,71,.10),transparent 68%);
  animation:dcBloodOrb 9s ease-in-out infinite;
}
.page-head h1,.panel h1,.panel h2,.panel h3,.panel h4{color:#2a1114!important}
.page-head p,.muted{color:#80666b!important}
.eyebrow{color:#bd1320!important}

/* Universal surfaces */
.panel,.modal,.stat,.quick,.role-overview-card,.manager-console,.permission-editor,.profile-card,.day-detail-shell,.availability-card-pro,.security-pill,.trust-chip{
  border-color:#ecd4d8!important;
}
.panel,.modal,.stat,.quick,.role-overview-card,.permission-editor,.profile-card,.day-detail-shell,.availability-card-pro{
  background:linear-gradient(150deg,rgba(255,255,255,.97),rgba(255,247,248,.95))!important;
  box-shadow:0 18px 48px rgba(93,7,14,.07)!important;
}
.panel:hover,.stat:hover,.quick:hover,.role-overview-card:hover,.availability-card-pro:hover{
  border-color:#e8b7bc!important;
  box-shadow:0 20px 46px rgba(93,7,14,.11)!important;
}
.toolbar,.table-wrap,table{background:#fffdfd!important}
thead{background:linear-gradient(180deg,#fff3f4,#ffecef)!important}
thead th{color:#6e4045!important;border-bottom-color:#ecd4d8!important}
tbody tr{border-bottom-color:#f0dfe2!important}
tbody tr:hover{background:#fff5f6!important}

/* Buttons + forms */
.btn.primary,.primary-btn{
  background:linear-gradient(135deg,#e43b47,#bd1320 56%,#760a12)!important;
  color:#fff!important;
  border-color:transparent!important;
  box-shadow:0 12px 30px rgba(151,11,20,.27)!important;
}
.btn.primary:hover,.primary-btn:hover{box-shadow:0 18px 38px rgba(151,11,20,.36)!important}
.btn.soft,.btn.calendar-action,.availability-utility-btn{
  background:linear-gradient(145deg,#fff0f2,#ffe4e7)!important;
  color:#970b14!important;
  border-color:#efc2c6!important;
}
.btn.soft:hover,.btn.calendar-action:hover,.availability-utility-btn:hover{background:#ffdde1!important;border-color:#e9959c!important;color:#760a12!important}
.icon-btn{border-color:#ecd5d8!important;background:#fffdfd!important}
.icon-btn:hover{background:#ffe9eb!important;color:#970b14!important;border-color:#eaaeb4!important}
.search-box,.field input,.field select,.field textarea,.select,.date-input,input,select,textarea{
  border-color:#ead4d7!important;
}
.search-box:focus-within,.field input:focus,.field select:focus,.field textarea:focus,.select:focus,.date-input:focus,input:focus,select:focus,textarea:focus{
  border-color:#e43b47!important;
  box-shadow:0 0 0 4px rgba(189,19,32,.09)!important;
}

/* Dashboard */
.dashboard-role-card{
  background:
    radial-gradient(circle at 91% 12%,rgba(255,124,133,.25),transparent 26%),
    linear-gradient(125deg,#210508 0%,#570b12 48%,#a20d18 100%)!important;
  border-color:rgba(255,143,151,.24)!important;
  box-shadow:0 24px 58px rgba(82,4,10,.22)!important;
}
.dashboard-role-card:before{background:linear-gradient(90deg,transparent,rgba(255,210,214,.18),transparent)!important}
.dashboard-role-card .eyebrow,.dashboard-role-card h3,.dashboard-role-card p{color:#fff!important}
.dashboard-stat-grid .stat:after{background:radial-gradient(circle,rgba(228,59,71,.11),transparent 70%)!important}
.stat-icon{background:#ffe6e9!important;color:#aa0e18!important}
.stat-open-hint{color:#bd1320!important}
.chart .bar{background:linear-gradient(180deg,#f26a74,#bd1320 63%,#760a12)!important;box-shadow:0 8px 18px rgba(151,11,20,.20)!important}
.quick{background:linear-gradient(150deg,#fff,#fff4f5)!important}
.quick>.ico,.quick-arrow{color:#bd1320!important}
.security-pill{background:linear-gradient(135deg,#fffafa,#fff0f2)!important}
.activity-dot{background:#e43b47!important;box-shadow:0 0 0 5px rgba(228,59,71,.11)!important}

/* Administrators + verified state */
.access-role-overview{gap:12px!important}
.role-overview-card{position:relative!important;overflow:hidden!important}
.role-overview-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-35px;bottom:-45px;background:radial-gradient(circle,rgba(189,19,32,.10),transparent 70%)}
.role-badge{background:#fff0f2!important;color:#8f0b13!important;border:1px solid #efc8cc!important}
.role-badge.admin_manager,.role-badge.admin_supervisor,.role-badge.office_admin,.role-badge.driver_access,.role-badge.admin{background:#fff0f2!important;color:#8f0b13!important;border-color:#efc8cc!important}
.admin-name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}
.admin-name-line>b{min-width:0}
.profile-verified-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  min-height:21px;
  padding:3px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#eafaf0,#dff6e8)!important;
  border:1px solid #b8e5c8!important;
  color:#147a43!important;
  font-size:8px;
  line-height:1;
  font-weight:950;
  letter-spacing:.05em;
  text-transform:uppercase;
  box-shadow:0 5px 14px rgba(20,122,67,.10);
  white-space:nowrap;
  animation:dcVerifiedIn .34s cubic-bezier(.2,.85,.24,1.12) both;
}
.profile-verified-badge .ico{color:#147a43!important}
.profile-verification-state{display:inline-flex;align-items:center;justify-content:center;gap:5px;margin:10px auto 0;padding:6px 10px;border-radius:999px;font-size:9px;font-weight:900}
.profile-verification-state.is-verified{background:#e8f9ef;border:1px solid #b8e5c8;color:#147a43}
.profile-verification-state.is-pending{background:#fff0f2;border:1px solid #efc8cc;color:#9a111a}

/* Availability: blood-red chrome, semantic date states stay meaningful */
.availability-hero{
  background:
    radial-gradient(circle at 13% 19%,rgba(255,126,135,.22),transparent 22%),
    radial-gradient(circle at 91% 78%,rgba(228,59,71,.20),transparent 28%),
    linear-gradient(125deg,#230508,#5e0b13 52%,#a40e18)!important;
  border-color:rgba(255,126,135,.20)!important;
  box-shadow:0 24px 58px rgba(86,4,10,.22)!important;
}
.availability-hero-orbit>span{border-color:rgba(255,173,180,.26)!important}
.availability-hero-orbit>div{background:linear-gradient(135deg,#f26a74,#bd1320)!important}
.calendar-wrap-pro{background:linear-gradient(180deg,#fffdfd,#fff5f6)!important;border-color:#ead2d6!important}
.calendar-head-pro{border-bottom-color:#eedadd!important}
.calendar-month-lockup .calendar-title{color:#361014!important}
.calendar-month-lockup small,.calendar-filter-note{color:#8d666b!important}
.calendar-nav-btn{border-color:#ead3d6!important;background:#fffdfd!important;color:#6b3439!important}
.calendar-nav-btn:hover{background:#ffe9eb!important;border-color:#e8a9af!important;color:#970b14!important}
.calendar-grid-pro .cal-week{background:#fff0f2!important;color:#71474c!important}
.calendar-grid-pro .cal-day.is-selected{border-color:#bd1320!important;box-shadow:0 0 0 3px rgba(189,19,32,.12),0 16px 34px rgba(86,5,11,.11)!important}
.calendar-grid-pro .cal-day.is-today{border-color:#e43b47!important}
.calendar-grid-pro .cal-day.is-today .num{background:#820b13!important;color:#fff!important}
.today-pill{background:#ffe3e6!important;color:#970b14!important}
.calendar-hover-arrow{color:#bd1320!important}

/* Messages / modals / alerts */
.modal-backdrop{background:rgba(35,4,7,.56)!important;backdrop-filter:blur(8px)!important}
.booking-alert-panel,.support-alert-panel,.team-alert-panel{border-color:#e6b9be!important;box-shadow:0 24px 64px rgba(79,4,10,.24)!important}
.booking-alert-pulse{background:linear-gradient(135deg,#e43b47,#970b14)!important}
.toast.info{border-color:#efc8cc!important}
.module-recovery{background:radial-gradient(circle at 50% 0%,#ffe3e6,transparent 45%),#fffdfd!important}
.module-recovery:before{background:linear-gradient(135deg,#f26a74,#970b14)!important}

/* Motion / graphics */
@keyframes dcBloodOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-26px,18px,0) scale(1.08)}}
@keyframes dcVerifiedIn{from{opacity:0;transform:translateY(3px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}
.panel,.stat,.quick,.role-overview-card{animation:dcBloodSurfaceIn .38s ease both}
@keyframes dcBloodSurfaceIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:700px){
  .profile-verified-badge{font-size:7px;padding:3px 6px}
  .admin-name-line{gap:5px}
  #content:after{width:190px;height:190px;right:-90px;top:150px}
}
@media(prefers-reduced-motion:reduce){
  #content:after,.profile-verified-badge,.panel,.stat,.quick,.role-overview-card{animation:none!important}
}

/* =========================================================
   DCOMPANY ADMIN v46 — BLOODRED FINAL STABILITY LAYER
   Resolves legacy theme conflicts + admin cards + calendar UX
   ========================================================= */

:root{
  --dc-red:#a80d17!important;
  --dc-red-2:#c51522!important;
  --dc-red-3:#ec3442!important;
  --dc-red-deep:#210306!important;
  --dc-blood:#56070d!important;
  --dc-blood-2:#7e0b13!important;
  --dc-soft:#fff3f4!important;
  --dc-soft-2:#ffe8eb!important;
  --dc-line:#ecd1d5!important;
  --dc-ink:#281215!important;
  --dc-muted:#82666b!important;
}

html,body{background:#fffafa!important;color:var(--dc-ink)!important}
body{background-image:radial-gradient(circle at 78% 8%,rgba(196,18,31,.055),transparent 25%),radial-gradient(circle at 30% 82%,rgba(125,7,17,.035),transparent 30%)!important}

/* Sidebar + top bar: remove remaining non-red theme traces */
.sidebar{
  background:
    radial-gradient(circle at 12% 8%,rgba(231,45,58,.16),transparent 22%),
    linear-gradient(180deg,#180205 0%,#260307 42%,#110103 100%)!important;
  border-right:1px solid rgba(232,65,76,.18)!important;
  box-shadow:18px 0 55px rgba(49,2,7,.16)!important;
}
.side-brand{background:linear-gradient(180deg,rgba(75,5,12,.48),rgba(24,2,5,.08))!important;border-bottom-color:rgba(255,150,157,.08)!important}
.brand-mark{background:linear-gradient(145deg,#ef4350,#a80d17 55%,#60070e)!important;box-shadow:0 10px 28px rgba(174,12,24,.34),inset 0 1px 0 rgba(255,255,255,.24)!important}
.nav-item{color:#eadbdd!important}
.nav-item:hover{background:rgba(213,28,41,.10)!important;color:#fff!important;transform:translateX(2px)}
.nav-item.active{background:linear-gradient(135deg,#e02635 0%,#b20e1b 54%,#760913 100%)!important;color:#fff!important;box-shadow:0 13px 30px rgba(126,8,18,.28)!important}
.nav-item.active:after{background:linear-gradient(180deg,#ffacb2,#f13c49)!important}
.workspace-label{color:#c99399!important}
.secure-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(179,18,31,.10))!important;border-color:rgba(239,91,101,.16)!important}
.secure-ring{background:rgba(206,26,39,.16)!important;color:#ffc7cb!important;border-color:rgba(255,177,183,.12)!important}

.topbar{
  background:rgba(255,251,251,.92)!important;
  border-bottom:1px solid #efd9dc!important;
  box-shadow:0 9px 34px rgba(88,5,12,.045)!important;
  backdrop-filter:blur(18px) saturate(1.15)!important;
}
.top-icon,.user-chip,.top-search,.live-clock{border-color:#edd6da!important;background:rgba(255,255,255,.88)!important}
.top-icon:hover,.user-chip:hover{background:#fff0f2!important;border-color:#e7aeb4!important;color:#a80d17!important}

/* Universal page surfaces */
#content{background:linear-gradient(180deg,rgba(255,252,252,.72),rgba(255,247,248,.76))!important}
#content:before{opacity:.55!important;background-image:linear-gradient(rgba(174,13,25,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(174,13,25,.035) 1px,transparent 1px)!important}
.panel,.modal,.stat,.quick,.profile-card,.permission-editor,.manager-console,.day-detail-shell,.availability-card-pro{
  border-color:#ecd3d7!important;
  background:linear-gradient(145deg,rgba(255,255,255,.985),rgba(255,246,247,.97))!important;
  box-shadow:0 16px 42px rgba(100,5,13,.065)!important;
}
.panel:hover,.stat:hover,.quick:hover,.availability-card-pro:hover{border-color:#e6adb3!important;box-shadow:0 20px 48px rgba(98,5,13,.105)!important}
.page-head h1{color:#2b1014!important;letter-spacing:-.035em!important}
.page-head .eyebrow,.eyebrow{color:#ba101d!important}

/* =========================================================
   ADMINISTRATORS — FIX INVISIBLE MANAGER CARD + ALL-RED SYSTEM
   ========================================================= */
.access-role-overview{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.role-overview-card{
  min-height:112px!important;
  padding:18px!important;
  align-items:flex-start!important;
  border:1px solid #edc9cd!important;
  background:
    radial-gradient(circle at 100% 0,rgba(199,19,32,.10),transparent 37%),
    linear-gradient(145deg,#fffdfd,#fff2f4)!important;
  color:#321519!important;
  box-shadow:0 13px 34px rgba(94,5,12,.06)!important;
}
.role-overview-card>b,.role-overview-card div>b{color:#341418!important;font-size:13px!important}
.role-overview-card span{color:#87676c!important;font-size:10px!important;line-height:1.55!important}
.role-overview-card>.ico,
.role-overview-card>svg{
  flex:0 0 auto!important;
  width:42px!important;height:42px!important;
  padding:10px!important;
  border-radius:14px!important;
  background:#ffe5e8!important;
  color:#b30f1c!important;
  border:1px solid #f1c7cb!important;
  box-sizing:border-box!important;
}

/* Critical specificity: the old universal surface rule was painting this card white
   while its text remained white. This is what caused the blank Manager card. */
.role-overview-card.manager{
  background:
    radial-gradient(circle at 87% 12%,rgba(255,130,139,.23),transparent 26%),
    linear-gradient(132deg,#220306 0%,#59070e 52%,#a80d17 100%)!important;
  color:#fff!important;
  border-color:rgba(255,151,158,.20)!important;
  box-shadow:0 18px 40px rgba(74,3,10,.20)!important;
}
.role-overview-card.manager>b,
.role-overview-card.manager div>b{color:#fff!important}
.role-overview-card.manager span{color:#f1d8db!important;opacity:.88!important}
.role-overview-card.manager>.ico,
.role-overview-card.manager>svg{background:rgba(255,255,255,.105)!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}

.role-overview-card.supervisor,
.role-overview-card.office,
.role-overview-card.driver,
.role-overview-card.admin{
  background:
    radial-gradient(circle at 100% 0,rgba(221,43,55,.10),transparent 35%),
    linear-gradient(145deg,#fffdfd,#fff0f2)!important;
  border-color:#efc5ca!important;
  color:#321519!important;
}
.role-overview-card.office{background:linear-gradient(145deg,#fffafa,#ffecef)!important}
.role-overview-card.driver{background:linear-gradient(145deg,#fff8f9,#ffe7ea)!important}
.role-overview-card.supervisor{background:linear-gradient(145deg,#fffdfd,#fff2f4)!important}
.role-overview-card.admin{background:linear-gradient(145deg,#fffdfd,#fff4f5)!important}
.role-overview-card.office>.ico,.role-overview-card.office>svg,
.role-overview-card.driver>.ico,.role-overview-card.driver>svg,
.role-overview-card.supervisor>.ico,.role-overview-card.supervisor>svg,
.role-overview-card.admin>.ico,.role-overview-card.admin>svg{background:#ffe8eb!important;color:#ae0d19!important;border-color:#efc6ca!important}

.manager-console{
  background:linear-gradient(110deg,#fff9fa,#ffe8eb 72%,#ffdfe3)!important;
  border-color:#edc2c6!important;
  color:#5e292f!important;
  box-shadow:0 12px 30px rgba(100,6,14,.055)!important;
}
.manager-console .ico,.manager-console>svg{color:#c31422!important}

/* Keep roles visually consistent with blood-red branding */
.role-badge,
.role-badge.admin_manager,.role-badge.admin_supervisor,.role-badge.office_admin,.role-badge.driver_access,.role-badge.admin{
  background:linear-gradient(145deg,#fff3f4,#ffe8ea)!important;
  color:#9f0d17!important;
  border-color:#edbec3!important;
  box-shadow:none!important;
}

/* Verified must remain green by requirement */
.profile-verified-badge{
  background:linear-gradient(135deg,#effbf3,#dcf7e6)!important;
  border-color:#acdcbc!important;
  color:#0e7a40!important;
  box-shadow:0 5px 14px rgba(14,122,64,.10)!important;
}
.profile-verified-badge .ico,.profile-verified-badge svg{color:#0e7a40!important}

/* Administrator table readability */
.table-wrap{border:1px solid #eddadd!important;border-radius:18px!important;overflow:auto!important;background:#fffdfd!important}
.table-wrap thead{position:sticky!important;top:0!important;z-index:2!important;background:#fff0f2!important}
.table-wrap thead th{background:linear-gradient(180deg,#fff3f5,#ffecee)!important;color:#765056!important;border-bottom:1px solid #ecd1d5!important}
.table-wrap tbody td{border-bottom:1px solid #f1e2e4!important}
.table-wrap tbody tr:hover{background:linear-gradient(90deg,#fff7f8,#fff2f4)!important}
.admin-person .mini-avatar{box-shadow:0 6px 18px rgba(88,5,12,.10)!important;border:1px solid #ecd3d6!important}
.row-actions .icon-btn{transition:transform .18s ease,background .18s ease,border-color .18s ease!important}
.row-actions .icon-btn:hover{transform:translateY(-2px)!important}

/* =========================================================
   AVAILABILITY CALENDAR — DESKTOP DENSITY + MOBILE STABILITY
   ========================================================= */
.availability-page-head{margin-bottom:16px!important}
.availability-actions{gap:9px!important;align-items:center!important}
.availability-hero{border:1px solid rgba(255,126,136,.18)!important;box-shadow:0 22px 55px rgba(87,3,11,.19)!important}
.calendar-stats{gap:12px!important}
.calendar-stat{transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease!important}
.calendar-stat:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(92,5,13,.10)!important}
.calendar-stat.is-active{outline:2px solid rgba(179,15,28,.17)!important;outline-offset:2px!important}

.calendar-wrap-pro{padding:16px!important;border:1px solid #eacfd3!important;background:linear-gradient(180deg,#fffdfd,#fff6f7)!important;overflow:hidden!important}
.calendar-head-pro{padding:0 0 13px!important;margin-bottom:11px!important}
#calendar.calendar-stage{position:relative!important;min-width:0!important;max-width:100%!important;width:100%!important;overflow:hidden!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro{
  display:grid!important;
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  min-width:0!important;max-width:100%!important;width:100%!important;
  gap:9px!important;padding:2px!important;overflow:hidden!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-week{
  min-width:0!important;padding:8px 4px!important;border-radius:11px!important;
  background:linear-gradient(180deg,#fff1f3,#ffe9ec)!important;
  color:#79484e!important;font-size:9px!important;font-weight:900!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{
  min-width:0!important;width:100%!important;max-width:100%!important;
  min-height:108px!important;height:auto!important;
  padding:11px!important;border-radius:15px!important;
  box-sizing:border-box!important;overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,opacity .18s ease!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day:not(.muted):hover{transform:translateY(-3px)!important;box-shadow:0 13px 28px rgba(80,5,12,.095)!important;z-index:3!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .num{font-size:13px!important;font-weight:950!important;color:#2c171a!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .legend{
  width:100%!important;min-height:24px!important;padding:0 8px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  border-radius:999px!important;font-size:8px!important;font-weight:900!important;
  line-height:1!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  box-sizing:border-box!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.green .legend{background:#53bd51!important;color:#135a1b!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.orange .legend{background:#f0a640!important;color:#6f3b00!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red .legend{background:#b90d1a!important;color:#fff!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue .legend{background:#48a7d6!important;color:#fff!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.is-selected{border-color:#c41422!important;box-shadow:0 0 0 3px rgba(196,20,34,.11),0 15px 30px rgba(83,3,10,.10)!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.is-today{border-color:#e83f4c!important}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.is-today .num{background:#8d0a14!important;color:#fff!important;padding:4px 6px!important;border-radius:7px!important;width:auto!important;height:auto!important}
.today-pill{background:#ffe5e8!important;color:#a90e19!important;border:1px solid #efc4c8!important}

/* Prevent legacy 700px minimum calendar width from ever returning on phones */
@media(max-width:1024px){
  .access-role-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #calendar.calendar-stage,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro,
  .calendar-grid-pro{min-width:0!important;max-width:100%!important;width:100%!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{gap:5px!important;padding:2px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{min-height:78px!important;padding:7px 4px!important;border-radius:11px!important;align-items:center!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .legend{display:none!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .calendar-hover-arrow{display:none!important}
}

@media(max-width:700px){
  #content{padding-top:16px!important}
  .access-role-overview{grid-template-columns:1fr!important}
  .role-overview-card{min-height:auto!important;padding:15px!important}
  .availability-actions{grid-template-columns:1fr 1fr!important}
  .availability-actions .calendar-date-search,.availability-actions #bookDate{grid-column:1/-1!important}
  .calendar-stats{grid-template-columns:1fr 1fr!important}
  .calendar-wrap-pro{padding:9px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;padding:0!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-week{font-size:7px!important;padding:5px 0!important;border-radius:7px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{min-height:58px!important;padding:5px 2px!important;border-radius:8px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .num{font-size:11px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .dots{bottom:6px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.is-today .num{padding:3px 4px!important;border-radius:6px!important}
  .today-pill{font-size:6px!important;padding:2px 4px!important}
  .table-wrap table{min-width:860px!important}
}

@media(max-width:390px){
  .calendar-stats{gap:6px!important}
  .calendar-stat{padding:10px!important;min-height:72px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{gap:2px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{min-height:54px!important;padding:4px 1px!important}
}

/* Motion polish */
@keyframes dcV46FadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.role-overview-card,.calendar-stat,.table-wrap,.availability-hero{animation:dcV46FadeUp .36s cubic-bezier(.2,.8,.2,1) both}
.role-overview-card:nth-child(2){animation-delay:.035s}.role-overview-card:nth-child(3){animation-delay:.07s}.role-overview-card:nth-child(4){animation-delay:.105s}.role-overview-card:nth-child(5){animation-delay:.14s}
@media(prefers-reduced-motion:reduce){.role-overview-card,.calendar-stat,.table-wrap,.availability-hero{animation:none!important}.nav-item,.row-actions .icon-btn,.cal-day{transition:none!important}}
/* ========================================================================== 
   D-COMPANY ADMIN — BLOODRED / WHITE / BLACK PRO THEME v47
   Global visual system for every page, option, modal and responsive layout.
   ========================================================================== */

:root{
  --dc-red-950:#210205;
  --dc-red-900:#360307;
  --dc-red-850:#4a050b;
  --dc-red-800:#65070f;
  --dc-red-700:#850a14;
  --dc-red-650:#990c17;
  --dc-red-600:#ad0f1b;
  --dc-red-500:#c91523;
  --dc-red-450:#df2634;
  --dc-red-400:#ef4350;
  --dc-red-300:#f57a83;
  --dc-red-200:#f8b8bd;
  --dc-red-100:#fde1e4;
  --dc-red-50:#fff2f3;
  --dc-white:#ffffff;
  --dc-offwhite:#fffafa;
  --dc-surface:#fffdfd;
  --dc-surface-2:#fff7f8;
  --dc-black:#09090b;
  --dc-black-2:#111014;
  --dc-ink:#211316;
  --dc-muted:#77666a;
  --dc-muted-2:#9b898d;
  --dc-line:#ecd9dc;
  --dc-line-strong:#e4bdc2;
  --dc-shadow:0 18px 55px rgba(74,3,10,.085);
  --dc-shadow-hover:0 25px 70px rgba(74,3,10,.14);
  --dc-red-glow:0 18px 50px rgba(173,15,27,.20);
  --dc-radius-xl:28px;
  --dc-radius-lg:22px;
  --dc-radius-md:16px;
  --dc-radius-sm:12px;

  /* Bridge the original variable system to the final theme */
  --red:var(--dc-red-600);
  --red-2:var(--dc-red-450);
  --red-3:var(--dc-red-300);
  --red-soft:var(--dc-red-50);
  --red-soft-2:var(--dc-red-100);
  --ink:var(--dc-ink);
  --muted:var(--dc-muted);
  --muted-2:var(--dc-muted-2);
  --line:var(--dc-line);
  --panel:var(--dc-white);
  --bg:#fbf7f8;
  --dark:var(--dc-black-2);
}

html{background:#f8f3f4!important}
body{
  background:
    radial-gradient(circle at 78% -8%,rgba(201,21,35,.08),transparent 29%),
    radial-gradient(circle at 33% 115%,rgba(101,7,15,.07),transparent 31%),
    linear-gradient(145deg,#fcf9f9 0%,#fff 48%,#f9f2f3 100%)!important;
  color:var(--dc-ink)!important;
}
button,input,select,textarea{font:inherit}
button{touch-action:manipulation}
::selection{background:#b70f1d;color:#fff}
*{scrollbar-color:#a81420 #f5e9eb}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#f7edef}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c91a27,#7c0811);border-radius:999px;border:2px solid #f7edef}

/* ---------- APP SHELL / AMBIENT GRAPHICS ---------- */
.app-shell{position:relative;isolation:isolate;background:#fbf7f8!important}
.main{position:relative;background:transparent!important}
.main:before,.main:after{
  content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;filter:blur(4px);opacity:.75
}
.main:before{width:420px;height:420px;right:-190px;top:90px;background:radial-gradient(circle,rgba(199,19,32,.075),transparent 68%);animation:dc47Float 12s ease-in-out infinite}
.main:after{width:360px;height:360px;left:calc(var(--sidebar) + 4vw);bottom:-190px;background:radial-gradient(circle,rgba(49,1,5,.055),transparent 70%);animation:dc47Float 15s ease-in-out infinite reverse}

#content{
  position:relative!important;z-index:1!important;
  background:
    linear-gradient(rgba(132,7,17,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(132,7,17,.025) 1px,transparent 1px),
    radial-gradient(circle at 88% 3%,rgba(204,24,38,.055),transparent 25%),
    linear-gradient(180deg,rgba(255,255,255,.80),rgba(252,247,248,.90))!important;
  background-size:26px 26px,26px 26px,auto,auto!important;
  min-height:calc(100vh - 84px)!important;
  animation:dc47PageIn .38s cubic-bezier(.2,.8,.2,1) both;
}

/* ---------- SIDEBAR ---------- */
.sidebar{
  background:
    radial-gradient(circle at 45% 0,rgba(216,38,51,.25),transparent 25%),
    linear-gradient(180deg,#0b0809 0%,#210307 42%,#12090b 100%)!important;
  border-right:1px solid rgba(255,115,124,.14)!important;
  box-shadow:18px 0 60px rgba(29,0,4,.13)!important;
}
.sidebar:before{
  content:"";position:fixed;left:0;top:0;width:var(--sidebar);height:210px;pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.035),transparent 60%),radial-gradient(circle at 80% 0,rgba(255,49,63,.16),transparent 48%);
}
.side-brand{
  background:linear-gradient(180deg,rgba(12,7,8,.98),rgba(31,3,7,.96))!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
  box-shadow:0 16px 36px rgba(0,0,0,.18)!important;
}
.brand-mark{
  position:relative;overflow:hidden!important;
  background:linear-gradient(145deg,#f04c58 0%,#c0111f 46%,#6c0710 100%)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:0 14px 34px rgba(196,13,28,.40),inset 0 1px 0 rgba(255,255,255,.25)!important;
  animation:dc47LogoPulse 4.6s ease-in-out infinite!important;
}
.brand-mark:after{content:"";position:absolute;inset:-100% -35%;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-75%);animation:dc47Shine 5s ease-in-out infinite}
.brand-mark img{position:relative;z-index:1;max-width:78%;max-height:78%;object-fit:contain}
.brand-copy b{color:#fff!important;letter-spacing:-.01em}
.brand-copy span{color:#cc9da2!important}
.side-user{background:linear-gradient(90deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.side-user b{color:#fff!important}.side-user span{color:#c5a6aa!important}
.side-avatar{border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 8px 20px rgba(0,0,0,.25)!important}
.workspace-label{color:#b78289!important}
.nav-item{
  color:#ddcfd1!important;border:1px solid transparent!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important
}
.nav-item:hover{
  transform:translateX(4px)!important;color:#fff!important;
  background:linear-gradient(90deg,rgba(219,33,47,.16),rgba(255,255,255,.035))!important;
  border-color:rgba(255,95,105,.10)!important
}
.nav-item.active{
  transform:none!important;
  background:
    radial-gradient(circle at 90% 20%,rgba(255,255,255,.16),transparent 30%),
    linear-gradient(135deg,#dc1e2c 0%,#a30d18 56%,#6d0710 100%)!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(145,7,19,.36),inset 0 1px 0 rgba(255,255,255,.15)!important
}
.nav-item.active:after{content:"";position:absolute;right:8px;top:9px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.20),transparent 70%);animation:dc47Pulse 2.1s infinite}
.nav-icon{color:inherit!important}.nav-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.18))}
.secure-card{background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(177,14,27,.09))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.secure-ring{background:rgba(220,33,47,.14)!important;color:#ff9ba3!important;border:1px solid rgba(255,105,116,.13)!important}
.logout{color:#e7c9cd!important}.logout:hover{background:rgba(225,31,46,.12)!important}

/* ---------- TOP BAR ---------- */
.topbar{
  background:rgba(255,252,252,.90)!important;
  border-bottom:1px solid #efd9dc!important;
  box-shadow:0 10px 34px rgba(79,3,10,.055)!important;
  backdrop-filter:blur(20px) saturate(1.2)!important;
}
.top-search,.top-icon,.user-chip,.live-clock{
  background:rgba(255,255,255,.92)!important;border-color:#ead1d5!important;
  box-shadow:0 7px 22px rgba(77,3,10,.035)!important
}
.top-search{transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease!important}
.top-search:focus-within{border-color:#d76c75!important;box-shadow:0 0 0 4px rgba(177,14,27,.065),0 12px 28px rgba(75,2,8,.06)!important;transform:translateY(-1px)}
.top-icon,.user-chip{transition:.2s ease!important}
.top-icon:hover,.user-chip:hover{transform:translateY(-2px)!important;background:#fff1f2!important;border-color:#dfaab0!important;color:#a60d17!important;box-shadow:0 10px 26px rgba(123,7,16,.08)!important}
.notification-toggle.enabled{background:#fff0f1!important;color:#a70d17!important;border-color:#e7aab0!important;box-shadow:0 0 0 4px rgba(177,14,27,.05)!important}
.connection i{background:#b90e1b!important;box-shadow:0 0 0 5px rgba(185,14,27,.08),0 0 12px rgba(185,14,27,.25)!important}

/* ---------- TYPOGRAPHY / PAGE HEADS ---------- */
.page-head{position:relative;z-index:1!important;margin-bottom:24px!important}
.page-head h1{color:#210d11!important;font-weight:950!important;letter-spacing:-.045em!important;text-shadow:0 1px 0 #fff}
.page-head p{color:#7d686c!important;line-height:1.65!important}
.eyebrow{color:#b20e1a!important;font-weight:950!important;letter-spacing:2.1px!important}
.page-actions{gap:10px!important}

/* ---------- UNIVERSAL PANELS / CARDS ---------- */
.panel,.stat,.quick,.profile-card,.permission-editor,.manager-console,.security-box,.credential-card,.detail-card,.review-admin-card,.upload-card,.booking-record-card,.availability-card-pro,.enquiryFullCard,.media-studio,.content-studio-layout,.website-control-grid,.preview-browser,.seo-preview,.login-history-table,.admin-security-note,.role-info-banner,.readonly-banner,.readonly-pending-card{
  position:relative;
  border:1px solid var(--dc-line)!important;
  background:
    radial-gradient(circle at 100% 0,rgba(204,24,38,.045),transparent 30%),
    linear-gradient(145deg,#fff 0%,#fffafa 100%)!important;
  box-shadow:var(--dc-shadow)!important;
}
.panel,.profile-card,.permission-editor,.manager-console,.security-box,.content-studio-layout,.media-studio,.website-control-grid{border-radius:var(--dc-radius-lg)!important}
.panel{overflow:hidden}
.panel:before,.profile-card:before,.security-box:before,.manager-console:before{
  content:"";position:absolute;left:0;top:0;right:0;height:2px;pointer-events:none;
  background:linear-gradient(90deg,transparent,#a70d18 26%,#ef5260 50%,#780811 74%,transparent);opacity:.42
}
.panel-head{border-bottom-color:#f0e1e3!important}
.panel-head h3{color:#2a1418!important;font-weight:900!important}
.panel-head>span{color:#9b8589!important}

.stat,.quick,.booking-record-card,.availability-card-pro,.role-overview-card,.review-admin-card{
  transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .2s ease!important
}
.stat:hover,.quick:hover,.booking-record-card:hover,.availability-card-pro:hover,.role-overview-card:hover,.review-admin-card:hover{
  transform:translateY(-4px)!important;border-color:#dea9af!important;box-shadow:var(--dc-shadow-hover)!important
}

/* ---------- BUTTON SYSTEM ---------- */
.btn,.icon-btn,.primary-btn{
  border-radius:13px!important;font-weight:850!important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease!important
}
.btn:hover,.icon-btn:hover,.primary-btn:hover{transform:translateY(-2px)}
.btn.primary,.primary-btn{
  position:relative;overflow:hidden;
  color:#fff!important;border-color:#9d0c17!important;
  background:linear-gradient(135deg,#e12b38 0%,#b20e1a 48%,#760811 100%)!important;
  box-shadow:0 13px 30px rgba(148,8,20,.23),inset 0 1px 0 rgba(255,255,255,.20)!important
}
.btn.primary:after,.primary-btn:after{content:"";position:absolute;inset:-80% auto -80% -50%;width:36%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:dc47ButtonShine 4.6s ease-in-out infinite}
.btn.primary:hover,.primary-btn:hover{background:linear-gradient(135deg,#f03945,#c71120 50%,#830912 100%)!important;box-shadow:0 17px 38px rgba(148,8,20,.30)!important}
.btn.soft,.btn:not(.primary):not(.danger),.icon-btn{
  color:#7d151d!important;background:linear-gradient(180deg,#fff,#fff4f5)!important;border:1px solid #e8cdd1!important;box-shadow:0 7px 20px rgba(84,4,11,.04)!important
}
.btn.soft:hover,.btn:not(.primary):not(.danger):hover,.icon-btn:hover{color:#a70d18!important;background:#ffedef!important;border-color:#dfa7ad!important}
.btn.danger,.danger-lite{background:#fff0f1!important;color:#b00e1a!important;border-color:#efc4c8!important}
.btn.danger:hover,.danger-lite:hover{background:#b20e1a!important;color:#fff!important;border-color:#970b15!important}

/* ---------- FORMS / FILTERS / SEARCH ---------- */
.field input,.field select,.field textarea,.search-box,.select,.date-input,.top-search,.content-editor input,.content-editor textarea,.content-editor select,.permission-editor input,.permission-editor select,.permission-editor textarea{
  border-color:#ead4d7!important;background:#fff!important;color:#251518!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important
}
.field input:focus,.field select:focus,.field textarea:focus,.search-box:focus-within,.select:focus,.date-input:focus,.content-editor input:focus,.content-editor textarea:focus,.content-editor select:focus{
  border-color:#d1636c!important;outline:none!important;box-shadow:0 0 0 4px rgba(177,14,27,.065),0 8px 22px rgba(89,3,11,.035)!important
}
.search-box svg{color:#a90e19!important}.select{color:#4d3035!important}
input::placeholder,textarea::placeholder{color:#aa979a!important}
.switch{background:#eadbdd!important}.switch.on,.feature-toggle input:checked+.switch{background:linear-gradient(135deg,#d52331,#950b16)!important}

/* ---------- DASHBOARD ---------- */
.dashboard-role-card{
  overflow:hidden!important;
  background:
    radial-gradient(circle at 89% 18%,rgba(255,112,122,.28),transparent 26%),
    linear-gradient(125deg,#13090b 0%,#4b050b 47%,#a20c18 100%)!important;
  color:#fff!important;border:1px solid rgba(255,129,138,.18)!important;
  box-shadow:0 24px 60px rgba(66,2,8,.24)!important
}
.dashboard-role-card:before{content:"";position:absolute;width:360px;height:360px;right:-150px;top:-175px;border-radius:50%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018);animation:dc47Orbit 7s ease-in-out infinite}
.dashboard-role-card h3,.dashboard-role-card p,.dashboard-role-card .eyebrow{color:#fff!important}.dashboard-role-card p{opacity:.78}.dashboard-role-card .eyebrow{opacity:.82}
.dashboard-role-icon{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important}
.dashboard-role-card .role-badge{background:rgba(12,5,6,.52)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.dashboard-stat-grid{gap:14px!important}
.stat{overflow:hidden!important;border-radius:20px!important}
.stat:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-36px;bottom:-42px;background:radial-gradient(circle,rgba(194,16,29,.11),transparent 70%);pointer-events:none}
.stat-icon{background:linear-gradient(145deg,#fff1f2,#ffe4e7)!important;color:#ad0f1b!important;border:1px solid #f2d3d6!important}
.stat-value{color:#1f1114!important;font-weight:950!important;letter-spacing:-.035em!important}.stat-top span,.stat-sub{color:#8d7479!important}
.stat-pending .stat-icon,.stat-due .stat-icon{background:#ffe9eb!important;color:#b00e1a!important}
.chart{position:relative}.chart:after{content:"";position:absolute;left:0;right:0;bottom:29px;height:1px;background:#ead7da;z-index:0}.bar{position:relative;z-index:1;background:linear-gradient(180deg,#ef4551,#bd101e 55%,#790912)!important;box-shadow:0 8px 18px rgba(156,9,21,.17)!important;animation:dc47Bar .65s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom}
.security-pill{background:linear-gradient(135deg,#fff,#fff5f6)!important;border-color:#ead4d7!important}.status-dot-sm{background:#bd101d!important;box-shadow:0 0 0 4px rgba(189,16,29,.07)!important}
.quick{border-radius:18px!important;text-align:left!important}.quick>svg{color:#ae0e1a!important;background:#ffebed!important;padding:9px!important;border-radius:12px!important;box-sizing:content-box!important}.quick h4{color:#281317!important}.quick p{color:#8b7377!important}
.activity-dot{background:purple!important;box-shadow:0 0 0 5px rgba(196,18,32,.07)!important}.activity-item{border-bottom-color:#f0e3e5!important}

/* ---------- TABLES / ADMIN LIST / LOGS ---------- */
.table-wrap{border:1px solid #ead2d6!important;background:#fff!important;border-radius:20px!important;box-shadow:var(--dc-shadow)!important;overflow:auto!important}
.data-table{background:#fff!important}
.data-table thead th,.table-wrap thead th{
  position:sticky;top:0;z-index:2;
  background:linear-gradient(180deg,#fff7f8,#ffedef)!important;
  color:#73565b!important;border-bottom:1px solid #e6cbd0!important;font-weight:900!important;letter-spacing:.08em!important
}
.data-table tbody td,.table-wrap tbody td{border-bottom:1px solid #f0e2e4!important;color:#372126!important}
.data-table tbody tr,.table-wrap tbody tr{transition:background .15s ease,transform .15s ease!important}
.data-table tbody tr:hover,.table-wrap tbody tr:hover{background:linear-gradient(90deg,#fff8f9,#fff1f3)!important}
.admin-name-line{gap:7px!important}.profile-verified-badge{background:#e9f9ef!important;color:#0a7b3e!important;border-color:#a7dab9!important;box-shadow:0 6px 16px rgba(8,123,62,.08)!important}
.role-badge,.role-badge.admin_manager,.role-badge.admin_supervisor,.role-badge.office_admin,.role-badge.driver_access,.role-badge.admin{background:linear-gradient(135deg,#fff4f5,#ffe6e9)!important;color:#9f0d18!important;border:1px solid #e9bdc2!important}
.online{background:#eefaf1!important;color:#198447!important}.offline{background:#fff0f1!important;color:#b1121d!important}.status{border:1px solid transparent!important}
.row-actions .icon-btn{background:#fff!important;border-color:#ead4d7!important;color:#6b4c52!important}.row-actions .icon-btn:hover{background:#ffebed!important;color:#a90d18!important;border-color:#dda6ad!important}
.row-actions .icon-btn.danger,.row-actions .danger-lite{background:#fff0f1!important;color:#b5101c!important}

/* ---------- ADMINISTRATORS / ROLES ---------- */
.access-role-overview{gap:14px!important}
.role-overview-card{
  min-height:118px!important;border-radius:20px!important;
  border:1px solid #e7c9cd!important;color:#291518!important;
  background:radial-gradient(circle at 100% 0,rgba(193,16,29,.08),transparent 32%),linear-gradient(145deg,#fff,#fff6f7)!important;
  box-shadow:0 14px 36px rgba(72,3,9,.055)!important
}
.role-overview-card.manager{
  color:#fff!important;border-color:rgba(255,125,135,.16)!important;
  background:radial-gradient(circle at 90% 15%,rgba(255,124,134,.25),transparent 25%),linear-gradient(135deg,#12080a,#52060d 55%,#9e0c17)!important;
  box-shadow:0 20px 46px rgba(64,2,8,.20)!important
}
.role-overview-card.manager b,.role-overview-card.manager span{color:#fff!important}.role-overview-card.manager span{opacity:.72}
.role-overview-card .ico,.role-overview-card>svg{background:#ffe9eb!important;color:#aa0d18!important;border:1px solid #efcbd0!important}
.role-overview-card.manager .ico,.role-overview-card.manager>svg{background:rgba(255,255,255,.10)!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
.manager-console{background:linear-gradient(110deg,#fff,#ffe9ec 76%,#ffdde1)!important;border-color:#e8c4c8!important;color:#612a31!important}
.permission-editor{background:linear-gradient(145deg,#fff,#fff7f8)!important}.permission-grid>label{background:#fff!important;border:1px solid #eddddf!important;border-radius:14px!important;transition:.18s ease!important}.permission-grid>label:hover{background:#fff1f3!important;border-color:#e3b7bc!important;transform:translateY(-1px)}
.admin-access-modal{background:rgba(17,5,7,.54)!important;backdrop-filter:blur(12px)!important}

/* ---------- BOOKINGS ---------- */
.booking-panel{background:linear-gradient(145deg,#fff,#fffafa)!important}
.booking-filter-head{border-bottom-color:#eee0e2!important}.booking-filter-head>div span{color:#ae0e19!important}.booking-count-chip{background:#fff0f2!important;color:#9d0c17!important;border-color:#e9c7cb!important}
.booking-toolbar{background:linear-gradient(180deg,#fff9fa,#fff)!important;border-color:#eee0e2!important}
.booking-card-list{gap:13px!important}
.booking-record-card{overflow:hidden!important;border-radius:20px!important}
.booking-record-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#e93340,#870a13);opacity:.8}
.booking-record-id{color:#a30c17!important}.booking-record-state{background:#fff0f2!important;border-color:#ebc8cc!important}.booking-route-line{color:#66484e!important}.booking-paybar{background:#fff6f7!important;border-color:#eedcdf!important}.booking-record-note{background:#fff9f9!important;border-left:3px solid #bc0f1c!important}
.booking-view-modal,.payment-modal{background:linear-gradient(145deg,#fff,#fff8f9)!important}.booking-view-status{background:#fff0f2!important;border-color:#e7c0c5!important}
.status.Pending{background:#fff2e5!important;color:#9a5b05!important}.status.Confirmed{background:#fff0f2!important;color:#a20d18!important}.status.Completed{background:#edf8ff!important;color:#197aa7!important}.status.Cancelled{background:#f4f1f2!important;color:#756468!important}

/* ---------- CUSTOMER / VEHICLE / DRIVER / PAYMENT GENERIC DATA PAGES ---------- */
.detail-grid,.security-grid,.grid-2{gap:16px!important}
.detail-card{border-radius:18px!important}.detail-card h4{color:#2b1519!important}.detail-line{border-bottom-color:#f0e2e4!important}.detail-line b{color:#402429!important}
.credential-card{border-radius:18px!important;background:linear-gradient(135deg,#1a0b0e,#650711)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important}
.credential-card *{color:inherit!important}
.file-drop,.receipt-drop{border:1px dashed #d9979e!important;background:#fff5f6!important}.file-drop:hover,.receipt-drop:hover{background:#ffeef0!important;border-color:#be4450!important}

/* ---------- AVAILABILITY / CALENDAR ---------- */
.availability-hero{
  overflow:hidden!important;border:1px solid rgba(255,136,145,.16)!important;
  background:radial-gradient(circle at 92% 18%,rgba(255,116,126,.27),transparent 27%),linear-gradient(128deg,#17090b 0%,#5c0710 54%,#b70f1d 100%)!important;
  box-shadow:0 25px 65px rgba(70,2,8,.23)!important
}
.availability-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-130px;top:-175px;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 80px rgba(255,255,255,.018);animation:dc47Orbit 8s ease-in-out infinite}
.availability-hero h2,.availability-hero p,.availability-kicker,.availability-hero-chips span{color:#fff!important}.availability-hero p{opacity:.76}
.availability-hero-orbit>div{background:linear-gradient(145deg,#ed4350,#a10c18)!important;box-shadow:0 15px 34px rgba(0,0,0,.28)!important}
.availability-hero-orbit>span{border-color:rgba(255,255,255,.18)!important}
.availability-legend-pro{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.12)!important}.availability-legend-pro>span{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}
.calendar-stat{overflow:hidden!important;border-radius:20px!important;background:linear-gradient(145deg,#fff,#fff8f9)!important;border-color:#ead5d8!important}.calendar-stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-40px;background:radial-gradient(circle,rgba(176,13,25,.10),transparent 70%)}
.calendar-stat-icon{background:#ffebed!important;color:#a80d18!important}.calendar-stat.open .calendar-stat-icon{background:#edf8ef!important;color:#218047!important}.calendar-stat.pending .calendar-stat-icon{background:#fff4e7!important;color:#a9670b!important}.calendar-stat.completed .calendar-stat-icon{background:#eef8fd!important;color:#237fa9!important}
.calendar-stat.is-active{border-color:#c91422!important;box-shadow:0 0 0 3px rgba(187,14,28,.07),0 16px 36px rgba(86,4,12,.08)!important}
.calendar-wrap-pro{background:linear-gradient(180deg,#fff,#fff8f9)!important;border-color:#e7cdd1!important;box-shadow:0 20px 55px rgba(70,3,9,.075)!important}
.calendar-head-pro{border-bottom-color:#efdee1!important}.calendar-title{color:#2a1115!important}.calendar-filter-note{color:#9b7f84!important}.calendar-nav-btn{background:#fff!important;border-color:#e9d1d5!important;color:#70141b!important}
.calendar-grid-pro>.cal-week{background:linear-gradient(180deg,#fff4f5,#ffecef)!important;color:#77474e!important;border:1px solid #f0dfe1!important}
.calendar-grid-pro>.cal-day{border-color:#ead9dc!important;background:#fff!important}.calendar-grid-pro>.cal-day.muted{background:#fbf7f8!important}.calendar-grid-pro>.cal-day.is-selected{border-color:#c61321!important;box-shadow:0 0 0 3px rgba(198,19,33,.09),0 16px 28px rgba(81,3,10,.08)!important}.calendar-grid-pro>.cal-day.is-today{border-color:#e33a47!important}
.calendar-grid-pro>.cal-day.green{background:linear-gradient(180deg,#fbfffb,#f0fbf0)!important}.calendar-grid-pro>.cal-day.orange{background:linear-gradient(180deg,#fffdf9,#fff6eb)!important}.calendar-grid-pro>.cal-day.red{background:linear-gradient(180deg,#fffafa,#fff0f2)!important}.calendar-grid-pro>.cal-day.blue{background:linear-gradient(180deg,#fbfeff,#eef8fd)!important}
.day-detail-shell{background:linear-gradient(145deg,#fff,#fff8f9)!important;border-color:#ead4d7!important}.day-detail-count{background:linear-gradient(135deg,#300307,#8f0a15)!important;color:#fff!important}.availability-card-pro{background:#fff!important}.availability-duration{background:#fff3f4!important;color:#7f252c!important;border-color:#edcbd0!important}
.driver-calendar-readonly{background:#fff1f2!important;color:#8e1119!important;border-color:#e6c0c5!important}

/* ---------- TEAM CHAT ---------- */
.teamChatOnly,.teamChatHero,.chat-team-pro,.chat-wrap-pro{border-color:#e8d0d4!important;box-shadow:var(--dc-shadow)!important}
.teamChatHero,.messages-hero{background:radial-gradient(circle at 92% 0,rgba(255,119,129,.23),transparent 31%),linear-gradient(130deg,#16090b,#5b0710 54%,#aa0d19)!important;color:#fff!important;border-color:rgba(255,126,136,.16)!important}
.teamChatHero *,.messages-hero *{color:inherit}.teamChatHero p,.messages-hero p{color:rgba(255,255,255,.72)!important}
.teamChatHeroIcon,.messages-orb>div{background:linear-gradient(145deg,#ef4552,#a20c18)!important;box-shadow:0 14px 34px rgba(0,0,0,.24)!important}
.teamChatMessage,.chat-wrap-pro .bubble{border-color:#ead4d7!important;background:#fff4f5!important}.teamChatMessage.me .teamChatBubble,.chat-wrap-pro .me .bubble{background:linear-gradient(135deg,#bd101e,#760911)!important;color:#fff!important;border-color:#820a13!important;box-shadow:0 13px 28px rgba(111,5,15,.17)!important}
.teamChatComposer,.chat-compose-wrap{background:#fff!important;border-color:#ead7da!important}.teamChatComposer textarea,.chat-compose-pro textarea{background:#fffafa!important;border-color:#e8d3d6!important}.teamChatComposer textarea:focus,.chat-compose-pro textarea:focus{border-color:#cf5e68!important;box-shadow:0 0 0 4px rgba(177,14,27,.06)!important}
.chat-team-head-pro,.chat-head-pro{background:linear-gradient(180deg,#fff8f9,#fff)!important;border-color:#ead9dc!important}.team-member-pro:hover{background:#fff1f3!important;border-color:#e9c9ce!important}.chat-channel-icon,.sync-wave{background:#ffebed!important;color:#a30d18!important}

/* ---------- LIVE SUPPORT / ENQUIRIES ---------- */
.customerSupportPage,.enquiryPage{position:relative}
.customerSupportTop,.enquiryPageHead{border-color:#e8d0d4!important;background:radial-gradient(circle at 90% 0,rgba(195,15,29,.08),transparent 32%),linear-gradient(145deg,#fff,#fff6f7)!important;box-shadow:var(--dc-shadow)!important}
.customerSupportWorkspace,.enquiryPageGrid{border-color:#ead5d8!important;background:#fff!important;box-shadow:var(--dc-shadow)!important}
.supportThreadItem{border-color:#eedee0!important;background:#fff!important}.supportThreadItem:hover,.supportThreadItem.active{background:#fff0f2!important;border-color:#ddadb3!important}.supportThreadAvatar{background:#ffeaec!important;color:#a70d18!important}
.supportConversationHead,.supportMetaBar{background:linear-gradient(180deg,#fff7f8,#fff)!important;border-color:#ebd9dc!important}.supportMetaChip{background:#fff1f2!important;color:#80131b!important;border-color:#e8cbd0!important}.supportReplyForm{background:#fff!important;border-color:#ead9dc!important}
.enquiryFullCard{border-radius:20px!important}.enquiry-toolbar{background:#fff8f9!important;border-color:#ead9dc!important}.enquiry-person{background:#fff1f3!important;border-color:#e8cbd0!important}

/* ---------- REPORTS / AUDIT / LOGIN HISTORY ---------- */
.activity-item{padding:13px 0!important}.activity-time{color:#a18c90!important}.change-list{border-color:#e8d3d7!important}.change-line{background:#fff9fa!important;border-color:#eee0e2!important}.change-line .old{color:#8b6d72!important}.change-line .new{color:#8d0e17!important}.change-explain{background:#fff1f3!important;color:#76242b!important;border-left-color:#b50f1b!important}
.login-history-table .login-ip,.login-reason{color:#7d6469!important}.device-mark{background:#ffebed!important;color:#a50d18!important}

/* ---------- SECURITY ---------- */
.security-grid{gap:15px!important}.security-box{overflow:hidden!important}.security-box>div:first-child,.security-box .feature-icon{background:#ffeaec!important;color:#a80e19!important;border-color:#efcbd0!important}.security-list .security-pill{border-radius:14px!important}.check-line{background:#fff8f9!important;border-color:#ecdadc!important}.check-line svg{color:#ae0e1a!important}.database-live{background:#fff0f2!important;color:#8f1119!important;border-color:#e8bfc4!important}

/* ---------- PROFILE ---------- */
.profile-layout{gap:18px!important}.profile-card{overflow:hidden!important}.profile-card:after{content:"";position:absolute;right:-90px;top:-110px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(182,13,26,.10),transparent 70%);pointer-events:none}.profile-name{color:#251316!important}.profile-role,.profile-id{background:#fff0f2!important;color:#8f1019!important;border-color:#e8c4c8!important}.profile-verification-state{background:linear-gradient(145deg,#fff,#fff6f7)!important;border-color:#ead0d4!important}.profile-side-note{background:linear-gradient(135deg,#210306,#760911)!important;color:#fff!important;border-color:rgba(255,255,255,.08)!important}.profile-side-note *{color:inherit!important}

/* ---------- WEBSITE CONTROL ---------- */
.website-control-grid{background:transparent!important;border:0!important;box-shadow:none!important}.site-content-studio,.media-studio,.content-studio-layout{border:1px solid #e9d1d5!important;background:linear-gradient(145deg,#fff,#fff8f9)!important;box-shadow:var(--dc-shadow)!important}.studio-kicker{color:#ad0e1a!important}.studio-status{background:#fff0f2!important;color:#8f1019!important;border-color:#e7c4c8!important}.content-tabs{background:#fff4f5!important;border-color:#e9d4d7!important}.content-tabs button.active{background:linear-gradient(135deg,#d82230,#8e0a14)!important;color:#fff!important;box-shadow:0 8px 18px rgba(135,6,18,.17)!important}.content-editor{background:#fff!important;border-color:#ecdcde!important}.preview-browser{overflow:hidden!important}.preview-browser:before{content:"";display:block;height:30px;background:linear-gradient(180deg,#1a0a0d,#3e050a);border-bottom:1px solid rgba(255,255,255,.08)}.preview-route{background:#fff0f2!important;color:#80131b!important}.preview-scene{background:#fffafa!important}.feature-toggle,.review-admin-card,.upload-card{border-color:#ead5d8!important}.feature-toggle:hover,.review-admin-card:hover,.upload-card:hover{border-color:#dfadb3!important}.upload-orb{background:linear-gradient(145deg,#e73744,#8d0a14)!important;color:#fff!important}.seo-preview{border-left:4px solid #b20e1a!important}

/* ---------- MODALS / DIALOGS ---------- */
.modal{border:1px solid #e7c9cd!important;background:linear-gradient(145deg,#fff,#fff8f9)!important;box-shadow:0 30px 90px rgba(35,0,4,.24)!important}.modal-head{background:linear-gradient(180deg,#fff7f8,#fff)!important;border-bottom-color:#ead6d9!important}.modal-head h3{color:#291418!important}.modal-foot{background:#fff8f9!important;border-top-color:#ead7da!important}.modal-backdrop,.confirm{backdrop-filter:blur(10px)!important}.confirm>div{background:linear-gradient(145deg,#fff,#fff6f7)!important;border:1px solid #e8cbd0!important;box-shadow:0 30px 90px rgba(40,0,5,.26)!important}

/* ---------- ALERTS / TOASTS ---------- */
.booking-alert-panel{background:linear-gradient(135deg,#17080a,#5f0710 58%,#a50d19)!important;color:#fff!important;border-color:rgba(255,127,137,.18)!important;box-shadow:0 24px 70px rgba(52,1,6,.33)!important}.booking-alert-pulse{background:#ed3846!important;color:#fff!important;box-shadow:0 0 0 9px rgba(237,56,70,.08)!important}.booking-alert-copy small,.booking-alert-copy b,.booking-alert-copy span,.booking-alert-copy em{color:#fff!important}.booking-alert-copy span,.booking-alert-copy em{opacity:.72}
.toast{background:linear-gradient(135deg,#1b0b0e,#5f0710)!important;color:#fff!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 18px 55px rgba(40,0,5,.27)!important}.toast-icon{background:rgba(255,255,255,.10)!important;color:#fff!important}

/* ---------- LOGIN EXPERIENCE ---------- */
.login-page{
  background:
    radial-gradient(circle at 12% 18%,rgba(225,39,53,.20),transparent 27%),
    radial-gradient(circle at 88% 80%,rgba(88,6,14,.17),transparent 31%),
    linear-gradient(135deg,#0e0809 0%,#300409 42%,#faf4f5 42.1%,#fff 100%)!important
}
.login-wrap{border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 38px 110px rgba(33,0,4,.34)!important}
.login-visual{color:#fff!important;background:radial-gradient(circle at 85% 15%,rgba(255,111,120,.18),transparent 28%),linear-gradient(145deg,#0e0809,#46060c 56%,#820a13)!important}.login-visual h1,.login-visual p,.login-visual b,.login-visual small,.login-visual .eyebrow{color:#fff!important}.login-visual p,.login-visual small{opacity:.72}.login-route path{stroke:rgba(255,161,168,.28)!important}.login-dot{fill:#ff4b59!important}.trust-chip{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.10)!important;color:#fff!important}.trust-chip span{color:rgba(255,255,255,.66)!important}.trust-icon{background:rgba(255,255,255,.10)!important;color:#fff!important}.login-card{background:linear-gradient(145deg,#fff,#fff8f9)!important}.login-card h2{color:#210d11!important}.login-intro-overlay{background:radial-gradient(circle at 50% 20%,#730912,#14080a 58%,#090607)!important}.login-intro-brand-badge,.login-intro-shield{background:linear-gradient(145deg,#ee3f4d,#a10d18)!important;box-shadow:0 18px 50px rgba(219,31,46,.32)!important}.login-intro-chip{background:rgba(255,255,255,.075)!important;border-color:rgba(255,255,255,.11)!important}.login-intro-loader i{background:linear-gradient(90deg,#eb3543,#ff858d)!important}
.login-error-card{border-color:#e6c2c7!important;background:linear-gradient(145deg,#fff,#fff4f5)!important;box-shadow:0 30px 90px rgba(47,0,6,.26)!important}.login-error-icon{background:#ffe8ea!important;color:#a80d18!important}

/* ---------- RECOVERY / EMPTY / LOADING ---------- */
.empty-state,.booking-empty-card,.availability-empty-pro,.supportConversationEmpty,.module-recovery{background:linear-gradient(145deg,#fff,#fff7f8)!important;border-color:#ead5d8!important}.empty-icon,.availability-empty-icon{background:#ffeaec!important;color:#a70d18!important}.module-recovery b{color:#8f0b15!important}.upload-spinner,.send-spinner{border-top-color:#c81120!important}
.calendar-stage.is-loading:after,.day-details-pro.is-loading:after{background:rgba(255,250,250,.70)!important;backdrop-filter:blur(3px)!important}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1180px){
  .dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .access-role-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .availability-hero{grid-template-columns:auto minmax(0,1fr)!important}
  .availability-legend-pro{grid-column:1/-1!important;justify-content:flex-start!important}
}

@media(max-width:760px){
  .main:before,.main:after{display:none}
  #content{background-size:22px 22px,22px 22px,auto,auto!important}
  .topbar{background:rgba(255,251,251,.96)!important}
  .page-head{gap:15px!important}.page-actions{width:100%!important}.page-actions>.btn{flex:1 1 auto!important;justify-content:center!important}
  .dashboard-stat-grid,.calendar-stats,.access-role-overview{grid-template-columns:1fr 1fr!important}
  .grid-2,.profile-layout,.security-grid{grid-template-columns:1fr!important}
  .availability-hero{grid-template-columns:1fr!important;padding:19px!important}.availability-hero-orbit{transform:scale(.88);transform-origin:left center}.availability-legend-pro{grid-column:auto!important}
  .calendar-wrap-pro{padding:10px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:3px!important;min-width:0!important;width:100%!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-week{font-size:7px!important;padding:5px 0!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day,#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.muted{min-width:0!important;width:100%!important;min-height:57px!important;padding:5px 2px!important;border-radius:9px!important}
  #calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .legend,#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day .calendar-hover-arrow{display:none!important}
  .table-wrap{border-radius:16px!important}.table-wrap table,.data-table{min-width:850px!important}
  .booking-toolbar{grid-template-columns:1fr!important}.booking-toolbar>*{width:100%!important}
  .chat-layout-pro{grid-template-columns:1fr!important;height:auto!important}.chat-team-pro{max-height:240px!important}.chat-wrap-pro{min-height:520px!important}
  .content-studio-layout,.preview-grid,.media-upload-grid{grid-template-columns:1fr!important}
}

@media(max-width:480px){
  .dashboard-stat-grid,.calendar-stats,.access-role-overview{grid-template-columns:1fr!important}
  .page-actions{display:grid!important;grid-template-columns:1fr!important}.page-actions>.btn{width:100%!important}
  .stat,.quick{border-radius:16px!important}
  .availability-actions{grid-template-columns:1fr!important}.availability-actions>*{grid-column:auto!important;width:100%!important}
  .calendar-head-pro{grid-template-columns:40px minmax(0,1fr) 40px!important}.calendar-nav-btn{width:40px!important;min-width:40px!important;font-size:0!important;padding:0!important}.calendar-nav-btn svg{display:block!important}
  .modal{border-radius:20px!important}
}

/* ---------- MOTION ---------- */
@keyframes dc47PageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes dc47Float{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,16px,0) scale(1.05)}}
@keyframes dc47LogoPulse{0%,100%{box-shadow:0 14px 34px rgba(196,13,28,.34),inset 0 1px 0 rgba(255,255,255,.25)}50%{box-shadow:0 17px 45px rgba(234,44,58,.46),0 0 0 5px rgba(222,27,42,.06),inset 0 1px 0 rgba(255,255,255,.25)}}
@keyframes dc47Shine{0%,60%{transform:translateX(-100%)}78%,100%{transform:translateX(230%)}}
@keyframes dc47ButtonShine{0%,68%{left:-55%}82%,100%{left:125%}}
@keyframes dc47Pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:.9;transform:scale(1.15)}}
@keyframes dc47Orbit{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(-12px,14px) rotate(8deg)}}
@keyframes dc47Bar{from{transform:scaleY(.10);opacity:.3}to{transform:scaleY(1);opacity:1}}

#content>.page-head,#content>.availability-hero,#content>.calendar-stats,#content>.panel,#content>.grid-2,#content>.cards,#content>.profile-layout,#content>.security-grid,#content>.access-role-overview,#content>.manager-console,#content>.role-info-banner{
  animation:dc47SectionIn .44s cubic-bezier(.2,.8,.2,1) both
}
#content>.availability-hero,#content>.cards,#content>.access-role-overview{animation-delay:.045s}
#content>.panel,#content>.grid-2,#content>.profile-layout,#content>.security-grid{animation-delay:.075s}
@keyframes dc47SectionIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}
}

/* ========================================================================
   DCOMPANY ADMIN v48 — BALANCED PRO THEME
   White + Black + controlled Blood Red accents
   Final override layer: deliberately placed last to neutralize older themes.
   ======================================================================== */
:root{
  --dc48-red:#b3131f;
  --dc48-red-2:#d82331;
  --dc48-red-soft:#fff1f2;
  --dc48-red-line:#efcdd1;
  --dc48-black:#111216;
  --dc48-black-2:#1b1c21;
  --dc48-ink:#202126;
  --dc48-muted:#70737b;
  --dc48-bg:#f5f6f8;
  --dc48-card:#ffffff;
  --dc48-line:#e4e6eb;
  --dc48-line-2:#d9dce2;
  --dc48-shadow:0 12px 36px rgba(20,22,28,.07);
  --dc48-shadow-hover:0 18px 44px rgba(20,22,28,.11);
  --red:#b3131f!important;
  --red2:#d82331!important;
  --ink:#202126!important;
  --muted:#70737b!important;
  --line:#e4e6eb!important;
}

html,body{background:var(--dc48-bg)!important;color:var(--dc48-ink)!important}
body{background-image:none!important}
.app-shell,.main{background:var(--dc48-bg)!important}
.main:before{background:radial-gradient(circle at 85% 8%,rgba(179,19,31,.055),transparent 25%)!important;opacity:1!important}
.main:after{background:radial-gradient(circle at 8% 88%,rgba(17,18,22,.035),transparent 24%)!important;opacity:1!important}
#content{
  background:
    linear-gradient(rgba(31,33,38,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,33,38,.018) 1px,transparent 1px),
    var(--dc48-bg)!important;
  background-size:34px 34px,34px 34px,auto!important;
}

/* DESKTOP SIDEBAR / MOBILE BACKDROP STABILITY */
.sidebar-backdrop{display:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;filter:none!important}
body.sidebar-open .main{filter:none!important;-webkit-filter:none!important}
@media(min-width:901px){
  body.sidebar-open{overflow:auto!important}
  .sidebar-backdrop,.sidebar-backdrop.show,body.sidebar-open .sidebar-backdrop{display:none!important;pointer-events:none!important;opacity:0!important}
  .sidebar,.sidebar.open{transform:none!important}
}
@media(max-width:900px){
  .sidebar-backdrop.show,body.sidebar-open .sidebar-backdrop{
    display:block!important;position:fixed!important;inset:0!important;z-index:1600!important;
    background:rgba(10,11,14,.46)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  }
  body.sidebar-open .main{filter:none!important;-webkit-filter:none!important;pointer-events:none!important}
}

/* SIDEBAR — mostly black, red only for interaction */
.sidebar{
  background:linear-gradient(180deg,#111216 0%,#15161a 58%,#0d0e11 100%)!important;
  border-right:1px solid rgba(255,255,255,.07)!important;
  box-shadow:8px 0 32px rgba(0,0,0,.13)!important;
}
.side-brand{background:rgba(17,18,22,.97)!important;border-bottom-color:rgba(255,255,255,.07)!important}
.brand-mark{background:linear-gradient(145deg,#d92735,#99101a)!important;box-shadow:0 10px 28px rgba(179,19,31,.24)!important}
.brand-copy b,.side-user b,.nav-item,.secure-card b{color:#fff!important}
.brand-copy span,.side-user span,.workspace-label,.secure-card small{color:#aeb0b8!important}
.side-user{background:#15161a!important;border-bottom-color:rgba(255,255,255,.07)!important}
.workspace-label{letter-spacing:.16em!important}
.nav-item{background:transparent!important;border:1px solid transparent!important;color:#d5d6db!important}
.nav-item:hover{background:rgba(255,255,255,.055)!important;color:#fff!important;border-color:rgba(255,255,255,.05)!important;transform:translateX(2px)}
.nav-item.active{background:linear-gradient(135deg,#c91827,#98111b)!important;color:#fff!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 10px 24px rgba(179,19,31,.18)!important}
.nav-item.active:after{background:rgba(255,255,255,.16)!important}
.nav-item.logout:hover{background:rgba(179,19,31,.13)!important}
.secure-card{background:#191a1f!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:none!important}
.secure-ring{background:rgba(179,19,31,.15)!important;color:#ff929a!important}
.side-bottom{background:linear-gradient(180deg,rgba(17,18,22,0),#0d0e11 25%)!important}

/* TOP BAR */
.topbar{background:rgba(255,255,255,.96)!important;border-bottom:1px solid var(--dc48-line)!important;box-shadow:0 4px 18px rgba(18,20,25,.035)!important}
.top-search,.user-chip,.top-icon,.live-clock,.hamb{background:#fff!important;border-color:var(--dc48-line)!important;box-shadow:none!important}
.top-search:focus-within{border-color:#d7a5aa!important;box-shadow:0 0 0 4px rgba(179,19,31,.055)!important}
.top-icon:hover,.user-chip:hover,.hamb:hover{border-color:#d7a5aa!important;background:#fffafa!important;color:var(--dc48-red)!important;transform:translateY(-1px)}
.connection{color:#777a81!important}.connection i{background:#55b95d!important}
.notification-toggle.enabled{background:#f2fbf3!important;color:#338840!important;border-color:#d1e9d4!important}

/* TYPOGRAPHY / PAGE HEADERS */
.page-head h1,.panel h1,.panel h2,.panel h3,.panel h4{color:var(--dc48-ink)!important;text-shadow:none!important}
.page-head p,.panel p{color:var(--dc48-muted)!important}
.eyebrow{color:var(--dc48-red)!important}
.page-head{position:relative!important}
.page-head:after{content:"";position:absolute;left:0;bottom:-10px;width:52px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--dc48-red),transparent);opacity:.65}

/* CARDS / PANELS — clean white */
.panel,.stat,.quick,.role-overview-card,.security-box,.profile-card,.manager-console,.role-info-banner,.booking-record-card,.availability-card-pro,.review-admin-card,.feature-toggle,.upload-card,.site-content-studio,.media-studio,.content-editor,.content-studio-layout{
  background:#fff!important;border-color:var(--dc48-line)!important;box-shadow:var(--dc48-shadow)!important;color:var(--dc48-ink)!important
}
.panel:hover,.stat:hover,.quick:hover,.role-overview-card:hover,.availability-card-pro:hover,.review-admin-card:hover,.feature-toggle:hover,.upload-card:hover{box-shadow:var(--dc48-shadow-hover)!important;border-color:#d7d9df!important}
.panel:before,.stat:before,.quick:before{opacity:.45!important}

/* Dashboard role banner is black/white/red instead of red wall */
.dashboard-role-card,.dashboard-role-card.admin_manager,.dashboard-role-card.admin_supervisor,.dashboard-role-card.admin,.dashboard-role-card.office_admin,.dashboard-role-card.driver_access{
  background:linear-gradient(135deg,#15161a 0%,#202126 70%,#3b1116 100%)!important;
  border:1px solid #292b31!important;box-shadow:0 18px 42px rgba(12,13,16,.16)!important;color:#fff!important
}
.dashboard-role-card h3,.dashboard-role-card p,.dashboard-role-card .eyebrow{color:#fff!important}
.dashboard-role-card p{opacity:.72}.dashboard-role-icon{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.10)!important;color:#ff858e!important}
.dashboard-role-card .role-badge{background:rgba(255,255,255,.09)!important;color:#fff!important;border-color:rgba(255,255,255,.11)!important}

/* STATISTICS */
.stat{overflow:hidden!important}.stat:after{content:"";position:absolute;right:-44px;bottom:-55px;width:115px;height:115px;border-radius:50%;background:rgba(179,19,31,.035)!important;pointer-events:none}
.stat-icon{background:var(--dc48-red-soft)!important;color:var(--dc48-red)!important;border-color:#f2d8db!important}
.stat-value{color:#17181c!important}.stat-sub{color:#7b7e85!important}.stat-open-hint{color:var(--dc48-red)!important}
.stat-pending .stat-icon{background:#fff7e9!important;color:#c58219!important;border-color:#f3e1b9!important}.stat-due .stat-value{color:#9d101a!important}
.chart .bar{background:linear-gradient(180deg,#d72a37,#a40f1a)!important;box-shadow:0 8px 18px rgba(179,19,31,.12)!important}

/* BUTTONS */
.btn.primary,.primary-btn,button.primary,.booking-actions .primary,.content-tabs button.active{
  background:linear-gradient(135deg,#d52534,#a60f1a)!important;color:#fff!important;border-color:#b91320!important;box-shadow:0 9px 20px rgba(179,19,31,.14)!important
}
.btn.primary:hover,.primary-btn:hover,button.primary:hover{background:linear-gradient(135deg,#bd1725,#8f0d16)!important;box-shadow:0 12px 25px rgba(179,19,31,.20)!important;transform:translateY(-1px)}
.btn.soft,.btn:not(.primary),.icon-btn{background:#fff!important;color:#3f4148!important;border-color:var(--dc48-line)!important;box-shadow:none!important}
.btn.soft:hover,.btn:not(.primary):hover,.icon-btn:hover{background:#fff7f8!important;color:var(--dc48-red)!important;border-color:#e5bfc3!important}

/* FORMS */
.field input,.field textarea,.field select,.search-box,.select,.date-input,input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="date"],input[type="number"],textarea,select{
  background:#fff!important;color:var(--dc48-ink)!important;border-color:#dfe1e6!important
}
.field input:focus,.field textarea:focus,.field select:focus,.search-box:focus-within,input:focus,textarea:focus,select:focus{border-color:#d29aa0!important;box-shadow:0 0 0 4px rgba(179,19,31,.055)!important;outline:none!important}
.field label{color:#51545b!important}

/* TABLES / LISTS */
.table-wrap,.admin-table-wrap{background:#fff!important;border-color:var(--dc48-line)!important;box-shadow:var(--dc48-shadow)!important}
table thead th,.data-table thead th{background:#f7f8fa!important;color:#666971!important;border-bottom-color:#e2e4e8!important}
table tbody tr,.data-table tbody tr{background:#fff!important;border-bottom-color:#eceef1!important}
table tbody tr:hover,.data-table tbody tr:hover{background:#fafbfc!important}
.role-badge:not(.verified-badge){background:#fff5f6!important;color:#9d101a!important;border-color:#efcdd1!important}
.verified-badge,.admin-verified-badge{background:#eaf8ee!important;color:#247c3c!important;border-color:#bfe7ca!important;box-shadow:none!important}

/* ADMINISTRATORS */
.access-role-overview{gap:14px!important}.role-overview-card{background:#fff!important}.role-overview-card>.ico{background:#fff1f2!important;color:var(--dc48-red)!important;border-color:#f0d2d5!important}
.role-overview-card.manager,.role-overview-card.supervisor,.role-overview-card.office,.role-overview-card.driver,.role-overview-card.admin{background:#fff!important;border-color:var(--dc48-line)!important}
.role-overview-card.manager:before{background:var(--dc48-red)!important}
.admin-manager-console,.manager-console{background:linear-gradient(145deg,#fff,#fafbfc)!important;border-color:var(--dc48-line)!important}

/* AVAILABILITY — neutral canvas, dark hero, status colors retained */
.availability-hero{
  background:linear-gradient(125deg,#131418 0%,#202126 68%,#421017 100%)!important;
  border:1px solid #282a30!important;box-shadow:0 18px 42px rgba(17,18,22,.16)!important
}
.availability-hero:after{background:radial-gradient(circle,rgba(211,31,46,.20),transparent 70%)!important}
.availability-hero h2,.availability-hero p,.availability-hero .availability-kicker{color:#fff!important}.availability-hero p{opacity:.72}
.availability-hero-orbit>div{background:linear-gradient(145deg,#d72836,#a30f19)!important;color:#fff!important}
.availability-legend-pro{background:rgba(255,255,255,.055)!important;border-color:rgba(255,255,255,.10)!important}
.calendar-wrap-pro,.calendar-stage,.day-details-pro,.day-detail-shell{background:#fff!important;border-color:var(--dc48-line)!important}
.calendar-head-pro{background:#fff!important}.calendar-month-lockup small{color:#8a8d94!important}.calendar-title{color:#202126!important}
.calendar-grid-pro .cal-week{background:#f6f7f9!important;color:#676a72!important;border-color:#eceef1!important}
.calendar-grid-pro .cal-day{box-shadow:none!important;border-color:#e1e3e7!important}
.calendar-grid-pro .cal-day.green{background:#f5fbf5!important}
.calendar-grid-pro .cal-day.orange{background:#fff8ec!important}
.calendar-grid-pro .cal-day.red{background:#fff4f4!important}
.calendar-grid-pro .cal-day.blue{background:#f2f9fd!important}
.calendar-grid-pro .cal-day.muted{background:#fafafa!important}
.calendar-grid-pro .cal-day.is-selected{outline-color:#bf1926!important;box-shadow:0 0 0 3px rgba(179,19,31,.075)!important}
.calendar-grid-pro .cal-day.is-today{border-color:#dba5aa!important}
.calendar-stat{background:#fff!important;border-color:var(--dc48-line)!important;box-shadow:var(--dc48-shadow)!important}

/* CHAT / SUPPORT */
.teamChatHero,.supportDeskHero{background:linear-gradient(130deg,#15161a,#222329 72%,#441118)!important}
.teamChatPanel,.supportDeskAdmin,.supportConversation,.supportConversationHead,.supportReplyForm,.compactCompose{background:#fff!important;border-color:var(--dc48-line)!important}
.teamChatBody,.supportConversationBody,.compact-chat{background:#f6f7f9!important}
.teamChatBubble.me,.compactChatBubble.me,.adminSupportBubble.admin{background:#a8111c!important;border-color:#a8111c!important;color:#fff!important}
.teamChatBubble:not(.me),.compactChatBubble:not(.me),.adminSupportBubble.customer{background:#fff!important;border-color:#e2e4e8!important;color:var(--dc48-ink)!important}

/* PAYMENTS / BOOKINGS / CUSTOMERS / VEHICLES / DRIVERS */
.booking-filter-head,.booking-toolbar,.booking-record-card>header,.booking-record-card>footer,.payment-toolbar,.customer-toolbar,.vehicle-toolbar,.driver-toolbar{background:#fff!important;border-color:var(--dc48-line)!important}
.booking-record-grid>section{border-color:#eceef1!important}.booking-id-chip{background:#f7f8fa!important;color:#34363b!important;border-color:#e1e3e7!important}

/* REPORTS / AUDIT / LOGIN HISTORY */
.change-line,.check-line,.security-pill{background:#fafbfc!important;border-color:#e4e6ea!important}.change-line .new{color:#9d101a!important}.change-explain{background:#fff6f7!important;border-left-color:var(--dc48-red)!important;color:#5f3438!important}
.device-mark{background:#fff1f2!important;color:#a8111c!important}

/* SECURITY / PROFILE */
.security-box>div:first-child,.security-box .feature-icon,.empty-icon,.availability-empty-icon{background:#fff1f2!important;color:var(--dc48-red)!important;border-color:#efd0d3!important}
.database-live{background:#f2fbf4!important;color:#2e7e40!important;border-color:#cce8d2!important}
.profile-role,.profile-id{background:#f7f8fa!important;color:#44474e!important;border-color:#e1e3e7!important}
.profile-verification-state{background:#fff!important;border-color:var(--dc48-line)!important}.profile-side-note{background:linear-gradient(135deg,#15161a,#25262c)!important;color:#fff!important}

/* WEBSITE CONTROL */
.site-content-studio,.media-studio,.content-studio-layout{background:#fff!important;border-color:var(--dc48-line)!important}.content-tabs{background:#f5f6f8!important;border-color:#e2e4e8!important}.content-editor{background:#fff!important;border-color:#e2e4e8!important}.preview-browser:before{background:#17181c!important}.preview-route{background:#f7f8fa!important;color:#53565d!important}.preview-scene{background:#fafbfc!important}.upload-orb{background:linear-gradient(145deg,#d72534,#a20f19)!important}.seo-preview{border-left-color:var(--dc48-red)!important}

/* MODALS / TOASTS */
.modal,.confirm>div{background:#fff!important;border-color:#dfe1e6!important;box-shadow:0 28px 80px rgba(18,20,25,.20)!important}.modal-head,.modal-foot{background:#fff!important;border-color:#e4e6eb!important}.modal-backdrop,.confirm{background:rgba(10,11,14,.45)!important;backdrop-filter:blur(4px)!important}
.toast{background:#17181c!important;color:#fff!important;border-color:#2a2c31!important;box-shadow:0 16px 45px rgba(10,11,14,.23)!important}.toast-icon{background:rgba(179,19,31,.20)!important;color:#ff8a93!important}
.booking-alert-panel{background:linear-gradient(135deg,#15161a,#292a30 70%,#48121a)!important;border-color:#33353b!important;box-shadow:0 20px 55px rgba(10,11,14,.28)!important}

/* LOGIN — black/white split with restrained red */
.login-page{background:linear-gradient(135deg,#111216 0%,#1e1f24 42%,#f5f6f8 42.1%,#fff 100%)!important}
.login-visual{background:linear-gradient(145deg,#111216,#1f2025 70%,#401017)!important}.login-card{background:#fff!important}.trust-chip{background:rgba(255,255,255,.06)!important}.login-intro-overlay{background:#111216!important}.login-intro-brand-badge,.login-intro-shield{background:linear-gradient(145deg,#d52634,#a10e19)!important}
.login-app-links{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:11px 12px;border:1px solid #e2e4e8;border-radius:14px;background:#f7f8fa}
.login-app-links>span{color:#858990;font-size:7px;font-weight:900;letter-spacing:.13em;line-height:1.3;white-space:nowrap}
.login-app-links>div{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
.login-app-links a{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid #dedfe4;border-radius:10px;background:#fff;color:#3e4148;font-size:9px;font-weight:900;line-height:1;text-decoration:none;box-shadow:0 4px 12px rgba(20,22,28,.04);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}
.login-app-links a:hover,.login-app-links a:focus-visible{transform:translateY(-1px);border-color:#d99da3;background:#fff4f5;color:#a30f1a;outline:none}
.login-app-links a .ico{width:14px;height:14px;flex:0 0 14px}

/* MOTION — cleaner, less distracting */
.nav-item,.btn,.top-icon,.user-chip,.panel,.stat,.quick,.role-overview-card,.cal-day{transition:transform .20s ease,box-shadow .20s ease,border-color .20s ease,background-color .20s ease,color .20s ease!important}
#content>.page-head,#content>.availability-hero,#content>.calendar-stats,#content>.panel,#content>.grid-2,#content>.cards,#content>.profile-layout,#content>.security-grid,#content>.access-role-overview{animation:dc48Enter .30s cubic-bezier(.2,.8,.2,1) both!important}
@keyframes dc48Enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* MOBILE */
@media(max-width:760px){
  #content{background:var(--dc48-bg)!important;padding-left:14px!important;padding-right:14px!important}
  .topbar{background:#fff!important}.page-head:after{display:none!important}
  .availability-hero{padding:17px!important}.availability-hero:after{opacity:.45!important}
  .panel,.stat,.quick{box-shadow:0 7px 22px rgba(20,22,28,.055)!important}
  .login-page{place-items:start center!important;overflow-x:hidden!important;overflow-y:auto!important;padding-top:calc(14px + env(safe-area-inset-top))!important;padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}
  .login-wrap{margin:auto 0!important}
}

@media(max-width:480px){.login-app-links{align-items:stretch;flex-direction:column}.login-app-links>span{text-align:center}.login-app-links>div{display:grid;grid-template-columns:1fr 1fr;width:100%}.login-app-links a{width:100%}}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}

/* DCompany Admin v50 — polished blood-red operations layer */
:root{--dc50-red:#b20f1b;--dc50-red-deep:#7f0912;--dc50-red-soft:#fff0f2;--dc50-blue:#1677d2;--dc50-blue-soft:#eaf4ff}
html{background:#f5f6f8}body{padding-bottom:env(safe-area-inset-bottom)}
.topbar{padding-top:env(safe-area-inset-top)!important;height:calc(82px + env(safe-area-inset-top))!important}.sidebar{padding-top:env(safe-area-inset-top)!important}.modal-backdrop{padding-top:calc(18px + env(safe-area-inset-top))!important;padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}.modal-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important}.toast-wrap{bottom:calc(18px + env(safe-area-inset-bottom))!important}.booking-alert-panel,.incoming-call-overlay{bottom:calc(18px + env(safe-area-inset-bottom))!important}

/* A profile photo means that administrator is visually verified. */
.profile-verified-badge,.verified-badge,.admin-verified-badge{background:var(--dc50-blue-soft)!important;color:var(--dc50-blue)!important;border-color:#b9d9f6!important;box-shadow:none!important}.profile-verified-badge .ico,.profile-verified-badge svg,.verified-badge svg,.admin-verified-badge svg{color:var(--dc50-blue)!important}.profile-verification-state.is-verified{background:var(--dc50-blue-soft)!important;border-color:#b9d9f6!important;color:var(--dc50-blue)!important}
.side-avatar.verified-avatar{position:relative!important;overflow:visible!important}.side-avatar.verified-avatar img{border-radius:11px}.side-avatar.verified-avatar>i,.call-access-avatar>i{position:absolute;right:-4px;bottom:-3px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--dc50-blue)!important;color:#fff!important;border:2px solid #15161a;font-size:9px;font-style:normal;font-weight:950;box-shadow:0 3px 9px rgba(22,119,210,.28)}

/* Booking routes, coupons, pricing and documents */
.booking-route-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.booking-route-chip,.booking-toll-chip,.booking-offer-chip{display:inline-flex!important;align-items:center;gap:5px;width:max-content;max-width:100%;border-radius:999px;padding:5px 8px;font-size:7px!important;font-weight:850;line-height:1.2;border:1px solid #e0e3e8;background:#f7f8fa;color:#555962}.booking-toll-chip{background:#fff6e9;color:#8b5a0d;border-color:#f0d6ab}.booking-offer-chip{background:#fff0f2;color:#a20c18;border-color:#efc5ca}.booking-view-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.detail-line.saving b{color:#268048!important}
.location-admin-field{grid-column:span 1}.location-admin-input{display:flex;align-items:center;gap:9px;border:1px solid #dfe1e6;border-radius:12px;padding:0 11px;background:#fff;min-height:43px}.location-admin-input:focus-within{border-color:#d29aa0;box-shadow:0 0 0 4px rgba(179,19,31,.055)}.location-admin-input>.ico{flex:0 0 auto;color:var(--dc50-red)}.location-admin-input input{border:0!important;box-shadow:none!important;padding-inline:0!important;width:100%}
.location-admin-input.has-live-place-search{position:relative}.dc-place-suggestions{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:260;display:grid;gap:2px;max-height:290px;overflow-y:auto;padding:7px;background:#fff;border:1px solid #eadbdd;border-radius:13px;box-shadow:0 20px 48px rgba(34,10,14,.2)}.dc-place-suggestions[hidden]{display:none}.dc-place-suggestions button{display:grid;gap:3px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:0;border-radius:9px;color:#262326;cursor:pointer}.dc-place-suggestions button:hover,.dc-place-suggestions button.active{background:#fff0f1;color:#a90f1c}.dc-place-suggestions button b{font-size:12px;line-height:1.35}.dc-place-suggestions button span{font-size:10px;line-height:1.4;color:#767078}.dc-place-suggestions button.active span{color:#8f4c52}
.admin-route-estimate{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e1e4e8;border-radius:15px;background:linear-gradient(135deg,#f8f9fa,#fff);min-height:76px;transition:.2s}.admin-route-estimate .route-estimate-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex:0 0 42px;background:#eceef2;color:#5e626a}.admin-route-estimate small,.admin-route-estimate b,.admin-route-estimate div>span{display:block}.admin-route-estimate small{font-size:7px;letter-spacing:.15em;color:#8c8f96;font-weight:900}.admin-route-estimate b{margin-top:4px;font-size:12px}.admin-route-estimate div>span{margin-top:4px;font-size:8px;color:#7a7e86;line-height:1.45}.admin-route-estimate.ready{border-color:#badfc7;background:#f4fbf6}.admin-route-estimate.ready .route-estimate-icon{background:#dff4e6;color:#237b43}.admin-route-estimate.toll{border-color:#edcf9c;background:#fff9ed}.admin-route-estimate.toll .route-estimate-icon{background:#ffedcd;color:#966016}.admin-route-estimate.error{border-color:#edc2c7;background:#fff5f6}.admin-route-estimate.loading .route-estimate-icon{animation:dc50RoutePulse 1s ease-in-out infinite}
.booking-price-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #e0e2e6;border-radius:16px;overflow:hidden;background:#fafbfc}.booking-price-preview>div{padding:15px;border-right:1px solid #e5e7eb}.booking-price-preview>div:last-child{border-right:0}.booking-price-preview small,.booking-price-preview b{display:block}.booking-price-preview small{font-size:7px;letter-spacing:.13em;color:#858990;font-weight:900}.booking-price-preview b{font-size:17px;margin-top:5px}.booking-price-preview .final{background:linear-gradient(135deg,#251114,#8c0a14);color:#fff}.booking-price-preview .final small{color:#ffc4c9}.booking-price-preview .final b{color:#fff!important}
.trip-sheet-action{color:#7e1620!important}.trip-sheet-company{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px 16px;margin-bottom:15px;border-radius:15px;background:linear-gradient(130deg,#15161a,#411017);color:#fff}.trip-sheet-company b,.trip-sheet-company span{display:block}.trip-sheet-company b{font-size:12px}.trip-sheet-company span,.trip-sheet-company small{font-size:8px;color:#d9cdd0;line-height:1.5}.trip-sheet-policy-note{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border:1px solid #d5e4f2;border-radius:12px;background:#f2f8fd;color:#42627d;font-size:9px}

/* Coupon desk */
.coupon-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.coupon-overview>article{position:relative;overflow:hidden;padding:18px;border:1px solid #e0e2e7;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(20,22,28,.045)}.coupon-overview>article:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;right:-45px;bottom:-50px;background:#b20f1b0b}.coupon-overview span,.coupon-overview b,.coupon-overview small{display:block}.coupon-overview span{font-size:7px;letter-spacing:.16em;color:var(--dc50-red);font-weight:900}.coupon-overview b{font-size:14px;margin-top:7px}.coupon-overview small{font-size:9px;line-height:1.55;color:#777b82;margin-top:6px}.coupon-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.coupon-card{border:1px solid #e0e2e7;border-radius:19px;background:#fff;overflow:hidden;padding:17px;position:relative}.coupon-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--dc50-red)}.coupon-card.state-inactive:before,.coupon-card.state-expired:before,.coupon-card.state-fully-used:before{background:#999da5}.coupon-card>header,.coupon-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.coupon-code small,.coupon-code b{display:block}.coupon-code small{font-size:7px;letter-spacing:.12em;color:#8b8e95}.coupon-code b{font-size:18px;margin-top:4px;letter-spacing:.04em;color:#8f0b15}.coupon-percent{display:flex;align-items:baseline;gap:7px;margin:17px 0 10px}.coupon-percent strong{font-size:33px;line-height:1;color:#a30e19}.coupon-percent span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#777b82}.coupon-card>p{font-size:10px!important;line-height:1.55;min-height:31px}.coupon-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0}.coupon-meta span{padding:9px;border-radius:10px;background:#f7f8fa;font-size:8px;color:#6d7178}.coupon-meta b{display:block;font-size:7px;color:#9a9da3;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.coupon-card>footer{border-top:1px solid #eceef1;padding-top:12px}.coupon-card>footer>span{font-size:8px;color:#777b82}.coupon-card>footer>div{display:flex;gap:5px}

/* App releases */
.release-safety,.call-security-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.release-safety>div,.call-security-strip>div{display:flex;align-items:flex-start;gap:11px;padding:14px;border:1px solid #e0e2e7;border-radius:16px;background:#fff}.release-safety .ico,.call-security-strip .ico{color:var(--dc50-red);flex:0 0 auto}.release-safety b,.release-safety small,.call-security-strip b,.call-security-strip small{display:block}.release-safety b,.call-security-strip b{font-size:10px}.release-safety small,.call-security-strip small{font-size:8px;line-height:1.5;color:#7b7f86;margin-top:3px}.release-grid{display:grid;gap:12px}.release-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:15px;padding:16px;border:1px solid #e0e2e7;border-radius:18px;background:#fff}.release-app-icon{width:70px;height:70px;border-radius:18px;overflow:hidden;background:#17181c;padding:4px}.release-app-icon img{width:100%;height:100%;object-fit:cover;border-radius:14px}.release-copy header,.release-copy footer{display:flex;justify-content:space-between;align-items:center;gap:12px}.release-copy header small{font-size:7px;letter-spacing:.13em;color:#8d9097;font-weight:900}.release-copy h3{margin:4px 0 0;font-size:15px}.release-copy p{font-size:9px!important;line-height:1.55}.release-meta{display:flex;flex-wrap:wrap;gap:7px}.release-meta span{padding:6px 8px;border-radius:9px;background:#f7f8fa;font-size:8px}.release-copy code{display:block;margin:10px 0;padding:8px;border-radius:9px;background:#17181c;color:#d8dbe1;font-size:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.release-copy footer>span{font-size:8px;color:#858991}.release-copy footer>div{display:flex;gap:6px;align-items:center}.btn.small{padding:7px 9px!important;font-size:8px!important}

/* WebRTC call desk */
.call-ready-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #cde6d4;background:#f1faf3;color:#26783d;border-radius:999px;padding:8px 11px;font-size:8px;font-weight:900}.call-ready-pill i{width:7px;height:7px;border-radius:50%;background:#40b65b;box-shadow:0 0 0 5px #40b65b16}.call-security-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.call-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(310px,.85fr);gap:14px}.incoming-call-list,.call-access-list{display:grid;gap:9px}.incoming-call-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border:1px solid #e0e2e7;border-radius:16px;background:#fff}.incoming-call-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f2;color:var(--dc50-red);animation:dc50CallPulse 1.3s ease-in-out infinite}.incoming-call-card small{font-size:7px;letter-spacing:.11em;color:#9a7b80}.incoming-call-card h3{margin:4px 0;font-size:14px}.incoming-call-card p,.incoming-call-card span{font-size:9px;line-height:1.45;margin:0;color:#73777e}.incoming-call-actions{display:flex;gap:7px}.call-answer,.call-decline{border:0;border-radius:11px;padding:9px 11px;display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#fff}.call-answer{background:#278947}.call-decline{background:#b20f1b}.call-answer:disabled{opacity:.45}.call-access-row{position:relative;display:grid;grid-template-columns:auto 40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid #e2e4e8;border-radius:14px;background:#fff;cursor:pointer}.call-access-row>input{accent-color:var(--dc50-red)}.call-access-avatar{position:relative}.call-access-row b,.call-access-row small{display:block}.call-access-row b{font-size:10px}.call-access-row small{font-size:7px;color:#858991;margin-top:2px}.call-access-row em{font-size:7px;font-style:normal;font-weight:900}.call-access-row em.online{color:#278947}.call-access-row em.offline{color:#8e9299}.active-call-shell{text-align:center;padding:28px 16px}.active-call-rings{position:relative;width:120px;height:120px;margin:0 auto 18px;display:grid;place-items:center}.active-call-rings>i{position:absolute;inset:0;border:1px solid #bc1b2840;border-radius:50%;animation:dc50CallRing 2.1s ease-out infinite}.active-call-rings>i:nth-child(2){inset:14px;animation-delay:.35s}.active-call-rings>i:nth-child(3){inset:28px;animation-delay:.7s}.active-call-rings>div{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#cf2331,#8d0a14);color:#fff}.active-call-shell>small{font-size:7px;letter-spacing:.16em;color:var(--dc50-red);font-weight:900}.active-call-shell h2{font-size:24px;margin:8px 0 5px}.active-call-shell p,.active-call-shell>span{font-size:9px;color:#797d84}.active-call-controls{display:flex;justify-content:center;gap:10px;margin-top:20px}.call-control{border:1px solid #dfe2e6;border-radius:12px;padding:10px 13px;background:#fff;display:flex;gap:7px;align-items:center;font-size:9px;font-weight:900}.call-control.end{background:#b20f1b;color:#fff;border-color:#b20f1b}
.settings-explainer{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-bottom:12px;border-radius:13px;border:1px solid #cfe2f2;background:#f2f8fd;color:#345d7f}.settings-explainer.warning{margin-top:12px;border-color:#efd6a8;background:#fff8ec;color:#765415}.settings-explainer .ico{flex:0 0 auto}.settings-explainer b,.settings-explainer span{display:block}.settings-explainer b{font-size:10px}.settings-explainer span{font-size:8px;line-height:1.5;margin-top:3px}.content-tabs{overflow-x:auto;scrollbar-width:thin}

@keyframes dc50RoutePulse{50%{transform:scale(.92);opacity:.6}}@keyframes dc50CallPulse{50%{box-shadow:0 0 0 10px rgba(178,15,27,.06)}}@keyframes dc50CallRing{0%{transform:scale(.75);opacity:.9}100%{transform:scale(1.18);opacity:0}}
@media(max-width:1050px){.coupon-grid{grid-template-columns:1fr}.call-layout{grid-template-columns:1fr}.call-security-strip{grid-template-columns:1fr 1fr}.booking-price-preview{grid-template-columns:1fr}.booking-price-preview>div{border-right:0;border-bottom:1px solid #e5e7eb}.booking-price-preview>div:last-child{border-bottom:0}}
@media(max-width:760px){.topbar{padding-top:env(safe-area-inset-top)!important}.sidebar{padding-top:env(safe-area-inset-top)!important}.coupon-overview,.release-safety,.call-security-strip{grid-template-columns:1fr}.release-card{grid-template-columns:52px minmax(0,1fr);padding:12px}.release-app-icon{width:52px;height:52px;border-radius:14px}.release-copy header,.release-copy footer{align-items:flex-start;flex-direction:column}.release-copy footer>div{width:100%;flex-wrap:wrap}.incoming-call-card{grid-template-columns:42px minmax(0,1fr)}.incoming-call-avatar{width:42px;height:42px}.incoming-call-actions{grid-column:1/-1}.incoming-call-actions>*{flex:1;justify-content:center}.location-admin-field{grid-column:1/-1}.trip-sheet-company{align-items:flex-start;flex-direction:column}.booking-route-tags{align-items:flex-start}.booking-route-chip,.booking-toll-chip,.booking-offer-chip{white-space:normal}}

/* Finance workspace */
.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.payment-summary-grid>article{display:flex;align-items:center;gap:12px;padding:17px;border:1px solid #e0e2e7;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(20,22,28,.045)}.payment-summary-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center}.payment-summary-icon.paid{background:#e9f7ee;color:#277f46}.payment-summary-icon.advance{background:#fff0f2;color:#aa111d}.payment-summary-icon.pending{background:#fff6e8;color:#a16912}.payment-summary-icon.refund{background:#edf6fb;color:#267ba2}.payment-summary-grid small,.payment-summary-grid b,.payment-summary-grid em{display:block}.payment-summary-grid small{font-size:7px;letter-spacing:.12em;color:#858990;font-weight:900}.payment-summary-grid b{font-size:18px;margin-top:4px}.payment-summary-grid em{font-size:7px;font-style:normal;color:#94979d;margin-top:2px}.payment-filter-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.payment-filter-head>div span,.payment-filter-head>div b{display:block}.payment-filter-head>div span{font-size:7px;letter-spacing:.14em;color:var(--dc50-red);font-weight:900}.payment-filter-head>div b{font-size:13px;margin-top:4px}.payment-document-actions{display:flex;gap:5px}.payment-type-chip{display:inline-flex;margin-top:5px;border-radius:999px;padding:4px 7px;background:#fff0f2;color:#9d111b;font-size:7px;font-weight:850}.payment-card-grid{display:none}.payment-balance-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px;border:1px solid #e0e2e7;border-radius:16px;overflow:hidden}.payment-balance-preview>div{padding:13px;border-right:1px solid #e4e6ea;background:#fafbfc}.payment-balance-preview>div:last-child{border-right:0}.payment-balance-preview small,.payment-balance-preview b{display:block}.payment-balance-preview small{font-size:7px;letter-spacing:.11em;color:#858990;font-weight:900}.payment-balance-preview b{font-size:15px;margin-top:5px}.payment-balance-preview .final{background:linear-gradient(135deg,#251114,#8c0a14);color:#fff}.payment-balance-preview .final small,.payment-balance-preview .final b{color:#fff!important}.payment-receipt-field{margin-top:15px}.receipt-viewer{min-height:420px;display:grid;place-items:center}.receipt-viewer img{max-width:100%;max-height:65vh;object-fit:contain;border:1px solid #e0e2e7;border-radius:14px}.receipt-viewer iframe{width:100%;height:65vh;border:1px solid #e0e2e7;border-radius:14px;background:#fff}
@media(max-width:1080px){.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-balance-preview{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-balance-preview>div:nth-child(2){border-right:0}.payment-balance-preview>div:nth-child(-n+2){border-bottom:1px solid #e4e6ea}}
@media(max-width:760px){.payment-summary-grid{grid-template-columns:1fr 1fr;gap:8px}.payment-summary-grid>article{padding:12px;align-items:flex-start}.payment-summary-icon{width:34px;height:34px;flex-basis:34px}.payment-summary-grid b{font-size:14px}.payment-table-wrap{display:none!important}.payment-card-grid{display:grid;gap:10px}.payment-mobile-card{padding:14px;border:1px solid #e0e2e7;border-radius:17px;background:#fff}.payment-mobile-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.payment-mobile-card header small,.payment-mobile-card header b,.payment-mobile-card header span{display:block}.payment-mobile-card header small{font-size:7px;letter-spacing:.12em;color:#999ca2}.payment-mobile-card header b{font-size:14px;margin-top:2px}.payment-mobile-card header div>span{font-size:8px;color:#80848b;margin-top:3px}.payment-mobile-money{margin:14px 0;padding:12px;border-radius:13px;background:#f7f8fa}.payment-mobile-money strong,.payment-mobile-money span{display:block}.payment-mobile-money strong{font-size:22px}.payment-mobile-money span{font-size:8px;color:#777b82;margin-top:2px}.payment-mobile-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px}.payment-mobile-meta span{font-size:8px;color:#656970}.payment-mobile-meta b{display:block;font-size:7px;color:#9a9da3;margin-bottom:3px}.payment-mobile-card footer{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.payment-mobile-card footer .btn{flex:1;justify-content:center}.payment-balance-preview{grid-template-columns:1fr 1fr}.payment-filter-head{align-items:flex-start}.payment-toolbar .toolbar-left{width:100%}.payment-toolbar .search-box{width:100%}.payment-toolbar select,.payment-toolbar input[type=date]{flex:1}.payment-toolbar .btn{flex:1;justify-content:center}}

/* DCompany Admin v50.0.3 — requested colour cleanup and reliable app navigation */
.status-dot-sm{
  background:#55b95d!important;
  box-shadow:0 0 0 4px rgba(85,185,93,.10),0 0 10px rgba(85,185,93,.25)!important
}
.stat-pending .stat-icon{
  background:var(--dc48-red-soft)!important;
  color:var(--dc48-red)!important;
  border-color:#f2d8db!important
}
.notification-toggle,.notification-toggle.enabled{
  background:#f2fbf3!important;
  color:#2e873d!important;
  border-color:#cce8d1!important;
  box-shadow:none!important
}
.notification-toggle:hover,.notification-toggle:focus-visible,.notification-toggle.enabled:hover,.notification-toggle.enabled:focus-visible{
  background:#e9f8ec!important;
  color:#237432!important;
  border-color:#afdab7!important
}
.nav-dot-count,.nav-dot-count.on{
  display:none!important;
  animation:none!important;
  box-shadow:none!important
}
.nav-item.active:after,.nav-item.active::after{
  content:none!important;
  display:none!important;
  animation:none!important
}
@media(max-width:900px){
  .app-shell{isolation:isolate!important}
  .sidebar{z-index:2002!important;pointer-events:auto!important;touch-action:pan-y!important}
  .sidebar .nav-item{pointer-events:auto!important;touch-action:manipulation!important}
  .sidebar-backdrop,.sidebar-backdrop.show,body.sidebar-open .sidebar-backdrop{
    position:fixed!important;
    inset:0!important;
    z-index:2001!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important
  }
  .sidebar-backdrop{display:none!important;opacity:0!important;pointer-events:none!important}
  .sidebar-backdrop.show,body.sidebar-open .sidebar-backdrop{display:block!important;opacity:1!important;pointer-events:auto!important}
  body:not(.sidebar-open) .sidebar-backdrop{display:none!important;opacity:0!important;pointer-events:none!important}
}

/* =========================================================
   DCompany v50.0.5 — booking status, verified journey,
   care-of control and 6-wheeler route/toll UI refinements
   ========================================================= */

/* Status belongs to the badge itself — never paint a full-width line behind it. */
.booking-record-state{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  width:auto!important;
  min-width:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.booking-record-state .status{
  width:auto!important;
  flex:0 0 auto!important;
  min-height:24px!important;
  padding:0 10px!important;
  border:1px solid transparent!important;
  box-shadow:none!important;
  letter-spacing:.01em!important;
}
.booking-record-state .status.confirmed{
  background:#edf9f1!important;
  color:#237343!important;
  border-color:#c8e8d3!important;
}
.booking-record-state .status.pending{
  background:#fff7e8!important;
  color:#8b5b12!important;
  border-color:#efd8ad!important;
}
.booking-record-state .status.completed{
  background:#eef8fd!important;
  color:#25799e!important;
  border-color:#cce4ef!important;
}
.booking-record-state .status.cancelled{
  background:#f5f2f3!important;
  color:#77676b!important;
  border-color:#e4dcde!important;
}

/* Make the card edge communicate status instead of a permanent red rail. */
.booking-record-card{position:relative!important}
.booking-record-card:before{
  width:4px!important;
  opacity:1!important;
  border-radius:0 4px 4px 0!important;
  background:#c7c9ce!important;
}
.booking-record-card.status-confirmed:before{background:linear-gradient(180deg,#39a867,#1d7442)!important}
.booking-record-card.status-pending:before{background:linear-gradient(180deg,#e0a638,#a96712)!important}
.booking-record-card.status-completed:before{background:linear-gradient(180deg,#4ba7d4,#25749b)!important}
.booking-record-card.status-cancelled:before{background:linear-gradient(180deg,#aaa0a3,#74686c)!important}

/* Verified journey footer: compact, professional status capsule — no stray red line. */
.booking-record-note{
  width:max-content!important;
  max-width:100%!important;
  min-height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:6px 10px!important;
  border:1px solid #e3e5e9!important;
  border-left:1px solid #e3e5e9!important;
  border-radius:999px!important;
  background:#f8f9fa!important;
  color:#62656c!important;
  font-size:8px!important;
  font-weight:850!important;
  line-height:1.2!important;
  box-shadow:none!important;
}
.booking-record-note svg{
  width:14px!important;
  height:14px!important;
  flex:0 0 14px!important;
}
.status-confirmed .booking-record-note{
  background:#f0faf4!important;
  color:#237444!important;
  border-color:#c9e8d4!important;
  box-shadow:0 5px 14px rgba(35,116,68,.06)!important;
}
.status-confirmed .booking-record-note svg{color:#269052!important}
.status-completed .booking-record-note{
  background:#f0f8fc!important;
  color:#25789d!important;
  border-color:#cce3ee!important;
}
.status-pending .booking-record-note{
  background:#fff9ee!important;
  color:#8d5d13!important;
  border-color:#edd8b1!important;
}
.status-cancelled .booking-record-note{
  background:#f7f5f6!important;
  color:#75676a!important;
  border-color:#e4dcde!important;
}

/* Care-of is a first-class toggle card, not a browser-default checkbox strip. */
.care-of-field{
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e5e7eb!important;
  border-left:1px solid #e5e7eb!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 8px 24px rgba(25,20,22,.035)!important;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.care-of-field.is-active{
  border-color:#ddb8bc!important;
  background:linear-gradient(135deg,#fff,#fff8f9)!important;
  box-shadow:0 10px 28px rgba(157,16,26,.06)!important;
}
.care-toggle-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  margin:0!important;
  padding:14px 16px!important;
  cursor:pointer!important;
  user-select:none!important;
  background:transparent!important;
}
.care-toggle-card>input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
}
.care-toggle-box{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border:1.5px solid #cfd2d8!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:inset 0 0 0 2px #fff!important;
  transition:.18s ease!important;
}
.care-toggle-box:after{
  content:"";
  width:8px;
  height:4px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) scale(.4);
  opacity:0;
  transition:.18s ease;
  margin-top:-2px;
}
.care-toggle-card>input:checked + .care-toggle-box{
  background:linear-gradient(135deg,#cf1c2b,#97111b)!important;
  border-color:#ae1722!important;
  box-shadow:0 5px 14px rgba(166,15,27,.20)!important;
}
.care-toggle-card>input:checked + .care-toggle-box:after{opacity:1;transform:rotate(-45deg) scale(1)}
.care-toggle-card>input:focus-visible + .care-toggle-box{outline:3px solid rgba(183,24,37,.15)!important;outline-offset:2px!important}
.care-toggle-copy{display:block!important;min-width:0!important}
.care-toggle-copy b{
  display:block!important;
  color:#2d2528!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.35!important;
}
.care-toggle-copy small{
  display:block!important;
  margin-top:4px!important;
  color:#848087!important;
  font-size:8px!important;
  font-weight:600!important;
  line-height:1.5!important;
}
.care-optional-chip{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:25px!important;
  padding:0 9px!important;
  border:1px solid #e3e5e8!important;
  border-radius:999px!important;
  background:#f7f8fa!important;
  color:#6e7178!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.care-of-field.is-active .care-optional-chip{
  background:#fff0f2!important;
  color:#a3111c!important;
  border-color:#ebc5c9!important;
}
.care-name-wrap{
  padding:13px 16px 16px!important;
  border-top:1px solid #eceef1!important;
  background:#fafbfc!important;
}
.care-name-wrap[hidden]{display:none!important}
.care-name-wrap label{
  display:block!important;
  margin-bottom:7px!important;
  color:#55585f!important;
  font-size:8px!important;
  font-weight:850!important;
}
.care-name-wrap input{
  width:100%!important;
  min-height:44px!important;
  border-radius:12px!important;
  background:#fff!important;
}
.inline-helper-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
.helper-create-field{margin-top:2px!important}
@media(max-width:760px){.inline-helper-grid{grid-template-columns:1fr!important}}

/* V50.0.26 dedicated Trip Crew directory */
.trip-crew-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin:0 0 16px!important}
.trip-crew-summary-card{display:flex!important;align-items:center!important;gap:13px!important;min-height:82px!important;padding:15px 17px!important;border:1px solid #e7dfe1!important;border-radius:17px!important;background:#fff!important;color:#3a2b2e!important;text-align:left!important;cursor:pointer!important;box-shadow:0 8px 28px rgba(43,15,20,.04)!important;transition:.18s ease!important}
.trip-crew-summary-card>span{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:13px!important;background:#fff3f4!important;color:#a3121d!important}
.trip-crew-summary-card b,.trip-crew-summary-card small{display:block!important}.trip-crew-summary-card b{font-size:18px!important}.trip-crew-summary-card small{margin-top:2px!important;color:#81777a!important;font-size:9px!important;font-weight:800!important}
.trip-crew-summary-card:hover,.trip-crew-summary-card.active{transform:translateY(-2px)!important;border-color:#dcaeb3!important;box-shadow:0 12px 30px rgba(126,13,24,.08)!important}
.trip-crew-summary-card.active{background:linear-gradient(135deg,#fff,#fff5f6)!important}.trip-crew-summary-card.active>span{background:#a9131e!important;color:#fff!important}
@media(max-width:760px){.trip-crew-summary{grid-template-columns:1fr!important}.trip-crew-summary-card{min-height:68px!important}}

/* Route/toll tags: distance always stays visible; toll is additive information. */
.booking-route-tags{display:flex!important;align-items:flex-start!important;gap:6px!important}
.booking-route-chip,.booking-toll-chip{white-space:normal!important}
.booking-toll-chip{
  background:#fff7e9!important;
  color:#895510!important;
  border-color:#efd4a5!important;
  line-height:1.35!important;
}

/* Make the 6-wheeler routing context explicit in the live estimate. */
.admin-route-estimate:after{
  content:"6-WHEELER · TRUCK PROFILE";
  margin-left:auto;
  align-self:flex-start;
  padding:5px 7px;
  border:1px solid #e0e3e8;
  border-radius:999px;
  background:#fff;
  color:#70747c;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}
.admin-route-estimate.toll:after{
  content:"6-WHEELER · TOLL ROUTE";
  border-color:#edcf9c;
  background:#fff3dd;
  color:#8b570d;
}

@media(max-width:760px){
  .booking-record-card>header{align-items:flex-start!important}
  .booking-record-state{margin-left:auto!important}
  .booking-record-card>footer{align-items:flex-start!important}
  .booking-record-note{white-space:normal!important}
  .care-toggle-card{grid-template-columns:26px minmax(0,1fr)!important;padding:13px!important}
  .care-optional-chip{grid-column:2!important;justify-self:start!important;margin-top:1px!important}
  .care-name-wrap{padding:12px 13px 14px!important}
  .admin-route-estimate{align-items:flex-start!important;flex-wrap:wrap!important}
  .admin-route-estimate:after{margin-left:55px!important}
}
.booking-price-preview{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.toll-account-field>small{display:block!important;margin-top:6px!important;color:#7b7f86!important;font-size:8px!important;line-height:1.45!important}
.toll-account-field input{border-color:#e8d7ba!important;background:#fffdf8!important}
@media(max-width:1050px){.booking-price-preview{grid-template-columns:1fr 1fr!important}.booking-price-preview>div:nth-child(2){border-right:0!important}.booking-price-preview>div:nth-child(-n+2){border-bottom:1px solid #e5e7eb!important}}
@media(max-width:620px){.booking-price-preview{grid-template-columns:1fr!important}.booking-price-preview>div{border-right:0!important;border-bottom:1px solid #e5e7eb!important}.booking-price-preview>div:last-child{border-bottom:0!important}}

/* ========================================================================== 
   D-COMPANY ADMIN v50.0.8 — CUSTOMER / LIVE RESOURCE / CALENDAR POLISH
   ========================================================================== */

/* Customer names: compact professional record link instead of a generic button. */
.customer-name-link{
  width:min(100%,280px)!important;
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) 28px!important;
  align-items:center!important;
  gap:10px!important;
  padding:6px 7px!important;
  border:1px solid #e6e8ec!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#ffffff 0%,#fbfbfc 100%)!important;
  color:#202126!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:0 6px 16px rgba(20,22,26,.035)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.customer-name-link:hover{
  transform:translateY(-2px)!important;
  border-color:#dfbcc0!important;
  background:linear-gradient(145deg,#fff,#fff6f7)!important;
  box-shadow:0 12px 26px rgba(112,12,22,.08)!important;
}
.customer-name-link:focus-visible{outline:3px solid rgba(183,18,30,.14)!important;outline-offset:2px!important}
.customer-name-avatar{
  width:34px!important;height:34px!important;border-radius:11px!important;
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#cf1b2a,#9e0d17)!important;
  color:#fff!important;font-size:11px!important;font-weight:950!important;
  box-shadow:0 7px 16px rgba(158,13,23,.18)!important;
}
.customer-name-copy{min-width:0!important;display:block!important}
.customer-name-copy b{display:block!important;color:#27292e!important;font-size:10px!important;font-weight:900!important;line-height:1.25!important;white-space:normal!important}
.customer-name-copy small{display:block!important;margin-top:3px!important;color:#94979e!important;font-size:7px!important;font-weight:750!important;letter-spacing:.02em!important}
.customer-name-arrow{
  width:28px!important;height:28px!important;border-radius:9px!important;
  display:grid!important;place-items:center!important;
  background:#fff1f2!important;color:#a8111c!important;border:1px solid #efd2d5!important;
  transition:transform .18s ease,background .18s ease,color .18s ease!important;
}
.customer-name-link:hover .customer-name-arrow{transform:translateX(2px)!important;background:#aa111c!important;color:#fff!important}

/* Live resource state. On Trip is computed from the active Confirmed booking window. */
.resource-table-wrap{overflow:visible auto!important}
.resource-row.is-on-trip td{background:linear-gradient(90deg,#fffdf9 0%,#fffaf2 48%,#fff 100%)!important}
.resource-row.is-on-trip:hover td{background:linear-gradient(90deg,#fff9ed 0%,#fff6e8 48%,#fffdf8 100%)!important}
.resource-registration,.resource-name{font-weight:900!important;color:#25272c!important;letter-spacing:.005em!important}
.resource-status-stack{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:7px!important;min-width:118px!important}
.resource-status-stack .status.on-trip{
  min-height:30px!important;
  padding:0 11px 0 10px!important;
  border:1px solid #efce92!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#fff6df 0%,#ffe4aa 100%)!important;
  color:#82500a!important;
  box-shadow:0 7px 18px rgba(161,102,16,.12)!important;
  font-size:8px!important;
  letter-spacing:.02em!important;
  position:relative!important;
}
.resource-status-stack .status.on-trip:before{
  content:""!important;
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#f0a226!important;
  box-shadow:0 0 0 4px rgba(240,162,38,.15)!important;
  animation:dcLiveTripPulse 1.8s ease-in-out infinite!important;
}
.resource-trip-context{
  display:grid!important;
  grid-template-columns:9px minmax(0,1fr)!important;
  gap:7px!important;
  align-items:start!important;
  max-width:230px!important;
  padding:7px 9px!important;
  border:1px solid #f0e1c5!important;
  border-radius:11px!important;
  background:rgba(255,249,237,.88)!important;
}
.resource-trip-pulse{width:7px!important;height:7px!important;margin-top:3px!important;border-radius:50%!important;background:#d98310!important;box-shadow:0 0 0 4px rgba(217,131,16,.10)!important}
.resource-trip-context b{display:block!important;color:#70480d!important;font-size:7.5px!important;font-weight:900!important;line-height:1.25!important}
.resource-trip-context small{display:block!important;margin-top:2px!important;color:#9a7a49!important;font-size:6.8px!important;line-height:1.35!important;white-space:normal!important}
@keyframes dcLiveTripPulse{0%,100%{transform:scale(.82);box-shadow:0 0 0 3px rgba(240,162,38,.14)}50%{transform:scale(1);box-shadow:0 0 0 6px rgba(240,162,38,0)}}

/* Availability controls stay grouped on the upper-right on desktop / laptop. */
@media(min-width:901px){
  .page-head.availability-page-head{
    display:flex!important;
    flex-direction:row!important;
    align-items:flex-end!important;
    justify-content:space-between!important;
    flex-wrap:nowrap!important;
    gap:18px!important;
    min-height:0!important;height:auto!important;
  }
  .page-head.availability-page-head>div:first-child{
    flex:1 1 330px!important;
    width:auto!important;
    min-width:260px!important;
  }
  .page-head.availability-page-head .page-actions.availability-actions{
    flex:0 1 650px!important;
    width:auto!important;
    max-width:650px!important;
    margin:0 0 0 auto!important;
    align-self:flex-end!important;
    display:grid!important;
    grid-template-columns:minmax(170px,1fr) 118px auto auto auto!important;
    align-items:center!important;
    justify-content:end!important;
    gap:8px!important;
  }
  .availability-actions .calendar-date-search{width:100%!important;min-width:170px!important;max-width:none!important;flex:none!important}
  .availability-actions .calendar-status-filter{width:118px!important;min-width:118px!important;max-width:118px!important}
  .availability-actions .availability-utility-btn,.availability-actions #bookDate{width:auto!important;white-space:nowrap!important;flex:none!important}
}
.calendar-status-filter{
  height:44px!important;
  border:1px solid #e2e4e8!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#4d5057!important;
  font-size:8px!important;
  font-weight:850!important;
  padding:0 30px 0 11px!important;
  box-shadow:0 6px 16px rgba(20,22,26,.035)!important;
}
.calendar-date-search{box-shadow:0 6px 16px rgba(20,22,26,.035)!important}
.availability-actions .btn{box-shadow:0 6px 16px rgba(20,22,26,.04)!important}
.availability-actions #bookDate{box-shadow:0 10px 24px rgba(174,15,27,.16)!important}

/* Open state: cleaner emerald action pill with inset spacing and a live dot. */
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.green .legend,
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.green .open-legend{
  left:15px!important;
  right:15px!important;
  width:auto!important;
  min-height:27px!important;
  padding:0 10px!important;
  border:1px solid rgba(17,126,67,.16)!important;
  border-radius:10px!important;
  background:linear-gradient(135deg,#1f9c55 0%,#35bf6c 100%)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(31,156,85,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
  letter-spacing:.015em!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.green .legend:before{
  content:""!important;
  width:6px!important;height:6px!important;border-radius:50%!important;
  background:#d8ffe6!important;
  box-shadow:0 0 0 3px rgba(216,255,230,.16)!important;
  margin-right:6px!important;
  flex:0 0 auto!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.green:hover .legend{
  background:linear-gradient(135deg,#18894a 0%,#2eae61 100%)!important;
  box-shadow:0 10px 22px rgba(31,156,85,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

@media(max-width:1100px) and (min-width:901px){
  .page-head.availability-page-head .page-actions.availability-actions{flex-basis:590px!important;max-width:590px!important;grid-template-columns:minmax(155px,1fr) 104px auto auto auto!important;gap:6px!important}
  .availability-actions .calendar-status-filter{width:104px!important;min-width:104px!important;max-width:104px!important}
  .availability-actions .btn{padding-left:11px!important;padding-right:11px!important}
}
@media(max-width:900px){
  .availability-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  .availability-actions .calendar-date-search{grid-column:1/-1!important;width:100%!important}
  .availability-actions .calendar-status-filter{width:100%!important;max-width:none!important}
  .availability-actions #bookDate{grid-column:1/-1!important;width:100%!important}
}
@media(max-width:620px){
  .availability-actions{grid-template-columns:1fr!important}
  .availability-actions>*{grid-column:auto!important;width:100%!important;max-width:none!important}
  .customer-name-link{width:250px!important}
  .resource-trip-context{max-width:190px!important}
}
@media(prefers-reduced-motion:reduce){.resource-status-stack .status.on-trip:before{animation:none!important}}

/* v50.0.9 — iOS booking invoice action visibility */
.booking-actions{flex-wrap:wrap!important;overflow:visible!important}
.booking-actions .invoice-action{display:grid!important;place-items:center!important;visibility:visible!important;opacity:1!important;position:relative!important;color:#991521!important;background:#fff8f9!important;border-color:#eccdd1!important;-webkit-appearance:none!important;appearance:none!important}
.booking-actions .invoice-action .ico{display:block!important;width:15px!important;height:15px!important;min-width:15px!important;min-height:15px!important;overflow:visible!important;stroke:currentColor!important}
@supports (-webkit-touch-callout:none){
  .booking-record-card>footer{overflow:visible!important}
  .booking-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important}
  .booking-actions .icon-btn{flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;-webkit-transform:translateZ(0);transform:translateZ(0)}
  .booking-actions .invoice-action{display:grid!important}
}
@media(max-width:760px){
  .booking-record-card>footer{align-items:flex-start!important;flex-direction:column!important}
  .booking-record-card>footer .booking-actions{width:100%!important;justify-content:flex-start!important;gap:8px!important}
  .booking-record-card>footer .booking-actions .icon-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:14px!important}
}

/* v50.0.10 — calendar Booked + Completed pills match the Open pill geometry */
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red .legend,
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue .legend{
  left:15px!important;
  right:15px!important;
  width:auto!important;
  min-height:27px!important;
  padding:0 10px!important;
  border-radius:10px!important;
  color:#fff!important;
  letter-spacing:.015em!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red .legend{
  border:1px solid rgba(150,8,20,.18)!important;
  background:linear-gradient(135deg,#b90d1a 0%,#db2433 100%)!important;
  box-shadow:0 8px 18px rgba(185,13,26,.18),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue .legend{
  border:1px solid rgba(36,126,174,.18)!important;
  background:linear-gradient(135deg,#3698c9 0%,#55b5e3 100%)!important;
  box-shadow:0 8px 18px rgba(54,152,201,.18),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red .legend:before,
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue .legend:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  margin-right:6px!important;
  flex:0 0 auto!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red .legend:before{
  background:#ffd7db!important;
  box-shadow:0 0 0 3px rgba(255,215,219,.15)!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue .legend:before{
  background:#daf3ff!important;
  box-shadow:0 0 0 3px rgba(218,243,255,.16)!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.red:hover .legend{
  background:linear-gradient(135deg,#a90a16 0%,#c81b29 100%)!important;
  box-shadow:0 10px 22px rgba(185,13,26,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
}
#calendar.calendar-stage>.calendar-grid.calendar-grid-pro>.cal-day.blue:hover .legend{
  background:linear-gradient(135deg,#2c87b5 0%,#45a7d6 100%)!important;
  box-shadow:0 10px 22px rgba(54,152,201,.24),inset 0 1px 0 rgba(255,255,255,.24)!important;
}

/* ================================================================
   DCOMPANY v50.0.12 — chat contrast + support header + role colors
   ================================================================ */

/* Admin Team Chat: keep all hero copy readable on the dark operations header. */
.teamChatHero{
  color:#fff!important;
}
.teamChatHero h2,
.teamChatHero>div:nth-child(2)>span,
.teamChatHero .teamChatLive,
.teamChatHero .teamChatLive *{
  color:#fff!important;
}
.teamChatHero>div:nth-child(2)>span{
  color:#ffb3ba!important;
}
.teamChatHero p{
  color:rgba(255,255,255,.74)!important;
}
.teamChatHero .teamChatLive{
  padding:8px 11px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
}

/* Customer Live Support: v48 changed the hero to a light card, so reset
   the older white-on-dark text rules and make the counters readable. */
.customerSupportTop{
  color:#27191c!important;
  border:1px solid #ead5d8!important;
  background:radial-gradient(circle at 90% 0,rgba(193,16,29,.075),transparent 34%),linear-gradient(145deg,#fff,#fff7f8)!important;
}
.customerSupportTop>div:first-child>span{
  color:#cf3140!important;
}
.customerSupportTop h2{
  color:#21191b!important;
}
.customerSupportTop p{
  color:#75696c!important;
}
.customerSupportCounters>div{
  min-width:86px!important;
  background:#fff!important;
  border:1px solid #edd9dc!important;
  box-shadow:0 8px 20px rgba(77,14,20,.045)!important;
}
.customerSupportCounters small{
  color:#9c6f74!important;
}
.customerSupportCounters b{
  color:#9f101a!important;
}
.customerSupportWorkspace{
  border-top:0!important;
  background:#fff!important;
}

/* Role overview cards: fix the invisible Admin Manager card and give every
   access class its own professional visual identity. */
.role-overview-card.manager{
  color:#fff!important;
  border-color:#6f2630!important;
  background:radial-gradient(circle at 92% 8%,rgba(255,137,148,.20),transparent 31%),linear-gradient(135deg,#351117,#72131f 58%,#9d1726)!important;
}
.role-overview-card.manager b{color:#fff!important}
.role-overview-card.manager span{color:#f0d9dc!important;opacity:1!important}
.role-overview-card.manager>.ico,
.role-overview-card.manager>svg{
  background:rgba(255,255,255,.11)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.18)!important;
}
.role-overview-card.supervisor{
  background:linear-gradient(145deg,#fff,#f6f0ff)!important;
  border-color:#dfd0f4!important;
}
.role-overview-card.supervisor>.ico,
.role-overview-card.supervisor>svg{background:#f2e8ff!important;color:#7137a8!important;border-color:#dfc9f5!important}
.role-overview-card.office{
  background:linear-gradient(145deg,#fff,#effbf8)!important;
  border-color:#cce9df!important;
}
.role-overview-card.office>.ico,
.role-overview-card.office>svg{background:#e6f8f2!important;color:#14745c!important;border-color:#c6eadf!important}
.role-overview-card.driver{
  background:linear-gradient(145deg,#fff,#fff8eb)!important;
  border-color:#f0dec0!important;
}
.role-overview-card.driver>.ico,
.role-overview-card.driver>svg{background:#fff2dc!important;color:#a7620f!important;border-color:#f0d7ad!important}
.role-overview-card.admin{
  background:linear-gradient(145deg,#fff,#eef7ff)!important;
  border-color:#cfdfef!important;
}
.role-overview-card.admin>.ico,
.role-overview-card.admin>svg{background:#e6f2ff!important;color:#236fa5!important;border-color:#c9e0f3!important}

/* Administrator table role badges — intentionally different by role. */
.role-badge.admin_manager{
  background:linear-gradient(135deg,#72131f,#9e1b2b)!important;
  color:#fff!important;
  border-color:#68101b!important;
  box-shadow:0 5px 12px rgba(114,19,31,.14)!important;
}
.role-badge.admin_supervisor{
  background:#f3eaff!important;
  color:#69329c!important;
  border-color:#dbc5f2!important;
}
.role-badge.office_admin{
  background:#e8f8f3!important;
  color:#126c56!important;
  border-color:#c3e7dc!important;
}
.role-badge.driver_access{
  background:#fff3df!important;
  color:#9b5b0b!important;
  border-color:#efd5aa!important;
}
.role-badge.admin{
  background:#eaf4ff!important;
  color:#246b9d!important;
  border-color:#c8dff1!important;
}
.role-badge.admin_manager .ico,.role-badge.admin_manager svg{color:#fff!important}
.role-badge.admin_supervisor .ico,.role-badge.admin_supervisor svg{color:#69329c!important}
.role-badge.office_admin .ico,.role-badge.office_admin svg{color:#126c56!important}
.role-badge.driver_access .ico,.role-badge.driver_access svg{color:#9b5b0b!important}
.role-badge.admin .ico,.role-badge.admin svg{color:#246b9d!important}

@media(max-width:780px){
  .customerSupportCounters{width:100%!important}
  .customerSupportCounters>div{flex:1!important}
  .teamChatHero .teamChatLive{justify-self:start!important}
}


/* DCompany Admin v50.0.13 — booking WhatsApp customer pack */
.booking-actions .whatsapp-action{
  display:grid!important;place-items:center!important;
  background:linear-gradient(145deg,#effdf4,#ddf8e8)!important;
  color:#118a4b!important;border-color:#bce8ce!important;
  box-shadow:0 7px 18px rgba(18,140,75,.11)!important;
}
.booking-actions .whatsapp-action:hover,.booking-actions .whatsapp-action:focus-visible{
  background:linear-gradient(145deg,#25d366,#16a65a)!important;color:#fff!important;
  border-color:#16a65a!important;box-shadow:0 10px 24px rgba(22,166,90,.24)!important;
}
.booking-actions .whatsapp-action .ico{stroke:currentColor!important;overflow:visible!important}
.whatsapp-share-modal{width:min(1180px,calc(100vw - 28px))!important;max-width:1180px!important}
.whatsapp-share-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:start}
.whatsapp-poster-wrap{position:relative;border-radius:20px;overflow:hidden;background:#140b0f;border:1px solid #eadde0;box-shadow:0 16px 42px rgba(62,16,22,.11);isolation:isolate}
.whatsapp-poster-wrap:after{content:"";position:absolute;inset:-80% -30%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:dcWhatsAppPosterSweep 4.2s ease-in-out infinite;pointer-events:none;z-index:2}
.whatsapp-poster-preview{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#160b10}
.whatsapp-poster-live{position:absolute;left:16px;right:16px;bottom:14px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(13,8,10,.7);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color:#fff;font-size:8px;font-weight:850;letter-spacing:.04em;z-index:3}
.whatsapp-poster-live i{width:8px;height:8px;border-radius:50%;background:#25d366;box-shadow:0 0 0 0 rgba(37,211,102,.55);animation:dcWhatsAppLivePulse 1.8s ease-out infinite}
.whatsapp-message-card{border:1px solid #dce8df;border-radius:20px;background:linear-gradient(180deg,#fbfffc,#f4fbf6);padding:16px;box-shadow:0 12px 32px rgba(18,90,49,.06)}
.whatsapp-message-head{display:flex;align-items:center;gap:11px;color:#128c4f;margin-bottom:12px}.whatsapp-message-head>.ico{width:28px!important;height:28px!important;flex:0 0 auto}.whatsapp-message-head b,.whatsapp-message-head span{display:block}.whatsapp-message-head b{font-size:12px;color:#1c2921}.whatsapp-message-head span{margin-top:2px;font-size:8px;color:#6f8175}
#whatsappMessagePreview{width:100%;min-height:330px;resize:vertical;border:1px solid #d8e5db;border-radius:14px;background:#fff;color:#263229;padding:13px;font:500 10px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:pre-wrap}
.whatsapp-copy-state{display:flex;align-items:flex-start;gap:7px;margin-top:10px;padding:10px 11px;border-radius:12px;background:#fff7e8;border:1px solid #f0deba;color:#8a6321;font-size:8px;line-height:1.45}.whatsapp-copy-state.ok{background:#ebf9f0;border-color:#c7e9d3;color:#247547}
.whatsapp-share-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;gap:8px!important}.whatsapp-share-actions .btn{min-width:auto!important}.whatsapp-open-btn,.whatsapp-native-share{background:linear-gradient(135deg,#25d366,#128c4f)!important;color:#fff!important;border-color:#128c4f!important;box-shadow:0 8px 22px rgba(18,140,79,.18)!important}.whatsapp-open-btn:hover,.whatsapp-native-share:hover{filter:brightness(.98);transform:translateY(-1px)}
@keyframes dcWhatsAppPosterSweep{0%,18%{transform:translateX(-62%) rotate(8deg);opacity:0}35%{opacity:1}58%,100%{transform:translateX(62%) rotate(8deg);opacity:0}}
@keyframes dcWhatsAppLivePulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 8px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:860px){.whatsapp-share-grid{grid-template-columns:1fr}.whatsapp-message-card{padding:13px}#whatsappMessagePreview{min-height:280px}.whatsapp-share-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.whatsapp-share-actions .whatsapp-open-btn,.whatsapp-share-actions .whatsapp-native-share{grid-column:1/-1}}
@media(max-width:520px){.whatsapp-share-modal{width:calc(100vw - 12px)!important}.whatsapp-poster-wrap{border-radius:14px}.whatsapp-poster-live{left:9px;right:9px;bottom:8px;font-size:7px;padding:7px 9px}.whatsapp-share-actions{grid-template-columns:1fr!important}.whatsapp-share-actions .btn{grid-column:auto!important;width:100%!important}#whatsappMessagePreview{min-height:240px;font-size:9px}}


/* DCompany Admin v50.0.17 — branded Android / iOS login icons */
.login-app-links a.login-app-android,.login-app-links a.login-app-ios{gap:7px!important}
.login-app-links .platform-brand-icon{display:block;width:17px;height:17px;flex:0 0 17px;overflow:visible;transition:transform .18s ease,filter .18s ease}
.login-app-links .android-mark{color:#3ddc84!important;filter:drop-shadow(0 2px 4px rgba(61,220,132,.18))}
.login-app-links .ios-mark{color:#147ce5!important;filter:drop-shadow(0 2px 4px rgba(20,124,229,.15))}
.login-app-links a.login-app-android{border-color:#c9ead8!important;background:linear-gradient(180deg,#ffffff,#f3fff8)!important;color:#17663f!important}
.login-app-links a.login-app-ios{border-color:#d6e5f7!important;background:linear-gradient(180deg,#ffffff,#f4f9ff)!important;color:#23384d!important}
.login-app-links a.login-app-android:hover,.login-app-links a.login-app-android:focus-visible{border-color:#72d7a3!important;background:#edfff5!important;color:#0f7442!important}
.login-app-links a.login-app-ios:hover,.login-app-links a.login-app-ios:focus-visible{border-color:#8bc2f1!important;background:#eef7ff!important;color:#0d67b8!important}
.login-app-links a:hover .platform-brand-icon,.login-app-links a:focus-visible .platform-brand-icon{transform:scale(1.08)}

/* =========================================================
   DCompany Admin v50.0.18 — Security + Profile clarity
   ========================================================= */

/* Security & Access — clean operational cards */
.security-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
}
.security-box{
  min-height:126px!important;
  padding:17px 18px!important;
  overflow:hidden!important;
  border:1px solid #e2e5ea!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:0 9px 26px rgba(23,25,31,.045)!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
.security-box:before{display:none!important}
.security-box:hover{
  transform:translateY(-2px)!important;
  border-color:#d2d6dd!important;
  box-shadow:0 14px 32px rgba(23,25,31,.07)!important;
}
.security-box-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  background:transparent!important;
  color:inherit!important;
  border:0!important;
}
.security-box-title{display:flex;align-items:center;gap:10px;min-width:0}
.security-feature-icon{
  width:36px;height:36px;flex:0 0 36px;
  display:grid;place-items:center;
  border-radius:11px!important;
  background:#f7f8fa!important;
  border:1px solid #e3e6eb!important;
  color:#a91621!important;
}
.security-box-title b{
  min-width:0;color:#24262c!important;font-size:11px!important;font-weight:900!important;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.security-state{
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  min-height:27px;padding:0 9px;border-radius:999px;
  font-size:7px!important;font-weight:900!important;letter-spacing:.04em;text-transform:uppercase;
  white-space:nowrap;border:1px solid transparent;
}
.security-state.security-ok{background:#edf8f0!important;border-color:#cce8d3!important;color:#267c43!important}
.security-state.security-warn{background:#fff6e8!important;border-color:#f0dfbc!important;color:#9b6818!important}
.security-box p{
  margin:13px 0 0!important;padding-top:12px!important;
  border-top:1px solid #f0f1f3!important;
  color:#7b7f87!important;font-size:9px!important;line-height:1.55!important;
}
.security-box.is-ok{border-left:3px solid #6ab982!important}
.security-box.is-warn{border-left:3px solid #d7a24f!important}

.security-monitor-panel{margin-top:16px!important;background:#fff!important;border-color:#e1e4e9!important}
.security-monitor-panel:before{display:none!important}
.security-monitor-panel .panel-head{
  min-height:72px;padding:16px 20px!important;align-items:center!important;
  background:#fff!important;border-bottom:1px solid #eceef1!important;
}
.security-monitor-panel .panel-head>div{display:grid;gap:3px}
.security-panel-kicker{font-size:7px!important;font-weight:950!important;letter-spacing:.15em!important;color:#ad1520!important}
.security-monitor-panel .panel-head h3{margin:0!important;font-size:14px!important;color:#24262c!important}
.security-monitor-panel .panel-head>span{font-size:8px!important;color:#8a8d94!important}
.security-monitor-content{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;
  margin:16px 20px 20px;padding:16px 17px;
  border:1px solid #e6e8ec;border-radius:16px;background:#fafbfc;
}
.security-monitor-icon{
  width:42px;height:42px;display:grid;place-items:center;border-radius:13px;
  color:#aa1420;background:#fff0f2;border:1px solid #efd2d6;
}
.security-monitor-copy b{display:block;color:#292b31;font-size:10px;font-weight:900}
.security-monitor-copy p{margin:5px 0 0;color:#7e8289;font-size:8px;line-height:1.55}
.security-monitor-count{
  min-width:62px;padding:9px 12px;border-radius:13px;text-align:center;
  background:#fff;border:1px solid #e1e4e9;
}
.security-monitor-count b,.security-monitor-count small{display:block}
.security-monitor-count b{font-size:18px;color:#25272d;line-height:1}
.security-monitor-count small{margin-top:4px;font-size:6px;letter-spacing:.12em;color:#92969d;font-weight:900}

/* My Account — permanent/system-controlled fields */
.profile-id,.profile-role{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:auto!important;max-width:100%;min-height:27px!important;
  margin:6px auto 0!important;padding:0 11px!important;
  border:1px solid #e1e4e8!important;border-radius:999px!important;
  background:#f7f8fa!important;color:#3d4148!important;
  font-size:8px!important;font-weight:800!important;line-height:1.2!important;
}
.profile-id b{color:#99131d!important;font-weight:950!important;margin-left:3px}
.profile-role{margin-top:5px!important;background:#fff2f3!important;border-color:#efd4d7!important;color:#9a1520!important}

.profile-system-field{
  position:relative;margin:15px 0!important;padding:12px!important;
  border:1px solid #e2e5ea!important;border-radius:16px!important;
  background:linear-gradient(145deg,#fafbfc,#f6f7f9)!important;
}
.profile-system-field label{margin-bottom:8px!important;color:#3e4249!important}
.profile-field-tag{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:21px;padding:0 8px;margin-left:auto;border-radius:999px;
  background:#fff!important;border:1px solid #dfe3e8!important;
  color:#7c8189!important;font-size:6px!important;font-weight:900!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
}
.profile-system-field input:disabled{
  opacity:1!important;-webkit-text-fill-color:#24272d!important;
  background:#fff!important;border:1px solid #d9dde3!important;
  color:#24272d!important;font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9)!important;
  cursor:not-allowed!important;
}
.profile-employee-field input:disabled{letter-spacing:.06em!important;color:#99131d!important;-webkit-text-fill-color:#99131d!important}
.profile-position-field input:disabled{color:#343840!important;-webkit-text-fill-color:#343840!important}
.profile-system-field small{
  margin:7px 2px 0!important;color:#878c94!important;font-size:7px!important;line-height:1.45!important;
}

@media(max-width:1050px){
  .security-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  .security-grid{grid-template-columns:1fr!important}
  .security-box{min-height:0!important;padding:15px!important}
  .security-monitor-panel .panel-head{align-items:flex-start!important;gap:7px!important}
  .security-monitor-panel .panel-head>span{text-align:left!important}
  .security-monitor-content{grid-template-columns:auto 1fr;margin:12px!important;padding:14px!important}
  .security-monitor-count{grid-column:1/-1;width:100%;display:flex;align-items:center;justify-content:center;gap:7px}
  .security-monitor-count small{margin:0!important}
  .profile-system-field{padding:10px!important}
}


/* DCompany Admin v50.0.19 — clean administrator credentials modal */
.admin-created-modal{width:min(760px,calc(100vw - 32px))!important;overflow:hidden!important;background:#fff!important;border:1px solid #e0e3e8!important;box-shadow:0 32px 90px rgba(19,22,28,.24)!important}
.admin-created-modal .modal-head{position:relative!important;padding:20px 22px 17px!important;background:#fff!important;border-bottom:1px solid #eaecf0!important}
.admin-created-modal .modal-head:before{content:"";position:absolute;left:22px;bottom:-1px;width:52px;height:2px;border-radius:99px;background:#c71727}
.admin-created-modal .modal-head h3{margin:4px 0 0!important;color:#202228!important;font-size:17px!important;letter-spacing:-.02em!important}
.admin-created-modal .modal-head span{margin-top:5px!important;color:#7e828a!important;font-size:9px!important}
.credential-kicker{color:#b91522!important;font-size:7px!important;font-weight:950!important;letter-spacing:.16em!important}
.admin-created-modal .modal-body{padding:20px 22px!important;background:#fafbfc!important}
.admin-created-modal .credential-card-clean{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#24262c!important}
.admin-created-modal .credential-card-clean *{color:initial!important}
.admin-created-modal .credential-item{position:relative!important;min-width:0!important;padding:16px 15px!important;border:1px solid #dfe2e7!important;border-radius:16px!important;background:#fff!important;box-shadow:0 8px 20px rgba(21,23,29,.045)!important;overflow:hidden!important}
.admin-created-modal .credential-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#c71727}
.admin-created-modal .credential-item>span{display:block!important;color:#858a92!important;font-size:7px!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.admin-created-modal .credential-item>b{display:block!important;margin-top:8px!important;color:#25272d!important;font-size:15px!important;font-weight:950!important;line-height:1.25!important;word-break:break-word!important;-webkit-text-fill-color:currentColor!important}
.admin-created-modal .credential-id>b{color:#a9131f!important;letter-spacing:.05em!important}
.admin-created-modal .credential-password>b{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;color:#25272d!important}
.admin-created-modal .credential-item>small{display:block!important;margin-top:7px!important;color:#969aa1!important;font-size:7px!important;line-height:1.4!important}
.credential-security-note{display:flex!important;align-items:flex-start!important;gap:9px!important;margin-top:13px!important;padding:11px 12px!important;border:1px solid #eadcdf!important;border-radius:12px!important;background:#fff7f8!important;color:#7d555a!important;font-size:8px!important;line-height:1.5!important}
.credential-security-note .svgIcon{flex:0 0 auto!important;color:#b91522!important}
.admin-created-modal .modal-foot{padding:13px 22px!important;background:#fff!important;border-top:1px solid #eaecf0!important}
.admin-created-modal .modal-foot .btn.primary{min-width:110px!important}
@media(max-width:700px){
  .admin-created-modal{width:calc(100vw - 16px)!important;min-height:0!important;max-height:92dvh!important;border-radius:18px!important}
  .admin-created-modal .credential-card-clean{grid-template-columns:1fr!important}
  .admin-created-modal .credential-item{padding:14px!important}
  .admin-created-modal .modal-foot{display:flex!important;grid-template-columns:none!important}
  .admin-created-modal .modal-foot .btn{width:100%!important}
}


/* =========================================================
   DCompany Admin v50.0.20 — My Profile polish + clean Security cards
   ========================================================= */

/* Security & Access: neutral white heading area — remove inherited pink strip */
.security-box>.security-box-head:first-child,
.security-box>div.security-box-head:first-child{
  background:transparent!important;
  background-image:none!important;
  color:inherit!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
.security-box>.security-box-head:first-child:before,
.security-box>.security-box-head:first-child:after{display:none!important;content:none!important}
.security-box .security-box-title,
.security-box .security-box-title b{background:transparent!important}
.security-box .security-feature-icon{
  background:#f8f9fb!important;
  border-color:#e2e5ea!important;
  color:#b31926!important;
  box-shadow:none!important;
}
.security-box p{background:transparent!important}

/* My Account: balanced identity card + cleaner editable information panel */
.profile-layout{
  grid-template-columns:minmax(280px,320px) minmax(0,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.profile-card{
  position:relative!important;
  padding:24px 20px 20px!important;
  border:1px solid #e5e7eb!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(24,27,34,.055)!important;
  text-align:center!important;
}
.profile-card:before{
  content:""!important;display:block!important;position:absolute!important;
  left:20px!important;right:20px!important;top:0!important;height:2px!important;
  background:linear-gradient(90deg,transparent,#d11b2a 22%,#ee6874 50%,#d11b2a 78%,transparent)!important;
  border-radius:0 0 99px 99px!important;
}
.profile-card:after{
  right:-95px!important;top:-100px!important;width:210px!important;height:210px!important;
  background:radial-gradient(circle,rgba(188,22,36,.055),transparent 70%)!important;
}
.profile-avatar-lg{
  width:132px!important;height:132px!important;border-radius:32px!important;
  margin:4px auto 16px!important;background:#f3f4f6!important;
  border:1px solid #e4e6ea!important;
  box-shadow:0 12px 28px rgba(24,27,34,.10)!important;
}
.profile-name{
  margin-top:2px!important;color:#211f24!important;font-size:21px!important;
  font-weight:950!important;letter-spacing:-.025em!important;line-height:1.2!important;
}
.profile-id,.profile-role{
  min-height:29px!important;margin-top:8px!important;padding:0 11px!important;
  border-radius:999px!important;box-shadow:none!important;
}
.profile-id{background:#f7f8fa!important;border-color:#e1e4e8!important;color:#555a62!important}
.profile-id b{color:#a31320!important}
.profile-role{background:#fff5f6!important;border-color:#efd8db!important;color:#9d1722!important}
.profile-verification-state{
  min-height:30px!important;margin-top:10px!important;padding:0 11px!important;
  border-radius:999px!important;font-size:8px!important;font-weight:900!important;
  box-shadow:none!important;
}
.profile-card .page-actions{margin-top:14px!important}
.profile-card #uploadPhoto{min-height:40px!important;border-radius:12px!important;padding:0 16px!important}
.profile-side-note{
  margin-top:18px!important;padding:13px 14px!important;border-radius:14px!important;
  background:#17181c!important;color:#f7f7f8!important;border:1px solid #26282e!important;
  font-size:8px!important;line-height:1.6!important;box-shadow:none!important;
}

.profile-main-column{min-width:0!important}
.profile-info-panel{
  border:1px solid #e4e7eb!important;border-radius:22px!important;background:#fff!important;
  box-shadow:0 14px 38px rgba(24,27,34,.05)!important;overflow:hidden!important;
}
.profile-info-panel:before{display:none!important}
.profile-info-panel .panel-head{
  min-height:66px!important;padding:17px 20px!important;background:#fff!important;
  border-bottom:1px solid #edf0f2!important;align-items:center!important;
}
.profile-info-panel .panel-head h3{font-size:14px!important;color:#22252a!important;letter-spacing:-.01em!important}
.profile-info-panel .panel-head span{font-size:7px!important;color:#969ba3!important}
#profileForm{padding:18px 20px 20px!important}
#profileForm .form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px 16px!important;align-items:start!important;
}
#profileForm .field{margin:0!important;min-width:0!important}
#profileForm .field>label{
  min-height:20px!important;display:flex!important;align-items:center!important;
  margin:0 0 7px!important;color:#4b5058!important;font-size:8px!important;font-weight:900!important;
}
#profileForm input{
  min-height:46px!important;border-radius:13px!important;border:1px solid #dfe3e8!important;
  background:#fff!important;color:#292d33!important;box-shadow:0 1px 0 rgba(22,24,29,.01)!important;
  padding:0 13px!important;font-size:10px!important;
}
#profileForm input:focus{
  border-color:#c82a36!important;box-shadow:0 0 0 3px rgba(198,25,39,.075)!important;outline:0!important;
}
.profile-system-field{
  min-width:0!important;margin:0!important;padding:10px!important;
  border:1px solid #e0e4e9!important;border-radius:15px!important;
  background:#f8f9fb!important;box-shadow:none!important;
}
.profile-system-field label{margin-bottom:7px!important;color:#4c5159!important}
.profile-field-tag{
  min-height:20px!important;padding:0 8px!important;margin-left:auto!important;
  background:#fff!important;border-color:#e0e3e8!important;color:#858a92!important;
}
.profile-system-field input:disabled{
  min-height:43px!important;background:#fff!important;border-color:#dce0e5!important;
  color:#292d33!important;-webkit-text-fill-color:#292d33!important;
  cursor:default!important;box-shadow:none!important;
}
.profile-employee-field input:disabled{color:#a31320!important;-webkit-text-fill-color:#a31320!important;font-weight:950!important}
.profile-position-field{
  grid-column:1 / -1!important;
  display:grid!important;grid-template-columns:minmax(150px,220px) minmax(0,1fr)!important;
  column-gap:14px!important;align-items:end!important;
}
.profile-position-field label{grid-column:1!important;align-self:center!important;margin:0!important}
.profile-position-field input{grid-column:2!important;grid-row:1!important}
.profile-position-field small{grid-column:2!important;margin:6px 2px 0!important}
.profile-position-field .profile-field-tag{margin-left:8px!important}
.profile-system-field small{margin:6px 2px 0!important;font-size:7px!important;color:#8b9098!important}
.profile-save-row{
  display:flex!important;justify-content:flex-end!important;margin-top:18px!important;
  padding-top:16px!important;border-top:1px solid #edf0f2!important;
}
.profile-save-row .btn{min-height:42px!important;border-radius:12px!important;padding:0 18px!important}

@media(max-width:1000px){
  .profile-layout{grid-template-columns:260px minmax(0,1fr)!important}
}
@media(max-width:820px){
  .profile-layout{grid-template-columns:1fr!important}
  .profile-card{max-width:520px!important;width:100%!important;margin:0 auto!important}
}
@media(max-width:640px){
  #profileForm{padding:14px!important}
  #profileForm .form-grid{grid-template-columns:1fr!important;gap:13px!important}
  .profile-position-field{grid-column:auto!important;display:block!important}
  .profile-position-field label,.profile-position-field input,.profile-position-field small{display:flex!important;width:100%!important}
  .profile-position-field input{display:block!important}
  .profile-info-panel .panel-head{padding:15px!important;min-height:58px!important}
  .profile-save-row{margin-top:14px!important;padding-top:14px!important}
  .profile-save-row .btn{width:100%!important}
}

/* V50.0.27 AC selection + booking review QR experience */
.booking-ac-chip{display:inline-flex!important;align-items:center!important;gap:5px!important;border-radius:999px!important;padding:5px 8px!important;background:#edf7ff!important;border:1px solid #cfe4f3!important;color:#256487!important;font-size:8px!important;font-weight:900!important;white-space:nowrap!important}.admin-ac-field{position:relative}.admin-ac-field select{border-color:#d9b2b6!important;background:linear-gradient(135deg,#fff,#fff8f8)!important}.admin-ac-field small{color:#8d6b6f!important}.required-chip{float:right;border-radius:999px;padding:3px 7px;background:#98121d;color:#fff;font-size:7px;font-weight:900;letter-spacing:.08em}.review-qr-action{color:#8f1420!important;background:#fff5f6!important;border-color:#edcfd2!important}.review-qr-action:hover{background:#97131f!important;color:#fff!important;border-color:#97131f!important;box-shadow:0 9px 22px rgba(137,15,28,.2)!important}
.review-qr-modal{position:relative!important;overflow:hidden!important;background:linear-gradient(145deg,#fff,#fffafb)!important}.review-qr-modal>.modal-head,.review-qr-modal>.modal-body,.review-qr-modal>.modal-foot{position:relative!important;z-index:2!important}.review-qr-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;opacity:.6;animation:reviewQrFloat 7s ease-in-out infinite}.review-qr-orb.one{width:240px;height:240px;right:-90px;top:65px;background:radial-gradient(circle,rgba(195,22,40,.19),rgba(195,22,40,0) 70%)}.review-qr-orb.two{width:180px;height:180px;left:-75px;bottom:20px;background:radial-gradient(circle,rgba(243,177,64,.16),rgba(243,177,64,0) 70%);animation-delay:-3s}.review-qr-stage{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(330px,1.18fr);gap:25px;align-items:center}.review-qr-preview{position:relative;border-radius:24px;padding:12px;background:#170b0f;box-shadow:0 30px 65px rgba(61,8,15,.2);overflow:hidden;transform:perspective(1200px) rotateY(2deg);animation:reviewQrPosterIn .55s ease both}.review-qr-preview img{display:block;width:100%;max-height:610px;object-fit:contain;border-radius:17px;background:#260b12}.review-qr-scanline{position:absolute;left:8%;right:8%;height:2px;top:12%;background:linear-gradient(90deg,transparent,#ff6674,transparent);box-shadow:0 0 15px #ff6674;opacity:.8;animation:reviewQrScan 3.4s ease-in-out infinite}.review-qr-copy{padding:8px}.review-five-stars{color:#eaa91f;font-size:31px;letter-spacing:7px;filter:drop-shadow(0 5px 13px rgba(234,169,31,.2));animation:reviewStarsGlow 2.2s ease-in-out infinite}.review-qr-copy h4{margin:9px 0 8px;font-size:28px;letter-spacing:-.035em;color:#261a1c}.review-qr-copy>p{margin:0 0 18px;color:#75686a;line-height:1.7;font-size:11px}.review-qr-feature{display:flex;gap:11px;align-items:center;margin-top:10px;padding:12px 13px;border:1px solid #ecdfe1;border-radius:14px;background:rgba(255,255,255,.82);box-shadow:0 8px 20px rgba(61,8,15,.035)}.review-qr-feature>.ico{width:35px;height:35px;padding:8px;border-radius:11px;background:#fff0f2;color:#a41420}.review-qr-feature b,.review-qr-feature small{display:block}.review-qr-feature b{font-size:11px;color:#322326}.review-qr-feature small{margin-top:3px;font-size:8px;color:#8c7c7f}.review-qr-link{margin-top:14px;padding:12px 13px;border-radius:13px;background:#211216;color:#fff}.review-qr-link small{display:block;color:#ee8c95;font-size:7px;font-weight:900;letter-spacing:.12em}.review-qr-link code{display:block;margin-top:6px;white-space:normal;overflow-wrap:anywhere;font-size:8px;color:#f7e8ea}.review-qr-actions{flex-wrap:wrap!important}.review-qr-actions .btn.primary{background:linear-gradient(135deg,#a20f1c,#d31d2d)!important}.review-qr-actions #openJourneyMedia{color:#81202a!important}
@keyframes reviewQrFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18px,16px,0) scale(1.08)}}@keyframes reviewQrPosterIn{from{opacity:0;transform:perspective(1200px) rotateY(8deg) translateY(20px)}to{opacity:1;transform:perspective(1200px) rotateY(2deg) translateY(0)}}@keyframes reviewQrScan{0%,100%{top:12%;opacity:.25}50%{top:86%;opacity:.95}}@keyframes reviewStarsGlow{0%,100%{transform:translateY(0);filter:drop-shadow(0 5px 13px rgba(234,169,31,.18))}50%{transform:translateY(-2px);filter:drop-shadow(0 8px 18px rgba(234,169,31,.42))}}
@media(max-width:820px){.review-qr-stage{grid-template-columns:1fr}.review-qr-preview{max-width:470px;margin:auto;transform:none}.review-qr-copy{padding:4px}.review-qr-actions .btn{flex:1 1 160px!important}}
@media(max-width:520px){.review-five-stars{font-size:24px;letter-spacing:4px}.review-qr-copy h4{font-size:23px}.review-qr-modal .modal-body{padding:15px!important}.review-qr-preview{padding:8px;border-radius:18px}.review-qr-actions .btn{flex-basis:100%!important}}
@media(prefers-reduced-motion:reduce){.review-qr-orb,.review-qr-preview,.review-qr-scanline,.review-five-stars{animation:none!important}}

/* V50.0.28 on-device payment receipt reader */
.payment-ocr-panel{position:relative;isolation:isolate;overflow:hidden;margin-top:12px;padding:16px;border:1px solid #e7d7da;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#fff8f9 58%,#f8fbff 100%);box-shadow:0 14px 35px rgba(76,17,26,.07)}
.payment-ocr-panel[hidden]{display:none!important}.payment-ocr-glow{position:absolute;z-index:-1;width:170px;height:170px;right:-60px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(198,22,41,.18),transparent 68%);animation:paymentOcrGlow 3.8s ease-in-out infinite}.payment-ocr-head{display:flex;align-items:center;gap:11px}.payment-ocr-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;color:#fff;background:linear-gradient(135deg,#89111d,#d11c2c);box-shadow:0 8px 19px rgba(147,16,30,.22)}.payment-ocr-head>div{min-width:0;flex:1}.payment-ocr-head b,.payment-ocr-head small{display:block}.payment-ocr-head b{font-size:12px;color:#2c2022}.payment-ocr-head small{margin-top:3px;color:#75676a;font-size:8px;line-height:1.45}.payment-ocr-badge{padding:5px 8px;border-radius:999px;background:#e8f6ed;color:#267242;font-size:7px;font-weight:900;letter-spacing:.09em}.payment-ocr-progress{height:5px;margin:14px 0 11px;overflow:hidden;border-radius:999px;background:#eee5e7}.payment-ocr-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#92121e,#ef3546,#e7a425);transition:width .25s ease}.payment-ocr-panel.scanning .payment-ocr-progress i{box-shadow:0 0 15px rgba(221,32,51,.55)}.payment-ocr-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.payment-ocr-results>span{min-width:0;padding:10px 11px;border:1px solid #e7dfe0;border-radius:12px;background:rgba(255,255,255,.85);color:#65575a;font-size:9px;overflow-wrap:anywhere}.payment-ocr-results>span b{display:block;margin-bottom:4px;color:#2e2224;font-size:7px;letter-spacing:.07em;text-transform:uppercase}.payment-ocr-results>span.found{border-color:#bfe0c9;background:#f3fbf6;color:#22643a}.payment-ocr-results>span.missing{border-color:#efd7b4;background:#fffbf4;color:#8a5b1a}.payment-ocr-panel>p{margin:10px 1px 0;color:#8b7d80;font-size:7px;line-height:1.5}.payment-ocr-panel.success .payment-ocr-icon{background:linear-gradient(135deg,#1d7b42,#39a965)}.payment-ocr-panel.warning .payment-ocr-icon{background:linear-gradient(135deg,#a86611,#e0a42d)}.payment-ocr-panel.error .payment-ocr-icon{background:linear-gradient(135deg,#8f1721,#bf2633)}
@keyframes paymentOcrGlow{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.18);opacity:.95}}
@media(max-width:560px){.payment-ocr-results{grid-template-columns:1fr}.payment-ocr-badge{display:none}.payment-ocr-panel{padding:13px}}
@media(prefers-reduced-motion:reduce){.payment-ocr-glow{animation:none!important}.payment-ocr-progress i{transition:none!important}}

/* V50.0.29 QR action clarity + share affordance */
.booking-actions .review-qr-action,.review-qr-action{position:relative;display:grid!important;place-items:center!important;color:#a30e1b!important;background:linear-gradient(145deg,#fff7f8,#fff)!important;border:1px solid #dfabb1!important;opacity:1!important;box-shadow:0 8px 18px rgba(163,14,27,.14)!important;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important}.review-qr-action .ico{display:block!important;width:18px!important;height:18px!important;stroke:currentColor!important;stroke-width:2.5!important;opacity:1!important}.review-qr-action:hover,.review-qr-action:focus-visible{transform:translateY(-2px)!important;color:#fff!important;background:linear-gradient(145deg,#a30e1b,#d52235)!important;border-color:#a30e1b!important;box-shadow:0 12px 25px rgba(163,14,27,.27)!important}.review-qr-action:focus-visible{outline:3px solid rgba(163,14,27,.24)!important;outline-offset:3px}.review-qr-action:hover::before{content:'Review QR';position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:6px 8px;border-radius:7px;background:#26171a;color:#fff;font-size:8px;font-weight:850;letter-spacing:.04em;white-space:nowrap;box-shadow:0 8px 16px rgba(28,8,12,.2);pointer-events:none}.qr-share-btn{color:#8d1522!important;background:linear-gradient(135deg,#fff2f4,#fff)!important;border-color:#e1b4b8!important}.qr-share-btn:hover,.qr-share-btn:focus-visible{color:#fff!important;background:linear-gradient(135deg,#a30e1b,#d52235)!important;border-color:#a30e1b!important}.review-qr-actions .btn .ico{vertical-align:-3px;margin-right:5px}.review-qr-actions .qr-share-btn{box-shadow:0 8px 18px rgba(163,14,27,.12)!important}@media(max-width:520px){.review-qr-action:hover::before{display:none}}@media(prefers-reduced-motion:reduce){.review-qr-action{transition:none!important}}

/* V50.0.30 premium review poster + multi-UPI receipt reader */
.review-qr-modal{width:min(1240px,calc(100vw - 34px))!important;background:radial-gradient(circle at 92% 18%,rgba(216,24,44,.12),transparent 28%),radial-gradient(circle at 8% 88%,rgba(236,174,43,.1),transparent 25%),linear-gradient(145deg,#fff,#fff9fa)!important}.review-qr-modal .modal-body{background-image:linear-gradient(rgba(145,16,29,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(145,16,29,.018) 1px,transparent 1px);background-size:28px 28px}.review-qr-stage{grid-template-columns:minmax(330px,.92fr) minmax(350px,1.08fr)!important;gap:34px!important}.review-qr-preview{isolation:isolate;padding:13px!important;border:1px solid rgba(255,255,255,.18)!important;background:linear-gradient(145deg,#160a0e,#340b13)!important;box-shadow:0 35px 80px rgba(54,5,13,.24),0 0 0 7px rgba(155,16,29,.045)!important}.review-qr-preview::before{content:"";position:absolute;z-index:-1;inset:-45%;background:conic-gradient(from 0deg,transparent 0 32%,rgba(255,72,91,.4) 40%,transparent 48% 76%,rgba(239,174,43,.28) 84%,transparent 92%);animation:reviewQrAura 9s linear infinite}.review-qr-preview::after{content:"";position:absolute;z-index:3;inset:13px;border-radius:17px;background:linear-gradient(112deg,transparent 30%,rgba(255,255,255,.18) 46%,transparent 62%);transform:translateX(-130%);animation:reviewQrShine 5.5s ease-in-out infinite;pointer-events:none}.review-qr-preview img{position:relative;z-index:2;max-height:650px!important;box-shadow:0 20px 45px rgba(0,0,0,.17)}.review-qr-scanline{z-index:4;left:11%!important;right:11%!important;height:1px!important;opacity:.6!important}.review-qr-copy{padding:16px 8px!important}.review-five-stars{font-size:36px!important;text-shadow:0 8px 22px rgba(234,169,31,.2)}.review-qr-copy h4{font-size:32px!important}.review-qr-copy>p{font-size:12px!important;max-width:620px}.review-qr-feature{padding:15px!important;border-color:#eadadd!important;border-radius:18px!important;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(255,247,248,.86))!important;box-shadow:0 12px 26px rgba(72,10,19,.055)!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important}.review-qr-feature:hover{transform:translateX(4px);border-color:#d9a9af!important;box-shadow:0 16px 30px rgba(72,10,19,.09)!important}.review-qr-feature>.ico{width:42px!important;height:42px!important;padding:10px!important;border-radius:14px!important;background:linear-gradient(145deg,#fff0f2,#ffe3e7)!important;box-shadow:0 8px 18px rgba(155,16,29,.1)}.review-qr-feature b{font-size:12px!important}.review-qr-feature small{font-size:9px!important}.review-qr-link{padding:15px!important;border-radius:17px!important;background:linear-gradient(135deg,#1d1014,#3b1118)!important;box-shadow:0 14px 30px rgba(35,7,12,.13)}.review-qr-actions{position:sticky!important;bottom:0!important;padding-top:12px!important;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff 36%)!important;backdrop-filter:blur(12px)}.review-qr-actions .btn{min-height:42px!important;border-radius:12px!important}.payment-ocr-panel{padding:18px!important;border-color:#e3cdd1!important;border-radius:20px!important;background:radial-gradient(circle at 95% 4%,rgba(42,150,91,.1),transparent 27%),linear-gradient(135deg,#fff,#fff7f8 56%,#f5fbf8)!important;box-shadow:0 18px 42px rgba(76,17,26,.09)!important}.payment-ocr-icon{width:46px!important;height:46px!important;border-radius:15px!important}.payment-ocr-badge{padding:6px 9px!important;background:linear-gradient(135deg,#e7f8ee,#f3fff7)!important;border:1px solid #c7ead4!important}.payment-ocr-progress{height:6px!important}.payment-ocr-panel.scanning .payment-ocr-progress i{animation:paymentOcrScanGlow 1.1s ease-in-out infinite}.payment-ocr-results{grid-template-columns:.75fr 1fr 1.25fr!important}.payment-ocr-results>span{position:relative;padding:12px 13px!important;border-radius:14px!important;font-size:10px!important;box-shadow:0 7px 18px rgba(35,11,15,.035)}.payment-ocr-results>span.app-found{border-color:#d6d7f1;background:linear-gradient(135deg,#f7f7ff,#fff);color:#454579}.payment-ocr-results>span em{display:block;margin-top:5px;color:#7b6d70;font-size:7px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.payment-ocr-panel>p{font-size:8px!important;line-height:1.55!important}@keyframes reviewQrAura{to{transform:rotate(360deg)}}@keyframes reviewQrShine{0%,24%{transform:translateX(-130%)}52%,100%{transform:translateX(130%)}}@keyframes paymentOcrScanGlow{0%,100%{filter:brightness(1);box-shadow:0 0 8px rgba(221,32,51,.3)}50%{filter:brightness(1.22);box-shadow:0 0 20px rgba(221,32,51,.62)}}@media(max-width:900px){.review-qr-stage{grid-template-columns:1fr!important}.review-qr-preview{max-width:520px;margin:auto;transform:none!important}.payment-ocr-results{grid-template-columns:1fr 1fr!important}.payment-ocr-results>span:last-child{grid-column:1/-1}}@media(max-width:560px){.review-qr-modal{width:calc(100vw - 14px)!important}.review-qr-copy{padding:8px 2px!important}.review-qr-copy h4{font-size:25px!important}.review-five-stars{font-size:27px!important}.payment-ocr-head{align-items:flex-start!important}.payment-ocr-results{grid-template-columns:1fr!important}.payment-ocr-results>span:last-child{grid-column:auto}.payment-ocr-panel{padding:14px!important}}@media(prefers-reduced-motion:reduce){.review-qr-preview::before,.review-qr-preview::after,.payment-ocr-panel.scanning .payment-ocr-progress i{animation:none!important}}

/* v50.0.32 · One-tap professional booking details copy */
.booking-actions .copy-booking-action{position:relative!important;display:grid!important;place-items:center!important;color:#245b96!important;background:linear-gradient(145deg,#f4f9ff,#fff)!important;border-color:#c9dced!important;box-shadow:0 8px 18px rgba(36,91,150,.10)!important;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important}
.booking-actions .copy-booking-action .ico{display:block!important;stroke:currentColor!important;stroke-width:2.1!important}
.booking-actions .copy-booking-action:hover,.booking-actions .copy-booking-action:focus-visible{transform:translateY(-2px)!important;color:#fff!important;background:linear-gradient(145deg,#2d6aa8,#1f4f82)!important;border-color:#245b96!important;box-shadow:0 12px 26px rgba(36,91,150,.24)!important}
.booking-actions .copy-booking-action.copied{color:#fff!important;background:linear-gradient(145deg,#2f9e61,#1f7d4a)!important;border-color:#237c4b!important;box-shadow:0 10px 22px rgba(35,124,75,.22)!important}
.booking-actions .copy-booking-action.is-copying{opacity:.72!important;cursor:wait!important}
.booking-actions .copy-booking-action:hover::before{content:'Copy details';position:absolute;z-index:30;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);padding:6px 8px;border-radius:7px;background:#18212b;color:#fff;font-size:8px;font-weight:850;letter-spacing:.035em;white-space:nowrap;box-shadow:0 8px 16px rgba(14,28,42,.2);pointer-events:none}
@media(max-width:520px){.booking-actions .copy-booking-action:hover::before{display:none}}
@media(prefers-reduced-motion:reduce){.booking-actions .copy-booking-action{transition:none!important}}

/* v50.0.43 — Lyrox Admin security branding + trusted-device polish */
.lyrox-admin-login{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin:14px 0 0!important;padding:10px 12px!important;border:1px solid #d6e7e4!important;border-radius:14px!important;background:linear-gradient(135deg,#f8fffd,#f2fbf9)!important;text-decoration:none!important;color:#173632!important;transition:.2s ease!important}
.lyrox-admin-login:hover{transform:translateY(-1px)!important;border-color:#9edbd2!important;box-shadow:0 10px 24px rgba(0,142,128,.08)!important}
.lyrox-admin-login img{width:82px!important;height:34px!important;object-fit:contain!important;flex:0 0 auto!important}
.lyrox-admin-login span{font-size:9px!important;font-weight:850!important;line-height:1.25!important;letter-spacing:.02em!important}
.lyrox-admin-secure{display:flex!important;align-items:center!important;gap:9px!important;padding:9px 10px!important;margin-bottom:8px!important;border-radius:13px!important;border:1px solid rgba(95,255,229,.14)!important;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(0,220,200,.035))!important;text-decoration:none!important;color:#fff!important;min-width:0!important}
.lyrox-admin-secure:hover{border-color:rgba(95,255,229,.32)!important;background:rgba(255,255,255,.07)!important}
.lyrox-admin-secure img{width:68px!important;height:28px!important;object-fit:contain!important;flex:0 0 auto!important}
.lyrox-admin-secure span{display:block!important;min-width:0!important}.lyrox-admin-secure b,.lyrox-admin-secure small{display:block!important;white-space:normal!important}.lyrox-admin-secure b{font-size:8.5px!important;color:#f2fffd!important;line-height:1.2!important}.lyrox-admin-secure small{font-size:7px!important;color:#88bdb5!important;margin-top:2px!important}
@media(max-width:900px){.lyrox-admin-secure{margin:4px 0 8px!important}.lyrox-admin-login{margin-top:12px!important}.lyrox-admin-login img{width:74px!important}}

/* v50.0.44 — Lyrox Admin security partner UI refinement */
.lyrox-admin-login{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;display:grid!important;
 grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
 margin:16px 0 0!important;padding:11px 12px!important;border:1px solid #cfe9e4!important;border-radius:17px!important;
 background:linear-gradient(135deg,#fbfffe 0%,#f3fbf9 52%,#f8fffe 100%)!important;color:#173632!important;
 box-shadow:inset 0 1px 0 #fff,0 12px 32px rgba(0,118,105,.065)!important;text-decoration:none!important;
 transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.lyrox-admin-login:before{content:"";position:absolute;z-index:-1;width:145px;height:145px;right:-45px;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,211,190,.10),transparent 69%);animation:lyroxAdminGlow 4.8s ease-in-out infinite}
.lyrox-admin-login:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 49%,transparent 62%);transform:translateX(-130%);animation:lyroxAdminSweep 6.6s ease-in-out infinite;pointer-events:none}
.lyrox-admin-login:hover,.lyrox-admin-login:focus-visible{transform:translateY(-2px)!important;border-color:#8bd8cc!important;box-shadow:0 16px 35px rgba(0,124,110,.11),0 0 0 3px rgba(0,179,160,.045)!important;outline:none!important}
.lyrox-login-shield{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border-radius:12px!important;color:#087d70!important;background:linear-gradient(145deg,#e7faf6,#dff6f1)!important;border:1px solid #caeae4!important;box-shadow:0 6px 16px rgba(0,130,115,.08)!important;flex:none!important}
.lyrox-login-shield .ico{width:17px!important;height:17px!important}
.lyrox-login-logo{display:grid!important;place-items:center!important;width:88px!important;height:42px!important;padding:3px 5px!important;border-radius:11px!important;background:#071110!important;border:1px solid rgba(12,132,117,.14)!important;overflow:hidden!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}
.lyrox-admin-login .lyrox-login-logo img{display:block!important;width:78px!important;height:32px!important;object-fit:contain!important;filter:drop-shadow(0 4px 9px rgba(0,200,180,.18))!important;transition:transform .22s ease!important}
.lyrox-admin-login:hover .lyrox-login-logo img{transform:scale(1.035)!important}
.lyrox-login-copy{display:grid!important;gap:1px!important;min-width:0!important;line-height:1.2!important}
.lyrox-login-copy small{font-size:6.5px!important;font-weight:950!important;letter-spacing:.17em!important;color:#2d9488!important;white-space:nowrap!important}
.lyrox-login-copy b{display:block!important;font-size:9.5px!important;font-weight:900!important;line-height:1.35!important;letter-spacing:.005em!important;color:#173632!important;white-space:normal!important}
.lyrox-login-copy em{display:block!important;margin-top:1px!important;font-size:7.5px!important;font-style:normal!important;font-weight:650!important;color:#7b9691!important;white-space:normal!important}
.lyrox-login-arrow{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border-radius:9px!important;border:1px solid #cce8e3!important;background:#f7fffd!important;color:#0a887a!important;font-size:13px!important;font-weight:900!important;transition:transform .22s ease,background .22s ease!important}
.lyrox-admin-login:hover .lyrox-login-arrow{transform:translate(2px,-2px)!important;background:#eafaf6!important}

.lyrox-admin-secure{position:relative!important;overflow:hidden!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto!important;align-items:center!important;gap:8px!important;padding:9px!important;margin-bottom:9px!important;border-radius:14px!important;border:1px solid rgba(105,247,225,.13)!important;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(0,205,184,.035))!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,background .2s ease!important}
.lyrox-admin-secure:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.055),transparent 60%);transform:translateX(-130%);animation:lyroxSideSweep 8s ease-in-out infinite;pointer-events:none}
.lyrox-admin-secure:hover,.lyrox-admin-secure:focus-visible{transform:translateY(-1px)!important;border-color:rgba(105,247,225,.30)!important;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(0,205,184,.06))!important;outline:none!important}
.lyrox-side-shield{display:grid!important;place-items:center!important;width:27px!important;height:27px!important;border-radius:9px!important;background:rgba(0,210,190,.10)!important;border:1px solid rgba(109,255,232,.11)!important;color:#77eddd!important}
.lyrox-side-shield .ico{width:14px!important;height:14px!important}
.lyrox-admin-secure>img{display:block!important;width:58px!important;height:25px!important;object-fit:contain!important;flex:none!important;filter:drop-shadow(0 3px 7px rgba(0,200,180,.15))!important}
.lyrox-side-copy{display:grid!important;gap:1px!important;min-width:0!important}.lyrox-side-copy b{display:block!important;font-size:8px!important;line-height:1.2!important;color:#f3fffd!important;font-weight:900!important;white-space:normal!important}.lyrox-side-copy small{display:block!important;margin:0!important;font-size:6.5px!important;line-height:1.2!important;color:#7fbdb4!important;font-weight:700!important;white-space:normal!important}
.lyrox-side-arrow{display:grid!important;place-items:center!important;width:21px!important;height:21px!important;border-radius:7px!important;background:rgba(0,210,190,.075)!important;color:#79eadd!important;font-size:10px!important;font-weight:900!important;transition:transform .2s ease!important}.lyrox-admin-secure:hover .lyrox-side-arrow{transform:translate(1px,-1px)!important}
@keyframes lyroxAdminGlow{0%,100%{opacity:.45;transform:translateY(-50%) scale(.92)}50%{opacity:1;transform:translateY(-50%) scale(1.08)}}
@keyframes lyroxAdminSweep{0%,66%{transform:translateX(-130%)}86%,100%{transform:translateX(130%)}}
@keyframes lyroxSideSweep{0%,72%{transform:translateX(-130%)}90%,100%{transform:translateX(130%)}}
@media(max-width:900px){.lyrox-admin-login{grid-template-columns:auto auto minmax(0,1fr) auto!important;gap:9px!important}.lyrox-login-shield{width:32px!important;height:32px!important}.lyrox-login-logo{width:78px!important;height:38px!important}.lyrox-admin-login .lyrox-login-logo img{width:69px!important;height:29px!important}.lyrox-login-copy b{font-size:8.5px!important}.lyrox-login-copy em{font-size:7px!important}}
@media(max-width:520px){.lyrox-admin-login{grid-template-columns:auto minmax(0,1fr) auto!important;padding:10px!important}.lyrox-login-shield{display:none!important}.lyrox-login-logo{width:75px!important}.lyrox-login-copy small{font-size:6px!important}.lyrox-login-copy b{font-size:8px!important}.lyrox-login-copy em{display:none!important}.lyrox-login-arrow{width:25px!important;height:25px!important}}
@media(max-width:1180px) and (min-width:901px){.sidebar .lyrox-admin-secure{grid-template-columns:1fr!important;justify-items:center!important;gap:5px!important}.sidebar .lyrox-admin-secure>img{width:48px!important}.sidebar .lyrox-side-shield,.sidebar .lyrox-side-copy,.sidebar .lyrox-side-arrow{display:none!important}}
@media(prefers-reduced-motion:reduce){.lyrox-admin-login:before,.lyrox-admin-login:after,.lyrox-admin-secure:after{animation:none!important}.lyrox-admin-login,.lyrox-admin-secure,.lyrox-login-arrow,.lyrox-side-arrow,.lyrox-admin-login .lyrox-login-logo img{transition:none!important}}


/* V50.0.56 — My Profile / Face Verification alignment repair */
.face-security-card{
  overflow:hidden!important;
  border:1px solid #e4e7eb!important;
  border-radius:22px!important;
  background:#fff!important;
  box-shadow:0 14px 38px rgba(24,27,34,.05)!important;
}
.face-security-card .panel-head{
  align-items:center!important;
  margin-bottom:16px!important;
}
.face-security-status{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr) auto!important;
  align-items:center!important;
  column-gap:13px!important;
  row-gap:8px!important;
  min-width:0!important;
  padding:14px 15px!important;
  border:1px solid #e8eaee!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#fbfcfe,#f7f8fa)!important;
}
.face-security-status .face-shield{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid #dde1e6!important;
  border-radius:13px!important;
  background:#fff!important;
  color:#a31320!important;
  box-shadow:0 6px 16px rgba(24,27,34,.05)!important;
}
.face-security-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:5px!important;
  line-height:1.35!important;
}
.face-security-copy b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#24272c!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:-.01em!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.face-security-copy span{
  display:block!important;
  width:100%!important;
  margin:0!important;
  color:#7e848c!important;
  font-size:9px!important;
  line-height:1.45!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.face-security-status .face-status-badge{
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  white-space:nowrap!important;
}
.face-security-card>.page-actions{
  padding-top:2px!important;
}
@media(max-width:640px){
  .face-security-status{
    grid-template-columns:42px minmax(0,1fr)!important;
  }
  .face-security-status .face-status-badge{
    grid-column:2!important;
    justify-self:start!important;
  }
  .face-security-card>.page-actions .btn{
    width:100%!important;
  }
}