/* mc4 Time v0.33.1 – colour and visual hierarchy layer
   Kept separate from the legacy component sheet so structural styles always
   win predictably and can be cache-busted independently. */

:root{
  --blue:#33afe6;
  --blue-dark:#1584bc;
  --brand:#4a3d68;
  --brand-strong:#312747;
  --brand-soft:#f0edf7;
  --ink:#172033;
  --muted:#70778a;
  --bg:#f5f6f8;
  --panel:#fff;
  --line:#e5e8ee;
  --line-strong:#d8dde7;
  --sidebar:#171d2b;
  --sidebar-soft:#242c3f;
  --danger:#d92d3f;
  --green:#168a65;
  --warning:#c87913;
  --violet:#7557b4;
  --orange:#ee9418;
  --shadow:0 10px 30px rgba(25,33,48,.055);
  --shadow-hover:0 16px 34px rgba(25,33,48,.095);
  --radius:16px;
  --sidebar-w:264px;
  --content-max:1540px;
}

html{background:var(--bg);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,"SF Pro Text","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.svg-icon-sprite{position:absolute;width:0;height:0;overflow:hidden}
.ui-icon,.nav-icon,.search-icon,.mobile-tabs svg,.quick-card svg,.stat-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Shell and navigation */
.app-shell{display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);min-height:100vh;background:linear-gradient(to right,var(--sidebar) 0,var(--sidebar) var(--sidebar-w),var(--bg) var(--sidebar-w),var(--bg) 100%);transition:grid-template-columns .2s ease}
.sidebar{position:sticky;inset:0 auto auto 0;width:var(--sidebar-w);height:100vh;padding:20px 14px 16px;background:linear-gradient(180deg,#171d2b 0%,#121824 100%);color:#dce2ed;box-shadow:1px 0 0 rgba(255,255,255,.04);overflow:hidden}
.sidebar-top{min-height:50px;margin:0 4px 18px;padding:0;gap:10px}
.brand{min-width:0;overflow:hidden}
.brand img{width:154px;max-height:48px;object-fit:contain;object-position:left center}
.brand-compact{width:44px;height:44px;background:url('/assets/img/timedesk-icon.svg?v=0375') center/contain no-repeat;filter:drop-shadow(0 8px 12px rgba(51,175,230,.18))}
.sidebar-collapse{width:30px;height:30px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.055);color:#dce2ed;transition:background .15s ease,border-color .15s ease}
.sidebar-collapse:hover{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.18)}
.tenant{display:grid;gap:2px;margin:0 4px 14px;padding:13px 14px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(255,255,255,.035);text-decoration:none}
.tenant strong{font-size:13px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tenant small{font-size:11px;color:#929caf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 2px 8px 0;scrollbar-width:thin;scrollbar-color:#343d52 transparent}
.nav-group{display:block;margin:17px 12px 6px;color:#778196;font-size:9px;line-height:1;font-weight:800;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.sidebar nav a{position:relative;display:flex;align-items:center;gap:12px;min-height:41px;margin:2px 0;padding:9px 11px;border-radius:10px;color:#b8c1d1;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s ease,color .15s ease,transform .15s ease}
.sidebar nav a:hover{background:rgba(255,255,255,.055);color:#fff}
.sidebar nav a.active{background:linear-gradient(135deg,rgba(68,181,231,.22),rgba(103,103,198,.19));color:#fff;box-shadow:inset 0 0 0 1px rgba(113,205,244,.15)}
.sidebar nav a.active::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:var(--blue);box-shadow:0 0 12px rgba(51,175,230,.55)}
.nav-icon{width:19px;height:19px;flex:0 0 19px;color:#8794aa}
.sidebar nav a:hover .nav-icon,.sidebar nav a.active .nav-icon{color:#65c8f2}
.logout{margin-top:8px;padding:8px 4px 0;border-top:1px solid rgba(255,255,255,.07)}
.logout button{width:100%;border-color:rgba(255,255,255,.1);border-radius:10px;color:#8e98aa;font-size:12px}
.logout button:hover{color:#fff;background:rgba(255,255,255,.06)}

/* Header */
.main{min-width:0;min-height:100vh;padding:0 28px 48px;background:var(--bg)}
.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 56px);max-width:none;height:72px;margin:0 -28px;padding:0 28px;border:0;border-bottom:1px solid rgba(218,222,231,.86);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:none}
.topbar-left,.topbar-right{display:flex;align-items:center;gap:11px;min-width:0}
.topbar-title{display:grid;gap:1px;min-width:0}
.topbar-title strong{font-size:15px;line-height:1.2;color:#20283a;white-space:nowrap}
.topbar-title .muted{font-size:10px;line-height:1.2;color:#969cad;letter-spacing:.025em}
.command-search{position:relative;display:grid;grid-template-columns:18px minmax(160px,250px) auto;align-items:center;gap:8px;height:40px;padding:0 9px 0 12px;border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:#9198a8;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.command-search .search-icon{width:16px;height:16px}
.command-search input{width:100%;height:38px;padding:0;border:0;outline:0;background:transparent;box-shadow:none;color:var(--ink);font-size:13px}
.command-search input::placeholder{color:#9aa0ae}
.command-search:focus-within{border-color:#8ecfee;box-shadow:0 0 0 3px rgba(51,175,230,.12)}
.command-search kbd{display:inline-flex;align-items:center;height:23px;padding:0 6px;border:1px solid var(--line);border-bottom-color:#ccd2dc;border-radius:6px;background:#f7f8fa;color:#707789;font:600 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:nowrap}
.command-results{top:calc(100% + 8px);padding:7px;border-color:var(--line);border-radius:12px;box-shadow:0 20px 45px rgba(23,32,51,.16)}
.command-results a{padding:10px;border-radius:8px;font-size:13px}
.notification-bell,.menu-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line-strong);border-radius:11px;background:#fff;color:#596174;box-shadow:0 1px 2px rgba(16,24,40,.02)}
.menu-toggle{display:none}
.notification-bell:hover,.menu-toggle:hover{border-color:#b9c2d0;color:var(--brand)}
.notification-bell .ui-icon,.menu-toggle .ui-icon{width:18px;height:18px}
.notification-bell b{right:-4px;top:-5px;background:#e04455;box-shadow:0 0 0 3px #fff}
.user-chip{display:flex;align-items:center;gap:8px;height:40px;padding:4px 10px 4px 4px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;text-decoration:none}
.user-avatar{width:30px;height:30px;background:linear-gradient(135deg,var(--brand),#6e5c91);color:#fff}
.user-chip-text{max-width:130px;font-size:12px;font-weight:700;color:#4e5668}
.content-wrap{width:min(100%,var(--content-max));max-width:var(--content-max);margin:0 auto;padding-top:1px}

/* Shared components */
.page-head{margin:28px 0 18px}
.page-head h1{margin:3px 0 5px;font-size:clamp(28px,2.2vw,38px);line-height:1.12;letter-spacing:-.035em;color:#182135}
.page-head p{font-size:14px;color:var(--muted)}
.page-kicker,.section-kicker{display:block;color:var(--blue-dark);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.panel,.quick-card,.stat,.employee-card,.integration-card,.profile-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}
.panel{padding:22px;margin:16px 0}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.panel-head>div{min-width:0}
.panel h2,.panel-head h2{margin:2px 0 4px;color:#222a3e;font-size:20px;line-height:1.25;letter-spacing:-.025em}
.panel-head .muted{font-size:12px}
.badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 9px;border-radius:999px;background:#f0f2f5;color:#60687a;font-size:10px;font-weight:800}
.btn{min-height:40px;border-radius:10px;font-weight:750;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn.primary{border-color:#315bff;background:linear-gradient(135deg,#315bff,#4b6fff);color:#fff;box-shadow:0 7px 16px rgba(49,91,255,.2)}
.btn.primary:hover{box-shadow:0 10px 22px rgba(49,91,255,.28)}
input,select,textarea{border-color:var(--line-strong);border-radius:10px;background:#fff}
input:focus,select:focus,textarea:focus{border-color:#74c7ed;box-shadow:0 0 0 3px rgba(51,175,230,.1)}
table{font-size:13px}
th{padding:11px 12px;background:#f6f7f9;color:#777f90;font-size:10px;font-weight:800;letter-spacing:.035em;text-transform:uppercase}
td{padding:13px 12px;border-color:#edf0f4}
tbody tr:hover{background:#fafbfc}

/* Dashboard heading and quick entry */
.dashboard-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.today-chip{display:flex;align-items:center;gap:10px;min-width:132px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 3px 10px rgba(25,33,48,.035)}
.today-chip>span{width:9px;height:9px;border-radius:50%;background:#24b47e;box-shadow:0 0 0 4px rgba(36,180,126,.11)}
.today-chip>div{display:grid;gap:1px}
.today-chip small{color:#858c9c;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.today-chip strong{font-size:12px;color:#343c4e}
.quick-card{position:relative;z-index:2;display:grid;grid-template-columns:minmax(205px,250px) minmax(320px,1fr);align-items:center;gap:20px;margin:18px 0;padding:16px 18px;border-color:#d7e9f4;background:linear-gradient(112deg,#f2fbff 0%,#fff 44%,#f8f5ff 100%);overflow:visible}
.quick-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--blue),var(--violet))}
.quick-card-copy{display:flex;align-items:center;gap:11px;min-width:0}
.quick-card-copy .quick-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#eaf7fd;color:#1595ce}
.quick-card-copy .quick-icon svg{width:19px;height:19px}
.quick-card-copy>div{display:grid;gap:2px;min-width:0}
.quick-card-copy strong{font-size:13px;color:#2d3548}
.quick-card-copy small{margin:0;color:#8a91a1;font-size:10px;white-space:nowrap}
.quick-form{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:5px 5px 5px 15px;border:1px solid var(--line-strong);border-radius:12px;background:#fff;box-shadow:inset 0 1px 2px rgba(16,24,40,.015)}
.quick-form:focus-within{border-color:#8ecfee;box-shadow:0 0 0 3px rgba(51,175,230,.1)}
.quick-form input{min-width:0;height:38px;padding:0;border:0;border-radius:0;outline:0;background:transparent;box-shadow:none;font-size:13px}
.quick-form .btn{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 14px}
.quick-form .btn svg{width:16px;height:16px}
.quick-sync-status{grid-column:2;margin:0 0 -8px 2px!important;font-size:10px!important}
.quick-sync-status:empty{display:none}
.quick-extras{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;margin-top:-8px}
.quick-template-list{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}
.quick-template-list>span{flex:0 0 auto;color:#8a91a1;font-size:9px;font-weight:850;letter-spacing:.06em;text-transform:uppercase}
.quick-template-list button,.quick-favorite-action,.voice-help>summary{max-width:190px;padding:5px 8px;border:1px solid #e1e6ee;border-radius:999px;background:#fff;color:#5d6678;font:inherit;font-size:9px;font-weight:750;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}
.quick-template-list button:hover,.quick-favorite-action:hover,.voice-help>summary:hover{border-color:#b9ddef;background:#f2fbff;color:#127dab}
.quick-template-list button.is-favorite::before{content:"★ ";color:#dd9119}
.quick-extra-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.quick-favorite-action{max-width:none;color:#9a650f;background:#fffaf0;border-color:#f2dfba}
.voice-help{position:relative}
.voice-help>summary{max-width:none;list-style:none}.voice-help>summary::-webkit-details-marker{display:none}
.voice-help>div{position:absolute;z-index:12;right:0;top:calc(100% + 8px);display:grid;gap:5px;width:min(360px,calc(100vw - 44px));padding:13px;border:1px solid #dce4ee;border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(22,34,52,.16);color:#687184;font-size:10px}
.voice-help>div strong{color:#293349}.voice-help>div small{margin-top:3px;color:#8a91a1}
.voice-unavailable{grid-column:2;padding:8px 10px;border:1px solid #f3d7a6;border-radius:10px;background:#fff9ed;color:#8a5a08;font-size:10px}
.voice-trigger{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid #cfe5f1;border-radius:10px;background:#eef9fe;color:#168cbe;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}
.voice-trigger:hover{background:#dff4fd;color:#0d75a2;transform:translateY(-1px)}
.voice-trigger:disabled{cursor:not-allowed;opacity:.45;transform:none}
.voice-trigger.is-listening{border-color:#e95865;background:#fff0f2;color:#d92d3f;box-shadow:0 0 0 5px rgba(217,45,63,.1);animation:voice-pulse 1.2s ease-in-out infinite}
.voice-trigger svg{width:18px;height:18px}
@keyframes voice-pulse{50%{box-shadow:0 0 0 9px rgba(217,45,63,.035)}}
.voice-command-panel{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 14px;margin-top:-7px;padding:11px 12px;border:1px solid #cfe7f3;border-radius:12px;background:linear-gradient(120deg,#f0faff,#f8f6ff)}
.voice-command-panel[hidden]{display:none}
.voice-command-copy{display:flex;align-items:center;gap:10px;min-width:0}
.voice-command-mark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#dff3fc;color:#1488ba}
.voice-command-mark svg{width:17px;height:17px}
.voice-command-copy>div{display:grid;gap:2px;min-width:0}
.voice-command-copy small{color:#1684b4;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.voice-command-copy strong{overflow:hidden;color:#293349;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.voice-command-fields{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.voice-command-fields:empty{display:none}
.voice-command-field{display:inline-flex;gap:4px;padding:3px 6px;border-radius:999px;background:#fff;border:1px solid #dfe7ef;color:#5d6678;font-size:9px}
.voice-command-field b{color:#30394b}
.voice-command-choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px}
.voice-command-choices:empty{display:none}
.voice-command-choice{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:7px 8px;border:1px solid #d9e7ef;border-radius:10px;background:rgba(255,255,255,.82)}
.voice-command-choice>span{color:#547083;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.04em}
.voice-command-choice select{min-width:0;padding:6px 8px;border-radius:8px;font-size:10px}
.voice-match-low{border-color:#f0cf97;background:#fff8eb}.voice-match-low>span{color:#93600c}
.voice-command-actions{grid-column:2;grid-row:1;display:flex;gap:7px;flex:0 0 auto}
.voice-command-actions .btn{min-height:34px;padding:6px 10px;font-size:10px}

/* Metrics */
.cards-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:16px 0 20px}
.cards-4>.stat{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:13px;min-height:108px;padding:17px;background:linear-gradient(135deg,#fff 52%,#edf9fe 100%);border-color:#dcecf4;color:var(--ink);overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.cards-4>.stat:nth-child(2){background:linear-gradient(135deg,#fff 50%,#f2edfb 100%);border-color:#e4dcf2}
.cards-4>.stat:nth-child(3){background:linear-gradient(135deg,#fff 50%,#eef8f4 100%);border-color:#dceee7}
.cards-4>.stat:nth-child(4){background:linear-gradient(135deg,#fff 50%,#fff3df 100%);border-color:#f4e5cd}
.cards-4>.stat::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue)}
.cards-4>.stat:nth-child(2)::before{background:var(--violet)}
.cards-4>.stat:nth-child(3)::before{background:var(--green)}
.cards-4>.stat:nth-child(4)::before{background:var(--orange)}
.cards-4>.stat::after{content:"";position:absolute;right:-18px;bottom:-26px;width:78px;height:78px;border-radius:50%;background:rgba(49,91,255,.045)}
.cards-4>.stat:hover{transform:translateY(-2px);border-color:#d9dde7;box-shadow:var(--shadow-hover)}
.stat-icon{display:grid!important;place-items:center;width:46px;height:46px;margin:0!important;border-radius:13px;background:#ebf7fd!important;color:#1492c9!important}
.stat-icon.violet{background:#f0edfb!important;color:#7158b5!important}
.stat-icon.orange{background:#fff3df!important;color:#c47a15!important}
.stat-icon.account{background:#eef1f6!important;color:#5b6476!important}
.stat.negative .stat-icon.account{background:#fff0f1!important;color:#d2384a!important}
.stat.positive .stat-icon.account{background:#eaf8f2!important;color:#17815f!important}
.stat-icon svg{width:21px;height:21px}
.cards-4>.stat>div{display:grid;gap:2px;min-width:0}
.cards-4>.stat>div>span{margin:0;color:#737b8c;font-size:10px;font-weight:750;white-space:nowrap}
.cards-4>.stat strong{color:#1c2538;font-size:clamp(22px,1.7vw,29px);line-height:1.12;letter-spacing:-.035em;white-space:nowrap}
.cards-4>.stat small{color:#a0a5b2;font-size:9px}
.cards-4>.stat.negative{background:linear-gradient(135deg,#fff 50%,#fff0f2 100%);color:var(--ink);border-color:#f1dce0}
.cards-4>.stat.negative::before{background:var(--danger)}
.cards-4>.stat.positive{background:linear-gradient(135deg,#fff 50%,#eaf8f2 100%);color:var(--ink);border-color:#d8ede5}
.cards-4>.stat.positive::before{background:var(--green)}
.cards-4>.stat.negative strong{color:var(--danger)}
.cards-4>.stat.positive strong{color:var(--green)}
.cards-4>.stat.account-review small{color:#b4232c;font-weight:800}

/* Dashboard layout */
.dashboard-workspace{display:flex;align-items:flex-start;gap:18px;margin-top:2px}
.dashboard-workspace.no-presence{display:block}
.dashboard-primary{order:1;flex:1 1 auto;min-width:0}
.dashboard-primary>.panel:first-child,.dashboard-aside{margin-top:0}
.dashboard-aside{order:2;position:sticky;top:90px;align-self:flex-start;flex:0 0 min(360px,28vw);max-height:calc(100vh - 110px);margin-top:0!important;padding:20px;overflow:auto}
.presence-panel{position:relative;border-color:#e2ddf0;background:linear-gradient(180deg,#f8f5ff 0,#fff 150px);overflow:hidden}
.presence-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--violet),var(--blue))}
.presence-panel .panel-head{align-items:center;margin-bottom:10px}
.presence-panel .panel-head h2{font-size:18px}
.presence-panel .badge{min-width:28px;background:#eff2f6;color:#5f687b}
.presence-grid{display:grid;grid-template-columns:1fr;gap:0}
.presence-row{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;margin:0 -7px;padding:10px 7px;border-bottom:1px solid #edf0f3;border-radius:10px;transition:background .15s ease}
.presence-row:hover{background:rgba(255,255,255,.78)}
.presence-row:last-child{border-bottom:0}
.presence-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,#f0edf7,#e7e2f2);color:#4b3f67;font-size:12px;font-weight:850}
.presence-row:nth-child(4n+2) .presence-avatar{background:linear-gradient(135deg,#e9f7fd,#d8effa);color:#137aa9}
.presence-row:nth-child(4n+3) .presence-avatar{background:linear-gradient(135deg,#eaf8f2,#d9f1e7);color:#147a5b}
.presence-row:nth-child(4n+4) .presence-avatar{background:linear-gradient(135deg,#fff4e3,#fee8c5);color:#a7640c}
.presence-person{min-width:0}
.presence-person strong{display:block;overflow:hidden;color:#323a4d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.presence-person small{display:flex;align-items:center;gap:5px;margin-top:2px;color:#9298a5;font-size:9px;white-space:nowrap}
.presence-dot{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#b8bfcb}
.presence-dot.live{background:#1aae78;box-shadow:0 0 0 3px rgba(26,174,120,.1)}
.presence-dot.away{background:#e49a35}
.presence-state{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:4px 7px;border-radius:999px;background:#f3f4f6;color:#747c8d;font-size:9px;font-weight:800;white-space:nowrap}
.presence-state.live{background:#e9f8f2;color:#12805e}
.presence-state.away{background:#fff4e5;color:#a46410}
.workday-panel{border:1px solid #dce5f4;background:linear-gradient(145deg,#fff 54%,#f3f7ff 100%)}
.workday-panel::before{content:"";display:block;height:3px;margin:-22px -22px 19px;border-radius:16px 16px 0 0;background:linear-gradient(90deg,#315bff,#6d7fff,#45bde8)}
.workday-overview{gap:9px}
.workday-overview>div{border-color:#dcecf5;border-radius:11px;background:#eef9fe;padding:12px}
.workday-overview>div:nth-child(2){border-color:#e3dcf1;background:#f3effa}
.workday-overview>div:nth-child(3){border-color:#d9eee5;background:#ecf8f3}
.workday-overview>div:nth-child(4){border-color:#f2e3ca;background:#fff5e7}
.workday-overview>div:nth-child(1) strong{color:#117cad}
.workday-overview>div:nth-child(2) strong{color:#674ba5}
.workday-overview>div:nth-child(3) strong{color:#11785a}
.workday-overview>div:nth-child(4) strong{color:#a5630c}
.workday-overview strong{font-size:18px}
.week-check{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:10px;padding:10px 12px;border:1px solid #dce7f1;border-radius:11px;background:#f8fbfd}
.week-check>div{display:grid;gap:2px}.week-check>div:last-child{text-align:right}.week-check span{color:#7c8596;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.week-check strong{color:#344055;font-size:12px}.week-check.open>div:last-child strong{color:#a7640c}.week-check.complete{border-color:#d4eadf;background:#f2faf6}.week-check.complete>div:last-child strong{color:#137558}
.day-assistant{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 14px;border:1px solid #d8e4f1;border-radius:13px;background:linear-gradient(120deg,#f5f9ff,#fff)}
.day-assistant.is-ready{border-color:#c8e9db;background:linear-gradient(120deg,#ecfaf4,#f8fbff)}.day-assistant.needs-review{border-color:#f0dfbd;background:linear-gradient(120deg,#fff8ea,#fff)}
.day-assistant-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#315bff;color:#fff;font-size:19px;box-shadow:0 7px 16px rgba(49,91,255,.2)}.day-assistant.is-ready .day-assistant-mark{background:#1b9a70}
.day-assistant-copy{display:grid;gap:2px;min-width:0}.day-assistant-copy>span{color:#56708e;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.day-assistant-copy>strong{color:#263147;font-size:13px}.day-assistant-copy>small{color:#7f8899;font-size:9px;line-height:1.4}
.day-assistant-action{display:grid;justify-items:end;gap:6px}.day-assistant-action .check{font-size:9px;color:#667085}.day-assistant-action .btn:disabled{opacity:.45;cursor:not-allowed}
.check-item.info{border:1px solid #d9ebfa;background:#edf7ff;color:#285a78}
.check-item.info>span{background:#d6ecff;color:#176b9b}
.suggestions-panel{position:relative;border-color:#dfddf0;background:linear-gradient(145deg,#fff 70%,#f7f4ff 100%);overflow:hidden}
.suggestions-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--violet),#8a75c4,var(--blue))}
.suggestions-panel .badge{background:#eee8fa;color:#63499b}
.suggestion-card{position:relative;border-color:#dde5ef;background:linear-gradient(110deg,#fbfdff,#fff);box-shadow:0 5px 16px rgba(30,42,65,.035);overflow:hidden;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.suggestion-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--blue)}
.suggestion-card:hover{transform:translateY(-1px);border-color:#cad9e8;box-shadow:0 10px 24px rgba(30,42,65,.07)}
.suggestion-card:nth-child(4n+2)::before{background:var(--violet)}
.suggestion-card:nth-child(4n+3)::before{background:var(--orange)}
.suggestion-card:nth-child(4n+4)::before{background:var(--green)}
.suggestion-card:nth-child(4n+2) .suggestion-time{background:#f2edfb;color:#5f4694}
.suggestion-card:nth-child(4n+3) .suggestion-time{background:#fff3df;color:#9d600d}
.suggestion-card:nth-child(4n+4) .suggestion-time{background:#eaf8f2;color:#116f53}
.suggestion-one-click{display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #cfe9df;border-radius:10px;background:#effaf5}
.suggestion-one-click span{color:#39745f;font-size:9px;font-weight:700}
.suggestion-merge-bar>div{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.suggestion-learn{grid-column:1/-2;align-self:center;color:#5f6c7f!important}.suggestion-learn input{width:16px;height:16px;accent-color:var(--blue)}
.day-timeline-panel{position:relative;border-color:#dce5f0;background:linear-gradient(150deg,#fff 66%,#f2f8fc 100%);overflow:hidden}
.day-timeline-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange))}
.day-timeline-panel .panel-head{align-items:center}
.timeline-summary{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.timeline-pill{display:inline-flex;align-items:center;min-height:27px;padding:5px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.timeline-pill.time{background:#e8f7fd;color:#1078a7}.timeline-pill.calendar{background:#f0ebfa;color:#62499a}.timeline-pill.gap{background:#fff1dd;color:#9d600d}
.timeline-legend{display:flex;gap:16px;flex-wrap:wrap;margin:-3px 0 17px;color:#788092;font-size:10px;font-weight:650}
.timeline-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.legend-dot.outlook{background:var(--violet)}.legend-dot.gap{background:var(--orange)}
.day-timeline-list{display:grid;gap:0}
.timeline-entry{display:grid;grid-template-columns:54px 20px minmax(0,1fr);align-items:stretch;min-width:0}
.timeline-clock{display:grid;align-content:start;gap:2px;padding:13px 8px 16px 0;text-align:right;font-variant-numeric:tabular-nums}
.timeline-clock strong{color:#293247;font-size:12px}.timeline-clock span{color:#9aa1af;font-size:9px}
.timeline-track{position:relative;display:flex;justify-content:center}
.timeline-track::after{content:"";position:absolute;top:0;bottom:0;width:2px;background:#e4e8ef}
.timeline-entry:first-child .timeline-track::after{top:18px}.timeline-entry:last-child .timeline-track::after{bottom:calc(100% - 19px)}
.timeline-track i{position:relative;z-index:1;width:11px;height:11px;margin-top:16px;border:3px solid #fff;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #bde7f8}
.timeline-outlook .timeline-track i,.timeline-planner .timeline-track i{background:var(--violet);box-shadow:0 0 0 2px #d9cff0}.timeline-gap .timeline-track i{background:var(--orange);box-shadow:0 0 0 2px #f8dbad}
.timeline-card{min-width:0;margin:5px 0 9px 8px;padding:12px 13px;border:1px solid #dcecf4;border-radius:12px;background:linear-gradient(105deg,#f1faff,#fff);box-shadow:0 4px 12px rgba(31,45,66,.035)}
.timeline-outlook .timeline-card,.timeline-planner .timeline-card{border-color:#e1d9f1;background:linear-gradient(105deg,#f5f1fb,#fff)}
.timeline-gap .timeline-card{border-style:dashed;border-color:#edc98e;background:linear-gradient(105deg,#fff6e7,#fff)}
.timeline-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.timeline-card-head>div:first-child{display:grid;gap:2px;min-width:0}.timeline-card-head strong{overflow:hidden;color:#283145;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.timeline-card-head small{overflow:hidden;color:#81899a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.timeline-card-badges{display:flex;gap:5px;flex:0 0 auto}.timeline-card .badge{min-height:22px;padding:3px 7px;font-size:8px}.timeline-card .badge.live{background:#e5f8ef;color:#0b7856}
.timeline-link{display:inline-flex;margin-top:7px;color:#39708d;font-size:9px;font-weight:750;text-decoration:none}.timeline-outlook .timeline-link,.timeline-planner .timeline-link{color:#6b51a3}.timeline-link:hover{text-decoration:underline}
.gap-capture{margin-top:8px}.gap-capture summary{width:max-content;color:#9b5c08;font-size:10px;font-weight:800;cursor:pointer;list-style:none}.gap-capture summary::-webkit-details-marker{display:none}.gap-capture summary::before{content:"+";display:inline-grid;place-items:center;width:17px;height:17px;margin-right:6px;border-radius:5px;background:#ffe7bd}.gap-capture[open] summary::before{content:"−"}
.gap-form{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(180px,1.4fr) minmax(135px,.9fr) auto;align-items:end;gap:8px;margin-top:11px;padding-top:11px;border-top:1px solid #f1ddba}.gap-form label{font-size:9px}.gap-form input,.gap-form select{min-width:0;padding:8px;font-size:11px}.gap-form .btn{min-height:36px}
.timer-panel{border-top:1px solid var(--line)}
.timer-panel::before{content:"";display:block;width:48px;height:3px;margin:-22px 0 19px;border-radius:0 0 4px 4px;background:#315bff}
.timer-reminder{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 13px;padding:10px 12px;border:1px solid #f0d39e;border-radius:11px;background:#fff8eb;color:#7d520b}
.timer-reminder[hidden]{display:none}.timer-reminder>div{display:grid;gap:2px}.timer-reminder strong{font-size:11px}.timer-reminder span{font-size:9px}.timer-reminder button{border:0;background:transparent;color:#9a6a1b;font-size:20px;line-height:1;cursor:pointer}

/* Safe desktop/mobile behaviour – deliberately explicit to avoid stale CSS collisions. */
.mobile-tabs{display:none!important}
body.sidebar-compact .app-shell{grid-template-columns:78px minmax(0,1fr);background:linear-gradient(to right,var(--sidebar) 0,var(--sidebar) 78px,var(--bg) 78px,var(--bg) 100%)}
body.sidebar-compact .sidebar{width:78px;padding-inline:10px}
body.sidebar-compact .sidebar-top{justify-content:center;margin-inline:0;flex-wrap:wrap}
body.sidebar-compact .brand img,body.sidebar-compact .tenant,body.sidebar-compact .nav-group,body.sidebar-compact .sidebar nav a span,body.sidebar-compact .logout{display:none}
body.sidebar-compact .brand-compact{display:grid}
body.sidebar-compact .sidebar nav a{justify-content:center;padding-inline:8px}
body.sidebar-compact .sidebar nav a.active::before{top:9px;bottom:9px}
body.sidebar-compact .nav-icon{width:20px;height:20px;flex-basis:20px}

@media(max-width:1360px){
  :root{--sidebar-w:242px}
  .main{padding-inline:22px}
  .topbar{width:calc(100% + 44px);margin-inline:-22px;padding-inline:22px}
  .cards-4>.stat{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:15px}
  .stat-icon{width:40px;height:40px}
  .dashboard-aside{flex-basis:320px}
}

@media(max-width:1180px){
  .dashboard-workspace{display:block}
  .dashboard-aside{position:static;max-height:none}
  .presence-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
  .cards-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:1050px){
  .app-shell,body.sidebar-compact .app-shell{display:block;background:var(--bg)}
  .sidebar,body.sidebar-compact .sidebar{position:fixed;left:0;top:0;width:min(310px,88vw);height:100dvh;padding:20px 14px 16px;transform:translateX(-102%);transition:transform .2s ease;box-shadow:18px 0 48px rgba(12,18,29,.28)}
  body.sidebar-open .sidebar{transform:translateX(0)}
  body.sidebar-compact .sidebar-top{justify-content:space-between;flex-wrap:nowrap;margin-inline:4px}
  body.sidebar-compact .brand img{display:block}
  body.sidebar-compact .brand-compact{display:none}
  body.sidebar-compact .tenant,body.sidebar-compact .nav-group,body.sidebar-compact .sidebar nav a span,body.sidebar-compact .logout{display:block}
  body.sidebar-compact .sidebar nav a{justify-content:flex-start;padding:9px 11px}
  .sidebar-collapse{display:none}
  .sidebar-close{display:block}
  .main{padding-inline:18px}
  .topbar{width:calc(100% + 36px);margin-inline:-18px;padding-inline:18px}
  .menu-toggle{display:grid}
}

@media(max-width:760px){
  :root{--radius:14px}
  body{font-size:14px}
  .main{padding:0 12px 98px}
  .topbar{width:calc(100% + 24px);height:62px;margin:0 -12px;padding:0 12px}
  .topbar-title .muted,.command-search,.user-chip-text{display:none}
  .user-chip{width:40px;padding:4px}
  .page-head{margin:21px 0 14px}
  .dashboard-head{align-items:flex-start;flex-direction:column;gap:12px}
  .page-head h1{font-size:28px}
  .today-chip{display:none}
  .quick-card{grid-template-columns:1fr;gap:12px;padding:14px}
  .quick-card-copy small{white-space:normal}
  .quick-sync-status{grid-column:1;margin:0!important}
  .quick-extras,.voice-unavailable{grid-column:1}
  .quick-extras{align-items:flex-start;flex-direction:column;margin-top:0}
  .quick-template-list{width:100%;flex-wrap:wrap;overflow:visible}
  .quick-extra-actions{width:100%}
  .voice-command-panel{grid-column:1;margin-top:0}
  .cards-4{grid-template-columns:1fr 1fr;gap:10px}
  .cards-4>.stat{grid-template-columns:36px minmax(0,1fr);min-height:94px;padding:13px;gap:9px}
  .stat-icon{width:36px;height:36px;border-radius:10px}
  .stat-icon svg{width:18px;height:18px}
  .cards-4>.stat>div>span{font-size:9px;white-space:normal}
  .cards-4>.stat strong{font-size:20px}
  .cards-4>.stat small{display:none}
  .panel{padding:16px;margin:13px 0}
  .panel h2,.panel-head h2{font-size:18px}
  .workday-panel::before{margin:-16px -16px 15px}
  .week-check{align-items:flex-start;flex-direction:column;gap:8px}.week-check>div:last-child{text-align:left}.day-assistant{grid-template-columns:auto 1fr}.day-assistant-action{grid-column:1/-1;justify-items:start}.suggestion-merge-bar{align-items:flex-start;flex-direction:column}.suggestion-merge-bar>div{justify-content:flex-start}.suggestion-learn{grid-column:1/-1}
  .timer-panel::before{margin-top:-16px}
  .presence-grid{grid-template-columns:1fr}
  .dashboard-aside{padding:16px}
  .day-timeline-panel .panel-head{align-items:flex-start;flex-direction:column}
  .timeline-summary{justify-content:flex-start}
  .timeline-entry{grid-template-columns:46px 18px minmax(0,1fr)}
  .timeline-card{margin-left:5px;padding:11px}
  .timeline-card-head{gap:7px}
  .gap-form{grid-template-columns:1fr 1fr}
  .gap-form .gap-description{grid-column:1/-1}
  .gap-form .btn{width:100%}
  .mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:44;display:grid!important;grid-template-columns:repeat(5,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(23,29,43,.97);backdrop-filter:blur(18px);box-shadow:0 -10px 28px rgba(16,23,35,.16)}
  .mobile-tabs a,.mobile-tabs button{display:grid;place-items:center;gap:3px;min-width:0;padding:3px;border:0;background:transparent;color:#8e99ac;text-decoration:none;font-size:9px;font-weight:700;cursor:pointer}
  .mobile-tabs svg{width:19px;height:19px}
  .mobile-tabs .active{color:#fff}
  .mobile-tabs .timer-tab{color:#fff}
  .mobile-tabs .timer-tab svg{width:38px;height:38px;margin-top:-23px;padding:10px;border-radius:13px;background:linear-gradient(135deg,#315bff,#4f72ff);box-shadow:0 7px 18px rgba(49,91,255,.42)}
}

@media(max-width:480px){
  .cards-4{grid-template-columns:1fr}
  .cards-4>.stat{grid-template-columns:42px minmax(0,1fr);min-height:84px}
  .stat-icon{width:42px;height:42px}
  .cards-4>.stat small{display:block}
  .quick-form{grid-template-columns:minmax(0,1fr) auto auto;padding-left:12px}
  .quick-form .btn span{display:none}
  .quick-form .btn{width:40px;padding:0;justify-content:center}
  .voice-command-panel{grid-template-columns:1fr;align-items:stretch}.voice-command-copy strong{white-space:normal}.voice-command-choices{grid-template-columns:1fr}.voice-command-actions{grid-column:1;grid-row:auto}.voice-command-actions .btn{width:auto}.voice-help>div{position:fixed;left:12px;right:12px;top:auto;bottom:86px;width:auto}
  .timeline-card-head{display:grid}.timeline-card-badges{justify-content:flex-start}.timeline-card-head strong,.timeline-card-head small{white-space:normal}.gap-form{grid-template-columns:1fr}.gap-form>*{grid-column:1!important}
}

/* v0.23 – controlled corrections and tamper-evident journal */
.eyebrow{display:block;margin-bottom:6px;color:var(--blue-dark);font-size:9px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.change-page-head{align-items:center}.change-page-head p{max-width:720px}
.change-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.change-kpi{position:relative;display:grid;gap:4px;min-height:118px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:var(--shadow);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}
.change-kpi::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--blue)}.change-kpi:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}
.change-kpi span{color:var(--muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.change-kpi strong{font-size:30px;line-height:1}.change-kpi small{color:#8a91a0;font-size:10px}
.change-kpi.is-approved{background:linear-gradient(145deg,#fff 55%,#ebf8f2)}.change-kpi.is-approved::before{background:var(--green)}.change-kpi.is-rejected{background:linear-gradient(145deg,#fff 55%,#fff1f2)}.change-kpi.is-rejected::before{background:var(--danger)}.change-kpi.is-journal{background:linear-gradient(145deg,#fff 55%,#f2effa)}.change-kpi.is-journal::before{background:var(--violet)}
.change-requests-panel,.journal-panel{position:relative;overflow:hidden}.change-requests-panel::before,.journal-panel::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--violet))}.journal-panel::before{background:linear-gradient(90deg,var(--violet),var(--green))}
.change-filter{padding:12px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.change-filter label{min-width:150px}
.change-request-list{display:grid;gap:13px;margin-top:15px}.change-card{border:1px solid #dfe4ec;border-radius:14px;background:#fff;overflow:hidden}.change-card.status-submitted{border-color:#d6dff1;box-shadow:0 8px 22px rgba(35,49,76,.055)}.change-card.status-approved{border-left:4px solid var(--green)}.change-card.status-rejected{border-left:4px solid var(--danger)}.change-card.status-cancelled{opacity:.76}
.change-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 17px;border-bottom:1px solid #edf0f4;background:linear-gradient(90deg,#fbfcff,#fff)}.change-card-title{display:flex;align-items:center;gap:12px;min-width:0}.change-card-title h3{margin:0 0 3px;font-size:15px;color:#222b3e}.change-card-title p{margin:0;color:var(--muted);font-size:10px}.request-type{display:grid;place-items:center;min-width:72px;height:32px;padding:0 10px;border-radius:9px;background:#e8f6fc;color:#137ba9;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.request-type.delete{background:#fff0f1;color:#bd3344}.request-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eef2f7;color:#667085;font-size:9px;font-weight:800}.request-status.submitted{background:#fff2dc;color:#99600f}.request-status.approved{background:#e8f7f0;color:#0e7657}.request-status.rejected{background:#ffebed;color:#b92d3e}
.request-reason-box,.review-note,.delete-request-summary{display:grid;gap:4px;margin:14px 17px;padding:12px 14px;border-radius:10px;background:#f7f8fb}.request-reason-box span,.review-note span{color:#8a91a1;font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.request-reason-box strong,.review-note strong,.delete-request-summary strong{font-size:12px}.review-note small,.delete-request-summary span{color:var(--muted);font-size:10px}.delete-request-summary{border:1px solid #f4d1d5;background:#fff7f8;color:#a82c3b}
.change-diff{margin:14px 17px;border:1px solid var(--line);border-radius:11px;overflow:hidden}.diff-head,.diff-row{display:grid;grid-template-columns:minmax(110px,.65fr) minmax(150px,1fr) minmax(150px,1fr);gap:0}.diff-head{background:#f3f5f8;color:#7d8493;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.diff-head span,.diff-row>*{padding:9px 11px;border-right:1px solid var(--line)}.diff-head span:last-child,.diff-row>*:last-child{border-right:0}.diff-row{border-top:1px solid var(--line);font-size:11px}.diff-row strong{color:#555e70}.diff-row span:last-child{background:#f0faf6;color:#126c52;font-weight:700}.diff-row span{overflow-wrap:anywhere}
.review-form{display:grid;gap:10px;margin:14px 17px;padding:14px;border:1px solid #dce7f2;border-radius:11px;background:#f8fbfe}.review-form textarea{min-height:70px}.step-up-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px}.change-card>.button-row{padding:0 17px 16px}.change-request-notice{display:grid;gap:4px;margin-bottom:16px;padding:14px 16px;border:1px solid #f0cf93;border-radius:11px;background:linear-gradient(100deg,#fff7e9,#fff)}.change-request-notice strong{color:#8c570f}.change-request-notice span{color:#716753;font-size:11px}.request-reason textarea{border-color:#e1bd7f;background:#fffdf9}.danger-zone{border-color:#f1c6cb!important;background:linear-gradient(110deg,#fff,#fff8f8)!important}
.journal-list{display:grid;margin-top:12px}.journal-row{border-bottom:1px solid var(--line)}.journal-row summary{display:grid;grid-template-columns:12px minmax(180px,1fr) 130px 122px;align-items:center;gap:12px;padding:13px 8px;list-style:none;cursor:pointer}.journal-row summary::-webkit-details-marker{display:none}.journal-row summary:hover{background:#fafbfd}.journal-row summary>div{display:grid;gap:2px}.journal-row summary strong{font-size:12px}.journal-row summary small,.journal-row time{color:var(--muted);font-size:9px}.journal-dot{width:9px;height:9px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px #e7f6fc}.journal-dot.success{background:var(--green);box-shadow:0 0 0 4px #e7f7f0}.journal-dot.danger{background:var(--danger);box-shadow:0 0 0 4px #ffedef}.integrity-badge{justify-self:end;padding:5px 8px;border-radius:999px;background:#e8f7f0;color:#107357;font-size:8px;font-weight:800}.integrity-badge.error{background:#ffeaed;color:#b52538}.journal-details{display:flex;gap:14px;flex-wrap:wrap;padding:4px 32px 14px;color:var(--muted);font-size:9px}.journal-details pre{flex:0 0 100%;max-height:260px;margin:3px 0 0;padding:12px;border-radius:9px;background:#171d2b;color:#d7e0ee;overflow:auto;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace}.journal-details code{font-size:9px}

@media(max-width:980px){.change-kpis{grid-template-columns:1fr 1fr}.journal-row summary{grid-template-columns:12px minmax(160px,1fr) 105px}.integrity-badge{grid-column:2/4;justify-self:start}.diff-head,.diff-row{grid-template-columns:110px 1fr 1fr}}
@media(max-width:760px){.change-page-head{align-items:flex-start}.change-card>header{align-items:stretch;flex-direction:column}.request-status{align-self:flex-start}.change-diff{overflow-x:auto}.diff-head,.diff-row{min-width:610px}.review-form,.change-diff,.request-reason-box,.review-note,.delete-request-summary{margin-left:12px;margin-right:12px}.step-up-fields{grid-template-columns:1fr}.journal-row summary{grid-template-columns:12px minmax(0,1fr)}.journal-row time,.integrity-badge{grid-column:2}.journal-details{padding-left:29px}.change-filter label{min-width:0;width:100%}}
@media(max-width:480px){.change-kpis{grid-template-columns:1fr}.change-kpi{min-height:96px}.change-card-title{align-items:flex-start;flex-direction:column}}

/* v0.24 – unified work inbox and Wildix/x-bees call intelligence */
.integration-grid-top{grid-template-columns:1.25fr repeat(3,minmax(0,1fr))}.integration-logo.wildix{color:#ee5f37}.wildix-secret{border-color:#b9e7fb;background:linear-gradient(110deg,#eefaff,#fff)}.wildix-secret code{display:block;margin-top:8px;padding:10px 12px;border:1px dashed #82cde9;background:#fff;user-select:all;overflow-wrap:anywhere}
.suggestion-time em{justify-self:center;margin-top:5px;padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.72);font-size:8px;font-style:normal;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.suggestion-card.source-wildix{border-left:4px solid #ee754f}.suggestion-card.source-wildix .suggestion-time{background:#fff0eb;color:#ad4728}.suggestion-card.source-teams{border-left:4px solid #7357ba}.suggestion-card.source-teams .suggestion-time{background:#f1edfb;color:#5c4498}.suggestion-card.source-calendar{border-left:4px solid #30a9db}
.suggestion-card.source-freshdesk{border-left:4px solid #25c16f}.suggestion-card.source-freshdesk .suggestion-time{background:#e9fbf2;color:#087a42}.suggestion-card.source-atera{border-left:4px solid #ff9f1c}.suggestion-card.source-atera .suggestion-time{background:#fff4df;color:#9a5b00}.suggestion-card.source-desktop{border-left:4px solid #21a0a0}.suggestion-card.source-desktop .suggestion-time{background:#e9fafa;color:#146b6b}.suggestion-card.source-merged{border-left:4px solid #345cff}.suggestion-card.source-merged .suggestion-time{background:#edf1ff;color:#2948bb}.suggestion-merge-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;border:1px dashed #b8c9df;border-radius:12px;background:#f7faff;color:var(--muted);font-size:12px}.suggestion-select{width:18px;height:18px;justify-self:center;accent-color:var(--blue)}.source-link{font-size:11px;font-weight:750;color:var(--blue)}
.calls-head{align-items:end}.calls-actions .btn{display:inline-flex;align-items:center;gap:7px}.calls-actions svg{width:16px;height:16px}.call-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 14px}.call-health-card{display:flex;align-items:center;gap:11px;min-height:70px;padding:13px 15px;border:1px solid #dce5ee;border-radius:13px;background:rgba(255,255,255,.82);box-shadow:0 5px 15px rgba(31,43,62,.035)}.call-health-card>svg{width:21px;height:21px;color:#5f76a3}.call-health-card>div{display:grid;gap:2px;min-width:0}.call-health-card small{color:#8991a0;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.call-health-card strong{overflow:hidden;color:#263044;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.call-health-card.state-ok{border-color:#cce9de;background:linear-gradient(120deg,#f2fbf7,#fff)}.call-health-card.state-waiting,.call-health-card.state-stale{border-color:#f0d7a9;background:linear-gradient(120deg,#fff9ed,#fff)}.status-dot.warning{background:#e39a2f}.status-dot.off{background:#a7afbd}.alert.info{border:1px solid #bce1f2;background:#eef9fe;color:#196482}.call-alert a{color:inherit;font-weight:800}.call-filter{margin-top:0;padding:13px 14px}.call-filter-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(3,minmax(135px,.75fr)) minmax(190px,1fr) auto;align-items:end;gap:10px}.call-filter-grid label{min-width:0}.call-filter-grid .btn{height:44px}.call-search input{width:100%}.privacy-note{display:flex;align-items:center;gap:8px;margin:10px 0;padding:9px 12px;border:1px solid #ddd8ef;border-radius:10px;background:#f7f4fc;color:#665486;font-size:10px;font-weight:700}.privacy-note svg{width:15px;height:15px;flex:0 0 15px}.call-kpis{margin-bottom:16px}.calls-layout{grid-template-columns:minmax(0,1.7fr) minmax(280px,.65fr);align-items:start}.calls-history{position:relative;overflow:hidden}.calls-history::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--violet))}.call-list{display:grid}.call-row{display:grid;grid-template-columns:38px 36px minmax(170px,1fr) 90px auto;align-items:center;gap:11px;padding:12px 3px;border-bottom:1px solid var(--line);transition:background .15s ease}.call-row:hover{background:#fafcfe}.call-row:last-child{border-bottom:0}.call-direction{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#eef2f7;color:#667085;font-size:16px;font-weight:850}.call-direction.inbound{background:#e7f7f0;color:#0c7d5b}.call-direction.outbound{background:#eaf5fb;color:#177fa9}.call-direction.internal{background:#f1edfb;color:#62489c}.call-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f0edf7;color:#594a7b;font-size:11px;font-weight:850}.call-person,.call-duration{display:grid;gap:3px;min-width:0}.call-person strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.call-person small,.call-duration small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.call-duration{text-align:right}.call-duration strong{font-variant-numeric:tabular-nums}.list-limit-note{margin-top:12px;padding:10px;border-radius:9px;background:#fff7e8;color:#89601e;font-size:10px}.call-partners{position:sticky;top:88px;overflow:hidden}.call-partners::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--violet),var(--orange))}.partner-list{display:grid}.partner-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.partner-row:last-child{border-bottom:0}.partner-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#f0edf8;color:#65509a;font-size:9px;font-weight:850}.partner-name{display:grid;gap:2px;min-width:0}.partner-name strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.partner-name small{color:var(--muted);font-size:9px}.partner-time{color:var(--blue-dark);font-size:11px;font-variant-numeric:tabular-nums}.privacy-summary{display:grid;gap:4px;margin:16px -4px -4px;padding:12px 13px;border-radius:10px;background:#f5f7fa}.privacy-summary strong{color:#4c566b;font-size:10px}.privacy-summary span{color:#858d9b;font-size:9px;line-height:1.45}.call-empty{display:grid;justify-items:center;gap:7px;min-height:260px;padding:42px 20px;text-align:center}.call-empty.compact{min-height:150px;padding:26px 12px}.call-empty-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#e9f7fd,#f0edfa);color:#5275a0}.call-empty-icon svg{width:24px;height:24px}.call-empty h3{margin:3px 0 0;color:#30394b;font-size:15px}.call-empty p{max-width:390px;margin:0;color:var(--muted);font-size:11px}.call-empty .btn{margin-top:5px}
.call-filter-grid.self-user{grid-template-columns:repeat(3,minmax(135px,.75fr)) minmax(220px,1.25fr) auto}

@media(max-width:1320px){.integration-grid-top{grid-template-columns:1fr 1fr}.integration-grid-top .featured{grid-column:1/-1}}
@media(max-width:1180px){.call-health-grid{grid-template-columns:1fr 1fr}.call-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.call-search{grid-column:span 2}}
@media(max-width:980px){.calls-layout{grid-template-columns:1fr}.call-partners{position:static}.call-row{grid-template-columns:36px 34px minmax(0,1fr) 82px}.call-row>.badge{grid-column:3/5;justify-self:start}}
@media(max-width:760px){.integration-grid-top{grid-template-columns:1fr}.integration-grid-top .featured{grid-column:auto}.calls-head{align-items:flex-start}.calls-actions{width:100%}.calls-actions .btn{flex:1;justify-content:center}.call-health-grid{grid-template-columns:1fr 1fr}.call-health-card{padding:11px}.call-health-card strong{font-size:10px}.call-filter-grid{grid-template-columns:1fr 1fr}.call-filter-grid>*{min-width:0}.call-filter-grid label:first-child,.call-search{grid-column:1/-1}.call-filter-grid .btn{width:100%}.call-row{grid-template-columns:32px 32px minmax(0,1fr)}.call-direction,.call-avatar{width:30px;height:30px}.call-duration{grid-column:3;text-align:left}.call-row>.badge{grid-column:3}.call-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.call-kpis{grid-template-columns:1fr}}

/* v0.24.3 – security center and privacy controls */
.security-center{position:relative;overflow:hidden}.security-center::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#25a96f,#35aee2,#7357ba)}.security-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-trust>span{display:grid;gap:4px;padding:12px 14px;border:1px solid #dce5ee;border-radius:12px;background:#f8fafc}.security-trust strong{font-size:11px;color:#27344a}.security-trust small{overflow-wrap:anywhere;color:#7b8495;font-size:9px;line-height:1.45}.security-center code{overflow-wrap:anywhere}
@media(max-width:760px){.security-trust{grid-template-columns:1fr}.security-center .cards-4{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.security-center .cards-4{grid-template-columns:1fr}}

/* v0.25 – customer-aware calls and callback inbox */
.callback-inbox{position:relative;overflow:hidden}.callback-inbox::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#ee754f,#f2ae42)}.callback-list{display:grid}.callback-row{display:grid;grid-template-columns:40px minmax(180px,1fr) auto;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.callback-row:last-child{border-bottom:0}.callback-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#fff0eb;color:#c7502e}.callback-mark svg{width:17px;height:17px}.callback-person{display:grid;gap:3px;min-width:0}.callback-person strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.callback-person span{color:var(--muted);font-size:9px}.callback-person em{padding:3px 7px;border-radius:999px;background:#e8f6fc;color:#167ca6;font-style:normal;font-weight:800}.callback-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.callback-actions form{margin:0}.callback-empty{display:flex;align-items:center;justify-content:center;gap:11px;min-height:82px;padding:14px;border:1px dashed #cce8da;border-radius:12px;background:#f4fbf7}.callback-empty>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dff5e9;color:#137957;font-weight:900}.callback-empty>div{display:grid;gap:2px}.callback-empty strong{font-size:12px}.callback-empty small{color:var(--muted);font-size:9px}.customer-chip{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#e8f6fc;color:#147ba4;font-size:8px;font-weight:850;vertical-align:middle}.contact-phone-list{display:grid;border:1px solid var(--line);border-radius:12px;overflow:hidden}.contact-phone-list>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px;border-bottom:1px solid var(--line);background:#fff}.contact-phone-list>div:last-child{border-bottom:0}.contact-phone-list>div>span:nth-child(2){display:grid;gap:2px}.contact-phone-list strong{font-size:11px}.contact-phone-list small{color:var(--muted);font-size:9px}.contact-phone-list form{margin:0}
@media(max-width:760px){.callback-row{grid-template-columns:36px minmax(0,1fr)}.callback-actions{grid-column:2;justify-content:flex-start}.callback-actions .btn{flex:0 1 auto}.customer-chip{display:table;margin:4px 0 0}.customer-contacts .form-grid{grid-template-columns:1fr}}
@media(max-width:480px){.callback-actions{display:grid;grid-template-columns:1fr 1fr}.callback-actions>a{grid-column:1/-1}.callback-actions .btn{width:100%}}

/* v0.25.1 – guided Plesk cron setup */
.cron-guide{position:relative;padding:19px;border:1px solid #d8e5ef;border-radius:15px;background:linear-gradient(145deg,#fbfdff,#f5f9fc);overflow:hidden}.cron-guide::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue),var(--green),var(--orange))}.cron-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cron-guide-head h3{margin:2px 0 4px}.cron-guide-head p{margin:0;color:var(--muted);font-size:11px}.cron-live-state{display:flex;align-items:center;gap:9px;min-width:150px;padding:9px 11px;border:1px solid #dce4ec;border-radius:11px;background:#fff}.cron-live-state>i{width:10px;height:10px;border-radius:50%;background:#a6afbd;box-shadow:0 0 0 4px #f0f2f5}.cron-live-state.ok>i{background:#20a875;box-shadow:0 0 0 4px #e3f6ee}.cron-live-state.stale>i{background:#e19a31;box-shadow:0 0 0 4px #fff1d9}.cron-live-state>span{display:grid;gap:1px}.cron-live-state strong{font-size:10px}.cron-live-state small{color:var(--muted);font-size:8px}.cron-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0 0;padding:0;list-style:none;counter-reset:none}.cron-steps>li{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:start;gap:10px;min-height:92px;padding:13px;border:1px solid #e2e8f0;border-radius:12px;background:#fff}.cron-steps>li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e7f6fc;color:#127aa5;font-size:10px;font-weight:900}.cron-steps>li>div{display:grid;gap:4px;min-width:0}.cron-steps strong{font-size:11px}.cron-steps p{margin:0;color:#6d7687;font-size:9px;line-height:1.5}.cron-steps b{color:#3a4558}.cron-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.cron-copy-row code{display:block;min-width:0;padding:9px 10px!important;border:1px solid #dce4ec;border-radius:8px!important;background:#f6f8fb!important;color:#283449;font-size:9px!important;line-height:1.4;overflow-wrap:anywhere;user-select:all}.cron-copy-row.compact{grid-template-columns:minmax(125px,180px) auto;justify-content:start}.cron-hints{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.cron-hints>div{display:grid;gap:3px;padding:11px 12px;border-radius:10px;background:#eef7fb}.cron-hints>div:last-child{background:#fff6e8}.cron-hints strong{font-size:9px;color:#344054}.cron-hints span{color:#737c8c;font-size:9px;line-height:1.45}
@media(max-width:900px){.cron-steps{grid-template-columns:1fr}.cron-guide-head{align-items:stretch;flex-direction:column}.cron-live-state{align-self:flex-start}}
@media(max-width:560px){.cron-guide{padding:15px}.cron-copy-row,.cron-copy-row.compact{grid-template-columns:1fr}.cron-copy-row .btn{width:100%}.cron-hints{grid-template-columns:1fr}}

/* v0.26.0 – Smart Rules, Tagesqualität und Team-Cockpit */
.day-score{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#f8fbff,#fff)}
.day-score-value{display:flex;align-items:baseline;color:#315efb}.day-score-value strong{font-size:2rem;line-height:1}.day-score-value span{font-size:.78rem;color:var(--muted)}.day-score-main>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.day-score-main small,.day-score-break span{color:var(--muted)}
.score-track{height:7px;margin-top:10px;border-radius:99px;background:#e9eef7;overflow:hidden}.score-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39b9e9,#315efb);transition:width .35s ease}.day-score.score-good .score-track i{background:linear-gradient(90deg,#2cc990,#45b7e8)}.day-score.score-medium .score-track i{background:linear-gradient(90deg,#f4b942,#ff8f3d)}.day-score.score-low .score-track i{background:linear-gradient(90deg,#ff8f3d,#e5484d)}
.day-score-break{text-align:right}.day-score-break span,.day-score-break strong{display:block}.team-cockpit-panel{border-top:3px solid #f4b942}.team-attention-list{display:grid;gap:8px}.team-attention-row{display:grid;grid-template-columns:auto minmax(170px,.6fr) 1fr;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid var(--line)}.team-attention-row:last-child{border-bottom:0}.team-attention-row>div>small{display:block;color:var(--muted)}
.attention-flags{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.attention-flag{padding:5px 9px;border-radius:99px;background:#eef2f8;color:#526074;font-size:.76rem;font-weight:750}.attention-flag.live{background:#e8f8f4;color:#118665}.attention-flag.warning{background:#fff4db;color:#9b6200}.attention-flag.danger{background:#ffe8ea;color:#b4232f}.attention-flag.info{background:#e8f1ff;color:#2454c6}
.smart-rule-form{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px}.smart-rule-form .rule-match{grid-column:span 2}.smart-rule-form .rule-actions{align-self:end;padding-bottom:1px}.smart-rule-list{display:grid;gap:9px}.smart-rule-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;gap:18px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:#fff}.smart-rule-row.is-off{opacity:.58;background:#f7f8fa}.rule-state strong,.rule-target span,.rule-state small,.rule-target small{display:block}.rule-state small,.rule-target small{color:var(--muted);margin-top:3px}.rule-source{display:inline-block;margin-bottom:6px;padding:3px 7px;border-radius:6px;background:#e8f1ff;color:#2454c6;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:1100px){.smart-rule-form{grid-template-columns:repeat(3,minmax(150px,1fr))}.smart-rule-row{grid-template-columns:1fr 1fr}.smart-rule-row>.button-row{grid-column:1/-1}.team-attention-row{grid-template-columns:auto 1fr}.attention-flags{grid-column:2;justify-content:flex-start}}
@media(max-width:720px){.day-score{grid-template-columns:auto 1fr}.day-score-break{grid-column:1/-1;text-align:left;display:flex;justify-content:space-between}.day-score-main>div:first-child{display:block}.smart-rule-form{grid-template-columns:1fr}.smart-rule-form .rule-match{grid-column:auto}.smart-rule-row{grid-template-columns:1fr}.smart-rule-row>.button-row{grid-column:auto}.team-attention-row{grid-template-columns:auto 1fr}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* v0.27 Teamplanung */

/* v0.28 Arbeitsquellen */
.work-source-panel{background:linear-gradient(135deg,#fff 72%,#edf9ff);border-color:#cfe8f5}.source-toggle-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px}.source-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #dbe4ee;border-radius:14px;background:#fff;box-shadow:0 6px 16px rgba(24,48,78,.04)}.source-toggle span{display:grid;gap:3px}.source-toggle small{color:var(--muted);font-size:10px}.source-toggle input{width:21px;height:21px;accent-color:var(--blue)}
@media(max-width:1100px){.source-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.source-toggle-grid{grid-template-columns:1fr}}
.service-report-sheet{max-width:980px;margin:0 auto;background:#fff;border:1px solid #dce4ed;border-radius:18px;padding:34px;box-shadow:0 18px 50px rgba(19,38,63,.08)}.service-report-sheet>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:22px;border-bottom:3px solid var(--blue)}.service-report-sheet>header h1{margin:4px 0 0}.service-report-brand{display:flex;align-items:center;gap:16px;min-width:0}.service-report-brand>img{display:block;max-width:260px;max-height:76px;width:auto;height:auto;object-fit:contain;object-position:left center}.service-report-brand>.service-report-fallback-logo{width:64px;height:64px}.service-report-brand>div{min-width:0}.report-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:22px 0;background:#dfe7ef;border:1px solid #dfe7ef;border-radius:13px;overflow:hidden}.report-meta>div{display:grid;gap:4px;padding:14px;background:#f8fafc}.report-meta span,.report-signatures span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.service-report-sheet>section{padding:8px 0 18px}.service-report-sheet>section h2{font-size:15px}.service-report-sheet>section p{white-space:normal;line-height:1.65}.report-signatures{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.report-signatures>div{display:grid;gap:7px;border-top:1px solid #9aaabd;padding-top:10px}.report-signatures img{width:100%;max-width:280px;height:95px;object-fit:contain;object-position:left bottom}.service-report-sheet>footer{margin-top:24px;padding-top:12px;border-top:1px solid #e4e9ef;color:var(--muted);font-size:10px}.report-sign-form{display:grid;gap:14px;margin-top:30px;padding:20px;border-radius:14px;background:#f6f9fc;border:1px solid #dce5ef}.signature-pad-wrap{display:block;margin-top:6px;border:2px dashed #9fb5ca;border-radius:12px;background:#fff;overflow:hidden;touch-action:none}.signature-pad-wrap canvas{display:block;width:100%;height:190px;cursor:crosshair}.signature-preview{display:grid;place-items:center;max-width:420px;min-height:130px;padding:15px;border:1px dashed #b9c7d5;border-radius:12px;background:#fff}.signature-preview img{max-width:100%;max-height:110px}.service-report-create textarea{resize:vertical}
@media(max-width:700px){.service-report-sheet{padding:20px;border-radius:12px}.report-meta{grid-template-columns:1fr 1fr}.report-signatures{grid-template-columns:1fr}.signature-pad-wrap canvas{height:220px}}
@media print{.no-print,.sidebar,.topbar,.mobile-tabs,.alert{display:none!important}.app-shell,.main,.content-wrap{display:block!important;margin:0!important;padding:0!important;background:#fff!important}.service-report-sheet{box-shadow:none;border:0;max-width:none;padding:0}.service-report-sheet>footer{position:fixed;bottom:0}.report-signatures{break-inside:avoid}@page{size:A4;margin:14mm}}
.team-planner-head .eyebrow,.assignment-form-panel .eyebrow{display:block;margin-bottom:7px;color:var(--brand,#38aee4);font-size:.72rem;font-weight:850;letter-spacing:.12em}.planner-week-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;margin-bottom:18px}.planning-metrics{margin-bottom:18px}.planning-metrics .metric-card{position:relative;overflow:hidden}.planning-metrics .metric-card:after{content:"";position:absolute;right:-28px;bottom:-32px;width:100px;height:100px;border-radius:50%;background:rgba(84,106,255,.07)}.planning-metrics .metric-card.accent-blue{border-top:3px solid #4c6fff}.planning-metrics .metric-card.accent-green{border-top:3px solid #32bd83}.planning-metrics .metric-card.accent-red{border-top:3px solid #ef5b69}.capacity-panel{padding:0;overflow:hidden}.capacity-panel>.panel-head{padding:22px 24px 12px}.capacity-scroll{overflow:auto;padding:0 18px 20px}.capacity-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:7px;table-layout:fixed}.capacity-table th{border:0;background:transparent;text-align:left}.capacity-table thead th{padding:8px 9px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.capacity-table thead th:first-child{width:205px}.capacity-table thead th span,.capacity-table thead th strong{display:block}.capacity-table thead th.today{color:#3565e8}.capacity-table tbody>tr>th{display:flex;gap:10px;align-items:center;padding:12px 6px;vertical-align:top}.capacity-table tbody>tr>th strong,.capacity-table tbody>tr>th small{display:block}.capacity-table tbody>tr>th small{color:var(--muted);margin-top:3px}.capacity-avatar{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:#e8efff;color:#3455bd;font-weight:850}.capacity-cell{height:176px;padding:10px;vertical-align:top;border:1px solid #e5eaf2;border-radius:14px;background:#fbfcfe}.capacity-cell.today{background:#f4f8ff}.capacity-cell.overbooked{border-color:#f2a2a9;background:#fff7f7}.capacity-cell.absent{background:repeating-linear-gradient(135deg,#fafbfc,#fafbfc 8px,#f1f3f6 8px,#f1f3f6 16px)}.capacity-cell-head,.capacity-cell footer{display:flex;justify-content:space-between;gap:6px;color:var(--muted);font-size:.68rem}.capacity-cell-head b{color:var(--text)}.capacity-bar{height:4px;margin:7px 0 9px;border-radius:5px;background:#e7ebf2;overflow:hidden}.capacity-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#48bfe9,#4c6fff)}.overbooked .capacity-bar i{background:#ef5b69}.capacity-cell footer{margin-top:8px;padding-top:7px;border-top:1px solid #e8ecf2}.assignment-card{position:relative;margin-top:7px;padding:7px 8px;border-left:3px solid #4c6fff;border-radius:8px;background:#edf2ff;box-shadow:0 3px 10px rgba(30,50,90,.06)}.assignment-card.priority-high{border-left-color:#f3a02c;background:#fff7e9}.assignment-card.priority-urgent{border-left-color:#ef5b69;background:#fff0f2}.assignment-card.status-done{border-left-color:#32bd83;background:#edfbf5;opacity:.8}.assignment-card a{display:grid;grid-template-columns:1fr auto;gap:2px 6px;color:inherit;text-decoration:none;font-size:.7rem}.assignment-card a strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-card a small{grid-column:1/-1;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-card form{margin-top:5px}.assignment-card select{width:100%;min-height:26px;padding:3px 6px;border:0;background:rgba(255,255,255,.72);font-size:.67rem}.assignment-form-panel{scroll-margin-top:20px;border-top:3px solid #4c6fff}.planning-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.project-warning-list,.overdue-list{display:grid;gap:0;margin-top:10px}.project-warning-list article,.overdue-list article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 2px;border-top:1px solid var(--line)}.project-warning-list strong,.project-warning-list small,.overdue-list strong,.overdue-list small{display:block}.project-warning-list small,.overdue-list small{margin-top:3px;color:var(--muted)}.overdue-list a{color:inherit;text-decoration:none}.empty-state.compact{min-height:130px;padding:28px}.btn.small{padding:7px 10px;font-size:.78rem}
@media(max-width:1050px){.planning-bottom-grid{grid-template-columns:1fr}.planner-week-nav{align-items:flex-start;gap:12px;flex-direction:column}}
@media(max-width:720px){.team-planner-head .actions{width:100%}.team-planner-head .actions .btn{flex:1}.planning-metrics{grid-template-columns:1fr 1fr}.capacity-scroll{padding-left:8px;padding-right:8px}.capacity-table{min-width:1050px}.capacity-table thead th:first-child{width:160px}.planning-bottom-grid{gap:12px}}

/* v0.29.2 – Systemfehler & externe Sicherung */
.system-error-list{display:grid;gap:12px}.system-error-row{border:1px solid var(--border,#dfe7ef);border-radius:14px;padding:14px;background:var(--card,#fff)}.system-error-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.system-error-meta strong{font-size:14px}.system-error-meta span,.system-error-meta code{font-size:12px;color:var(--muted,#667085)}.system-error-message{margin-top:8px;white-space:pre-wrap;overflow-wrap:anywhere}.system-error-row details{margin-top:10px}.system-error-row pre{white-space:pre-wrap;overflow-wrap:anywhere;background:rgba(148,163,184,.12);padding:10px;border-radius:9px;font-size:12px}.offsite-backup-card{border-color:rgba(109,200,242,.4)}.offsite-backup-card .button-row form{margin:0}.stat .btn{margin-top:8px;justify-self:start}.text-green{color:#047857!important}.btn[disabled]{opacity:.5;cursor:not-allowed}

/* v0.33.0 Wildix diagnostics */
.wildix-diagnostics{margin:18px 0}.wildix-diag-status{margin:14px 0 18px}.wildix-diag-status .stat strong{font-size:.9rem}.wildix-diag-table table{min-width:1120px}.wildix-diag-table td{vertical-align:top}.wildix-diag-table code{white-space:nowrap}.wildix-diag-table .table-note{display:block;margin-top:4px;color:var(--muted);font-size:.68rem;overflow-wrap:anywhere}.wildix-diagnostics .empty-state span{display:block;margin-top:6px;color:var(--muted)}

/* v0.36.4 – Zeit direkt auf der Zeittafel aufziehen und erfassen */
.hours-board-dropzone{cursor:crosshair;touch-action:pan-y}.hours-board-dropzone .hb-time-block{cursor:grab}
.hb-selection-preview{position:absolute;left:6px;right:6px;z-index:6;min-height:16px;border:2px dashed #4266e7;border-radius:8px;background:rgba(96,129,246,.2);color:#253a90;font-size:.78rem;font-weight:800;padding:4px 8px;pointer-events:none;overflow:hidden;white-space:nowrap}
.hb-manual-entry{flex:0 0 auto;border:1px solid #bcd0ff;border-radius:12px;background:#f4f7ff;margin-bottom:10px;padding:0 12px}
.hb-manual-entry summary{cursor:pointer;padding:12px 0;display:flex;flex-direction:column;gap:3px}.hb-manual-entry summary strong{color:#254bc6;font-size:.9rem}.hb-manual-entry summary span{font-size:.73rem}
.hb-manual-entry form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:4px 0 12px}.hb-manual-entry form label{min-width:0;font-size:.78rem}.hb-manual-entry form .form-span{grid-column:1/-1}.hb-manual-entry form input,.hb-manual-entry form select{width:100%;min-width:0}
.hours-board-tray:has(.hb-manual-entry[open]){overflow-y:auto}

/* Mitarbeiterprofil: Geschäftsführer-Option über die volle Formularbreite. */
.executive-option{grid-column:1/-1;flex:1 1 100%;min-width:0;border:1px solid var(--line-strong,#d8dfed);border-radius:12px;padding:14px;background:var(--panel,#fff)}
.executive-option label{display:flex;align-items:flex-start;gap:12px;white-space:normal;line-height:1.45;font-size:13px;cursor:pointer;min-width:0}
.executive-option input[type="checkbox"]{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:#365cf5}
.executive-option span{min-width:0}.executive-option strong{display:block;color:var(--ink,#20283a)}
.executive-option small{display:block;margin-top:3px;color:var(--muted,#65728a);white-space:normal;overflow-wrap:anywhere}
.hb-auto-internal{border:1px solid #b5ddf2;border-radius:12px;padding:12px 14px;margin:0 0 14px;background:#f1f9ff;color:#29475e;font-size:13px}
.hb-auto-internal>strong{display:block}.hb-auto-internal p{margin:6px 0}.hb-auto-internal ul{list-style:none;padding:0;margin:6px 0;display:grid;gap:3px}.hb-auto-internal li{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.hb-auto-internal small{display:block;margin-top:6px;color:#5d7182}

.signature-pad-wrap canvas{touch-action:none;user-select:none;-webkit-user-select:none}

/* Readable day-check errors and links on light backgrounds. */
.workday-checks .check-item.danger{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}
.workday-checks .check-item.danger div,.workday-checks .check-item.danger a{color:#991b1b}
.workday-checks .check-item.warning{color:#78350f}
.workday-checks .check-item.warning a{color:#78350f}
.workday-checks .check-item a{font-weight:700;text-decoration:underline}