/* UNBLANCHE CRM V6 - operational luxury system */
:root {
  --v6-canvas:#0a0b0d;
  --v6-shell:#07080a;
  --v6-panel:#111318;
  --v6-panel-raised:#171a20;
  --v6-panel-active:#1d2027;
  --v6-line:#292e36;
  --v6-line-strong:#3b424d;
  --v6-ink:#f2efe8;
  --v6-ink-2:#c5c0b7;
  --v6-ink-3:#898f98;
  --v6-gold:#c8a96b;
  --v6-gold-bright:#e0c68f;
  --v6-gold-dark:#7c663b;
  --v6-green:#78b88e;
  --v6-red:#df7975;
  --v6-amber:#d3a557;
  --v6-blue:#7699c7;
  --v6-sidebar:244px;
  --v6-topbar:64px;
  --v6-radius-control:5px;
  --v6-radius-panel:8px;
  --v6-ease:cubic-bezier(.2,.7,.2,1);
}

html { background:var(--v6-canvas); }
body {
  background:var(--v6-canvas);
  color:var(--v6-ink);
  font-family:"Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;
  font-size:14px;
  line-height:1.6;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.12;
  background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.025) 80px);
}
h1,h2 { font-family:"Noto Serif JP","Yu Mincho",serif; font-weight:500; }
h3,h4,strong,button { font-weight:600; }
small,.muted { color:var(--v6-ink-3); }

/* Login is the only branded image surface. */
.liveLogin {
  min-height:100svh;
  display:grid;
  place-items:center start;
  padding:clamp(24px,7vw,112px);
  background:
    linear-gradient(90deg,rgba(5,6,8,.22),rgba(5,6,8,0) 48%),
    url("assets/studio-login-v6.png") center/cover no-repeat;
}
.liveLogin::before {
  content:"UNBLANCHE\A STUDIO OPERATIONS";
  position:absolute;
  top:40px;
  left:clamp(24px,7vw,112px);
  color:rgba(238,225,196,.8);
  white-space:pre;
  font:500 12px/1.65 "Noto Serif JP",serif;
}
.liveLoginCard {
  width:min(430px,100%);
  padding:42px 40px 36px;
  border:1px solid rgba(200,169,107,.3);
  border-radius:10px;
  background:rgba(8,9,11,.9);
  box-shadow:0 40px 90px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.04);
  backdrop-filter:blur(22px) saturate(110%);
}
.liveLoginCard .brandMark {
  width:38px;
  height:38px;
  margin-bottom:26px;
  border:1px solid var(--v6-gold);
  background:linear-gradient(135deg,rgba(200,169,107,.18),transparent);
}
.liveLoginCard h1 { margin-bottom:32px; font-size:27px; letter-spacing:0; }
.liveLoginCard label { margin:16px 0 7px; color:var(--v6-ink-2); font-size:12px; }
.liveLoginCard input { height:46px; }
.liveLoginCard button[type="submit"] { width:100%; height:48px; margin-top:26px; }

/* App shell */
.sideNav {
  width:var(--v6-sidebar);
  border-right:1px solid #20242b;
  background:
    linear-gradient(180deg,rgba(200,169,107,.055),transparent 180px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.009) 0 1px,transparent 1px 4px),
    var(--v6-shell);
  box-shadow:24px 0 70px rgba(0,0,0,.2);
}
.sideBrand {
  min-height:112px;
  padding:24px 18px;
  gap:14px;
  border-bottom:1px solid #23272e;
  background:transparent;
}
.brandMonogram {
  width:44px;
  height:44px;
  position:relative;
  border-color:rgba(200,169,107,.65);
  box-shadow:inset 0 0 0 4px #0a0b0e,0 0 0 1px rgba(200,169,107,.12);
}
.brandMonogram::after {
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(200,169,107,.16);
}
.sideBrand strong { display:block; color:#f0ece3; font:500 14px/1.2 "Noto Serif JP",serif; }
.sideBrand small { margin-top:6px; color:#676d76; font-size:11px; }
.sideTabs { padding:17px 10px 24px; }
.navGroup+.navGroup { margin-top:22px; padding-top:18px; border-top:1px solid rgba(255,255,255,.045); }
.navLabel { padding:0 12px 8px; color:#5d646e; font-size:11px; text-transform:uppercase; }
.sideTabs button,.navSubButton {
  min-height:44px;
  position:relative;
  margin:2px 0;
  padding:8px 10px;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#9da3ac;
  box-shadow:none;
  transition:color .15s var(--v6-ease),background .15s var(--v6-ease),transform .15s var(--v6-ease);
}
.sideTabs button::after {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid transparent;
  border-radius:4px;
  pointer-events:none;
}
.sideTabs button:hover { background:#101216; color:#eeeae2; transform:translateX(1px); }
.sideTabs button.active {
  border:0;
  background:linear-gradient(90deg,rgba(200,169,107,.16),rgba(200,169,107,.035));
  color:var(--v6-gold-bright);
  box-shadow:none;
}
.sideTabs button.active::before {
  left:0;
  top:10px;
  bottom:10px;
  width:2px;
  border-radius:2px;
  background:var(--v6-gold);
  box-shadow:0 0 14px rgba(200,169,107,.45);
}
.sideTabs button.active::after { border-color:rgba(200,169,107,.14); }
.navIcon { width:17px; height:17px; color:#727985; stroke-width:1.65; }
.active>.navIcon { color:var(--v6-gold); }
.badge,.navSubCount {
  min-width:23px;
  height:21px;
  border-radius:3px;
  border:1px solid rgba(223,121,117,.34);
  background:#2a1719;
  color:#ec8b86;
  font-size:11px;
}
.navCurtainInner { margin:4px 0 8px 18px; padding-left:10px; border-left:1px solid #30353d; }
.sideTabs .navSubButton { min-height:38px; font-size:12px; }
.sideFoot { min-height:76px; padding:12px 16px; border-top:1px solid #20242b; background:rgba(5,6,8,.72); }
.sideFoot strong { font-size:12px; }
.sideFoot small { color:#707680; font-size:11px; }
.sideAvatar,.topAvatar { border-radius:4px; background:#18140d; color:var(--v6-gold-bright); border:1px solid #78643a; }

.workspace { width:calc(100% - var(--v6-sidebar)); margin-left:var(--v6-sidebar); }
.topbar {
  height:var(--v6-topbar);
  padding:0 26px;
  border-bottom:1px solid #292e36;
  background:rgba(10,11,14,.93);
  box-shadow:0 10px 30px rgba(0,0,0,.16);
  backdrop-filter:blur(20px);
}
.globalSearch { width:min(560px,46vw); }
.globalSearch input {
  min-height:40px;
  border-color:#303640!important;
  background:#0e1014!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02)!important;
}
.topActions { gap:8px; }
.topDate { color:#737a84; font-size:12px; }
.topCreate,.notificationBell,.topAvatar,.navToggle { height:40px; min-height:40px; border-radius:4px; }
.topCreate {
  padding:0 16px;
  border:1px solid #b89758;
  background:linear-gradient(180deg,#d7bb7b 0%,#b89554 100%);
  color:#17130d;
  box-shadow:inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(76,55,21,.4),0 8px 20px rgba(120,91,39,.15);
}
.topCreate:hover { transform:translateY(-1px); filter:brightness(1.05); }
.topCreate:active { transform:translateY(0); box-shadow:inset 0 2px 4px rgba(68,47,15,.28); }
.notificationBell,.navToggle { border-color:#353b45; background:#121419; color:#c6c1b8; box-shadow:inset 0 1px rgba(255,255,255,.025); }
.topAvatar { border-color:#766239; background:#17140e; color:var(--v6-gold-bright); }
.container { max-width:none; padding:26px 28px 88px; }
#backBar { margin:-26px -28px 20px; padding:9px 28px; border-bottom:1px solid #2b3038; background:#111318; }

/* Component system */
.v6Kicker,.v6SectionHead span,.commandWorkloadV6>div span {
  color:#9d8658;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}
.v6SectionHead { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 18px; border-bottom:1px solid var(--v6-line); }
.v6SectionHead h2,.v6SectionHead h3 { margin:2px 0 0; font-size:17px; }
.v6TextButton,.metricLink,.refLink {
  min-height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#bda775;
  box-shadow:none;
  font-size:12px;
}
.v6TextButton:hover,.metricLink:hover,.refLink:hover { color:#ebd6a7; background:transparent; }

.panel,.dashTool,.areaSurface,.refSurface,.metricPanel,.analyticsSurface,.feedbackSurface,.rowList,.detail,.workPanel,
.commandPriorityV4,.commandCalendarV4,.customerFilterRailV4,.customerLedgerV4,.cmsQueueV4,.eventOpsGridV4 {
  border:1px solid var(--v6-line);
  border-radius:var(--v6-radius-panel);
  background:var(--v6-panel);
  box-shadow:none;
}
.toolHead,.areaSurfaceHead,.refSurfaceHead,.metricHead,.analyticsSurfaceHead,.feedbackSurfaceHead,.commandSectionHeadV4,.cmsQueueHeadV4 {
  min-height:58px;
  padding:13px 17px;
  border-bottom:1px solid var(--v6-line);
  background:#14171c;
}
.areaHeader,.refHead,.analyticsHeader,.feedbackHeader,.queueOverviewHead {
  min-height:86px;
  margin-bottom:16px;
  padding:18px 0;
  border:0;
  border-bottom:1px solid var(--v6-line);
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.areaHeader h2,.refHead h2,.analyticsHeader h2,.feedbackHeader h2,.queueOverviewHead h2 { font-size:24px; }

.refButton,.miniBtn,.iconBtn,.areaAction,.areaOpen,.caseAction,.refFilter {
  min-height:40px;
  padding:0 14px;
  border:1px solid #3b424d;
  border-radius:var(--v6-radius-control);
  background:linear-gradient(180deg,#1c2026,#16191e);
  color:#d0ccc4;
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 1px 1px rgba(0,0,0,.35);
  transition:transform .12s var(--v6-ease),border-color .12s var(--v6-ease),background .12s var(--v6-ease);
}
.refButton:hover,.miniBtn:hover,.iconBtn:hover,.areaAction:hover,.areaOpen:hover,.caseAction:hover,.refFilter:hover {
  border-color:#59616d;
  background:linear-gradient(180deg,#242830,#1c2026);
  color:#fffaf0;
  transform:translateY(-1px);
}
.refButton:active,.miniBtn:active,.iconBtn:active,.areaAction:active,.areaOpen:active,.caseAction:active { transform:translateY(0); box-shadow:inset 0 2px 4px rgba(0,0,0,.34); }
.refButton.primary,.miniBtn.primary,.feedbackSubmit,.areaAction.primary {
  border-color:#b89554!important;
  background:linear-gradient(180deg,#d5b978,#b79554)!important;
  color:#17130d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.38),inset 0 -1px rgba(75,53,18,.4),0 8px 22px rgba(122,91,37,.14);
}
.dangerButton { border-color:#75413f!important; background:#251517!important; color:#ee9590!important; }
button:disabled { opacity:.4; filter:saturate(.4); transform:none!important; }

input,select,textarea {
  min-height:40px;
  border:1px solid #353c46!important;
  border-radius:var(--v6-radius-control)!important;
  background:#0e1014!important;
  color:var(--v6-ink)!important;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.35)!important;
}
input:focus,select:focus,textarea:focus { border-color:#846e43!important; outline:2px solid rgba(200,169,107,.12); outline-offset:1px; }

.sectionTabs,.segTabs,.feedbackTabs,.analyticsModes,.customerHubModes,.dashMode {
  min-height:44px;
  margin-bottom:16px;
  padding:0;
  gap:20px;
  border-bottom:1px solid var(--v6-line);
}
.sectionTabs button,.segTabs button,.feedbackTabs button,.analyticsModes button,.customerHubMode,.dashMode button {
  min-height:44px;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#8e949d;
}
.sectionTabs button.active,.segTabs button.active,.feedbackTabs button.active,.analyticsModes button.active,.customerHubMode.active,.dashMode button.active {
  color:var(--v6-gold-bright);
  box-shadow:inset 0 -2px var(--v6-gold);
}

.controlBar,.refToolbar,.recordsFilters,.caseFilterBar,.colFilters {
  min-height:56px;
  margin-bottom:14px;
  padding:8px 10px;
  border:1px solid var(--v6-line);
  border-radius:6px;
  background:#0f1115;
  box-shadow:none;
}
.refTable,.recordsTable,.analyticsDataTable,.metricTable,.miniTable,.impactTable { font-size:13px; }
.refTable th,.recordsTable th,.analyticsDataTable th,.metricTable th,.miniTable th,.impactTable th {
  position:sticky;
  top:0;
  z-index:1;
  height:42px;
  padding:8px 13px;
  border-color:#313741;
  background:#171a20;
  color:#8d939c;
  font-size:11px;
  font-weight:650;
}
.refTable td,.recordsTable td,.analyticsDataTable td,.metricTable td,.miniTable td,.impactTable td { padding:11px 13px; border-color:#282d35; }
.refTable tbody tr,.recordsTable tbody tr { transition:background .12s var(--v6-ease); }
.refTable tbody tr:hover,.recordsTable tbody tr:hover { background:#191c21; box-shadow:inset 2px 0 var(--v6-gold); }
.paymentState,.feedbackState,.refStatus,.customerTypeTag,.recordsDetailState,.queuePriority,.v6Status { border-radius:3px; }

/* Home command center */
.homeToplineV4 { min-height:44px; margin-bottom:12px; border-bottom:1px solid var(--v6-line); }
.commandHomeV6 { display:grid; gap:14px; }
.commandHomeHeadV6 {
  min-height:126px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  padding:24px 28px;
  border:1px solid #343127;
  border-radius:8px;
  background:linear-gradient(110deg,#15171b 0%,#0d0f12 72%);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.commandHomeHeadV6 h1 { margin:4px 0 5px; font-size:29px; }
.commandHomeHeadV6 p { margin:0; color:var(--v6-ink-2); }
.commandHomeSummaryV6 { min-width:250px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px 12px; padding-left:26px; border-left:1px solid #3a352b; }
.commandHomeSummaryV6 strong { grid-row:1/3; color:var(--v6-gold-bright); font:500 38px/1 "Noto Serif JP",serif; }
.commandHomeSummaryV6 span { color:var(--v6-ink-3); font-size:11px; }
.commandHomeSummaryV6 button { grid-column:2/4; min-height:34px; border:0; border-bottom:1px solid #7b673e; background:transparent; color:#d9c18d; text-align:left; }
.v6SystemNotice { margin:0; border-radius:6px; }
.commandStatusV6 { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); border:1px solid var(--v6-line); border-radius:7px; overflow:hidden; }
.commandStatusV6 button { min-height:64px; display:flex; align-items:center; justify-content:space-between; padding:0 17px; border:0; border-right:1px solid var(--v6-line); border-radius:0; background:#101216; color:#949aa3; box-shadow:none; }
.commandStatusV6 button:last-child { border-right:0; }
.commandStatusV6 button strong { color:#ddd8cf; font:500 21px/1 "Noto Serif JP",serif; }
.commandStatusV6 button.active { background:#1b1914; color:#e1cb99; box-shadow:inset 0 -2px var(--v6-gold); }
.commandWorkspaceV6 { display:grid; grid-template-columns:minmax(0,1fr) 360px; gap:14px; align-items:start; }
.commandQueueV6,.commandRailV6>section { border:1px solid var(--v6-line); border-radius:8px; background:var(--v6-panel); overflow:hidden; }
.v6CaseList { display:block; }
.caseRankV6 { min-height:74px; display:grid; grid-template-columns:54px minmax(0,1fr); align-items:stretch; border-bottom:1px solid #272c34; }
.caseRankV6:last-child { border-bottom:0; }
.caseRankV6>b { display:grid; place-items:center; border-right:1px solid #272c34; color:#686f79; font:500 15px/1 "Noto Serif JP",serif; }
.caseRankV6 .caseRow { min-height:74px; grid-template-columns:86px minmax(180px,1.5fr) minmax(110px,.8fr) 94px 96px; border:0; }
.caseRankV6:hover { background:#171a20; }
.commandRailV6 { display:grid; gap:14px; }
.commandAgendaV6 .dayAgenda { padding:0; }
.commandAgendaV6 .dayAgenda>h4 { display:none; }
.commandAgendaV6 .agendaColumns { display:block; }
.commandAgendaV6 .agendaColumns section { padding:14px 17px; border:0; border-bottom:1px solid var(--v6-line); }
.commandAgendaV6 .agendaColumns section:last-child { border-bottom:0; }
.commandMonthV6 { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:12px 16px; }
.commandMonthV6>div:first-child { display:flex; align-items:baseline; gap:7px; }
.commandMonthV6 span { color:var(--v6-ink-3); font-size:11px; }
.commandMonthV6 strong { font:500 23px/1 "Noto Serif JP",serif; }
.commandWorkloadV6 { min-height:76px; display:grid; grid-template-columns:180px repeat(6,minmax(0,1fr)); border:1px solid var(--v6-line); border-radius:8px; overflow:hidden; background:#0f1115; }
.commandWorkloadV6>div { display:flex; flex-direction:column; justify-content:center; padding:0 18px; border-right:1px solid var(--v6-line); }
.commandWorkloadV6>button { min-width:0; display:grid; grid-template-columns:18px minmax(0,1fr) auto; align-items:center; gap:9px; padding:0 13px; border:0; border-right:1px solid var(--v6-line); border-radius:0; background:transparent; color:#aeb2b9; box-shadow:none; }
.commandWorkloadV6>button:last-child { border-right:0; }
.commandWorkloadV6>button:hover { background:#191c21; color:#f2eee6; }
.commandWorkloadV6 svg { width:16px; height:16px; color:#747b85; }
.commandWorkloadV6 b { color:var(--v6-gold-bright); font:500 19px/1 "Noto Serif JP",serif; }

/* Queue pattern */
.queuePageBack { min-height:40px; margin-bottom:10px; border-bottom:1px solid var(--v6-line); }
.colHead { min-height:66px; padding:8px 0 15px; border-bottom:1px solid var(--v6-line); }
.colHead h2 { font-size:24px; }
.colBody { gap:0; border:1px solid var(--v6-line); border-radius:8px; overflow:hidden; background:var(--v6-panel); }
.colBody>.rowList { border:0; border-right:1px solid var(--v6-line); border-radius:0; background:#0e1014; }
.colBody>.detail { border:0; border-radius:0; }
.rowItem { min-height:84px; padding:12px 14px; border-color:#282d35; border-left:2px solid transparent; border-radius:0; background:transparent; box-shadow:none; }
.rowItem:hover { background:#15181d; }
.rowItem.sel { border-left-color:var(--v6-gold); background:linear-gradient(90deg,rgba(200,169,107,.1),rgba(200,169,107,.018)); }
.rowItem.sel::after { content:""; position:absolute; right:0; top:0; bottom:0; width:1px; background:#413923; }
.detailTop { background:#15181d; }
.detailActions { border-top:1px solid var(--v6-line); background:#0e1014; }

/* LINE is a real three-pane work surface, not three cards. */
.lineDeskHeadV4 { min-height:78px; padding:0 0 14px; border-bottom:1px solid var(--v6-line); }
.lineDeskHeadV4 h2 { font-size:24px; }
.lineDeskCountV4 { border-left:1px solid #393329; background:transparent; }
.lineDeskGridV4 { height:calc(100svh - 190px); min-height:620px; grid-template-columns:318px minmax(430px,1fr) 310px; border:1px solid var(--v6-line); border-radius:8px; background:var(--v6-panel); box-shadow:none; }
.lineQueueV4,.lineContextV4 { background:#0d0f12; }
.lineQueueV4 { border-right:1px solid var(--v6-line); }
.lineConversationV4 { background:#121419; }
.lineContextV4 { border-left:1px solid var(--v6-line); }
.lineQueueHeadV4,.linePersonHeadV4,.lineContextHeadV4 { min-height:62px; border-bottom:1px solid var(--v6-line); background:#15181d; }
.lineFiltersV4 { margin:10px; border:1px solid var(--v6-line); }
.lineChatV4 { background:#101216; }
.lcBubble { border-radius:7px; box-shadow:none; }
.lcIn { border:1px solid #303741; background:#1a1e24; }
.lcOut { border:1px solid #665635; background:#2b2519; }
.lineComposerV4 { padding:13px 16px; border-top:1px solid var(--v6-line); background:#0d0f12; }
.lineContextV4 dl>div { border-bottom:1px solid #262b32; }
.lineActionsV4 { border-top:1px solid var(--v6-line); }

/* Customer directory and person workspace */
.customerHubHeadV4 { padding-bottom:12px; border-bottom:1px solid var(--v6-line); }
.customerDirectoryV4 { grid-template-columns:260px minmax(0,1fr); gap:0; border:1px solid var(--v6-line); border-radius:8px; overflow:hidden; background:var(--v6-panel); }
.customerFilterRailV4 { padding:16px; border:0; border-right:1px solid var(--v6-line); border-radius:0; background:#0e1014; }
.customerLedgerV4 { border:0; border-radius:0; }
.customerResultsTable td { height:66px; }
.customerTypeTag { background:#1b2027; }
.customerAttentionFlag { color:#e18a85; }
.customerProfileV4:has(.personWorkspaceV6)>.customerProfileHeroV4,
.customerProfileV4:has(.personWorkspaceV6)>.studentNav { display:none; }
.customerProfileV4:has(.personWorkspaceV6) { gap:0; }
.personWorkspaceV6 { display:grid; gap:14px; }
.personHeroV6 { min-height:126px; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:26px; padding:22px 26px; border:1px solid #343127; border-radius:8px; background:linear-gradient(110deg,#17191e,#0f1114 76%); }
.personIdentityV6 h2 { margin:4px 0; font-size:27px; }
.personIdentityV6 p { margin:0; color:var(--v6-ink-2); }
.personStateV6 { display:grid; grid-template-columns:repeat(2,auto); gap:5px 11px; align-items:center; color:var(--v6-ink-2); font-size:12px; }
.personStateV6 time { grid-column:1/3; color:var(--v6-ink-3); text-align:right; }
.v6Status { padding:3px 7px; border:1px solid #355c43; background:#102019; color:#8bc19b; }
.personAttentionV6 { min-height:82px; display:grid; grid-template-columns:150px minmax(0,1fr); border:1px solid var(--v6-line); border-radius:8px; overflow:hidden; background:#101216; }
.personAttentionV6.hasItems { border-color:#513435; }
.personAttentionV6>div:first-child { display:grid; grid-template-columns:1fr auto; align-content:center; gap:1px 8px; padding:13px 17px; border-right:1px solid var(--v6-line); }
.personAttentionV6>div:first-child span { grid-column:1/3; color:#a35f5c; font-size:10px; }
.personAttentionV6>div:first-child strong { font-size:15px; }
.personAttentionV6>div:first-child b { color:#ec8a84; font:500 23px/1 "Noto Serif JP",serif; }
.personAttentionListV6 { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.personAttentionListV6>button { min-height:80px; display:grid; grid-template-columns:70px minmax(0,1fr) 16px; align-items:center; gap:10px; padding:10px 14px; border:0; border-right:1px solid var(--v6-line); border-radius:0; background:transparent; color:var(--v6-ink-2); text-align:left; }
.personAttentionListV6>button:hover { background:#19171a; }
.personAttentionListV6 time { color:#dd827d; font-size:11px; }
.personAttentionListV6 span { display:grid; }
.personAttentionListV6 small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.personAttentionListV6 svg { width:15px; }
.personAttentionListV6 p { align-self:center; padding:0 18px; color:var(--v6-ink-3); }
.personBodyV6 { display:grid; grid-template-columns:minmax(0,1.5fr) 340px; gap:14px; }
.personHistoryV6,.personDestinationsV6 { border:1px solid var(--v6-line); border-radius:8px; overflow:hidden; background:var(--v6-panel); }
.personHistoryV6 .studentTimeline { padding:4px 18px 14px; }
.personDestinationsV6 nav { display:grid; }
.personDestinationsV6 nav button { min-height:62px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:9px 17px; border:0; border-bottom:1px solid #282d35; border-radius:0; background:transparent; color:var(--v6-ink); text-align:left; box-shadow:none; }
.personDestinationsV6 nav button:last-child { border-bottom:0; }
.personDestinationsV6 nav button:hover { background:#191c21; }
.personDestinationsV6 nav span { display:grid; }
.personDestinationsV6 nav small { margin-top:2px; }
.personDestinationsV6 nav svg { width:16px; color:#777e88; }

/* Domain patterns */
.scheduleCommandV4,.eventCommandV4,.cmsCommandV4,.financeCommandV4,.broadcastCommandV4 { border-bottom:1px solid var(--v6-line); }
.schedulePulseV4,.eventStatsV4,.cmsPulseV4,.financePulseV4,.broadcastPulseV4,
.riskStrip,.managementKpis,.analyticsSummary,.analyticsKpis,.feedbackSummary,.refKpis,.compactSummary {
  gap:1px;
  border:1px solid var(--v6-line);
  border-radius:8px;
  overflow:hidden;
  background:var(--v6-line);
  box-shadow:none;
}
.schedulePulseV4>div,.eventStatsV4>div,.cmsPulseV4>div,.financePulseV4>div,.broadcastPulseV4>div,
.riskBtn,.managementKpi,.analyticsSummaryItem,.analyticsKpi,.feedbackSummary>div,.refKpi { border:0; border-radius:0; background:#111318; }
.managementKpi:hover,.riskBtn:hover { background:#191c22; }
.calendar { border-color:var(--v6-line); background:#0e1014; }
.calDay { border-color:#282d35; background:#101216; }
.calDay:hover { background:#191c22; }
.calDay.selected { background:#252117; box-shadow:inset 0 0 0 1px #7d693e; }
.eventRailV4 { border-right:1px solid var(--v6-line); background:#0d0f12; }
.eventRailItemV4 { border-color:#282d35; border-radius:0; }
.eventRailItemV4.active { background:linear-gradient(90deg,rgba(200,169,107,.13),transparent); box-shadow:inset 2px 0 var(--v6-gold); }
.eventDetailV4 { background:var(--v6-panel); }
.cmsArticleV4 { border-color:#282d35; border-radius:5px; background:#121419; }
.cmsArticleV4:hover { background:#191c22; }
.cmsEditorGrid,.broadcastStudioV4 { gap:14px; }
.cmsPreview,.broadcastPreview { border:1px solid var(--v6-line); background:#0e1014; }
.financeSurfaceV4,.analyticsWorkspaceV4,.feedbackWorkspaceV4,.settingsWorkspaceV4 { box-shadow:none; }
.analyticsDiagnosis { border-left:2px solid var(--v6-blue); background:#11151a; }
.feedbackQuickWrap { border:1px solid var(--v6-line); background:#101216; box-shadow:none; }
.settingsRailV4 { border-color:var(--v6-line); background:#0d0f12; }
.settingsRailV4 button { border-radius:0; }

/* Overlays */
.notificationPanel { top:52px; width:420px; border:1px solid #3c434d; border-radius:8px; background:#111318; box-shadow:0 28px 72px rgba(0,0,0,.5); }
.notificationHead { min-height:56px; background:#171a20; }
.notificationItem { border-color:#292e36; }
.notificationItem:hover { background:#191c22; }
.operationOverlay { background:rgba(0,0,0,.76); backdrop-filter:blur(8px); }
.operationDialog { border:1px solid #3d444f; border-radius:10px; background:#111318; box-shadow:0 42px 110px rgba(0,0,0,.58); }
#toast { border:1px solid #4a515c; border-radius:6px; background:#191c22; box-shadow:0 18px 48px rgba(0,0,0,.42); }

@media (max-width:1180px) {
  :root { --v6-sidebar:224px; }
  .commandWorkspaceV6 { grid-template-columns:minmax(0,1fr) 320px; }
  .commandWorkloadV6 { grid-template-columns:150px repeat(3,minmax(0,1fr)); }
  .commandWorkloadV6>button:nth-child(4) { border-right:0; }
  .commandWorkloadV6>button:nth-child(n+5) { border-top:1px solid var(--v6-line); }
  .lineDeskGridV4 { grid-template-columns:300px minmax(0,1fr); }
  .lineContextV4 { display:none; }
}

@media (max-width:900px) {
  :root { --v6-sidebar:0px; --v6-topbar:64px; }
  .sideNav { left:-260px; width:252px; }
  body.navOpen .sideNav { left:0; }
  .workspace { width:100%; margin-left:0; }
  .navToggle { display:grid; }
  .topbar { padding:0 12px; }
  .container { padding:20px 16px 70px; }
  #backBar { margin:-20px -16px 16px; padding:9px 16px; }
  .commandWorkspaceV6,.personBodyV6 { grid-template-columns:1fr; }
  .commandRailV6 { grid-template-columns:1fr 220px; }
  .commandWorkloadV6 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .commandWorkloadV6>div { grid-column:1/4; min-height:58px; border-right:0; border-bottom:1px solid var(--v6-line); }
  .customerDirectoryV4 { display:block; }
  .customerFilterRailV4 { border-right:0; border-bottom:1px solid var(--v6-line); }
  .personHeroV6 { grid-template-columns:minmax(0,1fr) auto; }
  .personHeroV6>.refButton { grid-column:1/3; }
  .lineDeskGridV4 { height:auto; min-height:0; display:block; }
  .lineQueueV4 { border-right:0; }
  .lineContextV4 { display:block; border-top:1px solid var(--v6-line); border-left:0; }
}

@media (max-width:680px) {
  body { font-size:14px; }
  .topbar { gap:7px; }
  .globalSearch { flex:1; min-width:0; width:auto; }
  .topCreate,.topDate { display:none; }
  .container { padding:16px 12px 60px; }
  .liveLogin { place-items:end center; padding:72px 16px 18px; background-position:64% center; }
  .liveLogin::before { left:20px; top:22px; }
  .liveLoginCard { padding:28px 22px 24px; }
  .homeToplineV4 { align-items:flex-start; gap:8px; }
  .commandHomeHeadV6 { min-height:0; display:block; padding:20px; }
  .commandHomeHeadV6 h1 { font-size:25px; }
  .commandHomeSummaryV6 { min-width:0; margin-top:18px; padding:16px 0 0; border-top:1px solid #3a352b; border-left:0; }
  .commandStatusV6 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commandStatusV6 button { min-height:54px; border-bottom:1px solid var(--v6-line); }
  .commandStatusV6 button:nth-child(2n) { border-right:0; }
  .commandStatusV6 button:last-child { grid-column:1/3; }
  .caseRankV6 { grid-template-columns:38px minmax(0,1fr); }
  .caseRankV6 .caseRow { display:grid; grid-template-columns:1fr auto; gap:4px 10px; padding:11px 12px; }
  .caseRankV6 .casePriority,.caseRankV6 .caseStatus { justify-self:start; }
  .caseRankV6 .caseWho,.caseRankV6 .caseWhen { font-size:11px; }
  .commandRailV6 { grid-template-columns:1fr; }
  .commandWorkloadV6 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .commandWorkloadV6>div { grid-column:1/3; }
  .commandWorkloadV6>button { min-height:58px; }
  .commandWorkloadV6>button:nth-child(odd) { border-right:0; }
  .commandWorkloadV6>button:nth-child(n+4) { border-top:1px solid var(--v6-line); }
  .colBody { display:block; }
  .colBody>.rowList { max-height:none; border-right:0; border-bottom:1px solid var(--v6-line); }
  .lineDeskHeadV4 { display:block; }
  .lineDeskCountV4 { margin-top:10px; padding-left:0; border-left:0; }
  .lineConversationV4,.lineContextV4 { min-height:520px; }
  .personHeroV6 { display:block; padding:18px; }
  .personStateV6 { margin:14px 0; }
  .personStateV6 time { text-align:left; }
  .personHeroV6>.refButton { width:100%; }
  .personAttentionV6 { display:block; }
  .personAttentionV6>div:first-child { border-right:0; border-bottom:1px solid var(--v6-line); }
  .personAttentionListV6 { grid-template-columns:1fr; }
  .personAttentionListV6>button { border-right:0; border-bottom:1px solid var(--v6-line); }
  .personDestinationsV6 nav { grid-template-columns:1fr 1fr; }
  .personDestinationsV6 nav button:nth-child(odd) { border-right:1px solid var(--v6-line); }
  .areaHeader,.refHead,.analyticsHeader,.feedbackHeader,.queueOverviewHead { display:block; }
  .refHeadActions,.areaActions { margin-top:12px; }
  .refTable,.recordsTable { font-size:13px; }
  .notificationPanel { top:50px; right:6px; left:6px; width:auto; }
}

@media (max-width:420px) {
  .personDestinationsV6 nav { grid-template-columns:1fr; }
  .personDestinationsV6 nav button { border-right:0!important; }
  .commandWorkloadV6>button span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
}

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