:root {
  --spatial-ink: #14213b;
  --spatial-muted: #71809b;
  --spatial-line: rgba(97, 113, 147, .13);
  --spatial-surface: rgba(255, 255, 255, .72);
  --spatial-solid: #ffffff;
  --spatial-violet: #6557dc;
  --spatial-cyan: #55c9f3;
  --spatial-shadow: 0 24px 70px rgba(46, 61, 101, .12);
}

body {
  color: var(--spatial-ink);
  background: #f4f7fc;
}

.app-shell {
  position: relative;
  grid-template-columns: 82px 292px minmax(0, 1fr);
  transition: grid-template-columns .38s cubic-bezier(.2,.8,.2,1);
}

body.context-collapsed .app-shell { grid-template-columns: 82px 0 minmax(0,1fr); }

.nav-rail {
  z-index: 30;
  border-right: 1px solid rgba(82,99,132,.08);
  background: rgba(249,251,255,.82);
  box-shadow: 10px 0 38px rgba(55,69,104,.07);
  -webkit-backdrop-filter: blur(24px) saturate(1.2);
  backdrop-filter: blur(24px) saturate(1.2);
}

.nav-rail::before {
  background: radial-gradient(circle at 50% 38%,rgba(101,87,220,.15),transparent 28%);
}

.brand-mark {
  border-color: rgba(91,91,180,.1);
  box-shadow: 0 14px 38px rgba(58,73,120,.14);
}

.rail-nav {
  width: 62px;
  gap: 11px;
  padding: 10px 8px;
  border-color: rgba(255,255,255,.88);
  border-radius: 28px;
  background: rgba(255,255,255,.60);
  box-shadow: 0 24px 54px rgba(53,65,108,.16), inset 0 0 0 1px rgba(101,87,220,.045);
  -webkit-backdrop-filter: blur(25px) saturate(1.35);
  backdrop-filter: blur(25px) saturate(1.35);
}

.rail-nav::before { background: rgba(248,250,255,.46); }

.rail-button {
  width: 45px;
  height: 45px;
  color: #75809a;
  border-color: rgba(79,94,127,.075);
  background: rgba(255,255,255,.82);
  box-shadow: 0 7px 18px rgba(54,65,100,.08);
}

.rail-button:hover,
.rail-button.active {
  color: #fff;
  background: linear-gradient(145deg,#7568e8,#5144bc);
  box-shadow: 0 14px 30px rgba(82,68,190,.34), inset 0 0 0 1px rgba(255,255,255,.2);
}

.rail-button.active::before { left: -15px; }
.rail-icon { width: 21px; height: 21px; background: currentColor; -webkit-mask: var(--dock-icon) center / contain no-repeat; mask: var(--dock-icon) center / contain no-repeat; }
.rail-icon svg { display: none; }

.context-panel {
  position: relative;
  z-index: 22;
  width: 292px;
  border-right: 1px solid rgba(83,100,132,.09);
  background: rgba(252,253,255,.86);
  box-shadow: 14px 0 42px rgba(56,70,105,.055);
  -webkit-backdrop-filter: blur(25px) saturate(1.1);
  backdrop-filter: blur(25px) saturate(1.1);
  transition: opacity .28s ease, transform .38s cubic-bezier(.2,.8,.2,1), visibility .28s ease;
}

body.context-collapsed .context-panel {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-102%);
  pointer-events: none;
}

.context-toggle {
  position: fixed;
  z-index: 45;
  left: 358px;
  top: 25px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  padding: 0;
  border: 1px solid rgba(78,93,126,.13);
  border-radius: 10px;
  color: #69758d;
  background: rgba(255,255,255,.72);
  box-shadow: 0 10px 26px rgba(43,54,89,.12);
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  cursor: pointer;
  transition: left .38s cubic-bezier(.2,.8,.2,1), color .2s ease, transform .2s ease, background .2s ease;
}

.context-toggle:hover { color: #fff; background: var(--spatial-violet); transform: translateY(-1px); }
.context-toggle:focus-visible { outline: 3px solid rgba(101,87,220,.24); outline-offset: 2px; }
body.context-collapsed .context-toggle { left: 92px; transform: rotate(180deg); }
body.context-collapsed .context-toggle:hover { transform: rotate(180deg) translateY(1px); }
body.context-collapsed .workspace-topbar { padding-left: 57px; }

.context-head { padding-right: 17px; }
.context-head h1 { color: var(--spatial-ink); font-size: 19px; }
.identity-strip { border-color: rgba(96,110,140,.11); background: rgba(255,255,255,.55); box-shadow: 0 12px 34px rgba(53,66,102,.055); }
.agent-mini { border-radius: 14px; }
.agent-mini:hover, .agent-mini.selected { border-color: rgba(104,88,217,.12); background: rgba(239,237,255,.68); }
.search-box { border-color: rgba(87,101,131,.11); background: rgba(255,255,255,.58); }
.project-root-drop { border-color: rgba(96,109,137,.12); background: rgba(255,255,255,.42); }
.isolation-card { border-color: rgba(57,164,126,.12); background: rgba(235,250,244,.66); }

.workspace {
  position: relative;
  isolation: isolate;
  background: #f7f9fd;
}

.workspace-aurora {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto;
  height: min(360px,38vh);
  overflow: hidden;
  opacity: .58;
  pointer-events: none;
  mask-image: linear-gradient(180deg,#000 0%,rgba(0,0,0,.65) 56%,transparent 100%);
}

.workspace-aurora canvas { display: block; width: 100%; height: 100%; filter: blur(2px) saturate(.78); }
.workspace-aurora.aurora-fallback { background: radial-gradient(ellipse at 58% -20%,rgba(120,97,255,.24),transparent 58%),radial-gradient(ellipse at 88% 2%,rgba(85,201,243,.2),transparent 45%); }

.workspace-topbar {
  position: relative;
  z-index: 18;
  min-height: 72px;
  padding-inline: 27px;
  border-bottom-color: rgba(83,99,131,.08);
  background: rgba(250,252,255,.55);
  -webkit-backdrop-filter: blur(19px) saturate(1.15);
  backdrop-filter: blur(19px) saturate(1.15);
}

.crumbs span { color: #8a96aa; }
.crumbs strong { font-size: 18px; letter-spacing: -.025em; }
.secure-pill { border-color: rgba(62,166,126,.11); background: rgba(246,253,250,.62); }
.primary-button, .secondary-button, .soft-icon { --rb-magnet-x: 0px; --rb-magnet-y: 0px; transform: translate3d(var(--rb-magnet-x),var(--rb-magnet-y),0); will-change: transform; }
.primary-button { background: linear-gradient(135deg,#7568e6,#5849c5); box-shadow: 0 12px 27px rgba(82,69,188,.24); }
.secondary-button { border-color: rgba(77,91,120,.12); background: rgba(255,255,255,.62); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }

.view { position: relative; z-index: 2; }
.office-layout { position: relative; display: block; height: 100%; padding: 15px; }
.office-stage-card { height: 100%; border: 0; border-radius: 28px; background: rgba(255,255,255,.34); box-shadow: var(--spatial-shadow); overflow: hidden; }
.office-card-head { position: relative; z-index: 9; min-height: 94px; padding: 18px 25px; border-bottom-color: rgba(86,101,132,.09); background: rgba(255,255,255,.62); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.office-card-head h2 { margin-block: 3px; font-size: 22px; color: var(--spatial-ink); }
.office-card-head p { color: #7a879c; }
.office-stats { margin-right: 330px; gap: 23px; }
.office-stats strong { color: #15213b; font-size: 20px; }
.office-stats span { color: #8490a5; }

.office-scene { min-height: 0; border-radius: 0 0 28px 28px; background: #dfe8f4; }
.office-scene::before { transform: scale(1.006); }
.office-scene::after { inset: -18px; opacity: .82; }
.office-scene.has-photo-background::after { opacity: .82; }
.office-scene.has-photo-background .scene-floor, .office-scene.has-photo-background .floor-rug { display: none; }
.scene-wall { pointer-events: none; }
.wall-board { right: 29%; top: 7%; border: 1px solid rgba(255,255,255,.7); border-radius: 11px; background: rgba(19,31,52,.78); box-shadow: 0 12px 34px rgba(25,39,67,.2); }

.agent-floor { inset: 15% 27% 18% 7%; gap: 3% 5%; }
.office-agent { transition: transform .26s cubic-bezier(.2,.8,.2,1); }
.office-agent:hover { transform: translateY(-4px); }
.office-computer { width: min(285px,100%); }
.agent-character { margin-left: -145px; }
.agent-nameplate { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 10px; width: 86%; bottom: 0; padding: 8px 10px; border-color: rgba(255,255,255,.86); border-radius: 13px; background: rgba(255,255,255,.82); box-shadow: 0 12px 32px rgba(41,54,91,.15); -webkit-backdrop-filter: blur(17px); backdrop-filter: blur(17px); }
.agent-nameplate-copy { min-width: 0; }
.agent-nameplate-copy strong, .agent-nameplate-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.agent-nameplate-copy small { margin-top: 2px; color: #8b95a7; font-size: 6px; }
.agent-nameplate-metrics { display: flex !important; align-items: center; gap: 8px; overflow: visible !important; }
.agent-nameplate-metrics b { display: grid; grid-template-columns: auto auto; gap: 3px; color: #26334f; font-size: 7px; font-weight: 850; }
.agent-nameplate-metrics em { color: #9aa4b6; font-size: 5px; font-style: normal; font-weight: 700; }

.activity-panel {
  position: absolute;
  z-index: 16;
  right: 27px;
  top: 26px;
  bottom: 26px;
  width: 308px;
  padding: 17px;
  border: 1px solid rgba(255,255,255,.76);
  border-radius: 26px;
  background: rgba(246,250,255,.66);
  box-shadow: 0 30px 75px rgba(37,52,88,.19), inset 0 0 0 1px rgba(91,104,142,.04);
  -webkit-backdrop-filter: blur(27px) saturate(1.16);
  backdrop-filter: blur(27px) saturate(1.16);
  overflow: hidden;
}

.activity-head { padding-bottom: 12px; border-bottom-color: rgba(75,91,122,.1); }
.activity-head h3 { font-size: 18px; }
.activity-agent-card { margin-top: 11px; border-color: rgba(89,102,136,.1); background: rgba(255,255,255,.48); }
.activity-task-card { margin-top: 9px; padding: 10px 1px 11px; border: 0; border-bottom: 1px solid rgba(75,91,122,.09); border-radius: 0; background: transparent; }
.activity-list-head { margin-top: 12px; }
.timeline { padding-right: 2px; }
.timeline-item { padding-block: 9px; }

.office-quick-command {
  position: absolute;
  z-index: 18;
  left: 40%;
  bottom: 30px;
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 4px 15px;
  width: min(500px,calc(100% - 410px));
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,.8);
  border-radius: 20px;
  background: rgba(248,251,255,.70);
  box-shadow: 0 23px 60px rgba(34,50,87,.18), inset 0 0 0 1px rgba(100,115,150,.035);
  -webkit-backdrop-filter: blur(24px) saturate(1.18);
  backdrop-filter: blur(24px) saturate(1.18);
  transform: translateX(-50%);
}

.office-quick-command > span { grid-column: 1; color: #8b96a9; font-size: 8px; text-transform: uppercase; letter-spacing: .12em; }
.office-quick-command > strong { grid-column: 1; font-size: 11px; }
.office-quick-command .quick-prompts { grid-column: 2; grid-row: 1 / span 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; margin: 0; }
.office-quick-command .quick-prompts button { min-width: 0; min-height: 42px; padding: 7px 9px; border: 1px solid rgba(82,96,127,.09); border-radius: 11px; color: #54617a; background: rgba(255,255,255,.62); font-size: 8px; line-height: 1.35; }
.office-quick-command .quick-prompts button:hover { color: var(--spatial-violet); border-color: rgba(101,87,220,.2); background: rgba(248,247,255,.94); transform: translateY(-2px); }
.office-quick-command .quick-prompts .quick-create-agent { color: #fff; border-color: transparent; background: linear-gradient(135deg,#7568e6,#5849c5); box-shadow: 0 8px 19px rgba(83,70,189,.2); }
.office-quick-command .quick-prompts .quick-create-agent:hover { color: #fff; background: linear-gradient(135deg,#8274ef,#5c4dca); }

.page-intro { padding: 38px 34px 21px; }
.page-intro h2 { margin: 5px 0 4px; color: var(--spatial-ink); font-size: 29px; letter-spacing: -.045em; }
.page-intro p { color: var(--spatial-muted); }
.agent-library-toolbar { margin: 0 34px 16px; border-color: rgba(83,98,130,.09); background: rgba(255,255,255,.42); }
.agent-library { grid-template-columns: repeat(auto-fill,minmax(270px,1fr)); gap: 14px; padding: 0 34px 35px; }
.agent-card { border-color: rgba(82,98,129,.095); border-radius: 20px; background: rgba(255,255,255,.62); box-shadow: 0 16px 45px rgba(48,62,100,.075); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.agent-card::before { display: none; }
.agent-card:hover { transform: translateY(-4px); box-shadow: 0 25px 62px rgba(48,62,100,.13); }

.chat-view { background: transparent; }
.chat-header { border-bottom-color: rgba(84,99,129,.09); background: rgba(255,255,255,.48); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); }
.chat-body { background: transparent; }
.chat-welcome { left: 50%; right: auto; width: min(700px,90%); transform: translateX(-50%); }
.welcome-orbit { box-shadow: 0 28px 75px rgba(83,68,188,.18); }
.welcome-prompts button { border-color: rgba(82,97,128,.1); background: rgba(255,255,255,.58); box-shadow: 0 12px 32px rgba(47,60,97,.06); }
.composer-area { background: linear-gradient(180deg,transparent,rgba(247,249,253,.92) 25%); }
.composer { border-color: rgba(83,98,128,.12); border-radius: 20px; background: rgba(255,255,255,.72); box-shadow: 0 23px 60px rgba(48,61,99,.12); -webkit-backdrop-filter: blur(23px); backdrop-filter: blur(23px); }

.file-drop { margin-inline: 34px; border-color: rgba(96,109,140,.18); border-radius: 20px; background: rgba(255,255,255,.45); }
.file-grid { grid-template-columns: repeat(auto-fill,minmax(270px,1fr)); gap: 13px; padding-inline: 34px; }
.file-card { border-color: rgba(82,97,128,.09); border-radius: 17px; background: rgba(255,255,255,.62); box-shadow: 0 14px 40px rgba(48,62,99,.065); }

.modal { background: rgba(28,35,53,.34); -webkit-backdrop-filter: blur(18px) saturate(.86); backdrop-filter: blur(18px) saturate(.86); }
.login-card, .agent-form-card, .compact-modal-card, .background-picker-card, .pet-picker-card { border: 1px solid rgba(255,255,255,.64); box-shadow: 0 45px 120px rgba(24,33,61,.29); }
.login-card { width: min(1180px,96vw); height: min(680px,92vh); min-height: 600px; border-radius: 29px; overflow: hidden; }
.login-visual { padding: 28px 34px; color: #f6f9ff; background: #070b22; }
.login-visual::before { opacity: .42; background: radial-gradient(circle at 50% 37%,rgba(86,97,255,.23),transparent 42%),linear-gradient(180deg,rgba(3,7,25,.05),rgba(3,7,25,.78)); transform: none; }
.login-brand { gap: 12px; }
.login-brand .login-brand-mark { display: grid; place-items: center; width: 58px; height: 38px; border: 1px solid rgba(115,174,255,.2); border-radius: 12px; background: rgba(255,255,255,.055); box-shadow: inset 0 0 18px rgba(69,131,255,.08); }
.login-brand-mark img { width: 50px; height: 26px; object-fit: contain; }
.login-brand .login-brand-copy { display: flex; flex-direction: column; place-items: initial; width: auto; height: auto; min-width: 0; border: 0; border-radius: 0; background: none; font-style: normal; }
.login-brand-copy strong { color: #f8fbff; font-size: 13px; letter-spacing: .02em; }
.login-brand-copy small { margin-top: 3px; color: #6f91c8; font-size: 7px; font-weight: 800; letter-spacing: .16em; }
.login-command-visual { position: relative; width: 100%; height: clamp(250px,30vh,310px); margin: 20px 0 14px; overflow: hidden; border: 1px solid rgba(114,153,255,.2); border-radius: 23px; background: #070b23; box-shadow: 0 25px 60px rgba(0,4,24,.46),inset 0 0 0 1px rgba(255,255,255,.025); }
.login-command-image { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; filter: saturate(.92) contrast(1.04); }
.login-command-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(4,8,30,.08),transparent 54%,rgba(4,8,30,.54)); }
.login-command-status { position: absolute; z-index: 2; left: 15px; top: 14px; display: flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid rgba(111,158,255,.18); border-radius: 10px; color: #9eb9e6; background: rgba(4,10,34,.62); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); font-size: 6px; font-weight: 850; letter-spacing: .14em; }
.login-command-status i { width: 6px; height: 6px; border-radius: 50%; background: #45ddb7; box-shadow: 0 0 12px #45ddb7; }
.login-copy > span { color: #6f91c8; }
.login-copy h2 { color: #f7f9ff; font-size: 24px; }
.login-copy p { color: #98a8c7; }
.login-features span { color: #9aaccc; border-color: rgba(108,143,207,.16); background: rgba(255,255,255,.045); }
.login-form { background: rgba(255,255,255,.9); }
.login-submit { box-shadow: 0 18px 42px rgba(80,65,184,.27); }
.login-submit .login-button-logo { display: inline-grid; place-items: center; width: 29px; height: 24px; margin-right: 8px; border-radius: 7px; background: rgba(255,255,255,.12); }
.login-button-logo img { width: 19px; height: 12px; object-fit: contain; filter: brightness(0) invert(1); }

.rb-spotlight { --spotlight-x: 50%; --spotlight-y: 50%; --spotlight-color: rgba(105,91,226,.12); isolation: isolate; overflow: hidden; }
.rb-spotlight-static { position: relative; }
.rb-spotlight::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle 260px at var(--spotlight-x) var(--spotlight-y),var(--spotlight-color),transparent 72%); opacity: 0; pointer-events: none; transition: opacity .42s ease; }
.rb-spotlight:hover::before, .rb-spotlight:focus-within::before { opacity: 1; }

.rb-glare { position: relative; overflow: hidden; }
.rb-glare::after { content: ""; position: absolute; inset: -90%; background: linear-gradient(112deg,transparent 43%,rgba(255,255,255,.62) 49%,transparent 56%); transform: translate3d(-38%,-28%,0); transition: transform .7s cubic-bezier(.2,.8,.2,1); pointer-events: none; }
.rb-glare:hover::after { transform: translate3d(38%,28%,0); }

.rb-shiny { color: transparent !important; background: linear-gradient(100deg,#7b879e 36%,#fff 49%,#7b879e 62%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text; animation: rb-shine 5.5s linear infinite; }
@keyframes rb-shine { to { background-position: -220% 0; } }

.rb-animated-item { animation: rb-list-enter .46s cubic-bezier(.2,.8,.2,1) both; animation-delay: var(--rb-delay,0ms); }
@keyframes rb-list-enter { from { opacity: 0; transform: translateY(9px) scale(.985); filter: blur(5px); } to { opacity: 1; transform: none; filter: blur(0); } }

.timeline,
.agent-mini-list { contain: layout paint; }

.message-bubble a {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 2px 7px;
  border: 1px solid rgba(100,84,200,.16);
  border-radius: 7px;
  color: #5d50bd;
  background: rgba(105,89,214,.07);
  font-weight: 750;
  line-height: 1.45;
  text-decoration: none;
  vertical-align: baseline;
}
.message-bubble a:hover { border-color: rgba(100,84,200,.32); background: rgba(105,89,214,.12); }
.message-bubble a::after { content: "\2197"; margin-left: 5px; font-size: .82em; opacity: .62; }

.assistant-documents { display: grid; gap: 8px; margin-top: 9px; }
.feishu-document-card {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: min(420px,100%);
  padding: 11px 12px;
  border: 1px solid rgba(41,117,238,.16);
  border-radius: 14px;
  color: #26334f;
  background: linear-gradient(135deg,rgba(239,246,255,.96),rgba(247,244,255,.96));
  box-shadow: 0 12px 28px rgba(47,75,132,.08);
  text-decoration: none;
  transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.feishu-document-card:hover { transform: translateY(-2px); border-color: rgba(41,117,238,.3); box-shadow: 0 18px 36px rgba(47,75,132,.13); }
.feishu-document-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: #fff; background: linear-gradient(145deg,#2f7cf3,#5861df); font-size: 13px; font-weight: 900; box-shadow: 0 8px 18px rgba(47,124,243,.25); }
.feishu-document-copy { min-width: 0; }
.feishu-document-copy small,.feishu-document-copy strong,.feishu-document-copy em { display: block; }
.feishu-document-copy small { color: #7190bb; font-size: 7px; font-weight: 850; letter-spacing: .11em; }
.feishu-document-copy strong { margin-top: 3px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; }
.feishu-document-copy em { margin-top: 3px; color: #929bad; font-size: 7px; font-style: normal; }
.feishu-document-open { color: #426dcc; font-size: 8px; font-weight: 850; white-space: nowrap; }

.rb-blur-in { animation: rb-blur-in .56s cubic-bezier(.2,.8,.2,1) both; }
@keyframes rb-blur-in { from { opacity: 0; filter: blur(13px); transform: translateY(8px); } to { opacity: 1; filter: blur(0); transform: none; } }

/* Safe per-user presentation profile. Values are validated by the server. */
:root {
  --purple: var(--personal-accent, #6557dc);
  --purple-dark: color-mix(in srgb, var(--personal-accent, #6557dc) 78%, #161b39);
  --purple-soft: color-mix(in srgb, var(--personal-accent, #6557dc) 12%, #ffffff);
  --spatial-violet: var(--personal-accent, #6557dc);
  --spatial-cyan: var(--personal-accent-secondary, #55c9f3);
}

.rail-button:hover,
.rail-button.active,
.primary-button,
.login-submit,
.agent-start,
.quick-send {
  background: linear-gradient(145deg, var(--personal-accent, #6557dc), color-mix(in srgb, var(--personal-accent, #6557dc) 68%, #242051)) !important;
}

body[data-ui-density="compact"] .context-panel { padding-bottom: 10px; }
body[data-ui-density="compact"] .context-section { margin-top: 10px; }
body[data-ui-density="compact"] .conversation-item { min-height: 44px; }
body[data-ui-density="compact"] .workspace-topbar { min-height: 64px; }
body[data-ui-density="compact"] .office-layout { padding: 10px; gap: 10px; }
body[data-ui-density="compact"] .activity-panel { padding: 14px; }

body[data-surface-style="solid"] .nav-rail,
body[data-surface-style="solid"] .context-panel,
body[data-surface-style="solid"] .workspace-topbar,
body[data-surface-style="solid"] .activity-panel,
body[data-surface-style="solid"] .office-quick-command,
body[data-surface-style="solid"] .rail-nav {
  background: #f9fbff;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

body[data-corner-style="precise"] .rail-nav,
body[data-corner-style="precise"] .office-stage-card,
body[data-corner-style="precise"] .activity-panel,
body[data-corner-style="precise"] .office-quick-command,
body[data-corner-style="precise"] .agent-card,
body[data-corner-style="precise"] .file-card,
body[data-corner-style="precise"] .message-bubble,
body[data-corner-style="precise"] .compact-modal-card {
  border-radius: 12px;
}

@media (max-width: 1400px) and (min-width: 941px) {
  .app-shell { grid-template-columns: 72px 276px minmax(0,1fr); }
  body.context-collapsed .app-shell { grid-template-columns: 72px 0 minmax(0,1fr); }
  .context-panel { width: 276px; }
  .context-toggle { left: 334px; }
  body.context-collapsed .context-toggle { left: 82px; }
  body.context-collapsed .workspace-topbar { padding-left: 54px; }
  .activity-panel { width: 284px; right: 22px; }
  .office-stats { margin-right: 296px; }
  .agent-floor { right: 28%; }
  .office-quick-command { width: min(500px,calc(100% - 370px)); }
}

@media (max-width: 940px) {
  .context-toggle { display: none; }
  .office-layout { display: grid; grid-template-columns: 1fr; height: auto; }
  .office-stage-card { min-height: 700px; }
  .activity-panel { position: relative; inset: auto; width: auto; min-height: 360px; margin-top: 14px; }
  .office-stats { margin-right: 0; }
  .agent-floor { right: 6%; }
  .office-quick-command { position: relative; left: auto; bottom: auto; width: auto; margin-top: 14px; transform: none; }
}

@media (max-width: 680px) {
  .app-shell, body.context-collapsed .app-shell { grid-template-columns: 1fr; }
  .nav-rail { height: 76px; }
  .workspace-topbar { padding-inline: 14px; }
  .office-card-head { padding-inline: 17px; }
  .office-stats { width: 100%; justify-content: space-between; }
  .agent-floor { inset-inline: 1%; }
  .office-quick-command { grid-template-columns: 1fr; }
  .office-quick-command .quick-prompts { grid-column: 1; grid-row: auto; grid-template-columns: 1fr; }
  .activity-panel { border-radius: 21px; }
}

@media (prefers-reduced-motion: reduce) {
  .rb-shiny, .rb-animated-item, .rb-blur-in { animation: none !important; }
  .rb-glare::after { display: none; }
}