/* CORE Private Office / 2026.09
   Canonical screen theme. Replaces design-system.css and quiet-luxury.css.
   Existing record renderers, component behaviour and document styles are retained. */
:root {
  --private-serif: 'Core Editorial', Georgia, serif;
  --private-paper: #f5f4f0; --private-ink:#262c27; --private-bronze:#806744;
  --office-paper: #f5f4f0;
  --office-surface: #fefdfb;
  --office-soft: #efede7;
  --office-night: #202622;
  --office-ink: #262c27;
  --office-muted: #686d65;
  --office-line: #deded4;
  --office-bronze: #806744;
  --office-bronze-soft: #f0eade;
  --office-success: #42664f;
  --office-danger: #9b4143;
  --office-info: #4a6573;
  --office-radius: 7px;
  --office-sans: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Arial, sans-serif;
  --office-serif: var(--private-serif, Georgia, serif);
  --ui-paper: var(--office-paper); --ui-surface: var(--office-surface);
  --ui-ink: var(--office-ink); --ui-muted: var(--office-muted);
  --ui-line: var(--office-line); --ui-accent: var(--office-bronze);
  --ui-night: var(--office-night); --ui-radius: var(--office-radius);
  --ui-serif: var(--office-serif); --ui-sans: var(--office-sans);
  --ql-background: var(--office-paper); --ql-surface: var(--office-surface);
  --ql-border: var(--office-line); --ql-ink: var(--office-ink);
  --ql-secondary: var(--office-muted); --ql-tertiary: var(--office-muted);
  --ql-accent: var(--office-bronze); --ql-success: var(--office-success);
  --ql-danger: var(--office-danger); --ql-info: var(--office-info);
  --ql-warning: var(--office-bronze); --ql-success-bg: #edf3ee;
  --ql-warning-bg: #f4efdf; --ql-danger-bg: #f8eeee; --ql-info-bg: #eef2f5;
  --component-ink: var(--office-ink); --component-muted: var(--office-muted);
  --component-line: var(--office-line);
}
@media screen {
  html body { background: var(--office-paper)!important; color: var(--office-ink)!important; font: 14px/1.5 var(--office-sans)!important; -webkit-font-smoothing: antialiased; }
  html { scroll-padding-top: 24px; }
  html body .app { grid-template-columns: 216px minmax(0,1fr)!important; }
  html body .sidebar { padding: 36px 18px 24px!important; background: var(--office-night)!important; border-right: 1px solid #333b33!important; overflow-y: auto; }
  html body .brand { font-family: var(--office-serif)!important; font-weight: 400!important; font-size: 44px!important; letter-spacing: .09em!important; text-align: left!important; padding-left: 15px; line-height: 1; color: #faf8f1!important; }
  html body .brand:before { display: none!important; }
  html body .brand small { font: 9px/1.5 var(--office-sans)!important; letter-spacing: .23em!important; margin-top: 15px!important; color: #bbb9a5!important; }
  html body .sidebar .nav { margin-top: 47px!important; gap: 5px!important; }
  html body .sidebar .nav button { display:flex!important; align-items:center!important; gap:13px!important; min-height:44px!important; padding:11px 14px!important; color:#cbd0c7!important; font:500 13px/1.45 var(--office-sans)!important; text-align:left; border:1px solid transparent!important; border-radius:5px!important; background:transparent!important; transition:background .15s,color .15s; }
  html body .sidebar .nav button.active { color:#fbfaf4!important; border-color:#515746!important; background:#353d31!important; box-shadow:none!important; }
  html body .sidebar .nav button:hover:not(.active) { background:#2c342d!important; color:#fff!important; }
  html body .sidebar .nav button i { color:#b6aa89!important; display:flex; align-items:center; justify-content:center; width:18px; flex:0 0 18px; }
  .nav svg,.mobileNav svg { width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round; }
  html body .sidebar .profile { padding:18px 12px 0!important; margin-top:auto!important; border-color:#434b41!important; font:11px/1.75 var(--office-sans)!important; color:#c0c4b9!important; }
  html body .main { min-width:0; max-width:1920px!important; padding:30px 36px 80px!important; }
  html body .top { min-height:80px!important; padding:0 0 25px!important; margin-bottom:26px!important; border-bottom:1px solid var(--office-line)!important; background:transparent!important; align-items:center!important; gap:24px!important; }
  html body .top #pageTitle { font:400 44px/1.15 var(--office-serif)!important; letter-spacing:-.025em!important; margin:0!important; color:var(--office-ink)!important; }
  html body .top .accessSwitch label { color:var(--office-muted)!important; font-size:10px!important; letter-spacing:.12em!important; line-height:1.5!important; }
  html body .top .accessSwitch select { min-height:38px!important; height:38px!important; min-width:142px; border-color:var(--office-line)!important; background:var(--office-surface)!important; }
  html body .roleBadge { border:1px solid #dfd9cb!important; background:var(--office-bronze-soft)!important; color:#665336!important; padding:9px 12px!important; font:600 11px/1.4 var(--office-sans)!important; border-radius:5px!important; }
  html body .notifyButton { width:40px!important; height:40px!important; border:1px solid var(--office-line)!important; background:var(--office-surface)!important; border-radius:50%!important; color:var(--office-ink)!important; }
  html body #notificationBadge { font-size:10px!important; min-width:17px!important; height:17px!important; background:#9b4143!important; color:white!important; }
  html body #coreServerBadge { width:fit-content; margin-top:8px; font-size:11px!important; line-height:1.5!important; }

  /* Surfaces and reusable controls. */
  html body .panel { background:var(--office-surface)!important; border:1px solid var(--office-line)!important; border-radius:var(--office-radius)!important; box-shadow:none!important; }
  html body .panel:before,html body .panel:after { display:none!important; }
  html body .panel h2 { font:400 30px/1.2 var(--office-serif)!important; letter-spacing:-.015em!important; color:var(--office-ink)!important; }
  html body .panel h3 { font:400 26px/1.25 var(--office-serif)!important; color:var(--office-ink)!important; }
  html body .panel h4 { font-family:var(--office-sans)!important; }
  html body button,html body input,html body select,html body textarea { font-family:var(--office-sans)!important; }
  html body .btn,html body .quickAction,html body .actionStack button { min-height:42px!important; padding:10px 16px!important; font-size:13px!important; font-weight:500!important; letter-spacing:0!important; line-height:1.4!important; border-radius:5px!important; box-shadow:none!important; transform:none!important; transition:background .15s,border-color .15s,color .15s!important; }
  html body .btn.dark,html body .quickAction.primary { background:var(--office-night)!important; color:#fdfbf5!important; border:1px solid var(--office-night)!important; }
  html body .btn.lime { background:var(--office-bronze)!important; color:#fff!important; border:1px solid var(--office-bronze)!important; }
  html body .btn.soft,html body .btn.outline,html body .quickAction:not(.primary) { background:var(--office-surface)!important; border:1px solid #d4d5cb!important; color:#444b40!important; }
  html body .btn.danger { background:#fffafa!important; border:1px solid #dfbbba!important; color:var(--office-danger)!important; }
  html body .btn:hover:not(:disabled),html body .quickAction:hover:not(:disabled) { filter:none!important; border-color:#a7ab99!important; }
  html body .btn.dark:hover:not(:disabled),html body .quickAction.primary:hover:not(:disabled) { background:#354033!important; }
  html body .btn.outline:hover:not(:disabled),html body .btn.soft:hover:not(:disabled) { background:#f0f1eb!important; }
  html body button:disabled { opacity:.48!important; cursor:not-allowed!important; }
  html body .search,html body .filter,html body .field input,html body .field select,html body .field textarea,html body .uiTeamFilters input,html body .uiTeamFilters select { background:#fff!important; border:1px solid #cbcec2!important; border-radius:5px!important; min-height:44px!important; padding:10px 12px!important; color:var(--office-ink)!important; font-size:14px!important; line-height:1.5!important; box-shadow:none!important; }
  html body :is(input,select,textarea):disabled { background:#eeefe9!important;color:#666d63!important;opacity:1!important; }
  html body :is(input,textarea)::placeholder { color:#74796f!important;opacity:1!important; }
  html body .field { font-size:12px!important; font-weight:500!important; line-height:1.7!important; color:#596151!important; }
  html body .field input,html body .field select,html body .field textarea { font-weight:400!important; }
  html body :is(button,input,select,textarea,a,summary,[tabindex]):focus-visible { outline:2px solid var(--office-bronze)!important; outline-offset:3px!important; }
  html body [aria-invalid=true],html body input:user-invalid { border-color:var(--office-danger)!important; background:#fffbfb!important; }
  html body table { font-variant-numeric:tabular-nums; border-collapse:collapse; }
  html body th { color:#646b60!important; background:#f6f6f1!important; font:600 11px/1.5 var(--office-sans)!important; letter-spacing:.045em!important; }
  html body td { font:400 13px/1.55 var(--office-sans)!important; color:var(--office-ink)!important; }
  html body td strong { font-family:var(--office-sans)!important; }
  html body th,html body td { padding:14px 16px!important; border-color:#e8e9e0!important; }
  html body tbody tr:hover { background:#f8f8f3!important; }
  html body .noData,html body .dealEmpty,html body .taskEmpty,html body .auditEmpty,.qlEmpty { color:var(--office-muted)!important; font:13px/1.6 var(--office-sans)!important; padding:24px 16px!important; }
  .uiSkip { position:fixed;left:16px;top:-100px;z-index:99999;background:var(--office-night);color:#fff;padding:12px 20px; }
  .uiSkip:focus { top:16px; }
  .uiDisclosure { border:1px solid var(--office-line);border-radius:7px;margin:20px 0;background:var(--office-surface);min-width:0; }
  .uiDisclosure>summary { padding:17px 22px;font:500 13px/1.5 var(--office-sans);cursor:pointer;color:var(--office-ink); }
  .uiDisclosure[open]>summary { border-bottom:1px solid var(--office-line); }
  .uiDisclosure>.panel { border:0!important;margin:0!important; }
  .uiViewSwitch { display:flex;gap:3px;padding:3px;background:#eaece4;border:1px solid #dfe2d6;border-radius:6px; }
  .uiViewSwitch button { border:1px solid transparent;padding:8px 12px;min-height:36px;background:transparent;color:#626a5c;border-radius:4px;font:500 12px/1.4 var(--office-sans);cursor:pointer; }
  .uiViewSwitch button[aria-pressed=true] { background:var(--office-surface);color:var(--office-ink);border-color:#d7dbcc; }
  .uiTeamFilters { display:flex;gap:10px;flex-wrap:wrap;margin:18px 0; }
  .uiTeamFilters input { flex:1;min-width:160px; }
  .uiTeamCount { color:var(--office-muted);font-size:12px;margin:8px 0; }
  .uiEmployeeHidden { display:none!important; }

  /* Overview. Real values keep their existing data bindings. */
  html body #dashboardPage .dashboardQuick { gap:9px!important;margin-bottom:24px!important; }
  html body #dashboardPage .quickAction i { background:transparent!important;border:0!important;width:18px!important;height:20px!important;font-size:17px!important;color:inherit!important; }
  html body #dashboardPage #dashboardGrid { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;margin:0!important;padding:0!important;border:0!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard { order:0!important;grid-column:auto!important;grid-row:auto!important;min-height:128px!important;padding:22px 24px!important;background:var(--office-surface)!important;color:var(--office-ink)!important;border:1px solid var(--office-line)!important;border-radius:7px!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard>b { font:400 40px/1.15 var(--office-serif)!important;color:inherit!important;letter-spacing:-.025em!important;font-variant-numeric:lining-nums tabular-nums!important;overflow-wrap:anywhere; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard>span { display:block;margin-top:14px!important;font:500 11px/1.5 var(--office-sans)!important;letter-spacing:.075em!important;color:#606858!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard small { font-size:12px!important;line-height:1.5!important;color:var(--office-muted)!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard.dashValue { background:var(--office-night)!important;color:#faf6e9!important;border-color:var(--office-night)!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard.dashValue>span { color:#c6c9b9!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard:nth-child(n+5):not(.dashWide) { min-height:116px!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashCard:nth-child(n+5):not(.dashWide)>b { font-size:32px!important; }
  html body #dashboardPage #dashboardGrid>div.panel.dashWide { order:3!important;grid-column:span 2!important;min-height:240px!important; }
  html body #dashboardPage #dashboardGrid>.photoProjects { order:1!important;grid-column:1/-1!important;gap:16px!important;margin:8px 0!important; }
  html body .photoProject { display:grid!important;grid-template-columns:53% minmax(0,1fr)!important;min-width:0!important;padding:0!important;border:1px solid var(--office-line)!important;border-radius:7px!important;background:var(--office-surface)!important;box-shadow:none!important; }
  html body .photoProject .complexPhoto { height:180px!important;min-height:180px!important; }
  html body .photoCaption { display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:20px!important;padding:24px!important; }
  html body .photoCaption strong { font:400 30px/1.2 var(--office-serif)!important;letter-spacing:.035em!important;color:var(--office-ink)!important; }
  html body .photoCaption span { font:500 12px/1.5 var(--office-sans)!important;color:var(--office-bronze)!important; }
  html body #dashboardPage #dashboardGrid>section.focusDesk { order:2!important;grid-column:1/-1!important;padding:24px!important;border:1px solid var(--office-line)!important;background:var(--office-surface)!important; }
  html body #focusDesk .focusDeskHead { border-bottom:1px solid var(--office-line)!important; }
  html body #focusDesk .focusDeskHead h3 { font:400 28px/1.3 var(--office-serif)!important; }
  html body #focusDesk .focusDeskHead>div>span { font-size:10px!important;font-weight:600!important;letter-spacing:.1em!important;color:var(--office-bronze)!important; }
  html body #focusDesk .focusItem b { font-size:14px!important;font-weight:500!important;color:var(--office-ink)!important; }
  html body #focusDesk .focusItem span { font-size:12px!important;color:var(--office-muted)!important; }
  html body #focusDesk .focusItem em { background:var(--office-bronze-soft)!important;color:#6a5538!important;border-radius:4px!important; }

  /* Client book. */
  html body #clientsPage .clientGrid { grid-template-columns:292px minmax(0,1fr)!important;gap:20px!important; }
  html body #clientsPage .clientList { padding:22px 16px!important;background:var(--office-surface)!important;border:1px solid var(--office-line)!important;border-radius:7px!important; }
  html body #clientsPage .clientList:before,html body #clientsPage .clientHero:before { display:none!important; }
  html body #clientsPage .clientBookHead h2 { font-size:27px!important; }
  html body #clientsPage .clientBookHead span { background:var(--office-soft)!important;color:var(--office-muted)!important; }
  html body #clientsPage .clientItem { min-height:88px!important;padding:16px 10px!important;border-bottom:1px solid #e8e9e0!important;border-radius:5px!important; }
  html body #clientsPage .clientItem.active { background:#edf0e6!important;box-shadow:inset 2px 0 #86916f!important; }
  html body #clientsPage .clientItem .avatar,html body #clientsPage .clientHero .bigAvatar { background:#e5e9dd!important;color:#626e4f!important;border:1px solid #d7ddcb!important; }
  html body #clientsPage .ciText b { font:500 14px/1.5 var(--office-sans)!important; }
  html body #clientsPage .ciText>span { font-size:12px!important;color:var(--office-muted)!important; }
  html body #clientsPage .clientHero { padding:26px!important;gap:20px!important;grid-template-columns:minmax(0,1fr)!important;border:1px solid var(--office-line)!important;border-radius:7px!important;background:var(--office-surface)!important; }
  html body #clientsPage .clientHero h2 { font:400 36px/1.2 var(--office-serif)!important;overflow-wrap:anywhere; }
  html body #clientsPage .clientEyebrow { font:500 11px/1.5 var(--office-sans)!important;letter-spacing:.11em!important;color:var(--office-bronze)!important; }
  html body #clientsPage .clientHeroTools { display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important; }
  html body #clientsPage .clientHeroTools button { width:auto!important;flex:0 1 auto!important;padding:10px 14px!important; }
  html body #clientsPage .clientContact button,html body #clientsPage .clientHeroTools button { min-height:40px!important;border:1px solid #d2d6c8!important;border-radius:5px!important;font:500 12px/1.45 var(--office-sans)!important;color:#46503d!important;background:var(--office-surface)!important; }
  html body #clientsPage .clientContact #callClientBtn { background:var(--office-night)!important;color:#fff!important; }
  html body #clientsPage .clientFocus { background:var(--office-night)!important;border-radius:7px!important;padding:22px!important; }
  html body #clientsPage .clientFocusLabel { color:#c4c7b7!important; }
  html body #clientsPage .clientStageBar { background:transparent!important;border:0!important;padding:0!important; }
  html body #clientsPage .stagebar button { background:var(--office-surface)!important;border:1px solid var(--office-line)!important;border-radius:5px!important;color:#5f6857!important;font-weight:500!important; }
  html body #clientsPage .stagebar button.active { background:var(--office-night)!important;color:#fff!important;border-color:var(--office-night)!important; }
  html body #clientsPage .box { padding:22px!important;background:var(--office-surface)!important;border-color:var(--office-line)!important;border-radius:7px!important; }
  html body #clientsPage .clientLotPhoto { border-radius:5px!important; }

  /* Deals, tasks and employee lists. */
  html body .dealsToolbar,html body .tasksToolbar,html body .analyticsToolbar { padding:14px!important;gap:10px!important;background:var(--office-surface)!important;border:1px solid var(--office-line)!important;box-shadow:none!important;border-radius:7px!important; }
  html body .dealsStats,html body .taskStats,html body .employeeStats { gap:12px!important;margin:20px 0!important;background:transparent!important;border:0!important; }
  html body .dealStat,html body .taskStat,html body .employeeStat { min-height:108px!important;padding:20px 22px!important;border:1px solid var(--office-line)!important;border-radius:7px!important;background:var(--office-surface)!important; }
  html body .dealStat b,html body .taskStat b,html body .employeeStat b { font:400 34px/1.2 var(--office-serif)!important;color:var(--office-ink)!important; }
  html body .dealStat span,html body .taskStat span,html body .employeeStat span { font-size:11px!important;color:#636b5c!important; }
  html body .kanbanWrap { padding-bottom:12px!important;scrollbar-width:thin; }
  html body .kanban { grid-template-columns:repeat(6,minmax(212px,1fr))!important;gap:12px!important; }
  html body .kcol { min-height:330px!important;padding:10px!important;background:#e9ece2!important;border:1px solid #d9dfcf!important;border-radius:7px!important; }
  html body .khead { padding:8px 3px 16px!important;border-bottom:0!important; }
  html body .khead b { font:400 24px/1.25 var(--office-serif)!important;color:var(--office-ink)!important; }
  html body .dealCard { padding:16px!important;margin-bottom:10px!important;background:var(--office-surface)!important;border:1px solid #dce0d4!important;border-radius:6px!important;box-shadow:none!important; }
  html body .dealCard:hover { border-color:#a1ab91!important; }
  html body .dealCard h4 { font:500 14px/1.5 var(--office-sans)!important;margin:12px 0 6px!important;overflow-wrap:anywhere; }
  html body .dealCard .dtop { gap:6px;flex-wrap:wrap; }
  html body .dealCard .dtop>span:last-child { font-size:11px!important;color:var(--office-muted)!important; }
  html body .dealCard .dprice { font:500 20px/1.3 var(--office-sans)!important;letter-spacing:-.035em!important;margin:12px 0!important;color:var(--office-ink)!important; }
  html body .dealCard .dmeta,html body .dealCard .dclient,html body .dealCard .dnext b,html body .dealCard .dnext span { font:400 12px/1.55 var(--office-sans)!important; }
  html body .projectTag { background:#eee8db!important;color:#725c38!important;font:500 11px/1.5 var(--office-sans)!important;letter-spacing:.04em!important;border-radius:3px!important; }
  html body .projectTag.hive { background:#e7ece1!important;color:#566843!important; }
  html body .kanbanWrap.uiListView .kanban { grid-template-columns:1fr!important; }
  html body .uiListView .kcol { min-height:0!important; }
  html body .uiListView .dealCard { display:grid;grid-template-columns:minmax(140px,1fr) minmax(180px,1.5fr) minmax(130px,1fr);gap:8px 20px;align-items:center; }
  html body .uiListView .dealCard h4 { margin:0!important; }
  html body .uiListView .dnext { grid-column:2/4; }
  html body #tasksPage>.taskListPanel { margin:20px 0!important; }
  html body .taskListHead { padding:22px!important;border-color:var(--office-line)!important; }
  html body .taskListHead h3 { font:400 28px/1.2 var(--office-serif)!important; }
  html body .taskRow { padding:18px 22px!important;gap:14px!important;border-color:#e4e7dd!important;background:var(--office-surface)!important; }
  html body .taskMain b { font:500 14px/1.5 var(--office-sans)!important;overflow-wrap:anywhere; }
  html body .taskCheck { width:30px!important;height:30px!important;min-width:30px!important;border-radius:5px!important; }
  html body .taskActions button { min-height:36px!important;font-size:12px!important;border-radius:4px!important; }
  html body .priorityPill { font-size:11px!important; }
  html body .controlWorkspace { grid-template-columns:1fr!important; }
  html body #controlPage .controlTop { padding:0 0 20px!important;background:transparent!important;border:0!important;box-shadow:none!important; }
  html body #controlPage .controlTop h2 { font:400 30px/1.25 var(--office-serif)!important; }
  html body #controlPage .employeePanel { padding:24px!important; }
  html body .employeeList { max-height:680px!important;overflow:auto!important; }
  html body #controlPage .employeeCard { display:grid!important;grid-template-columns:44px minmax(0,1fr) auto!important;gap:18px!important;align-items:center!important;padding:20px 4px!important;border:0!important;border-bottom:1px solid var(--office-line)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important; }
  html body .employeeCard h4 { font:500 15px/1.5 var(--office-sans)!important; }
  html body .employeeCard p { font-size:12px!important;color:var(--office-muted)!important; }
  html body .employeeAvatar { background:#e9e5da!important;border:0!important;color:#725c38!important;border-radius:50%!important;box-shadow:none!important; }
  html body .employeeActions button { font-size:12px!important;min-height:38px!important; }
  html body .employeeTag { background:#eeefe9!important;color:#616958!important;border:0!important;font-size:11px!important; }
  html body .employeeTag.active { background:#e9f0e6!important;color:#42664f!important; }

  /* Inventory and lot inspector. */
  html body #boardPage .boardPhoto { grid-template-columns:220px minmax(0,1fr)!important;background:var(--office-surface)!important;border:1px solid var(--office-line)!important;border-radius:7px!important;overflow:hidden;margin-bottom:22px!important; }
  html body #boardPage .boardPhoto .complexPhoto { height:125px!important; }
  html body #boardPage .boardPhoto .photoCaption { gap:8px!important; }
  html body #boardPage .toolbar { background:transparent!important;border:0!important;border-bottom:1px solid var(--office-line)!important;border-radius:0!important;padding:0 0 18px!important;gap:10px!important; }
  html body .seg { background:#e9ece2!important;border-radius:6px!important;border:1px solid #dfe3d5!important;padding:4px!important; }
  html body .seg button { min-height:36px!important;padding:8px 14px!important;font-size:12px!important;font-weight:500!important;border-radius:4px!important;color:#68705e!important; }
  html body .seg button.active { background:var(--office-surface)!important;color:var(--office-ink)!important;box-shadow:none!important; }
  html body #boardPage #board { background:var(--office-surface)!important;border:1px solid var(--office-line)!important;border-radius:7px!important;padding:20px!important; }
  html body #boardPage .sectionHead { border-color:var(--office-line)!important;padding-bottom:16px!important; }
  html body #boardPage .sectionHead h2 { font:400 27px/1.25 var(--office-serif)!important; }
  html body #boardPage .floorLabel { background:#eeefe8!important;color:#515b45!important;border:1px solid #dbe0d0!important;border-radius:5px!important; }
  html body #boardPage .floorLabel:before { display:none!important; }
  html body #boardPage .floorLabel b { font:400 28px/1.2 var(--office-serif)!important; }
  html body #boardPage .floorLabel small { font:500 11px/1.5 var(--office-sans)!important;letter-spacing:.07em!important;color:#646e58!important; }
  html body #boardPage #board .units { gap:8px!important;grid-template-columns:repeat(7,minmax(145px,1fr))!important;scrollbar-width:thin; }
  html body #boardPage #board .units .unit { height:auto!important;min-height:180px!important;padding:12px!important;background:#f3f7ef!important;border:1px solid #d8e1cd!important;border-radius:5px!important;box-shadow:none!important;transform:none!important; }
  html body #boardPage .unit:before,html body #boardPage .unit:after { display:none!important; }
  html body #boardPage #board .units .unit.reserved { background:#f6f1e5!important;border-color:#e2d6b9!important; }
  html body #boardPage #board .units .unit.sold { background:#f1f2ec!important;border-color:#e1e3d9!important; }
  html body #boardPage #board .units .unit.selected { outline:2px solid var(--office-bronze)!important;outline-offset:2px!important; }
  html body #boardPage .unit .num { font:600 15px/1.5 var(--office-sans)!important;color:#3c4a32!important; }
  html body #boardPage #board .unit .price { font:500 14px/1.5 var(--office-sans)!important;letter-spacing:-.02em!important;color:var(--office-ink)!important; }
  html body #boardPage .unit .meta { font:400 11px/1.55 var(--office-sans)!important;color:#66725a!important; }
  html body #boardPage .unit .soldText { font:500 11px/1.5 var(--office-sans)!important;color:#6b705f!important;letter-spacing:0!important; }
  html body #boardPage .unit .mini { font:500 11px/1.5 var(--office-sans)!important;min-height:32px!important;border:1px solid #d1d8c5!important;background:#fefefb!important;color:#536043!important;border-radius:4px!important; }
  html body #boardPage .unit .selectMini { background:var(--office-bronze-soft)!important;color:#665336!important;border:1px solid #d9ceb8!important;border-radius:4px!important; }
  html body #boardPage .unit.selected .selectMini { background:var(--office-bronze)!important;color:#fff!important; }
  html body #boardPage .unit .dot { background:#6c8758!important; }
  html body #boardPage .unit.reserved .dot { background:#a58a4b!important; }
  html body #boardPage .unit.sold .dot { background:#8c9182!important; }
  .qlLotPhoto { height:180px;background-image:url('assets/complexes.png');background-size:202% auto;background-position:left center;border-radius:6px;margin-bottom:20px; }
  .qlLotPhoto.hive { background-position:right center; }
  html body #drawer { background:var(--office-surface)!important;box-shadow:-16px 0 50px #20262216!important; }
  html body #drawer .drawerHead { border-color:var(--office-line)!important; }
  html body #drawer .drawerHead h2 { font:400 32px/1.2 var(--office-serif)!important; }
  html body #drawer .lotHero { background:#edf0e6!important;border:0!important;border-radius:6px!important; }
  html body #drawer .lotHero strong { font:500 28px/1.3 var(--office-sans)!important;letter-spacing:-.035em!important; }
  html body #drawer .lotStats { border-color:var(--office-line)!important; }

  /* Analytics, settings and telephony. */
  html body #analyticsPage .analyticsKpis { display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;background:transparent!important;border:0!important;margin:20px 0!important; }
  html body #analyticsPage .analyticsGrid { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important; }
  html body #analyticsPage .analyticsLower { grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important; }
  html body #analyticsPage .akpi { padding:22px!important;min-height:138px!important;border:1px solid var(--office-line)!important;border-radius:7px!important;box-shadow:none!important;background:var(--office-surface)!important; }
  html body #analyticsPage .akpi>b { font:400 36px/1.2 var(--office-serif)!important;letter-spacing:-.025em!important;overflow-wrap:anywhere!important; }
  html body #analyticsPage .akpi>span { font:500 11px/1.55 var(--office-sans)!important;letter-spacing:.065em!important;color:#646c5e!important; }
  html body #analyticsPage .akpi small { font-size:12px!important;color:var(--office-muted)!important; }
  html body #analyticsPage .analyticsPanel { padding:24px!important; }
  html body #analyticsPage .akpi.primary { background:var(--office-night)!important;color:#fffaf0!important; }
  html body #analyticsPage .akpi.primary>span,html body #analyticsPage .akpi.primary>small { color:#c9cdbf!important; }
  html body #analyticsPage .akpi.warn { background:#f9f0ed!important;border-color:#e7d6ce!important; }
  html body #analyticsPage .analyticsFunnelPanel { background:var(--office-night)!important;color:#f7f8ef!important;box-shadow:none!important; }
  html body #analyticsPage .analyticsFunnelPanel h3 { color:#f7f8ef!important; }
  html body #analyticsPage .analyticsFunnelPanel .funnelLine { color:#e0e5d8!important; }
  html body #analyticsPage .analyticsFunnelPanel .analyticsPanelIndex { color:#c0b393!important; }
  html body #analyticsPage .projectAnalytic { background:#f8f8f2!important;border:1px solid var(--office-line)!important;border-radius:5px!important; }
  html body #analyticsPage .projectAnalyticHead b { font:400 25px/1.3 var(--office-serif)!important;letter-spacing:.04em!important; }
  html body #analyticsPage .projectAnalyticHead>span { font-size:11px!important;color:var(--office-muted)!important; }
  html body #analyticsPage .projectFunnelLine { display:grid!important;grid-template-columns:minmax(88px,1.1fr) minmax(24px,1fr) 24px!important;gap:8px!important;align-items:center!important; }
  html body #analyticsPage .projectFunnelLine>i { display:block;height:4px;border-radius:2px;background:#e2e5d9;overflow:hidden; }
  html body #analyticsPage .projectFunnelLine>i>b { display:block;height:100%;background:var(--office-bronze);border-radius:2px; }
  html body #analyticsPage .projectFunnelLine>em { font-style:normal!important;text-align:right; }
  html body #analyticsPage .analyticsSideStack { display:grid;gap:20px!important; }
  html body #analyticsPage .analyticsRing { display:grid;place-items:center;position:relative;border-radius:50%;background:conic-gradient(var(--office-bronze) calc(var(--ring-value,0)*1%),var(--office-line) 0); }
  html body #analyticsPage .analyticsRing:before { content:'';position:absolute;inset:6px;border-radius:50%;background:var(--office-surface); }
  html body #analyticsPage .analyticsRing>b { position:relative;color:var(--office-bronze)!important;font:500 16px/1.2 var(--office-sans)!important; }
  html body #analyticsPage .paGrid { gap:8px!important; }
  html body #analyticsPage .paGrid>div { background:#edf0e5!important;border-radius:4px!important;padding:10px!important; }
  html body #analyticsPage .analyticsPanel h3 { font:400 28px/1.25 var(--office-serif)!important; }
  html body #analyticsPage .managerTableWrap { overflow:auto!important;min-width:0; }
  html body #analyticsPage .managerTable { min-width:780px!important; }
  html body #analyticsPage .funnelLine>b { font:500 13px/1.5 var(--office-sans)!important; }
  html body #analyticsPage .funnelLine .convPill { font-size:12px!important;background:#eceee3!important;color:#5e674f!important; }
  html body #settingsPage .settingsHero,html body #settingsPage .inventoryPanel { padding:24px!important;border:1px solid var(--office-line)!important;background:var(--office-surface)!important;border-radius:7px!important; }
  html body #settingsPage .settingsActions { gap:10px!important;padding-top:8px!important; }
  html body #settingsPage #inventoryTable { overflow:auto!important; }
  html body #settingsPage .permissionGrid>div { border-color:var(--office-line)!important;background:#f7f8f2!important;border-radius:5px!important; }
  html body #telephonyPage .atsHero { padding:28px!important;border:1px solid var(--office-line)!important;background:var(--office-surface)!important;border-radius:7px!important;box-shadow:none!important; }
  html body #telephonyPage .atsHero h2 { font:400 32px/1.25 var(--office-serif)!important; }
  html body #telephonyPage .atsEyebrow { color:var(--office-bronze)!important;font:500 11px/1.5 var(--office-sans)!important;letter-spacing:.1em!important; }
  html body #telephonyPage .atsSummary { background:var(--office-surface)!important;border-color:var(--office-line)!important;border-radius:7px!important; }
  html body #telephonyPage .atsSummary>div { padding:20px!important;border-color:var(--office-line)!important; }
  html body #telephonyPage .atsSummary strong { font:400 28px/1.3 var(--office-serif)!important;color:var(--office-ink)!important; }
  html body #telephonyPage .atsSummary span { color:var(--office-muted)!important;font-size:11px!important;letter-spacing:.07em!important; }
  html body #telephonyPage .atsWorkspace { align-items:start!important;gap:20px!important; }
  html body #telephonyPage .atsPanel,html body #telephonyPage .telephonyPanel { padding:24px!important;background:var(--office-surface)!important;border:1px solid var(--office-line)!important;border-radius:7px!important;box-shadow:none!important; }
  html body #telephonyPage .atsHero { margin-bottom:16px!important; }
  html body #telephonyPage .atsSectionHead h3 { font:400 28px/1.25 var(--office-serif)!important; }
  html body #telephonyPage .atsSectionHead>span { color:var(--office-bronze)!important;border-color:var(--office-line)!important; }
  html body #telephonyPage .atsMappingRow { border-color:var(--office-line)!important; }
  html body #telephonyPage .atsMappingRow input { background:#fff!important;border:1px solid #ccd3c1!important;border-radius:5px!important;color:var(--office-ink)!important;min-height:42px!important;padding:10px 12px!important; }
  html body #telephonyPage .atsWebhookBox { border-color:var(--office-line)!important;background:#f5f6ef!important;border-radius:5px!important; }
  html body #telephonyPage .atsWebhookRow textarea { border-color:#ccd3c1!important;color:#58634b!important;background:#fff!important; }
  html body #telephonyPage .telephonyChecks label { background:#f7f8f3!important;border-color:var(--office-line)!important; }
  html body #telephonyPage .telephonyEvent { border-color:var(--office-line)!important;background:var(--office-surface)!important; }

  /* Dialogs use the same form language; print/PDF output is outside this theme. */
  html body .modalBackdrop { background:#17201980!important;backdrop-filter:none!important; }
  html body #calcModal { z-index:80!important; }
  html body #clientOfferModal,html body #boardPdfModal,html body #pdfModal { z-index:90!important; }
  html body #clientChoiceModal { z-index:110!important; }
  html body .modal { border:1px solid #d2d7c8!important;background:var(--office-surface)!important;border-radius:9px!important;box-shadow:0 24px 80px #111b1a24!important; }
  html body .modal .modalTop { border-color:var(--office-line)!important;gap:16px!important; }
  html body .modal .modalTop h2 { font:400 32px/1.2 var(--office-serif)!important;color:var(--office-ink)!important; }
  html body .modal .close { width:38px!important;min-width:38px!important;height:38px!important;font:400 24px/1 var(--office-sans)!important;border:1px solid var(--office-line)!important;border-radius:50%!important;background:var(--office-surface)!important; }
  html body #calcModal .calcHero { background:var(--office-night)!important;border-radius:6px!important; }
  html body #calcModal .calcHero small { color:#d9cbaa!important; }
  html body #calcModal .calcProgramMeta>div { background:var(--office-soft)!important;border-radius:5px!important; }
  html body .modalActions { gap:10px!important;border-color:var(--office-line)!important; }
  html body .toast { background:var(--office-night)!important;color:#fff!important;font:14px/1.5 var(--office-sans)!important;border-radius:6px!important; }
  html body .attachmentPanel { border-color:var(--office-line)!important;border-radius:6px!important;background:var(--office-surface)!important; }
  html body .attachmentPanel button { min-height:38px!important; }
  html body .pickbar { left:240px!important;right:24px!important;max-width:1440px;background:var(--office-night)!important;border:1px solid #48533d!important;box-shadow:0 8px 32px #17201926!important;border-radius:7px!important; }

  /* Sign in. */
  html body #coreServerOverlay { background:#eeefe7!important;padding:32px 24px!important; }
  html body #coreServerOverlay .coreLoginCard { width:min(980px,100%)!important;min-height:590px!important;grid-template-columns:1fr 1.1fr!important;background:var(--office-surface)!important;border:1px solid #d3d8c8!important;border-radius:8px!important;box-shadow:0 20px 70px #2430250b!important; }
  html body .coreLoginIdentity { background:var(--office-night)!important;background-image:none!important;padding:68px 36px!important; }
  html body .coreLoginWordmark { font:400 84px/1 var(--office-serif)!important;color:#f6f3e5!important;letter-spacing:.05em!important; }
  html body .coreLoginWordmark span { font:10px/1.5 var(--office-sans)!important;color:#bcbfa8!important;letter-spacing:.3em!important; }
  html body .coreLoginArchitecture { color:#b6b094!important;opacity:.38!important; }
  html body .coreLoginAccess { padding:58px!important;max-width:480px!important; }
  html body #coreServerOverlay h2 { font:400 48px/1.2 var(--office-serif)!important;color:var(--office-ink)!important;margin-bottom:36px!important; }
  html body #coreLoginForm label { color:#5c6650!important;font:500 12px/1.5 var(--office-sans)!important; }
  html body #coreLoginForm input { border-color:#cfd6c1!important;background:#fff!important;border-radius:5px!important; }
  html body #coreLoginForm button { background:var(--office-night)!important;border-color:var(--office-night)!important;border-radius:5px!important; }

  @media(min-width:901px) {
    html body .crmPageJump { display:none!important; }
    html body .taskRow { grid-template-columns:30px minmax(170px,1.6fr) minmax(110px,1fr) minmax(100px,1fr) 90px 75px!important; }
    html body .taskRow .taskActions { grid-column:2/-1!important; }
    html body #taskModal { padding:0!important;align-items:stretch!important;justify-content:flex-end!important; }
    html body #taskModal>.modal { margin:0!important;width:540px!important;max-width:calc(100vw - 40px)!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow-y:auto!important;padding:28px!important; }
    html body #taskModal .modalTop,html body #taskModal .modalActions { position:relative!important; }
  }
  @media(min-width:901px) and (max-width:1250px) {
    html body .app { grid-template-columns:200px minmax(0,1fr)!important; }
    html body .main { padding:26px 24px 80px!important; }
    html body .taskRow { grid-template-columns:30px minmax(0,1fr) 120px!important; }
    html body .taskRow .taskMain,html body .taskRow .taskLink,html body .taskRow .taskDue { grid-column:2!important; }
    html body .taskRow>.priorityPill { grid-column:3!important; }
    html body #clientsPage .clientGrid { grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important; }
    html body .photoProject { grid-template-columns:1fr!important; }
    html body .photoProject .complexPhoto { height:170px!important; }
    html body .photoCaption { flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:20px!important;gap:12px!important; }
  }
  @media(max-width:900px) {
    html body .app { grid-template-columns:minmax(0,1fr)!important; }
    html body .main { padding:24px 22px 128px!important; }
    html body .top { min-height:0!important;padding-bottom:20px!important;margin-bottom:18px!important;gap:18px!important;align-items:flex-start!important;flex-wrap:wrap!important; }
    html body .top #pageTitle { font-size:38px!important; }
    html body .crmPageJump { padding:0!important;margin:0 0 22px!important;background:transparent!important;border:0!important; }
    html body .crmPageJump label,html body #crmAtcShortcut { display:none!important; }
    html body .crmPageJump select { width:100%!important;min-height:44px!important;border:1px solid #cbd2c0!important;border-radius:5px!important;background:var(--office-surface)!important;color:var(--office-ink)!important; }
    html body .mobileNav { background:#202622!important;border-top:1px solid #49523e!important;box-shadow:none!important;gap:3px!important;padding:8px 8px max(8px,env(safe-area-inset-bottom))!important; }
    html body .mobileNav button { min-height:48px!important;flex:1 0 62px!important;border-radius:5px!important;color:#c4cbb9!important;font-size:11px!important; }
    html body .mobileNav button.active { color:#fbfaf4!important;background:#394333!important; }
    html body .mobileNav button span { font-size:10px!important; }
    html body #dashboardPage #dashboardGrid { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard { min-height:118px!important;padding:20px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard>b { font-size:34px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard.dashWide { grid-column:1/-1!important; }
    html body #dashboardPage #dashboardGrid>.photoProjects { grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important; }
    html body .photoProject { grid-template-columns:1fr!important; }
    html body .photoProject .complexPhoto { height:160px!important;min-height:160px!important; }
    html body .photoCaption { padding:20px!important;gap:12px!important; }
    html body #dashboardPage #dashboardGrid>section.focusDesk { padding:20px!important; }
    html body #clientsPage .clientGrid { grid-template-columns:minmax(0,1fr)!important; }
    html body #clientsPage .clientList { padding:20px!important; }
    html body #clientsPage .clientHero { padding:22px!important; }
    html body #clientsPage .clientHero h2 { font-size:32px!important; }
    html body #clientsPage .box { padding:20px!important; }
    html body .kanban { grid-template-columns:repeat(6,minmax(250px,72vw))!important; }
    html body .uiListView .dealCard { grid-template-columns:1fr!important; }
    html body .uiListView .dnext { grid-column:auto!important; }
    html body .taskRow { grid-template-columns:30px minmax(0,1fr) 72px!important;padding:16px!important; }
    html body .taskRow .taskActions { grid-column:2/4!important; }
    html body .taskActions button { min-height:40px!important; }
    html body #controlPage .employeeCard { grid-template-columns:40px minmax(0,1fr)!important; }
    html body .employeeActions { grid-column:2!important;flex-wrap:wrap!important; }
    html body .uiTeamFilters>* { width:100%!important; }
    html body .uiDisclosure>summary { padding:16px 20px; }
    html body #analyticsPage .analyticsKpis { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    html body #analyticsPage .analyticsGrid,html body #analyticsPage .analyticsLower { grid-template-columns:minmax(0,1fr)!important; }
    html body #boardPage .boardPhoto { grid-template-columns:160px minmax(0,1fr)!important; }
    html body #boardPage #board { padding:14px!important; }
    html body #boardPage .boardPhoto .photoCaption { padding:18px!important; }
    html body #telephonyPage .atsHero,html body #telephonyPage .atsPanel,html body #settingsPage .settingsHero,html body #settingsPage .inventoryPanel { padding:22px!important; }
    html body .pickbar { left:12px!important;right:12px!important; }
  }
  @media(max-width:600px) {
    html body .main { padding:20px 16px 128px!important; }
    html body .top #pageTitle { font-size:34px!important; }
    html body .top .accessSwitch select { min-width:124px!important; }
    html body .btn,html body .quickAction { padding:10px 12px!important; }
    html body #dashboardPage .dashboardQuick { display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important; }
    html body #dashboardPage .dashboardQuick .quickAction { width:100%!important;font-size:12px!important; }
    html body #dashboardPage #dashboardGrid { gap:10px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard { padding:17px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard>b { font-size:29px!important; }
    html body #dashboardPage #dashboardGrid>div.panel.dashCard>span { font-size:10px!important;margin-top:10px!important; }
    html body #dashboardPage #dashboardGrid>.photoProjects { grid-template-columns:1fr!important; }
    html body .photoProject { grid-template-columns:47% minmax(0,1fr)!important; }
    html body .photoProject .complexPhoto { min-height:140px!important;height:140px!important; }
    html body .photoCaption { padding:18px!important; }
    html body .photoCaption strong { font-size:25px!important; }
    html body #dashboardPage #dashboardGrid>section.focusDesk { padding:18px!important; }
    html body #focusDesk .focusDeskHead h3 { font-size:26px!important; }
    html body #clientsPage .clientHero { padding:20px!important; }
    html body .dealStat,html body .taskStat,html body .employeeStat { padding:18px!important;min-height:100px!important; }
    html body .dealStat b,html body .taskStat b,html body .employeeStat b { font-size:29px!important; }
    html body #boardPage .boardPhoto { grid-template-columns:120px minmax(0,1fr)!important; }
    html body #boardPage .boardPhoto .complexPhoto { height:128px!important; }
    html body #analyticsPage .analyticsPanel { padding:20px!important; }
    html body #analyticsPage .akpi { padding:18px!important; }
    html body #analyticsPage .akpi>b { font-size:28px!important; }
    html body #analyticsPage .planFields { display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:12px!important; }
    html body #analyticsPage .planFields label,html body #analyticsPage .planFields input,html body #analyticsPage .planFields input.small { width:100%!important;min-width:0!important; }
    html body #analyticsPage #saveAnalyticsPlan { grid-column:1/-1!important;width:100%!important; }
    html body .modal .modalTop h2 { font-size:28px!important; }
    html body input,html body select,html body textarea { font-size:16px!important; }
    html body #coreServerOverlay { padding:20px 16px!important; }
    html body #coreServerOverlay .coreLoginCard { display:block!important;min-height:0!important;width:min(420px,100%)!important; }
    html body .coreLoginIdentity { padding:30px!important;height:160px!important; }
    html body .coreLoginWordmark { font-size:56px!important; }
    html body .coreLoginAccess { padding:34px 28px!important; }
    html body #coreServerOverlay h2 { font-size:40px!important;margin-bottom:28px!important; }
  }
  @media(prefers-reduced-motion:reduce) {
    *,*:before,*:after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
  }
}
@media print { .uiSkip,.uiViewSwitch,.uiTeamFilters { display:none!important; } }