/* Tesla OS 27 · macOS 27 clean system layer
   Authoritative shell/UI chrome based on the uploaded Apple macOS 27 UI kit.
   Apple fonts/artwork are not redistributed. */

:root{
  --brand-navy:#061a3a;
  --brand-navy-soft:#0b3156;
  --brand-emerald:#35d05b;
  --brand-cyan:#10c8cf;
  --brand-aqua:#7be6da;
  --brand-gradient:linear-gradient(105deg,var(--brand-emerald),var(--brand-cyan));
  --brand-gradient-soft:linear-gradient(135deg,rgba(53,208,91,.12),rgba(16,200,207,.10));
  --mac-menu-bar-height:34px;
  --mac-dock-height:58px;
  --mac-dock-icon:36px;
  --mac-dock-item-stride:45px;
  --mac-dock-running-dot:4px;
  --mac-window-radius:16px;
  --mac-toolbar-unified-height:52px;
  --mac-toolbar-compact-height:40px;
  --mac-toolbar-expanded-height:77px;
  --mac-sidebar-width:256px;
  --mac-widget-width:344px;
  --mac-widget-radius:20px;
  --mac-alert-radius:26px;
  --mac-menu-radius:12px;
  --mac-menu-row:24px;
  --mac-control-mini:16px;
  --mac-control-small:20px;
  --mac-control-regular:24px;
  --mac-control-large:28px;
  --mac-control-xl:36px;
  --mac-body-size:13px;
  --mac-body-line:16px;
  --mac-title1-size:22px;
  --mac-title1-line:26px;
  --mac-title2-size:17px;
  --mac-title2-line:22px;
  --mac-title3-size:15px;
  --mac-title3-line:20px;
  --mac-headline-size:13px;
  --mac-caption-size:10px;
  --mac-focus-outer:3.5px;
  --mac-focus-inner:1px;
  --mac-focus:var(--brand-cyan);
  --mac-focus-outer-color:rgba(16,200,207,.25);
  --mac-focus-inner-color:rgba(16,200,207,.15);
  --mac-blue:var(--brand-cyan);
  --mac-green:var(--brand-emerald);
  --mac-orange:#ff8d28;
  --mac-yellow:#ffcc00;
  --mac-red:#ff383c;
  --mac-pink:#ff2d55;
  --mac-purple:#cb30e0;
  --mac-indigo:#6155f5;
  --mac-cyan:var(--brand-cyan);
  --mac-teal:var(--brand-cyan);
  --mac-mint:var(--brand-emerald);
  --mac-label:rgba(0,0,0,.85);
  --mac-secondary-label:rgba(0,0,0,.55);
  --mac-tertiary-label:rgba(0,0,0,.28);
  --mac-separator:rgba(60,60,67,.18);
  --mac-window:#fff;
  --mac-content:#f5f5f7;
  --mac-surface:rgba(255,255,255,.92);
  --mac-surface-strong:rgba(255,255,255,.97);
  --mac-glass:rgba(246,246,248,.66);
  --mac-glass-strong:rgba(246,246,248,.79);
  --mac-glass-border:rgba(255,255,255,.58);
  --mac-glass-shadow:0 18px 54px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.72),inset 0 -1px 0 rgba(0,0,0,.08);
  --mac-window-shadow:0 24px 80px rgba(0,0,0,.18),0 3px 12px rgba(0,0,0,.08);
  --mac-font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",system-ui,sans-serif;
  --motion-press:90ms cubic-bezier(.2,.8,.2,1);
  --motion-fast:140ms cubic-bezier(.2,.8,.2,1);
  --motion-normal:220ms cubic-bezier(.2,.8,.2,1);
  --motion-panel:260ms cubic-bezier(.16,1,.3,1);
  --motion-spring:280ms cubic-bezier(.16,1,.3,1);
  --window-open-scale:.96;
  --window-minimize-scale:.28;
  --window-close-scale:.96;
  --tooltip-delay:460ms;
  --dock-safe:14px;
  --user-wallpaper:none;
  --wallpaper-image:url("wallpapers/livenza_life_live_elevated_h10l.jpg");
}

html[data-appearance="light"]{color-scheme:light}

html[data-appearance="dark"]{
  color-scheme:dark;
  --mac-label:#f7f8fc;
  --mac-secondary-label:rgba(240,244,255,.68);
  --mac-tertiary-label:rgba(226,232,247,.42);
  --mac-separator:rgba(184,199,232,.18);
  --mac-window:#292d38;
  --mac-content:#232833;
  --mac-surface:rgba(48,54,68,.92);
  --mac-surface-strong:rgba(43,49,62,.97);
  --mac-glass:rgba(52,59,75,.64);
  --mac-glass-strong:rgba(47,54,70,.80);
  --mac-glass-border:rgba(215,225,255,.20);
}

html[data-wallpaper="livenza-life"]{--wallpaper-image:url("wallpapers/livenza_life_live_elevated_h10l.jpg")}
html[data-wallpaper="aurora"]{--wallpaper-image:radial-gradient(circle at 76% 18%,rgba(16,200,207,.66),transparent 30%),radial-gradient(circle at 18% 74%,rgba(53,208,91,.34),transparent 34%),radial-gradient(circle at 48% 42%,rgba(14,117,148,.34),transparent 42%),linear-gradient(145deg,#041426 0%,#061a3a 42%,#0b3156 72%,#083f4e 100%)}
html[data-wallpaper="spectrum"]{--wallpaper-image:radial-gradient(circle at 14% 20%,rgba(255,112,174,.85),transparent 34%),radial-gradient(circle at 78% 22%,rgba(88,103,255,.95),transparent 35%),radial-gradient(circle at 52% 78%,rgba(73,207,255,.82),transparent 32%),linear-gradient(135deg,#351d78 0%,#7141c7 34%,#244dce 65%,#091c62 100%)}
html[data-wallpaper="sequoia"]{--wallpaper-image:radial-gradient(ellipse at 20% 15%,rgba(69,231,214,.60),transparent 33%),radial-gradient(ellipse at 78% 30%,rgba(102,94,255,.74),transparent 38%),linear-gradient(155deg,#041928 0%,#073f5a 38%,#183a85 70%,#191448 100%)}
html[data-wallpaper="midnight"]{--wallpaper-image:radial-gradient(circle at 70% 18%,rgba(95,58,215,.45),transparent 32%),radial-gradient(circle at 18% 72%,rgba(0,124,255,.30),transparent 28%),linear-gradient(145deg,#020816,#08183d 48%,#12113a 76%,#050714 100%)}
html[data-wallpaper="livenza-blue"]{--wallpaper-image:radial-gradient(ellipse at 76% 18%,rgba(83,169,255,.82),transparent 30%),radial-gradient(ellipse at 18% 76%,rgba(45,221,210,.34),transparent 33%),linear-gradient(145deg,#041c4f 0%,#0b45a1 44%,#20256e 72%,#080f36 100%)}
html[data-wallpaper="violet-glass"]{--wallpaper-image:radial-gradient(circle at 22% 20%,rgba(255,115,190,.62),transparent 31%),radial-gradient(circle at 72% 28%,rgba(133,92,255,.88),transparent 37%),radial-gradient(circle at 55% 84%,rgba(68,162,255,.55),transparent 32%),linear-gradient(145deg,#2b145d,#512b91 42%,#1a397f 76%,#081b44)}
html[data-wallpaper="ocean"]{--wallpaper-image:radial-gradient(ellipse at 18% 24%,rgba(59,239,225,.55),transparent 28%),radial-gradient(ellipse at 82% 70%,rgba(54,119,255,.68),transparent 36%),linear-gradient(160deg,#011b2f 0%,#03496a 40%,#073f8b 70%,#071440 100%)}
html[data-wallpaper="sunrise"]{--wallpaper-image:radial-gradient(circle at 22% 34%,rgba(255,178,87,.92),transparent 27%),radial-gradient(circle at 58% 22%,rgba(255,104,151,.76),transparent 34%),radial-gradient(circle at 82% 72%,rgba(116,83,255,.68),transparent 36%),linear-gradient(145deg,#53235f 0%,#b24c73 38%,#704bba 70%,#243b82 100%)}
html[data-wallpaper="custom"]{--wallpaper-image:var(--user-wallpaper),linear-gradient(145deg,#0a1c45,#39216d)}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:var(--mac-font);font-size:var(--mac-body-size);line-height:var(--mac-body-line);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.macos27-clean{color:var(--mac-label);background:var(--mac-content);overflow-x:hidden}
body.macos27-clean button,body.macos27-clean input,body.macos27-clean select,body.macos27-clean textarea{font:inherit}
body.macos27-clean a{color:inherit;text-decoration:none}
body.macos27-clean button{font-family:inherit}
body.macos27-clean :focus-visible{outline:var(--mac-focus-inner) solid var(--mac-focus-inner-color);box-shadow:0 0 0 var(--mac-focus-outer) var(--mac-focus-outer-color);outline-offset:1px}
body.macos27-clean [hidden]{display:none!important}
body.macos27-clean svg{display:block}

/* Shared typography and alignment contract */
body.macos27-clean h1{font-size:var(--mac-title1-size);line-height:var(--mac-title1-line);letter-spacing:-.022em;margin:0;font-weight:700}
body.macos27-clean h2{font-size:var(--mac-title2-size);line-height:var(--mac-title2-line);letter-spacing:-.012em;margin:0;font-weight:700}
body.macos27-clean h3{font-size:var(--mac-title3-size);line-height:var(--mac-title3-line);margin:0;font-weight:600}
body.macos27-clean p{margin:0}
body.macos27-clean small{font-size:11px;line-height:14px;color:var(--mac-secondary-label)}
body.macos27-clean .muted{color:var(--mac-secondary-label)}
body.macos27-clean .eyebrow{margin:0 0 4px;color:var(--mac-secondary-label);font-size:10px;line-height:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
body.macos27-clean .shell{width:min(100%,1500px);max-width:1500px;margin-inline:auto;padding:20px clamp(16px,2vw,30px) calc(var(--mac-dock-height) + 36px);min-width:0}
body.macos27-clean .page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px;min-height:40px}
body.macos27-clean .page-head>*,body.macos27-clean .settings-section-title>*,body.macos27-clean .home-agenda-row>span,body.macos27-clean .home-suggestion-list a>span:last-child,body.macos27-clean .home-suggestion-list button>span:last-child{min-width:0}
body.macos27-clean .actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body.macos27-clean .primary,body.macos27-clean .secondary,body.macos27-clean .btn,body.macos27-clean button:not(.mac-dock-item):not(.desktop-menu-command):not(.desktop-status-button){min-height:var(--mac-control-regular);border-radius:7px;line-height:16px}
body.macos27-clean .primary{background:var(--brand-gradient);color:#fff;border:1px solid rgba(0,0,0,.08);font-weight:600;padding:4px 11px}
body.macos27-clean .secondary,body.macos27-clean .btn{background:var(--mac-surface);color:var(--mac-label);border:1px solid var(--mac-separator);font-weight:500;padding:4px 11px}
body.macos27-clean input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),body.macos27-clean select,body.macos27-clean textarea{min-height:var(--mac-control-regular);border:1px solid var(--mac-separator);border-radius:7px;background:var(--mac-surface-strong);color:var(--mac-label);padding:4px 8px;line-height:16px;box-shadow:inset 0 1px 2px rgba(0,0,0,.035);outline:none}
body.macos27-clean textarea{padding-block:7px;resize:vertical}
body.macos27-clean label{color:var(--mac-label);font-size:12px;line-height:15px;gap:5px}
body.macos27-clean input::placeholder,body.macos27-clean textarea::placeholder{color:var(--mac-tertiary-label)}
body.macos27-clean .table-card,body.macos27-clean .form-card,body.macos27-clean .review-card,body.macos27-clean .note,body.macos27-clean .settings-card,body.macos27-clean .liquid-card{background:var(--mac-surface);border:1px solid var(--mac-separator);border-radius:var(--mac-window-radius);box-shadow:0 1px 2px rgba(0,0,0,.035)}
body.macos27-clean .form-card,body.macos27-clean .settings-card{padding:18px}
body.macos27-clean .form-grid{gap:12px}
body.macos27-clean table{background:transparent}
body.macos27-clean th,body.macos27-clean td{padding:9px 11px;border-bottom:1px solid var(--mac-separator);font-size:12px;line-height:16px;vertical-align:middle;color:var(--mac-label)}
body.macos27-clean th{background:rgba(120,120,128,.055);font-size:10px;line-height:13px;color:var(--mac-secondary-label);font-weight:600;letter-spacing:.035em;text-transform:none}
body.macos27-clean tr:last-child td{border-bottom:0}
body.macos27-clean .flash{max-width:780px;margin:0 auto 12px;padding:9px 12px;border-radius:10px;background:var(--mac-surface-strong);border:1px solid var(--mac-separator);box-shadow:0 8px 24px rgba(0,0,0,.08)}

/* Main application shell */
.app-viewport{min-height:100vh;min-width:0}
.mac-shell{min-height:100vh;background:var(--mac-content)}
.mac-toolbar{position:fixed;z-index:400;left:0;right:0;top:0;height:var(--mac-toolbar-unified-height);display:grid;grid-template-columns:minmax(300px,1fr) minmax(260px,560px) minmax(300px,1fr);align-items:center;gap:14px;padding:0 12px;background:var(--mac-glass-strong);border-bottom:1px solid var(--mac-separator);backdrop-filter:blur(30px) saturate(1.45);-webkit-backdrop-filter:blur(30px) saturate(1.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.48)}
.mac-toolbar.is-compact{height:var(--mac-toolbar-compact-height)}
.mac-toolbar.is-expanded{height:var(--mac-toolbar-expanded-height)}
.mac-toolbar-group{display:flex;align-items:center;gap:8px;min-width:0;height:100%}
.mac-toolbar-center{justify-content:center}
.mac-toolbar-right{justify-content:flex-end}
.mac-toolbar-appmark{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;flex:0 0 auto}
.mac-toolbar-appmark img{width:24px;height:24px;object-fit:contain}
.mac-toolbar-shelf{display:flex;align-items:center;gap:2px;height:32px;padding:3px;border-radius:10px;background:rgba(120,120,128,.09)}
.mac-toolbar-shelf button,.mac-desktop-only{width:26px;height:26px;min-height:26px;border:0;border-radius:7px;background:transparent;color:var(--mac-label);display:grid;place-items:center;padding:0}
.mac-toolbar-shelf button:hover,.mac-desktop-only:hover{background:rgba(120,120,128,.14)}
.mac-toolbar-shelf .ui-icon,.mac-desktop-only .ui-icon{width:15px;height:15px}
.tool-label{display:none}
.mac-page-identity{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.05}
.mac-page-identity b{font-size:13px;line-height:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mac-page-identity small{font-size:10px;line-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mac-global-search{width:min(100%,520px);height:32px;min-height:32px;border:0;border-radius:10px;background:rgba(120,120,128,.12);color:var(--mac-secondary-label);display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:7px;text-align:left;padding:0 9px;font-weight:400}
.mac-global-search:hover{background:rgba(120,120,128,.18)}
.mac-global-search .ui-icon{width:14px;height:14px}
.mac-global-search kbd{font:500 10px/16px var(--mac-font);padding:0 5px;border-radius:5px;background:rgba(120,120,128,.12);color:var(--mac-secondary-label)}
.mac-profile-button{height:30px!important;min-height:30px!important;display:flex!important;align-items:center!important;gap:7px!important;padding:2px 7px 2px 3px!important;border:0!important;border-radius:15px!important;background:transparent!important;color:var(--mac-label)!important}
.mac-profile-button:hover{background:rgba(120,120,128,.12)!important}
.mac-profile-button img,.mac-profile-button .profile-initial{width:24px!important;height:24px!important;border-radius:50%!important;display:grid!important;place-items:center!important;object-fit:cover!important;background:linear-gradient(145deg,#7b5cff,#33aaff)!important;color:#fff!important;font-weight:700!important}
.mac-profile-button .profile-name{display:none!important}
.mac-shell-body{min-height:100vh;padding-top:var(--mac-toolbar-unified-height)}
.mac-workspace{min-width:0;min-height:calc(100vh - var(--mac-toolbar-unified-height));background:var(--mac-content)}
.mac-workspace .app-content-shell{min-height:calc(100vh - var(--mac-toolbar-unified-height));padding-bottom:calc(var(--mac-dock-height) + 36px)}
.mac-inspector{position:fixed;z-index:300;right:16px;top:calc(var(--mac-toolbar-unified-height) + 12px);bottom:calc(var(--mac-dock-height) + 28px);width:min(320px,calc(100vw - 32px));background:var(--mac-glass-strong);border:1px solid var(--mac-glass-border);border-radius:var(--mac-window-radius);backdrop-filter:blur(30px) saturate(1.45);box-shadow:var(--mac-window-shadow);overflow:auto}
.mac-inspector-title{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--mac-separator)}
.mac-inspector-close{width:24px;height:24px;padding:0;background:transparent;border:0;color:var(--mac-label)}
.mac-inspector-inner{padding:12px}

/* Home desktop */
body[data-page="dashboard"]{overflow:hidden;background:#061332}
body[data-page="dashboard"] .mac-shell{background:transparent}
body[data-page="dashboard"] #macToolbar{display:none}
body[data-page="dashboard"] .mac-shell-body{padding:0;min-height:100vh}
body[data-page="dashboard"] .mac-workspace,body[data-page="dashboard"] .app-content-shell{min-height:100vh;max-width:none;width:100%;padding:0;margin:0;background:transparent}
.mac-desktop-home{position:fixed;inset:0;overflow:hidden;background:#061332;isolation:isolate;color:white}
.desktop-wallpaper-layer{position:absolute;z-index:0;inset:0;pointer-events:none;background-image:var(--wallpaper-image);background-position:var(--wallpaper-position-x,50%) var(--wallpaper-position-y,50%);background-repeat:no-repeat;transform:scale(var(--wallpaper-zoom,1));transform-origin:var(--wallpaper-position-x,50%) var(--wallpaper-position-y,50%);transition:transform var(--motion-panel),background-position var(--motion-panel);will-change:transform}
html[data-wallpaper-fit="fill"] .desktop-wallpaper-layer{background-size:cover}
html[data-wallpaper-fit="fit"] .desktop-wallpaper-layer{background-size:contain}
html[data-wallpaper-fit="stretch"] .desktop-wallpaper-layer{background-size:100% 100%}
html[data-wallpaper-fit="center"] .desktop-wallpaper-layer{background-size:auto}
.mac-desktop-home::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(1,4,18,.06),rgba(1,5,20,.04) 55%,rgba(1,5,20,.20));pointer-events:none}
.wallpaper-transition-layer{position:absolute;z-index:2;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;opacity:1}.wallpaper-transition-layer.is-fading{opacity:0;transition:opacity 240ms cubic-bezier(.2,.8,.2,1)}
.home-wallpaper-sheen{position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(ellipse at 68% 16%,rgba(255,255,255,.10),transparent 30%),linear-gradient(105deg,transparent 42%,rgba(255,255,255,.025) 54%,transparent 68%)}
.mac-desktop-menubar{position:fixed;z-index:610;left:0;right:0;top:0;height:var(--mac-menu-bar-height);display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 10px;background:rgba(28,28,34,.34);border-bottom:1px solid rgba(255,255,255,.10);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.18)}
.desktop-menu-left,.desktop-menu-right{display:flex;align-items:center;height:100%;gap:1px;min-width:0}
.desktop-menu-logo{width:104px;height:28px;display:grid;place-items:center;border-radius:7px;margin-right:4px;padding:2px 4px}
.desktop-menu-logo img{width:94px;height:20px;object-fit:contain;filter:drop-shadow(0 1px 2px rgba(0,0,0,.18))}
.desktop-active-app{height:24px;display:flex;align-items:center;padding:0 7px;font-size:13px;line-height:16px;font-weight:650;white-space:nowrap}
.desktop-menu-command,.desktop-status-button{height:24px!important;min-height:24px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#fff!important;padding:0 8px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:13px!important;line-height:16px!important;font-weight:400!important;white-space:nowrap!important;box-shadow:none!important}
.desktop-menu-command:hover,.desktop-menu-command[aria-expanded="true"],.desktop-status-button:hover{background:rgba(255,255,255,.16)!important}
.desktop-status-button{width:28px!important;padding:0!important}
.desktop-status-button .ui-icon{width:15px;height:15px}
.desktop-menu-date,.desktop-menu-time{height:24px;display:flex;align-items:center;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap;padding:0 4px}
.desktop-menu-time{padding-right:0}

.home-widget-stack{position:fixed;z-index:50;top:calc(var(--mac-menu-bar-height) + 22px);right:24px;width:var(--mac-widget-width);max-height:calc(100vh - var(--mac-menu-bar-height) - var(--mac-dock-height) - 58px);display:flex;flex-direction:column;gap:12px;overflow:auto;padding:0 0 2px;scrollbar-width:none}
.home-widget-stack::-webkit-scrollbar{display:none}
.home-widget{position:relative;width:100%;border:1px solid rgba(255,255,255,.48);border-radius:var(--mac-widget-radius);background:rgba(238,241,255,.57);color:rgba(16,18,29,.90);backdrop-filter:blur(15px) saturate(1.45);-webkit-backdrop-filter:blur(15px) saturate(1.45);box-shadow:0 14px 38px rgba(6,9,35,.18),inset 0 1px 0 rgba(255,255,255,.68),inset 0 -1px 0 rgba(0,0,0,.07);overflow:hidden}
.home-today-widget{padding:16px 18px 15px}
.home-widget-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin:0 0 10px}
.home-widget-heading>span:first-child{display:flex;flex-direction:column;gap:0}
.home-widget-heading small{color:rgba(20,20,30,.56);font-size:11px;line-height:14px;font-weight:550}
.home-widget-heading strong{font-size:30px;line-height:38px;letter-spacing:-.04em;font-weight:500;color:rgba(18,20,32,.94)}
.home-widget-badge{height:18px;display:flex;align-items:center;padding:0 7px;border-radius:9px;background:rgba(98,76,220,.72);color:#fff;font-size:9px;line-height:12px;font-weight:700;letter-spacing:.02em}
.home-today-content{display:grid;gap:8px}
.home-agenda-row{display:grid;grid-template-columns:3px minmax(0,1fr);gap:11px;min-height:44px;padding:4px 0;align-items:center}
.agenda-accent{display:block;width:3px;height:100%;min-height:36px;border-radius:2px;background:var(--brand-gradient)}
.agenda-accent.accent-violet{background:#8557ff}
.home-agenda-row span{display:flex;flex-direction:column;gap:1px}
.home-agenda-row b{font-size:13px;line-height:16px;font-weight:650;color:rgba(19,21,33,.92);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-agenda-row small{font-size:11px;line-height:14px;color:rgba(28,30,43,.58);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-weather-widget{min-height:112px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,rgba(84,143,244,.72),rgba(94,96,217,.62));color:#fff}
.home-weather-copy{display:flex;flex-direction:column;min-width:0}
.home-weather-copy small{font-size:11px;line-height:14px;color:rgba(255,255,255,.80);font-weight:500}
.home-weather-temperature{font-size:39px;line-height:42px;font-weight:350;letter-spacing:-.055em;color:#fff}
.home-weather-copy>span{font-size:11px;line-height:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}
.home-weather-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;align-self:stretch;min-width:74px;padding:2px 0}
.home-weather-symbol{display:grid;place-items:center;width:34px;height:34px;color:#fff}
.home-weather-symbol .ui-icon{width:30px;height:30px}
.home-weather-side small{color:rgba(255,255,255,.76);font-size:10px;line-height:13px;white-space:nowrap}
.home-suggestions-widget{padding:15px 14px 12px}
.home-suggestions-head{height:22px;display:flex;align-items:center;padding:0 3px}
.home-suggestions-head small{font-size:11px;line-height:14px;font-weight:600;color:rgba(24,26,38,.58)}
.home-suggestion-list{display:grid;gap:2px}
.home-suggestion-list a,.home-suggestion-list button{width:100%;height:48px;min-height:48px;border:0;border-radius:11px;background:transparent;color:rgba(17,19,31,.92);display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;text-align:left;padding:4px 7px;box-shadow:none}
.home-suggestion-list a:hover,.home-suggestion-list button:hover{background:rgba(255,255,255,.30)}
.suggestion-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 5px rgba(0,0,0,.10)}
.suggestion-icon .ui-icon{width:17px;height:17px}
.tone-blue{background:linear-gradient(145deg,#39a8ff,#087cff)}.tone-violet{background:linear-gradient(145deg,#b063ff,#7b43ed)}.tone-red{background:linear-gradient(145deg,#ff6975,#ef334c)}.tone-indigo{background:linear-gradient(145deg,#7c75ff,#5146dd)}
.home-suggestion-list a>span:last-child,.home-suggestion-list button>span:last-child{display:flex;flex-direction:column;justify-content:center;gap:1px}
.home-suggestion-list b{font-size:12px;line-height:15px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-suggestion-list small{font-size:11px;line-height:14px;color:rgba(35,37,50,.56);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* Desktop contextual menus and managed app windows */
.desktop-menu-popover{position:fixed;z-index:760;width:196px;padding:4px;border:1px solid rgba(255,255,255,.30);border-radius:var(--mac-menu-radius);background:rgba(235,237,244,.76);color:rgba(18,18,24,.92);backdrop-filter:blur(22px) saturate(1.55);-webkit-backdrop-filter:blur(22px) saturate(1.55);box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.60);opacity:0;transform:translateY(-3px) scale(.985);transform-origin:top left;transition:opacity 160ms cubic-bezier(.2,.8,.2,1),transform 180ms cubic-bezier(.16,1,.3,1)}
.desktop-menu-popover.is-open{opacity:1;transform:none}
.desktop-menu-popover button{width:100%;height:var(--mac-menu-row)!important;min-height:var(--mac-menu-row)!important;border:0!important;border-radius:8px!important;padding:0 9px!important;background:transparent!important;color:inherit!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;font-size:12px!important;line-height:16px!important;font-weight:450!important;text-align:left!important;box-shadow:none!important}
.desktop-menu-popover button:hover:not(:disabled){background:var(--mac-blue)!important;color:#fff!important}
.desktop-menu-popover button:disabled{opacity:.38}
.desktop-window-layer{position:fixed;z-index:80;left:0;right:0;top:var(--mac-menu-bar-height);bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 8px);pointer-events:none;overflow:visible}
.mac-app-window{--window-origin-x:0px;--window-origin-y:72px;position:fixed;display:flex;flex-direction:column;min-width:520px;min-height:320px;border:1px solid rgba(0,0,0,.12);border-radius:var(--mac-window-radius);background:var(--mac-window);color:var(--mac-label);box-shadow:0 24px 80px rgba(0,0,0,.28),0 3px 14px rgba(0,0,0,.12);overflow:hidden;pointer-events:auto;transform:translateZ(0);opacity:1;transition:opacity 200ms cubic-bezier(.2,.8,.2,1),transform 220ms cubic-bezier(.16,1,.3,1),box-shadow 120ms ease,border-color 120ms ease;will-change:transform,opacity}
.mac-app-window:not(.is-active){box-shadow:0 16px 54px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.08);border-color:rgba(0,0,0,.09)}
.mac-app-window.is-active{border-color:rgba(255,255,255,.42);box-shadow:0 28px 90px rgba(0,0,0,.30),0 4px 16px rgba(0,0,0,.13)}
.mac-app-window.is-opening{opacity:0;transform:translate3d(0,12px,0) scale(var(--window-open-scale))}
.mac-app-window.is-minimizing{opacity:0;transform:translate(var(--window-origin-x),var(--window-origin-y)) scale(var(--window-minimize-scale));pointer-events:none}
.mac-app-window.is-closing{opacity:0;transform:scale(var(--window-close-scale));pointer-events:none}
.mac-app-window.is-minimized{opacity:0;visibility:hidden;transform:translate(var(--window-origin-x),var(--window-origin-y)) scale(var(--window-minimize-scale));pointer-events:none}
.mac-app-window.is-restoring{animation:mac-window-restore 240ms cubic-bezier(.16,1,.3,1)}
@keyframes mac-window-restore{0%{opacity:0;transform:translate(var(--window-origin-x),var(--window-origin-y)) scale(var(--window-minimize-scale))}100%{opacity:1;transform:none}}
.mac-app-window.is-maximized{border-radius:12px}
.mac-window-titlebar{position:relative;flex:0 0 var(--mac-toolbar-compact-height);height:var(--mac-toolbar-compact-height);display:grid;grid-template-columns:86px minmax(0,1fr) 86px;align-items:center;padding:0 10px;background:linear-gradient(180deg,rgba(248,248,250,.96),rgba(236,236,239,.92));border-bottom:1px solid var(--mac-separator);user-select:none;cursor:default;backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35)}
.mac-app-window:not(.is-active) .mac-window-titlebar{filter:saturate(.7);color:var(--mac-secondary-label)}
.mac-window-controls{display:flex;align-items:center;gap:8px;width:max-content}
.mac-window-control{position:relative;width:12px!important;height:12px!important;min-width:12px!important;min-height:12px!important;padding:0!important;border:0!important;border-radius:50%!important;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.16)!important}
.mac-window-control.close{background:#ff5f57!important}.mac-window-control.minimize{background:#febc2e!important}.mac-window-control.maximize{background:#28c840!important}
.mac-window-control::after{position:absolute;inset:0;display:grid;place-items:center;color:rgba(70,35,20,.70);font:700 9px/12px var(--mac-font);opacity:0}
.mac-window-controls:hover .mac-window-control::after{opacity:1}.mac-window-control.close::after{content:"×"}.mac-window-control.minimize::after{content:"−"}.mac-window-control.maximize::after{content:"+"}
.mac-window-title{min-width:0;text-align:center;font-size:12px;line-height:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 8px}
.mac-window-title-actions{display:flex;justify-content:flex-end;align-items:center;gap:2px}.mac-window-title-actions button,.mac-window-title-actions a{width:24px;height:24px;min-height:24px;padding:0;border:0;border-radius:7px;background:transparent;color:var(--mac-secondary-label);display:grid;place-items:center;font-size:15px;line-height:18px;box-shadow:none}.mac-window-title-actions button:hover,.mac-window-title-actions a:hover{background:rgba(120,120,128,.12);color:var(--mac-label)}
.mac-window-content{position:relative;flex:1;min-height:0;overflow:auto;background:var(--mac-content);color:var(--mac-label);overscroll-behavior:contain;scrollbar-gutter:stable}
.mac-window-content>.page-head:first-child,.mac-window-content>section:first-child,.mac-window-content>div:first-child{scroll-margin-top:8px}
.mac-window-content .shell{width:100%;max-width:none;padding:18px 18px 26px}
.mac-window-content .site-footer{display:none!important}
.mac-window-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--mac-secondary-label);font-size:12px;line-height:16px;background:var(--mac-content)}
.mac-window-load-error{min-height:100%;display:grid;grid-template-columns:34px minmax(0,430px);justify-content:center;align-content:center;gap:14px;padding:28px;color:var(--mac-label);background:var(--mac-content)}.mac-window-load-error>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,159,10,.16);color:#a75b00;font-weight:800;font-size:18px}.mac-window-load-error b{font-size:14px;line-height:18px}.mac-window-load-error p{margin:5px 0 12px;color:var(--mac-secondary-label);font-size:12px;line-height:17px}.mac-window-error-actions{display:flex;gap:8px;flex-wrap:wrap}.mac-window-retry{min-width:74px!important}
.mac-app-window.is-loading .mac-window-content::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--mac-blue),transparent);background-size:40% 100%;animation:mac-window-loading 1s linear infinite;z-index:4}@keyframes mac-window-loading{from{background-position:-60% 0}to{background-position:160% 0}}
.mac-window-resize-handle{position:absolute;z-index:5;display:block;background:transparent}.resize-n{left:10px;right:10px;top:-3px;height:7px;cursor:n-resize}.resize-s{left:10px;right:10px;bottom:-3px;height:7px;cursor:s-resize}.resize-e{top:10px;right:-3px;bottom:10px;width:7px;cursor:e-resize}.resize-w{top:10px;left:-3px;bottom:10px;width:7px;cursor:w-resize}.resize-ne,.resize-nw,.resize-se,.resize-sw{width:12px;height:12px}.resize-ne{right:-4px;top:-4px;cursor:ne-resize}.resize-nw{left:-4px;top:-4px;cursor:nw-resize}.resize-se{right:-4px;bottom:-4px;cursor:se-resize}.resize-sw{left:-4px;bottom:-4px;cursor:sw-resize}
body.desktop-widgets-hidden .home-widget-stack{opacity:0;pointer-events:none;transform:translateX(18px)}
.home-widget-stack{transition:opacity 180ms ease,transform 200ms cubic-bezier(.16,1,.3,1)}

/* Dock */
.mac-dock{position:fixed;z-index:650;left:50%;bottom:var(--dock-safe);height:var(--mac-dock-height);max-width:calc(100vw - 28px);display:flex;align-items:flex-end;gap:0;padding:7px 8px 8px;transform:translateX(-50%);border-radius:15px;background:rgba(229,233,244,.50);border:1px solid rgba(255,255,255,.52);backdrop-filter:blur(18px) saturate(1.65);-webkit-backdrop-filter:blur(18px) saturate(1.65);box-shadow:0 16px 46px rgba(3,8,28,.26),inset 0 1px 0 rgba(255,255,255,.76),inset 0 -1px 0 rgba(0,0,0,.09);overflow-x:auto;overflow-y:visible;scrollbar-width:none;overscroll-behavior-x:contain}
.mac-dock::-webkit-scrollbar{display:none}
.mac-dock-divider{flex:0 0 1px;width:1px;height:36px;margin:0 6px 0 4px;background:rgba(60,60,67,.34);align-self:center}
.mac-dock-item{--dock-scale:1;position:relative;flex:0 0 var(--mac-dock-item-stride);width:var(--mac-dock-item-stride);height:43px;min-height:43px;border:0;background:transparent;padding:0;display:flex;align-items:flex-start;justify-content:center;overflow:visible;transform:translateZ(0);z-index:1}
.mac-dock-icon{position:relative;width:var(--mac-dock-icon);height:var(--mac-dock-icon);flex:0 0 var(--mac-dock-icon);display:grid;place-items:center;border-radius:9px;transform-origin:50% 100%;transform:translateY(calc(-1 * var(--dock-lift,0px))) scale(var(--dock-scale));transition:transform var(--motion-spring),filter var(--motion-fast);will-change:transform;box-shadow:0 1px 1px rgba(255,255,255,.44) inset,0 4px 10px rgba(0,0,0,.18);overflow:hidden;color:#fff;background:linear-gradient(145deg,#f5f7ff,#d9dfef)}

.mac-dock-icon::before{content:"";position:absolute;inset:1px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.04) 46%,rgba(0,0,0,.08));mix-blend-mode:soft-light;pointer-events:none}.mac-dock-icon::after{content:"";position:absolute;left:3px;right:3px;top:2px;height:38%;border-radius:7px 7px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.dock-app-glyph{position:relative;z-index:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.16))}
.mac-dock-item:hover{z-index:4}
.mac-dock-item.is-window-active .mac-dock-icon{filter:brightness(1.06) saturate(1.06);box-shadow:0 1px 1px rgba(255,255,255,.55) inset,0 6px 14px rgba(0,0,0,.24)}
.mac-dock-launcher .mac-dock-icon{color:#242938;background:linear-gradient(145deg,#fff,#e8edf8)}
.mac-dock-app[data-dock-tone="finder"] .mac-dock-icon{background:linear-gradient(135deg,#8dd8ff 0 48%,#3f97f4 49% 100%)}
.mac-dock-app[data-dock-tone="blue"] .mac-dock-icon{background:linear-gradient(145deg,#57b9ff,#137ce8)}
.mac-dock-app[data-dock-tone="cyan"] .mac-dock-icon{background:linear-gradient(145deg,#52d9ff,#11a7dd)}
.mac-dock-app[data-dock-tone="teal"] .mac-dock-icon,.mac-dock-app[data-dock-tone="mint"] .mac-dock-icon{background:linear-gradient(145deg,#51e4cf,#13b89d)}
.mac-dock-app[data-dock-tone="orange"] .mac-dock-icon{background:linear-gradient(145deg,#ffad58,#ff7431)}
.mac-dock-app[data-dock-tone="yellow"] .mac-dock-icon,.mac-dock-app[data-dock-tone="amber"] .mac-dock-icon{background:linear-gradient(145deg,#ffe76d,#f4b92d);color:#614900}
.mac-dock-app[data-dock-tone="pink"] .mac-dock-icon{background:linear-gradient(145deg,#ff72a7,#e83d78)}
.mac-dock-app[data-dock-tone="green"] .mac-dock-icon{background:linear-gradient(145deg,#69dd7c,#24b74b)}
.mac-dock-app[data-dock-tone="navy"] .mac-dock-icon{background:linear-gradient(145deg,#5d76bd,#243d82)}
.mac-dock-app[data-dock-tone="red"] .mac-dock-icon{background:linear-gradient(145deg,#ff7379,#e93a49)}
.mac-dock-app[data-dock-tone="settings"] .mac-dock-icon{background:linear-gradient(145deg,#c5cad4,#838b99);color:#30343c}
.mac-dock-icon>.ui-icon,.dock-app-glyph>.ui-icon{width:21px;height:21px}
.dock-app-glyph{display:grid;place-items:center}
.mac-dock-running{position:absolute;left:50%;bottom:0;width:var(--mac-dock-running-dot);height:var(--mac-dock-running-dot);border-radius:50%;background:rgba(20,20,24,.82);transform:translateX(-50%);opacity:0}
.mac-dock-item.is-active .mac-dock-running,.mac-dock-item.is-running .mac-dock-running,.mac-dock-launcher[aria-expanded="true"] .mac-dock-running{opacity:1}
.mac-dock-tooltip{position:absolute;left:50%;bottom:calc(100% + 11px);transform:translate(-50%,5px);opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;padding:4px 8px;border-radius:7px;background:rgba(36,36,40,.78);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(15px);color:#fff;font-size:11px;line-height:14px;box-shadow:0 8px 18px rgba(0,0,0,.22);transition:opacity var(--motion-fast),transform var(--motion-fast),visibility 0s linear var(--tooltip-delay)}
.mac-dock-item:hover .mac-dock-tooltip,.mac-dock-item:focus-visible .mac-dock-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:var(--tooltip-delay),var(--tooltip-delay),0s}

/* Drawers, menus, command palette */
.apps-drawer-backdrop,.mac-command-backdrop{position:fixed;z-index:700;inset:0;background:rgba(0,0,0,.10);opacity:0;transition:opacity var(--motion-fast)}
.apps-drawer-backdrop.is-open,.mac-command-backdrop.is-open{opacity:1}
.apps-drawer{position:fixed;z-index:720;left:50%;bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 12px);width:min(680px,calc(100vw - 28px));max-height:min(620px,calc(100vh - 110px));display:flex;flex-direction:column;border:1px solid var(--mac-glass-border);border-radius:20px;background:var(--mac-glass-strong);backdrop-filter:blur(30px) saturate(1.45);-webkit-backdrop-filter:blur(30px) saturate(1.45);box-shadow:var(--mac-glass-shadow);transform:translate(-50%,10px) scale(.985);opacity:0;overflow:hidden;transition:opacity var(--motion-panel),transform var(--motion-panel)}
.apps-drawer.is-open{opacity:1;transform:translate(-50%,0) scale(1)}
.side-drawer-right{left:auto;right:14px;top:calc(var(--mac-toolbar-unified-height) + 8px);bottom:auto;width:340px;transform:translateY(-4px) scale(.985)}
.side-drawer-right.is-open{transform:none}
.apps-drawer-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--mac-separator)}
.apps-drawer-head>div{min-width:0}.apps-drawer-head b{font-size:15px;line-height:20px}.apps-drawer-head small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apps-drawer-head>button{width:24px;height:24px;padding:0;border:0;border-radius:7px;background:rgba(120,120,128,.10);color:var(--mac-label)}
.apps-drawer-scroll{padding:10px;overflow:auto;overscroll-behavior:contain}
.apps-drawer-foot{min-height:45px;padding:7px 12px;border-top:1px solid var(--mac-separator);display:flex;align-items:center;justify-content:space-between;gap:12px}
.apps-drawer-foot>span{display:flex;flex-direction:column;min-width:0}.apps-drawer-foot b{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.apps-drawer-foot a{font-size:12px;color:var(--mac-blue);display:flex;align-items:center;gap:5px}
.app-category-tabs{display:flex;align-items:center;gap:2px;padding:3px;border-radius:9px;background:rgba(120,120,128,.10);overflow-x:auto;scrollbar-width:none}
.app-category-tabs::-webkit-scrollbar{display:none}
.app-category-tabs .safe-tab{height:24px;min-height:24px;border:0;border-radius:7px;background:transparent;color:var(--mac-secondary-label);display:flex;align-items:center;gap:5px;padding:0 8px;white-space:nowrap;font-size:11px;line-height:14px;box-shadow:none}
.app-category-tabs .safe-tab .ui-icon{width:13px;height:13px}
.app-category-tabs .safe-tab.active,.app-category-tabs .safe-tab.is-active{background:var(--mac-surface-strong);color:var(--mac-label);box-shadow:0 1px 3px rgba(0,0,0,.10)}
.app-category-stage{padding-top:9px}.grouped-app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.grouped-app-item{min-height:54px;border-radius:11px;display:grid;grid-template-columns:30px minmax(0,1fr) 12px;gap:8px;align-items:center;padding:7px 8px;color:var(--mac-label)}
.grouped-app-item:hover{background:rgba(120,120,128,.10)}
.grouped-app-item>i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#5fb9ff,#287ce4);color:#fff}.grouped-app-item>i .ui-icon{width:17px;height:17px}
.grouped-app-item>span{display:flex;flex-direction:column;min-width:0}.grouped-app-item b{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grouped-app-item small{font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grouped-app-item>em{font-style:normal;color:var(--mac-tertiary-label)}


/* Hotfix 9 — Suites is a native-feeling, colourful application launcher rather than a dark web drawer. */
.suites-launcher{
  --launcher-surface:rgba(249,251,255,.74);
  --launcher-surface-strong:rgba(255,255,255,.92);
  --launcher-label:#1e2534;
  --launcher-secondary:#6a7386;
  color-scheme:light;
  width:min(1040px,calc(100vw - 36px));
  max-height:min(690px,calc(100vh - 112px));
  border-color:rgba(255,255,255,.68);
  background:
    linear-gradient(180deg,rgba(255,255,255,.18),transparent 36%),
    var(--launcher-surface);
  color:var(--launcher-label);
  backdrop-filter:blur(30px) saturate(1.46);
  -webkit-backdrop-filter:blur(30px) saturate(1.46);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),inset 0 0 0 .5px rgba(80,96,126,.12),0 30px 90px rgba(15,27,60,.26);
}
@keyframes suites-launch-in{from{opacity:0;transform:translate(-50%,12px) scale(.974);filter:saturate(.9)}to{opacity:1;transform:translate(-50%,0) scale(1);filter:none}}
.suites-launcher.is-open{animation:suites-launch-in 240ms cubic-bezier(.16,1,.3,1) both}
.suites-launcher .apps-drawer-head{min-height:66px;padding:11px 16px 10px;border-color:rgba(83,96,124,.13);background:linear-gradient(180deg,rgba(255,255,255,.34),rgba(255,255,255,.09))}
.suites-launcher .apps-drawer-head .eyebrow{margin:0 0 2px;color:#7c86a0;font-size:9px;line-height:12px;letter-spacing:.085em;font-weight:700}
.suites-launcher .apps-drawer-head b{font-size:17px;line-height:22px;font-weight:680;letter-spacing:-.012em;color:var(--launcher-label)}
.suites-launcher .apps-drawer-head small{margin-top:1px;color:var(--launcher-secondary);font-size:11px;line-height:14px;font-weight:450}
.suites-launcher .apps-drawer-head>button{width:28px;height:28px;border-radius:50%;background:rgba(102,112,134,.10);color:#465068;transition:background var(--motion-fast),transform var(--motion-press)}
.suites-launcher .apps-drawer-head>button:hover{background:rgba(102,112,134,.16)}
.suites-launcher .apps-drawer-head>button:active{transform:scale(.94)}
.suites-launcher .apps-drawer-scroll{padding:12px 16px 14px;background:linear-gradient(180deg,rgba(241,246,255,.18),rgba(255,255,255,.04));scrollbar-color:rgba(98,110,137,.32) transparent}
.application-groups-launcher{min-width:0}
.suites-launcher .app-category-tabs{min-height:34px;gap:3px;padding:4px;border-radius:12px;background:rgba(105,116,140,.075);box-shadow:inset 0 0 0 1px rgba(99,111,140,.07);overflow-x:auto;scroll-snap-type:x proximity}
.suites-launcher .app-category-tabs .safe-tab{--category-accent:#248cff;--category-accent-2:#6757e8;height:28px;min-height:28px;border-radius:9px;padding:0 10px;gap:6px;white-space:nowrap;flex:0 0 auto;color:#657086;font-size:11px;line-height:14px;font-weight:550;scroll-snap-align:start;transition:color 130ms ease,background 150ms ease,box-shadow 150ms ease,transform 100ms ease}
.suites-launcher .app-category-tabs .safe-tab .ui-icon{width:14px;height:14px;stroke-width:1.8}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="core"]{--category-accent:#397fff;--category-accent-2:#6757e8}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="operations"]{--category-accent:#24c7f4;--category-accent-2:#197bff}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="finance"]{--category-accent:#2ed5b5;--category-accent-2:#5575d9}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="communication"]{--category-accent:#8b57ff;--category-accent-2:#ff58af}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="connections"]{--category-accent:#37d1e8;--category-accent-2:#3478f6}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="administration"]{--category-accent:#7c86f8;--category-accent-2:#596274}
.suites-launcher .app-category-tabs .safe-tab:is(.active,.is-active,[aria-selected="true"]){background:linear-gradient(135deg,color-mix(in srgb,var(--category-accent) 14%,#fff),color-mix(in srgb,var(--category-accent-2) 9%,#fff));color:color-mix(in srgb,var(--category-accent) 64%,#263148);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-accent) 18%,transparent),0 1px 3px rgba(30,46,78,.08)}
.suites-launcher .app-category-tabs .safe-tab:hover:not(.active):not(.is-active){background:rgba(255,255,255,.52);color:#3e485d}
.suites-launcher .app-category-stage{padding-top:12px}
.suite-launch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;align-items:stretch}
.suite-launch-card{position:relative;isolation:isolate;min-width:0;min-height:132px;display:grid;grid-template-columns:58px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:13px;row-gap:9px;padding:16px 16px 14px;border:1px solid color-mix(in srgb,var(--app-accent) 14%,rgba(86,98,124,.12));border-radius:20px;color:#20283a;background:linear-gradient(150deg,color-mix(in srgb,var(--app-accent) 8%,rgba(255,255,255,.96)),color-mix(in srgb,var(--app-accent-2) 4%,rgba(248,250,255,.84)));box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 1px 2px rgba(31,43,72,.035);overflow:hidden;transition:transform 150ms cubic-bezier(.2,.8,.2,1),box-shadow 160ms ease,border-color 150ms ease,background 160ms ease}
.suite-launch-card::after{content:"";position:absolute;inset:auto -22px -38px auto;width:104px;height:104px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--app-accent-2) 13%,transparent),transparent 68%);z-index:-1;pointer-events:none}
.suite-launch-card:hover,.suite-launch-card:focus-visible{transform:translateY(-2px);border-color:color-mix(in srgb,var(--app-accent) 28%,rgba(86,98,124,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 14px 34px color-mix(in srgb,var(--app-accent) 10%,rgba(31,43,72,.10));outline:0}
.suite-launch-card:active{transform:translateY(0) scale(.994)}
.suite-launch-icon{grid-row:1 / span 2;align-self:start;display:grid;place-items:center;width:58px;height:58px}
.suite-launch-app-icon{width:56px;height:56px;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.52),inset 0 -1px 0 rgba(0,0,0,.12),0 8px 18px color-mix(in srgb,var(--app-accent) 18%,rgba(23,35,63,.18))}
.suite-launch-app-icon .app-icon-glyph .lz-symbol{width:29px;height:29px;stroke-width:1.75}
.suite-launch-copy{display:flex;min-width:0;flex-direction:column;align-self:start;padding-top:1px}
.suite-launch-title{display:block;min-width:0;color:#20283a;font-size:14px;line-height:18px;font-weight:680;letter-spacing:-.008em;word-break:normal;overflow-wrap:normal;hyphens:none;text-wrap:balance}
.suite-launch-description{display:-webkit-box;margin-top:4px;color:#70798c;font-size:11px;line-height:15px;font-weight:440;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word;word-break:normal}
.suite-launch-open{grid-column:2;align-self:end;display:flex;align-items:center;gap:5px;color:color-mix(in srgb,var(--app-accent) 74%,#3b4860);font-size:10px;line-height:13px;font-weight:650}
.suite-launch-open i{font:600 15px/12px var(--mac-font);transition:transform 130ms ease}
.suite-launch-card:hover .suite-launch-open i{transform:translateX(2px)}
.suites-account-bar{min-height:48px!important;padding:6px 14px!important;background:rgba(255,255,255,.26);border-color:rgba(85,98,124,.12)!important}
.suites-account-copy b{color:#2e374a!important;font-size:11px!important;line-height:14px!important;font-weight:620!important}.suites-account-copy small{color:#7a8497;font-size:9px;line-height:12px}
.suites-logout{height:28px;padding:0 9px;border-radius:8px;color:#556077!important;background:rgba(255,255,255,.48);border:1px solid rgba(95,107,132,.10);font-size:10px!important;font-weight:600;transition:background var(--motion-fast),color var(--motion-fast)}
.suites-logout .ui-icon{width:13px;height:13px}.suites-logout:hover{background:rgba(255,255,255,.78);color:#b83232!important}
html[data-appearance="auto"] .suites-launcher,
html[data-appearance="auto"] .mac-app-window{
  --mac-label:rgba(0,0,0,.85);--mac-secondary-label:rgba(31,38,52,.60);--mac-tertiary-label:rgba(31,38,52,.33);--mac-separator:rgba(67,78,101,.13);--mac-content:#f6f8fc;--mac-surface:rgba(255,255,255,.90);--mac-surface-strong:rgba(255,255,255,.97);--mac-window:rgba(247,249,253,.98);color-scheme:light;
}
@media(max-width:820px){.suites-launcher{width:calc(100vw - 20px);max-height:calc(100vh - 96px)}.suite-launch-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.suites-launcher .apps-drawer-scroll{padding-inline:12px}}
@media(max-width:560px){.suite-launch-grid{grid-template-columns:1fr}.suite-launch-card{min-height:116px;padding:13px}.suite-launch-icon{width:50px;height:50px}.suite-launch-app-icon{width:48px;height:48px;border-radius:13px}.suite-launch-app-icon .app-icon-glyph .lz-symbol{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.suites-launcher,.suites-launcher.is-open,.suite-launch-card,.suite-launch-open i{animation:none!important;transition-duration:0ms!important;transform:none!important}}
html.settings-reduce-motion .suites-launcher,html.settings-reduce-motion .suite-launch-card,html.settings-reduce-motion .suite-launch-open i{animation:none!important;transition-duration:0ms!important;transform:none!important}
.mac-command-backdrop{display:grid;place-items:start center;padding-top:min(18vh,160px);background:rgba(0,0,0,.18)}
.mac-command-palette{width:min(560px,calc(100vw - 28px));max-height:min(560px,70vh);border:1px solid var(--mac-glass-border);border-radius:20px;background:var(--mac-glass-strong);backdrop-filter:blur(30px) saturate(1.45);box-shadow:0 30px 90px rgba(0,0,0,.28);overflow:hidden;transform:scale(.98) translateY(-4px);opacity:0;transition:opacity var(--motion-panel),transform var(--motion-panel)}
.mac-command-backdrop.is-open .mac-command-palette{opacity:1;transform:none}
.mac-command-search-wrap{height:48px;display:grid;grid-template-columns:18px 1fr 24px;gap:8px;align-items:center;padding:0 11px;border-bottom:1px solid var(--mac-separator)}
.mac-command-search-wrap input{height:32px!important;min-height:32px!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;font-size:14px!important;line-height:18px!important}
.mac-command-search-wrap>button{width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--mac-secondary-label)}
.mac-command-results{padding:6px;max-height:calc(min(560px,70vh) - 48px);overflow:auto}
.mac-command-item{height:44px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 8px;border-radius:9px}
.mac-command-item.is-active,.mac-command-item:hover{background:var(--brand-gradient);color:#fff}.mac-command-item.is-active small,.mac-command-item:hover small{color:rgba(255,255,255,.74)}
.mac-command-item>span:first-child{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:rgba(120,120,128,.12)}
.mac-command-item>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.mac-command-item b{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-command-item small{font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mac-command-item kbd{font:500 10px/14px var(--mac-font);opacity:.7}

/* Settings */
.system-settings{width:min(1180px,calc(100vw - 32px));min-height:min(740px,calc(100vh - var(--mac-toolbar-unified-height) - var(--mac-dock-height) - 42px));margin:16px auto 0;display:grid;grid-template-columns:var(--mac-sidebar-width) minmax(0,1fr);overflow:hidden;border:1px solid var(--mac-separator);border-radius:var(--mac-window-radius);background:var(--mac-window);box-shadow:var(--mac-window-shadow)}
.system-settings-sidebar{width:var(--mac-sidebar-width);min-width:var(--mac-sidebar-width);background:rgba(120,120,128,.075);border-right:1px solid var(--mac-separator);padding:12px 8px 14px;overflow:auto}
.settings-profile-card{min-height:46px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:center;padding:6px 8px 10px}.settings-profile-card img,.settings-avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(145deg,#7c62ff,#279aff);color:#fff;font-weight:700}.settings-profile-card span:last-child{display:flex;flex-direction:column;min-width:0}.settings-profile-card b{font-size:12px;line-height:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-card small{font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.settings-search{height:28px;display:grid;grid-template-columns:15px 1fr auto;gap:6px;align-items:center;margin:0 5px 10px;padding:0 7px;border-radius:7px;background:rgba(120,120,128,.12);color:var(--mac-secondary-label)}
.settings-search input{height:24px!important;min-height:24px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}.settings-search kbd{font:500 9px/14px var(--mac-font);opacity:.65}
.settings-nav-group{margin:9px 8px 3px;font-size:10px;line-height:13px;color:var(--mac-secondary-label);font-weight:600}
.settings-nav-row{min-height:32px;border-radius:8px;display:grid;grid-template-columns:24px minmax(0,1fr) 12px;align-items:center;gap:5px;padding:3px 6px;color:var(--mac-label)}
.settings-nav-row:hover{background:rgba(16,200,207,.08)}.settings-nav-row.active{background:var(--brand-gradient);color:#fff}.settings-nav-row.active small,.settings-nav-row.active .settings-chevron{color:rgba(255,255,255,.70)}
.settings-nav-icon{width:22px;height:22px;border-radius:6px;display:grid;place-items:center}.settings-nav-icon .ui-icon{width:14px;height:14px}
.settings-nav-row>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.settings-nav-row b{font-size:11px;line-height:14px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-nav-row small{display:none}.settings-chevron{display:grid;place-items:center;color:var(--mac-tertiary-label)}.settings-chevron .ui-icon{width:10px;height:10px}
.system-settings-detail{min-width:0;overflow:auto;padding:22px 24px 30px;background:var(--mac-content)}
.settings-mobile-nav-toggle{display:none}
.settings-detail-header{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:18px}.settings-detail-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--brand-gradient);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.settings-detail-icon .ui-icon{width:21px;height:21px}.settings-detail-header h1{margin:0 0 2px}.settings-detail-header>div>p:last-child{max-width:700px;font-size:11px;line-height:15px;color:var(--mac-secondary-label)}
.settings-panel{display:grid;gap:12px}.settings-card{padding:16px;border-radius:14px!important;background:var(--mac-surface)!important}.settings-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.settings-section-title h2{font-size:13px;line-height:16px;font-weight:650}.settings-section-title p{margin-top:2px;font-size:11px;line-height:14px;color:var(--mac-secondary-label);max-width:680px}
.settings-toggle-list{display:grid}.settings-toggle-row{min-height:44px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:7px 0;border-top:1px solid var(--mac-separator)}.settings-toggle-row:first-child{border-top:0}.settings-toggle-row>span:first-child{display:flex;flex-direction:column;min-width:0}.settings-toggle-row b{font-size:12px;line-height:15px;font-weight:550}.settings-toggle-row small{font-size:10px;line-height:13px}
.mac-switch{position:relative;width:38px;height:22px;display:block;flex:0 0 auto}.mac-switch input{position:absolute;inset:0;opacity:0}.mac-switch i{position:absolute;inset:0;border-radius:11px;background:rgba(120,120,128,.28);transition:background var(--motion-fast)}.mac-switch i::after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.24);transition:transform var(--motion-fast)}.mac-switch input:checked+i{background:var(--mac-green)}.mac-switch input:checked+i::after{transform:translateX(16px)}
.appearance-samples{display:grid;grid-template-columns:repeat(3,minmax(0,150px));gap:10px;margin-bottom:12px}.appearance-sample{height:auto!important;min-height:116px!important;border:1px solid var(--mac-separator)!important;border-radius:12px!important;background:var(--mac-surface-strong)!important;color:var(--mac-label)!important;padding:7px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;text-align:left!important;box-shadow:none!important}.appearance-sample.selected,.appearance-sample[aria-pressed="true"]{border-color:var(--mac-blue)!important;box-shadow:0 0 0 2px rgba(0,136,255,.18)!important}.appearance-preview{display:block;width:100%;height:66px;border-radius:8px;border:1px solid var(--mac-separator);background:linear-gradient(145deg,#f9f9fb,#e9eaf0)}.appearance-preview.macos27-dark{background:linear-gradient(145deg,#242426,#121214)}.appearance-preview.macos27-auto{background:linear-gradient(135deg,#f8f8fa 0 49.5%,#171719 50.5% 100%)}.appearance-sample b{font-size:11px;line-height:14px}.appearance-sample small{font-size:9px;line-height:12px}
.wallpaper-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.wallpaper-choice{height:auto!important;min-height:132px!important;border:1px solid var(--mac-separator)!important;border-radius:12px!important;background:var(--mac-surface-strong)!important;color:var(--mac-label)!important;padding:7px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:6px!important;text-align:left!important;box-shadow:none!important}.wallpaper-choice[aria-checked="true"]{border-color:var(--mac-blue)!important;box-shadow:0 0 0 2px rgba(0,136,255,.18)!important}.wallpaper-preview{display:block;height:78px;border-radius:8px;background-size:cover;background-position:center;overflow:hidden;border:1px solid rgba(0,0,0,.08)}.wallpaper-livenza-life{background-image:url("wallpapers/livenza_life_live_elevated_h10l.jpg");background-position:center 48%}
.wallpaper-aurora{background-image:radial-gradient(circle at 76% 18%,rgba(16,200,207,.72),transparent 31%),radial-gradient(circle at 18% 76%,rgba(53,208,91,.38),transparent 34%),linear-gradient(145deg,#061a3a,#0b3156 68%,#0e7594)}.wallpaper-spectrum{background-image:radial-gradient(circle at 14% 20%,#f67bb2,transparent 35%),radial-gradient(circle at 78% 22%,#5967ff,transparent 38%),linear-gradient(135deg,#4a278f,#2871e9)}.wallpaper-sequoia{background-image:radial-gradient(circle at 20% 15%,#3bd5c9,transparent 35%),linear-gradient(145deg,#062433,#183b8e)}.wallpaper-midnight{background-image:radial-gradient(circle at 70% 18%,#5e42bc,transparent 35%),linear-gradient(145deg,#020816,#111342)}.wallpaper-custom{display:grid;place-items:center;background:linear-gradient(145deg,#dfe4ed,#f7f8fb);color:var(--mac-secondary-label)}.wallpaper-custom>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(120,120,128,.14);font-size:24px;font-weight:300}.wallpaper-choice-copy{display:flex;flex-direction:column}.wallpaper-choice-copy b{font-size:11px;line-height:14px}.wallpaper-choice-copy small{font-size:9px;line-height:12px}.wallpaper-custom-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid var(--mac-separator)}.wallpaper-upload-button{height:24px;display:inline-flex;align-items:center;border-radius:7px;background:var(--mac-blue);color:#fff;padding:0 10px;font-size:11px;line-height:14px;font-weight:600;cursor:pointer}.wallpaper-remove-button{height:24px!important;min-height:24px!important}.settings-note{margin-left:auto;max-width:360px;text-align:right}.wallpaper-layout-controls{margin-top:14px;padding-top:14px;border-top:1px solid var(--mac-separator)}.wallpaper-layout-controls .form-grid{align-items:end}.wallpaper-layout-controls label{gap:6px}.wallpaper-layout-controls output{float:right;color:var(--mac-secondary-label);font-size:10px;font-variant-numeric:tabular-nums}.wallpaper-layout-controls input[type="range"]{width:100%}

/* Companion */
.mascot-companion{position:fixed;z-index:640;right:18px;bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 18px);width:72px;height:92px;pointer-events:none;opacity:1;transform:none}
body[data-page="dashboard"] .mascot-companion{right:calc(var(--mac-widget-width) + 42px);bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 18px)}
.mascot-companion-button{position:absolute;inset:0;width:72px!important;height:92px!important;min-height:0!important;border:0!important;background:transparent!important;padding:0!important;pointer-events:auto!important;box-shadow:none!important;filter:drop-shadow(0 10px 12px rgba(0,0,0,.20));transition:transform var(--motion-spring),filter var(--motion-fast)}
.mascot-companion-button:hover{transform:translateY(-2px) scale(1.03);filter:drop-shadow(0 13px 15px rgba(0,0,0,.24))}
.mascot-side-character{position:absolute;inset:0;display:grid;place-items:end center}.mascot-side-character img{width:68px;height:auto;max-height:88px;object-fit:contain}.mascot-side-glow,.mascot-side-shadow{display:none}.mascot-weather-chip{position:absolute;right:-4px;bottom:0;min-width:34px;height:18px;border-radius:9px;padding:0 5px;display:grid;place-items:center;background:rgba(35,35,40,.76);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:8px;line-height:10px;font-weight:650;backdrop-filter:blur(12px)}
.mascot-companion-panel{position:fixed;z-index:730;right:18px;bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 18px);width:min(390px,calc(100vw - 28px));max-height:calc(100vh - var(--mac-toolbar-unified-height) - var(--mac-dock-height) - 52px);overflow:auto;border-radius:20px!important;background:var(--mac-glass-strong)!important;border:1px solid var(--mac-glass-border)!important;backdrop-filter:blur(30px) saturate(1.45);box-shadow:var(--mac-window-shadow);opacity:0;transform:translateY(8px) scale(.985);transition:opacity var(--motion-panel),transform var(--motion-panel)}
.mascot-companion-panel.open{opacity:1;transform:none}
body[data-page="dashboard"] .mascot-companion-panel{right:calc(var(--mac-widget-width) + 30px)}
.companion-panel-head{min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-bottom:1px solid var(--mac-separator)}
.companion-panel-head>div{display:flex;align-items:center;gap:8px;min-width:0}.companion-panel-head>div>span:last-child{display:flex;flex-direction:column;min-width:0}.companion-panel-head b{font-size:12px;line-height:15px}.companion-panel-head small{font-size:10px;line-height:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.companion-panel-head>button{width:24px;height:24px;padding:0;border:0;background:transparent;color:var(--mac-secondary-label)}
.livenza-weather-scene{pointer-events:none}
body[data-page="dashboard"] .livenza-weather-scene{display:none}
body[data-page="dashboard"] #livenzaEasterEgg{display:none}

/* Display popover */
.header-display-menu{position:fixed;z-index:760;right:64px;top:calc(var(--mac-toolbar-unified-height) + 7px);width:260px;padding:8px;border:1px solid var(--mac-glass-border);border-radius:12px;background:var(--mac-glass-strong);backdrop-filter:blur(20px) saturate(1.45);box-shadow:var(--mac-window-shadow)}
.header-display-menu .rotate-menu-head{padding:5px 7px 8px;border-bottom:1px solid var(--mac-separator);margin-bottom:4px}.header-display-menu .rotate-menu-head b{font-size:12px}.header-display-menu .rotate-menu-head small{display:block;font-size:10px}
.header-display-menu>button{width:100%;height:40px!important;display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:7px!important;text-align:left!important;padding:4px 6px!important;background:transparent!important;border:0!important;color:var(--mac-label)!important;box-shadow:none!important}.header-display-menu>button:hover{background:rgba(120,120,128,.10)!important}.header-display-menu>button>span{display:grid;place-items:center}.header-display-menu>button>div{display:flex;flex-direction:column;min-width:0}.header-display-menu b{font-size:11px;line-height:14px}.header-display-menu small{font-size:9px;line-height:12px}.view-orientation-status{padding:5px 7px 2px;color:var(--mac-secondary-label);font-size:9px;line-height:12px}

/* Appearance/accessibility states */
html.settings-increase-contrast{--mac-secondary-label:rgba(0,0,0,.68);--mac-separator:rgba(60,60,67,.30)}
html.settings-reduce-transparency .mac-toolbar,html.settings-reduce-transparency .mac-desktop-menubar,html.settings-reduce-transparency .mac-dock,html.settings-reduce-transparency .home-widget,html.settings-reduce-transparency .apps-drawer,html.settings-reduce-transparency .mac-command-palette,html.settings-reduce-transparency .mascot-companion-panel{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--mac-surface-strong)}
html.settings-reduce-transparency body[data-page="dashboard"] .mac-desktop-menubar,html.settings-reduce-transparency body[data-page="dashboard"] .mac-dock{background:rgba(35,35,40,.90);color:#fff}
html.settings-large-text{font-size:15px}html.settings-large-text body{--mac-body-size:15px;--mac-body-line:19px}

/* Remove old-theme visual artifacts that can survive legacy module CSS */
body.macos27-clean .site-footer{background:var(--mac-surface);border:1px solid var(--mac-separator);color:var(--mac-secondary-label);box-shadow:none;border-radius:12px;margin-bottom:calc(var(--mac-dock-height) + 18px)}
body.macos27-clean .hero.compact,body.macos27-clean .module-card,body.macos27-clean .history>div,body.macos27-clean .placeholder{background:var(--mac-surface);border-color:var(--mac-separator);color:var(--mac-label);border-radius:var(--mac-window-radius)}
body.macos27-clean .hero.compact:before,body.macos27-clean .module-card:after{display:none}
body.macos27-clean .module-card:hover{border-color:rgba(0,136,255,.35);box-shadow:0 8px 20px rgba(0,0,0,.07);transform:none}
body.macos27-clean .paper{border-radius:4px;box-shadow:0 14px 46px rgba(0,0,0,.14)}

/* Responsive */
@media(max-width:1100px){
  .mac-toolbar{grid-template-columns:minmax(220px,1fr) minmax(180px,420px) auto}.mac-page-identity small{display:none}.mac-global-search{max-width:380px}
  .grouped-app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-widget-stack{right:14px}.mascot-companion,body[data-page="dashboard"] .mascot-companion{right:14px;bottom:calc(var(--mac-dock-height) + var(--dock-safe) + 10px)}body[data-page="dashboard"] .mascot-companion-panel{right:14px}
}
@media(max-width:900px){
  .mac-toolbar{grid-template-columns:1fr auto}.mac-toolbar-center{display:none}.mac-page-identity{max-width:200px}.mac-toolbar-right .view-controls{display:none}
  .system-settings{width:calc(100vw - 20px);grid-template-columns:1fr;margin-top:10px}.system-settings-sidebar{position:fixed;z-index:800;left:10px;top:calc(var(--mac-toolbar-unified-height) + 10px);bottom:calc(var(--mac-dock-height) + 26px);width:min(var(--mac-sidebar-width),calc(100vw - 20px));transform:translateX(calc(-100% - 18px));transition:transform var(--motion-panel);border:1px solid var(--mac-separator);border-radius:var(--mac-window-radius);box-shadow:var(--mac-window-shadow);background:var(--mac-surface-strong)}.system-settings.settings-nav-open .system-settings-sidebar{transform:none}.settings-mobile-nav-toggle{display:flex;align-items:center;gap:6px;margin-bottom:12px}.system-settings-detail{padding:16px}
  .home-widget-stack{width:min(var(--mac-widget-width),calc(100vw - 28px))}
}
@media(max-width:660px){
  :root{--dock-safe:8px}.desktop-active-app{max-width:110px;overflow:hidden;text-overflow:ellipsis}.desktop-menu-date{display:none}.desktop-menu-command[data-home-companion-open]{display:none!important}.desktop-menu-right{gap:0}.desktop-menu-time{font-size:11px}
  .home-widget-stack{top:calc(var(--mac-menu-bar-height) + 12px);right:10px;left:10px;width:auto;max-height:calc(100vh - var(--mac-menu-bar-height) - var(--mac-dock-height) - 32px)}.home-widget{border-radius:16px}.home-weather-widget{min-height:98px}.home-suggestions-widget{display:none}
  .mac-dock{max-width:calc(100vw - 12px);padding-inline:6px}.mac-dock-divider{margin-inline:3px}.mac-dock-item{flex-basis:42px;width:42px}.mac-dock-icon{width:34px;height:34px}
  .grouped-app-grid{grid-template-columns:1fr}.apps-drawer{width:calc(100vw - 16px);bottom:calc(var(--mac-dock-height) + 14px)}
  .wallpaper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-samples{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-note{width:100%;max-width:none;text-align:left;margin-left:0}
}

@media(prefers-reduced-motion:reduce){
  :root{--motion-press:0ms;--motion-fast:0ms;--motion-normal:0ms;--motion-panel:0ms;--motion-spring:0ms;--tooltip-delay:0ms}
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}
  .mac-dock-icon{transform:none!important}.mascot-companion-button:hover{transform:none!important}.mac-app-window,.mac-app-window.is-opening,.mac-app-window.is-minimizing,.mac-app-window.is-closing,.mac-app-window.is-minimized,.mac-app-window.is-restoring{animation:none!important;transform:none!important;transition-duration:0ms!important}
}
html.settings-reduce-motion *,html.settings-reduce-motion *::before,html.settings-reduce-motion *::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}
html.settings-reduce-motion .mac-dock-icon{transform:none!important}
html.settings-reduce-motion .mac-app-window,html.settings-reduce-motion .mac-app-window.is-opening,html.settings-reduce-motion .mac-app-window.is-minimizing,html.settings-reduce-motion .mac-app-window.is-closing,html.settings-reduce-motion .mac-app-window.is-minimized,html.settings-reduce-motion .mac-app-window.is-restoring{animation:none!important;transform:none!important;transition-duration:0ms!important}

@media print{.mac-toolbar,.mac-dock,.mac-desktop-menubar,.apps-drawer,.mac-command-backdrop,.mascot-companion,.mascot-companion-panel,.site-footer,.no-print{display:none!important}.mac-shell-body{padding:0}.mac-workspace .app-content-shell{padding:0;max-width:none}.system-settings{box-shadow:none}}

/* Functional preference bindings */
html[data-dock-size="small"]{--mac-dock-height:52px;--mac-dock-icon:32px;--mac-dock-item-stride:41px}
html[data-dock-size="large"]{--mac-dock-height:64px;--mac-dock-icon:40px;--mac-dock-item-stride:49px}
html.dock-autohide .mac-dock{transform:translate(-50%,calc(100% - 3px));transition:transform var(--motion-panel),opacity var(--motion-fast)}
html.dock-autohide .mac-dock.dock-peek,html.dock-autohide .mac-dock:focus-within{transform:translate(-50%,0)}
body.hide-control-search .mac-toolbar-center{visibility:hidden;pointer-events:none}
body[data-page="dashboard"].hide-control-search .desktop-status-button[data-mac-command-open]{display:none!important}
body.hide-control-companion .mascot-companion{display:none!important}
body.hide-control-display #viewMenuToggle{display:none!important}
body.hide-control-fullscreen #fullscreenToggle{display:none!important}
body.focus-hide-companion .mascot-companion{display:none!important}

/* Clean-shell normalization: retire decorative web-dashboard card treatments. */
body.macos27-clean .page-head::after,
body.macos27-clean .form-card::before,
body.macos27-clean .query-card::before,
body.macos27-clean .liquid-card::before,
body.macos27-clean .module-card::before,
body.macos27-clean .stats > div::before {
  content: none;
  display: none;
}
body.macos27-clean .form-card:hover,
body.macos27-clean .query-card:hover {
  transform: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.035);
}

/* Desktop host must remain a single viewport; retire legacy footer reservation. */
body[data-page="dashboard"] .app-viewport {
  height: 100vh;
  min-height: 100vh;
  padding-bottom: 0;
  overflow: hidden;
}

/* Native control alignment: text and controls share the same baseline grid. */
body.macos27-clean .form-grid > label {
  display: grid;
  align-content: start;
  grid-template-rows: auto auto;
  gap: 5px;
  min-width: 0;
}
body.macos27-clean :is(.primary,.secondary,.btn) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: var(--mac-control-regular);
  padding: 3px 10px;
  line-height: 16px;
  letter-spacing: 0;
  text-align: center;
  vertical-align: middle;
}

/* =====================================================================
   HOTFIX 8 · SUITE VISUAL SYSTEM
   Original Livenza app artwork + colour identities layered on the exact
   macOS 27 geometry above. This is intentionally part of the authoritative
   system stylesheet rather than another hotfix stylesheet.
   ===================================================================== */

/* Vector symbols must never fall back to SVG's default black fill. */
.lz-symbol{
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}

/* Shared application artwork. */
.livenza-app-icon{
  --app-accent:#248cff;
  --app-accent-2:#6757e8;
  --app-ink:#fff;
  position:relative;
  display:grid;
  place-items:center;
  isolation:isolate;
  overflow:hidden;
  color:var(--app-ink);
  background:linear-gradient(145deg,var(--app-accent),var(--app-accent-2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(0,0,0,.13),0 5px 12px rgba(0,0,0,.16);
}
.livenza-app-icon .app-icon-backdrop{
  position:absolute;inset:0;z-index:-2;
  background:
    radial-gradient(circle at 24% 12%,rgba(255,255,255,.48),transparent 34%),
    radial-gradient(circle at 78% 82%,rgba(255,255,255,.12),transparent 34%),
    linear-gradient(145deg,var(--app-accent),var(--app-accent-2));
}
.livenza-app-icon .app-icon-backdrop::after{
  content:"";position:absolute;inset:5% 8% 46%;border-radius:44% 44% 54% 54%;
  background:linear-gradient(180deg,rgba(255,255,255,.31),rgba(255,255,255,0));
  filter:blur(.2px);
}
.livenza-app-icon .app-icon-glyph{position:relative;z-index:2;display:grid;place-items:center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.20))}
.livenza-app-icon .app-icon-glyph .lz-symbol{width:58%;height:58%;stroke:currentColor;fill:none}
.livenza-app-icon .app-icon-shine{position:absolute;inset:1px;z-index:3;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 .5px rgba(255,255,255,.34)}

/* Each working application receives its own original Livenza identity. */
[data-app-icon="dashboard"]{--app-accent:#67c9ff;--app-accent-2:#4b64f5;--app-ink:#fff}
[data-app-icon="agreements"],[data-app-icon="landlord_masters"],[data-app-icon="tenant_masters"]{--app-accent:#389cff;--app-accent-2:#6659e9;--app-ink:#fff}
[data-app-icon="rooms"]{--app-accent:#48d7ff;--app-accent-2:#1c88ff;--app-ink:#fff}
[data-app-icon="tenants"]{--app-accent:#43dbc4;--app-accent-2:#0ca28d;--app-ink:#fff}
[data-app-icon="queries"]{--app-accent:#ffb04e;--app-accent-2:#ff623d;--app-ink:#fff}
[data-app-icon="reviews"]{--app-accent:#ffe15c;--app-accent-2:#ff5c94;--app-ink:#553718}
[data-app-icon="video_wall"]{--app-accent:#ff69ba;--app-accent-2:#8e63ff;--app-ink:#fff}
[data-app-icon="food"]{--app-accent:#5cda78;--app-accent-2:#ff9d42;--app-ink:#fff}
[data-app-icon="billing"]{--app-accent:#47dfc2;--app-accent-2:#1da5e3;--app-ink:#fff}
[data-app-icon="banking_suite"]{--app-accent:#657edb;--app-accent-2:#2d3f90;--app-ink:#fff}
[data-app-icon="electricity_studio"]{--app-accent:#ffe05a;--app-accent-2:#ff902f;--app-ink:#5b3b00}
[data-app-icon="whatsapp_workspace"]{--app-accent:#63da7a;--app-accent-2:#18a957;--app-ink:#fff}
[data-app-icon="email_workspace"]{--app-accent:#68bdff;--app-accent-2:#5269eb;--app-ink:#fff}
[data-app-icon="drive_workspace"]{--app-accent:#49d9e8;--app-accent-2:#3f7df6;--app-ink:#fff}
[data-app-icon="letterhead_studio"]{--app-accent:#ff6878;--app-accent-2:#8f5dff;--app-ink:#fff}
[data-app-icon="settings_page"]{--app-accent:#c4cad5;--app-accent-2:#747f93;--app-ink:#26313f}
[data-app-icon="assistant"]{--app-accent:#7f8cff;--app-accent-2:#7052df;--app-ink:#fff}

.mac-dock-app .mac-dock-icon{
  background:linear-gradient(145deg,var(--app-accent),var(--app-accent-2));
  color:var(--app-ink,#fff);
  border-radius:9px;
}
.mac-dock-app .mac-dock-icon::before,.mac-dock-app .mac-dock-icon::after{content:none}
.mac-dock-icon .app-icon-glyph .lz-symbol{width:22px;height:22px;stroke-width:1.85}
.mac-dock-item:hover .mac-dock-icon,.mac-dock-item:focus-visible .mac-dock-icon{filter:saturate(1.12) brightness(1.06)}
.mac-dock-item.is-window-active .mac-dock-icon{filter:saturate(1.12) brightness(1.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.58),0 7px 16px color-mix(in srgb,var(--app-accent) 28%,rgba(0,0,0,.24))}
.mac-dock-running{background:rgba(255,255,255,.92);box-shadow:0 1px 2px rgba(0,0,0,.44)}
.mac-dock-launcher .mac-dock-icon{background:linear-gradient(145deg,#fff,#dfe6f4);--app-ink:#26313f;color:#26313f}

/* Suite launcher/drawer icon artwork. */
.grouped-app-item>i{width:46px;height:46px;padding:0;background:transparent;border-radius:13px;box-shadow:none}
.suite-tile-app-icon{width:44px;height:44px;border-radius:12px}
.suite-tile-app-icon .app-icon-glyph .lz-symbol{width:23px;height:23px}
.grouped-app-item{transition:background var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-fast)}
.grouped-app-item:hover,.grouped-app-item:focus-visible{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:color-mix(in srgb,var(--mac-blue) 25%,var(--mac-separator))}
.home-app-icon{width:38px;height:38px;border-radius:11px}

/* Home suggestion artwork: fully visible, never a black SVG fill. */
.suggestion-app-icon{width:30px;height:30px;border-radius:8px;flex:0 0 auto}
.suggestion-app-icon .app-icon-glyph .lz-symbol{width:17px;height:17px;stroke-width:1.9}
.home-suggestion-list a,.home-suggestion-list button{grid-template-columns:32px minmax(0,1fr)}

/* Application visual identity tokens. */
.mac-app-window,
body:not([data-page="dashboard"]) #appMain{
  --suite-accent:#248cff;
  --suite-accent-2:#6757e8;
  --suite-accent-3:#34c7a2;
  --suite-soft:color-mix(in srgb,var(--suite-accent) 9%,transparent);
  --suite-soft-strong:color-mix(in srgb,var(--suite-accent) 15%,transparent);
  --suite-border:color-mix(in srgb,var(--suite-accent) 18%,rgba(90,98,118,.16));
  --suite-ink:color-mix(in srgb,var(--suite-accent) 74%,#172033);
  --suite-canvas:#f6f8fc;
  --suite-card:rgba(255,255,255,.88);
  --suite-label:#202737;
  --suite-secondary:#687286;
}


/* Hotfix 9 suite content: bright working canvases with disciplined typography and no broken headings. */
.mac-app-window .mac-window-content,
.mac-suite-surface,
body:not([data-page="dashboard"]) #appMain{color:var(--suite-label);background-color:var(--suite-canvas)}
.mac-suite-surface :is(h1,h2,h3,h4,.page-head b,.section-head b,.banking-panel-head b,.query-sheet-head b){word-break:normal;overflow-wrap:normal;hyphens:none;color:var(--suite-label)}
.mac-suite-surface :is(p,small,.muted,.hint,.subtle),body:not([data-page="dashboard"]) #appMain :is(p,small,.muted,.hint,.subtle){color:var(--suite-secondary)}
.mac-suite-surface :is(.page-head h1,.page-head h2){font-size:17px;line-height:22px;letter-spacing:-.012em}
.mac-suite-surface :is(.section-head h2,.section-head h3,.banking-panel-head h2,.query-sheet-head h2){font-size:13px;line-height:16px;font-weight:680}
.mac-suite-surface :is(.liquid-card,.form-card,.table-card,.review-card,.banking-panel,.query-card,.master-card,.screen-card,.portal-card,.connection-card,.letterhead-card,.settings-card){background-color:var(--suite-card)}

/* Managed-window suite mapping (explicit selectors form the visual contract). */
.mac-app-window[data-window-app="agreements"]{--suite-accent:#248cff;--suite-accent-2:#6757e8;--suite-ink:#185faf}
.mac-app-window[data-window-app="rooms"]{--suite-accent:#24c7f4;--suite-accent-2:#197bff;--suite-ink:#106a9d}
.mac-app-window[data-window-app="tenants"]{--suite-accent:#2fd3b8;--suite-accent-2:#0a9c87;--suite-ink:#087666}
.mac-app-window[data-window-app="queries"]{--suite-accent:#ff9b42;--suite-accent-2:#ff5d3a;--suite-ink:#a94a18}
.mac-app-window[data-window-app="reviews"]{--suite-accent:#ffd447;--suite-accent-2:#ff4e8b;--suite-ink:#9d5b0d}
.mac-app-window[data-window-app="video_wall"]{--suite-accent:#ff58af;--suite-accent-2:#8b5dff;--suite-ink:#994386}
.mac-app-window[data-window-app="food"]{--suite-accent:#49cd72;--suite-accent-2:#ff9a3d;--suite-ink:#278442}
.mac-app-window[data-window-app="billing"]{--suite-accent:#2ed5b5;--suite-accent-2:#1a9de0;--suite-ink:#168575}
.mac-app-window[data-window-app="banking_suite"]{--suite-accent:#5575d9;--suite-accent-2:#283a8c;--suite-ink:#314d9e}
.mac-app-window[data-window-app="electricity_studio"]{--suite-accent:#f5b928;--suite-accent-2:#ff8a2d;--suite-accent-3:#4fcf9b;--suite-ink:#8a5a0b}
.mac-app-window[data-window-app="whatsapp_workspace"]{--suite-accent:#48d06a;--suite-accent-2:#13a857;--suite-ink:#228a42}
.mac-app-window[data-window-app="email_workspace"]{--suite-accent:#59b1ff;--suite-accent-2:#4d62e8;--suite-ink:#376fbe}
.mac-app-window[data-window-app="drive_workspace"]{--suite-accent:#37d1e8;--suite-accent-2:#3478f6;--suite-ink:#237da6}
.mac-app-window[data-window-app="letterhead_studio"]{--suite-accent:#ff5b6c;--suite-accent-2:#8b57ff;--suite-ink:#b43f62}
.mac-app-window[data-window-app="settings_page"]{--suite-accent:#7c86f8;--suite-accent-2:#67707e;--suite-ink:#5660bb}

/* Full-page route families receive the same identity as managed windows. */
body:is([data-page="agreements"],[data-page="agreement_edit"],[data-page="agreement_preview"],[data-page="landlord_masters"],[data-page="landlord_master_edit"],[data-page="tenant_masters"],[data-page="tenant_master_edit"],[data-page="master_safe_view"]) #appMain{--suite-accent:#248cff;--suite-accent-2:#6757e8;--suite-ink:#185faf}
body:is([data-page="rooms"],[data-page="tenants"]) #appMain{--suite-accent:#24c7f4;--suite-accent-2:#197bff;--suite-ink:#106a9d}
body:is([data-page="queries"],[data-page="query_sheet"]) #appMain{--suite-accent:#ff9b42;--suite-accent-2:#ff5d3a;--suite-ink:#a94a18}
body[data-page="reviews"] #appMain{--suite-accent:#ffd447;--suite-accent-2:#ff4e8b;--suite-ink:#9d5b0d}
body:is([data-page="video_wall"],[data-page="wall_player"]) #appMain{--suite-accent:#ff58af;--suite-accent-2:#8b5dff;--suite-ink:#994386}
body:is([data-page="food"],[data-page="food_integrations"],[data-page="food_portals"]) #appMain{--suite-accent:#49cd72;--suite-accent-2:#ff9a3d;--suite-ink:#278442}
body[data-page="billing"] #appMain{--suite-accent:#2ed5b5;--suite-accent-2:#1a9de0;--suite-ink:#168575}
body:is([data-page="banking_suite"],[data-page="bank_reconciliation"]) #appMain{--suite-accent:#5575d9;--suite-accent-2:#283a8c;--suite-ink:#314d9e}
body:is([data-page="electricity_studio"],[data-page="electricity_portal"],[data-page="electricity_register"]) #appMain{--suite-accent:#f5b928;--suite-accent-2:#ff8a2d;--suite-accent-3:#4fcf9b;--suite-ink:#8a5a0b}
body:is([data-page="whatsapp_workspace"],[data-page="email_workspace"],[data-page="email_message"],[data-page="drive_workspace"]) #appMain{--suite-accent:#59b1ff;--suite-accent-2:#4d62e8;--suite-ink:#376fbe}
body:is([data-page="letterhead_studio"],[data-page="letterhead_editor"],[data-page="letterhead_final_review"],[data-page="letterhead_template_editor"],[data-page="letterhead_templates"],[data-page="letterhead_vault"]) #appMain{--suite-accent:#ff5b6c;--suite-accent-2:#8b57ff;--suite-ink:#b43f62}
body:is([data-page="settings_page"],[data-page="system_settings_pane"],[data-page="integrations"],[data-page="admin"],[data-page="admin_vault"]) #appMain{--suite-accent:#7c86f8;--suite-accent-2:#67707e;--suite-ink:#5660bb}

/* Hotfix 8 suite-family canvas identities.
   Colour stays in low-opacity fields so each app feels distinct without sacrificing reading comfort. */
.mac-app-window[data-window-family="productivity"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#248cff 5%,var(--mac-content)),color-mix(in srgb,#6757e8 2.8%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="occupancy"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#24c7f4 5.2%,var(--mac-content)),color-mix(in srgb,#2fd3b8 3%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="pipeline"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#ff9b42 5%,var(--mac-content)),color-mix(in srgb,#ff5d3a 2.8%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="reputation"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#ffd447 5.5%,var(--mac-content)),color-mix(in srgb,#ff4e8b 2.6%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="creative"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#ff58af 4.8%,var(--mac-content)),color-mix(in srgb,#8b5dff 3.4%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="hospitality"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#49cd72 4.5%,var(--mac-content)),color-mix(in srgb,#ff9a3d 3.2%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="finance"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#2ed5b5 4%,var(--mac-content)),color-mix(in srgb,#5575d9 3.2%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="utilities"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#ffd24a 4.8%,var(--mac-content)),color-mix(in srgb,#ff8a2d 2.8%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="communication"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#59b1ff 4.4%,var(--mac-content)),color-mix(in srgb,#48d06a 2.8%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="documents"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#ff5b6c 4.2%,var(--mac-content)),color-mix(in srgb,#8b57ff 3.4%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family="system"]{--suite-canvas-wash:linear-gradient(155deg,color-mix(in srgb,#7c86f8 3.6%,var(--mac-content)),color-mix(in srgb,#67707e 2.2%,var(--mac-content)) 62%,var(--mac-content))}
.mac-app-window[data-window-family] .mac-window-content{background:var(--suite-canvas-wash,linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 2.5%,var(--mac-content)),var(--mac-content) 140px))}

/* Window chrome now carries identity without becoming a coloured toy window. */
.mac-window-titlebar{position:relative;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 5%,#fbfbfc),color-mix(in srgb,var(--suite-accent-2) 3%,#ececef))}
.mac-app-window.is-active .mac-window-titlebar::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--suite-accent),var(--suite-accent-2),transparent);
  opacity:.72;pointer-events:none;
}
.mac-window-title-identity{min-width:0;display:flex;align-items:center;justify-content:center;gap:6px}
.mac-window-mini-icon{width:19px;height:19px;border-radius:5px;box-shadow:inset 0 .5px 0 rgba(255,255,255,.5),0 1px 3px rgba(0,0,0,.12)}
.mac-window-mini-icon .app-icon-glyph .lz-symbol{width:11px;height:11px;stroke-width:1.9}
.mac-window-title{padding:0;max-width:min(340px,calc(100% - 26px))}
.mac-window-content{background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 2.5%,var(--mac-content)),var(--mac-content) 140px)}
.mac-app-window.is-loading .mac-window-content::after{background:linear-gradient(90deg,transparent,var(--suite-accent),var(--suite-accent-2),transparent)}

/* Content entrance is spatial but quiet. New DOM children animate, not the scroll container. */
@keyframes mac-suite-content-in{
  from{opacity:0;transform:translate3d(0,6px,0);filter:saturate(.92)}
  to{opacity:1;transform:none;filter:none}
}
.mac-suite-surface>.shell,
.mac-suite-surface>section,
.mac-suite-surface>div:not(.mac-window-loading){animation:mac-suite-content-in 260ms cubic-bezier(.16,1,.3,1) both}

/* Shared app-interior hierarchy. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .page-head{
  position:relative;
  align-items:flex-end;
  min-height:48px;
  padding:2px 2px 13px;
  margin-bottom:14px;
  border-bottom:1px solid var(--suite-border);
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .page-head::before{
  content:"";display:block;position:absolute;left:2px;bottom:-1px;width:56px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--suite-accent),var(--suite-accent-2));
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.page-head,.section-head,.banking-panel-head,.query-sheet-head) .eyebrow{color:var(--suite-ink)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.section-head,.banking-panel-head,.query-sheet-head){display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.section-head,.banking-panel-head,.query-sheet-head)>*{min-width:0}

/* Cards are readable macOS surfaces with a restrained suite wash. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.liquid-card,.form-card,.table-card,.review-card,.banking-panel,.query-card,.master-card,.screen-card,.portal-card,.connection-card,.letterhead-card,.settings-card){
  background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 4.5%,var(--mac-surface-strong)),var(--mac-surface) 42%);
  border-color:var(--suite-border);
  box-shadow:0 1px 2px rgba(0,0,0,.035),0 8px 28px color-mix(in srgb,var(--suite-accent) 4%,transparent);
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.liquid-card,.form-card,.table-card,.review-card,.banking-panel,.query-card,.master-card,.screen-card,.portal-card,.connection-card,.letterhead-card,.settings-card){transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.master-card,.screen-card,.portal-card,.connection-card,.query-card):hover{border-color:color-mix(in srgb,var(--suite-accent) 32%,var(--mac-separator));box-shadow:0 10px 30px color-mix(in srgb,var(--suite-accent) 8%,rgba(0,0,0,.06))}

/* Buttons, segmented tabs and small states use app colour consistently. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.primary,.query-sheet-btn){background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 88%,#fff),var(--suite-accent));border-color:color-mix(in srgb,var(--suite-accent) 72%,#000);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.08)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.primary,.query-sheet-btn):active{filter:brightness(.94);transform:translateY(.5px)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.safe-tab,.portal-tab,.letterhead-tabs button){transition:background var(--motion-fast),color var(--motion-fast),box-shadow var(--motion-fast),transform var(--motion-press)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.safe-tab,.portal-tab,.letterhead-tabs button).active,
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.safe-tab,.portal-tab,.letterhead-tabs button)[aria-selected="true"]{background:var(--suite-soft-strong);color:var(--suite-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--suite-accent) 18%,transparent)}

/* Tables align to a clean desktop data grid and inherit suite identity. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) table{width:100%;border-collapse:separate;border-spacing:0}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) th{background:color-mix(in srgb,var(--suite-accent) 7%,rgba(120,120,128,.045));color:color-mix(in srgb,var(--suite-ink) 74%,var(--mac-label));font-weight:650;letter-spacing:.01em}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) tbody tr{transition:background var(--motion-fast)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) tbody tr:hover{background:var(--suite-soft)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(th,td){max-width:420px;overflow-wrap:anywhere}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .empty{padding:28px 16px;text-align:center;color:var(--mac-secondary-label)}

/* Form rhythm and text placement. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .form-grid{align-items:start}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .form-grid>label{min-width:0}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){transition:border-color var(--motion-fast),background var(--motion-fast),box-shadow var(--motion-fast)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):hover{border-color:color-mix(in srgb,var(--suite-accent) 24%,var(--mac-separator))}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) label{align-items:start}

/* Status language: colourful but semantic. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.badge,.chip,.status-badge,.status-chip,.status-pill,.master-status-chip,.role-badge,.security-chip,.rotation-badge){
  border-color:color-mix(in srgb,var(--suite-accent) 22%,var(--mac-separator));
  background:var(--suite-soft);
  color:var(--suite-ink);
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.status-chip.success,.master-status-chip.active,.status-pill.ok,.semantic-success){background:rgba(52,199,89,.12);color:#23813c;border-color:rgba(52,199,89,.24)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.status-chip.warning,.status-pill.warn){background:rgba(255,149,0,.13);color:#9a5b08;border-color:rgba(255,149,0,.26)}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) :is(.status-chip.danger,.master-status-chip.archived){background:rgba(255,59,48,.10);color:#ad332c;border-color:rgba(255,59,48,.22)}

/* App-specific details — enough identity to stop all suites feeling identical. */
.mac-app-window[data-window-app="agreements"] :is(.agreement-wizard-panel,.party-profile-grid),
body[data-page="agreements"] :is(.agreement-wizard-panel,.party-profile-grid){border-left:3px solid var(--suite-accent)}
.mac-app-window[data-window-app="rooms"] :is(.stats,.room-grid),.mac-app-window[data-window-app="tenants"] :is(.stats,.master-grid){accent-color:var(--suite-accent)}
.mac-app-window[data-window-app="queries"] .query-card{border-left:3px solid color-mix(in srgb,var(--suite-accent) 70%,transparent)}
.mac-app-window[data-window-app="reviews"] .review-card{background:linear-gradient(135deg,color-mix(in srgb,#ffd447 10%,var(--mac-surface)),color-mix(in srgb,#ff4e8b 5%,var(--mac-surface)))}
.mac-app-window[data-window-app="video_wall"] :is(.screen-card,.media-card){background:linear-gradient(145deg,color-mix(in srgb,#ff58af 6%,var(--mac-surface)),color-mix(in srgb,#8b5dff 5%,var(--mac-surface)))}
.mac-app-window[data-window-app="food"] .platform-badge{background:linear-gradient(135deg,rgba(73,205,114,.16),rgba(255,154,61,.14));color:#297746;border-color:rgba(73,205,114,.22)}
.mac-app-window[data-window-app="banking_suite"] .banking-panel{border-top:2px solid color-mix(in srgb,var(--suite-accent) 48%,transparent)}
.mac-app-window[data-window-app="electricity_studio"] .electricity-bolt{color:#c77b00;background:linear-gradient(145deg,#fff4a8,#ffd24a)}
.mac-app-window[data-window-app="letterhead_studio"] :is(.letterhead-preview-card,.letterhead-card){border-top:2px solid color-mix(in srgb,var(--suite-accent-2) 38%,transparent)}
.mac-app-window[data-window-app="settings_page"] .system-settings-sidebar{background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 4%,var(--mac-surface-strong)),var(--mac-surface-strong))}

/* Scrollbars stay quiet but gain a subtle active-suite thumb. */
.mac-suite-surface{scrollbar-color:color-mix(in srgb,var(--suite-accent) 38%,rgba(120,120,128,.38)) transparent}
.mac-suite-surface::-webkit-scrollbar{width:12px;height:12px}
.mac-suite-surface::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--suite-accent) 34%,rgba(120,120,128,.40));border:3px solid transparent;background-clip:padding-box;border-radius:8px}

/* Keep icon and content motion cheap. */
.livenza-app-icon,.mac-window-mini-icon{transform:translateZ(0)}
.mac-suite-surface :is(.safe-tab,.portal-tab,.primary,.secondary,.btn){will-change:auto}

@media(max-width:900px){
  .mac-window-title-identity{max-width:calc(100% - 8px)}
  .mac-window-mini-icon{display:none}
  :is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .page-head{align-items:flex-start;flex-direction:column;gap:8px}
}

@media(prefers-reduced-motion:reduce){
  .mac-suite-surface>.shell,.mac-suite-surface>section,.mac-suite-surface>div:not(.mac-window-loading){animation:none!important}
  .livenza-app-icon,.mac-suite-surface *{transition-duration:0ms!important}
}
html.settings-reduce-motion .mac-suite-surface>.shell,html.settings-reduce-motion .mac-suite-surface>section,html.settings-reduce-motion .mac-suite-surface>div:not(.mac-window-loading){animation:none!important}


/* Hotfix 8 audit refinements: finance typography, richer suite tiles, and quiet sub-window colour. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div{position:relative;overflow:hidden}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--suite-accent),var(--suite-accent-2));opacity:.72}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div:nth-child(2){background:linear-gradient(160deg,color-mix(in srgb,var(--suite-accent-2) 6%,var(--mac-surface-strong)),var(--mac-surface))}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div:nth-child(3){background:linear-gradient(160deg,color-mix(in srgb,var(--suite-accent) 7%,var(--mac-surface-strong)),color-mix(in srgb,var(--suite-accent-2) 3%,var(--mac-surface)))}
.mac-app-window[data-window-app="banking_suite"] .stats>div b,body[data-page="banking_suite"] #appMain .stats>div b{color:#243d8f}
.mac-app-window[data-window-app="electricity_studio"] .stats>div b,body[data-page="electricity_studio"] #appMain .stats>div b{color:#9a6210}
.mac-app-window[data-window-app="letterhead_studio"] :is(.letterhead-card,.letterhead-preview-card){padding:16px}
.mac-app-window[data-window-app="settings_page"] .settings-nav-row.active{background:color-mix(in srgb,var(--suite-accent) 15%,transparent);color:var(--suite-ink)}
.mac-app-window:not(.is-active) .mac-window-titlebar{filter:saturate(.72)}
.mac-app-window:not(.is-active) .mac-window-content{filter:saturate(.94)}
/* Suite metrics use dense adaptive columns instead of the retired six-column dashboard grid. */
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
  gap:12px;
  margin:12px 0 16px;
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div{
  min-width:0;
  padding:13px 15px;
  border-radius:14px;
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div b{
  font-size:22px;
  line-height:26px;
}
:is(.mac-suite-surface,body:not([data-page="dashboard"]) #appMain) .stats>div span{
  font-size:9px;
  line-height:12px;
  letter-spacing:.055em;
}

.wallpaper-livenza-blue{background-image:radial-gradient(circle at 78% 18%,#58aaff,transparent 34%),linear-gradient(145deg,#062258,#0e54bd 48%,#23256d)}
.wallpaper-violet-glass{background-image:radial-gradient(circle at 20% 20%,#ff75bb,transparent 34%),radial-gradient(circle at 76% 30%,#8f62ff,transparent 38%),linear-gradient(145deg,#32145f,#1d4c91)}
.wallpaper-ocean{background-image:radial-gradient(circle at 20% 24%,#45ead8,transparent 33%),linear-gradient(155deg,#03243a,#075274 45%,#153d91)}
.wallpaper-sunrise{background-image:radial-gradient(circle at 22% 34%,#ffbc62,transparent 30%),radial-gradient(circle at 66% 22%,#ff6f9e,transparent 34%),linear-gradient(145deg,#6b2b6b,#614cb6 72%,#2c488b)}

/* Hotfix 9 single-window design system --------------------------------------------------
   Agreements is the structural baseline. Every suite consumes this geometry; accents vary. */
.app-standard-page{
  color-scheme:light;
  width:100%;
  min-width:0;
  color:var(--suite-label,#202737);
  font:400 13px/16px -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif;
}
.app-standard-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  padding:18px 24px;
  margin:0 -4px 16px;
  border-bottom:1px solid color-mix(in srgb,var(--suite-accent) 16%,rgba(74,82,104,.16));
  background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 4%,rgba(255,255,255,.72)),rgba(255,255,255,.18));
}
.app-standard-heading{min-width:0;max-width:760px}
.app-standard-heading .eyebrow{margin:0 0 5px;font-size:11px;line-height:14px;letter-spacing:.08em;font-weight:700;color:var(--suite-ink)}
.app-standard-heading h1{margin:0;font-size:22px!important;line-height:26px!important;font-weight:650;letter-spacing:-.02em;color:var(--suite-label)}
.app-standard-heading .muted{margin:5px 0 0;max-width:720px;font-size:13px;line-height:18px;color:var(--suite-secondary)}
.app-standard-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;flex:0 0 auto}
.app-standard-actions :is(.btn,button){min-height:28px;padding:5px 12px;border-radius:9px;font-size:13px;line-height:16px;letter-spacing:0;font-weight:600}
.app-standard-tabs{
  display:flex;
  align-items:center;
  gap:3px;
  width:max-content;
  max-width:100%;
  min-height:34px;
  margin:0 0 16px;
  padding:3px;
  border:1px solid rgba(70,78,96,.10);
  border-radius:11px;
  background:rgba(116,124,143,.075);
  backdrop-filter:blur(15px) saturate(1.3);
  -webkit-backdrop-filter:blur(15px) saturate(1.3);
}
.app-standard-tabs .safe-tab{height:28px;min-height:28px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:var(--suite-secondary);font-size:12px;line-height:28px;font-weight:550;white-space:nowrap}
.app-standard-tabs .safe-tab:is(:hover,.active,[aria-selected="true"]){background:color-mix(in srgb,var(--suite-accent) 12%,rgba(255,255,255,.82));color:var(--suite-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--suite-accent) 14%,transparent),0 1px 2px rgba(20,28,48,.05)}
.app-standard-card{
  border:1px solid color-mix(in srgb,var(--suite-accent) 12%,rgba(72,80,98,.14));
  border-radius:16px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 3.5%,rgba(255,255,255,.96)),rgba(255,255,255,.88));
  box-shadow:0 1px 2px rgba(25,32,48,.035),0 10px 30px color-mix(in srgb,var(--suite-accent) 4%,rgba(30,42,70,.04));
}
.app-standard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 16px}
.app-standard-form{display:grid;gap:12px}
.app-standard-form label{gap:6px;font-size:11px;line-height:14px;font-weight:600;color:var(--suite-label)}
.app-standard-form :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){min-height:28px;padding:5px 9px;border:1px solid rgba(78,87,105,.18);border-radius:8px;background:rgba(255,255,255,.84);color:#202737;font:400 13px/16px inherit;box-shadow:inset 0 1px 1px rgba(30,38,56,.025)}
.app-standard-form :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]):focus{border-color:#0088ff;box-shadow:0 0 0 3.5px rgba(0,136,255,.16),0 0 0 1px rgba(0,136,255,.12);outline:0}
.app-form-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:1px}
.app-standard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px}
.app-standard-section-head :is(h2,h3){margin:2px 0;font-size:17px;line-height:22px;font-weight:650;color:var(--suite-label)}
.app-section-count{font-size:11px;line-height:14px;color:var(--suite-secondary);white-space:nowrap}
.app-standard-callout{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;margin:0 0 16px}
.app-callout-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--suite-accent) 10%,#fff);color:var(--suite-ink)}
.app-standard-callout div{display:grid;gap:2px;min-width:0}.app-standard-callout div b{font-size:12px;line-height:15px}.app-standard-callout div small{font-size:11px;line-height:14px;color:var(--suite-secondary)}
.app-standard-table{overflow:visible}
.app-standard-table table{min-width:720px;border-collapse:separate;border-spacing:0}
.app-standard-table th{height:40px;padding:0 14px;background:color-mix(in srgb,var(--suite-accent) 6%,#f5f7fb);font-size:12px;line-height:15px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--suite-ink)}
.app-standard-table td{height:46px;padding:8px 14px;border-bottom:1px solid rgba(72,80,98,.10);font-size:13px;line-height:16px;color:var(--suite-label);vertical-align:middle}
.app-standard-table tbody tr:last-child td{border-bottom:0}.app-standard-table tbody tr:hover td{background:color-mix(in srgb,var(--suite-accent) 5%,rgba(255,255,255,.6))}
.app-table-actions{display:flex;align-items:center;justify-content:flex-start;gap:5px;white-space:nowrap}
.app-table-action,.app-action-menu>summary{height:26px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:0;border-radius:7px;background:rgba(116,124,143,.075);color:var(--suite-label);font-size:11px;line-height:14px;font-weight:550;cursor:pointer;list-style:none}
.app-table-action:hover,.app-action-menu>summary:hover{background:color-mix(in srgb,var(--suite-accent) 10%,rgba(255,255,255,.7));color:var(--suite-ink)}
.app-action-menu{position:relative}.app-action-menu>summary::-webkit-details-marker{display:none}.app-action-menu-popover{position:absolute;z-index:40;right:0;top:31px;min-width:168px;padding:5px;border:1px solid rgba(68,76,94,.14);border-radius:12px;background:rgba(248,249,252,.92);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);box-shadow:0 16px 38px rgba(27,34,53,.16)}
.app-action-menu-popover :is(a,button){width:100%;min-height:28px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:var(--suite-label);font:500 12px/16px inherit;text-align:left;display:flex;align-items:center}
.app-action-menu-popover :is(a,button):hover{background:rgba(116,124,143,.10)}.app-action-menu-popover button.danger{color:#c33832}

/* Full-page routes use the same quiet 52px application chrome as managed windows. */
.mac-toolbar.mac-route-toolbar{
  box-sizing:border-box;
  height:52px;
  min-height:52px;
  max-height:52px;
  grid-template-columns:86px minmax(0,1fr) 86px;
  gap:0;
  padding:0 10px;
  background:linear-gradient(180deg,rgba(250,250,252,.94),rgba(238,240,245,.88));
  border-bottom:1px solid rgba(70,78,96,.14);
  backdrop-filter:blur(24px) saturate(1.35);
  -webkit-backdrop-filter:blur(24px) saturate(1.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 4px 16px rgba(26,33,49,.055);
}
.mac-toolbar.mac-route-toolbar .mac-global-search{display:none}
.mac-toolbar.mac-route-toolbar .mac-toolbar-center{display:none}
.mac-toolbar.mac-route-toolbar .mac-toolbar-left{gap:7px}
.mac-toolbar.mac-route-toolbar .mac-toolbar-appmark{width:24px;height:24px;border-radius:6px}.mac-toolbar.mac-route-toolbar .mac-toolbar-appmark img{width:20px;height:20px}
.mac-toolbar.mac-route-toolbar .mac-toolbar-shelf{height:28px;padding:2px;background:rgba(116,124,143,.07)}
.mac-toolbar.mac-route-toolbar .mac-toolbar-shelf button{width:24px;height:24px;min-height:24px}
.mac-toolbar.mac-route-toolbar .mac-page-identity{display:grid;gap:0}.mac-toolbar.mac-route-toolbar .mac-page-identity b{font-size:13px;line-height:16px;font-weight:600;color:#202737}.mac-toolbar.mac-route-toolbar .mac-page-identity small{font-size:10px;line-height:12px;color:#7b8495}
.mac-toolbar.mac-route-toolbar .mac-toolbar-right .view-controls{display:none}
.mac-toolbar.mac-route-toolbar .mac-desktop-only{width:26px;height:26px}

/* Erase the remaining legacy black-slab feel on all authenticated app routes. */
body.macos27-clean:not([data-page="dashboard"]){background:#e9edf4;color:#202737}
body.macos27-clean:not([data-page="dashboard"]) .mac-shell{background:#e9edf4}
body.macos27-clean:not([data-page="dashboard"]) .mac-shell-body{padding-top:52px;background:linear-gradient(160deg,#eef3fb,#f6f8fc 42%,#edf4f7)}
body.macos27-clean:not([data-page="dashboard"]) .mac-workspace{background:transparent}
body.macos27-clean:not([data-page="dashboard"]) #appMain{color-scheme:light;color:#202737;background:linear-gradient(155deg,color-mix(in srgb,var(--suite-accent,#248cff) 3.2%,#f7f9fc),#f5f7fb 58%,#f0f4f9);background-color:#f5f7fb;font:400 13px/16px -apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(.liquid-card,.form-card,.table-card,.banking-panel,.query-card,.master-card,.review-card,.screen-card,.portal-card,.connection-card,.settings-card){color:#202737;background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent,#248cff) 3%,rgba(255,255,255,.96)),rgba(255,255,255,.88));border-color:color-mix(in srgb,var(--suite-accent,#248cff) 11%,rgba(72,80,98,.14))}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(h1,h2,h3,h4,b,strong){color:#202737}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(p,small,.muted,.hint,.subtle){color:#687286}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(input,select,textarea){color:#202737;background:rgba(255,255,255,.86);border-color:rgba(78,87,105,.18)}

@media(max-width:900px){
  .app-standard-header{align-items:flex-start;flex-direction:column;padding:16px 18px}
  .app-standard-actions{justify-content:flex-start}
  .app-standard-grid{grid-template-columns:1fr}
  .app-standard-callout{grid-template-columns:34px minmax(0,1fr)}.app-standard-callout>a{grid-column:1/-1;justify-self:start}
  .mac-toolbar.mac-route-toolbar{grid-template-columns:minmax(0,1fr) auto}.mac-toolbar.mac-route-toolbar .mac-page-identity small{display:none}
}
@media(prefers-reduced-motion:reduce){.app-standard-page *{transition-duration:0ms!important;animation-duration:0ms!important}}

/* Hotfix 9 audit: neutralise legacy drawer geometry and oversized SVG rules. */
.suites-launcher{top:auto}
.suites-launcher .app-category-tabs .safe-tab{overflow:hidden;line-height:14px}
.suites-launcher .app-category-tabs .safe-tab :is(.lz-symbol,.ui-icon){width:14px!important;height:14px!important;min-width:14px!important;min-height:14px!important;max-width:14px!important;max-height:14px!important;display:block;flex:0 0 14px}
@media(prefers-reduced-motion:reduce){.suites-launcher,.suites-launcher.is-open{transform:translateX(-50%)!important}}
html.settings-reduce-motion .suites-launcher,html.settings-reduce-motion .suites-launcher.is-open{transform:translateX(-50%)!important}
.mac-toolbar.mac-route-toolbar .mac-route-app-icon{overflow:visible;background:transparent}
.mac-toolbar.mac-route-toolbar .mac-route-app-icon>.livenza-app-icon{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 1px 0 rgba(255,255,255,.46),0 2px 6px rgba(30,42,70,.13)}
.mac-toolbar.mac-route-toolbar .mac-route-app-icon .app-icon-glyph .lz-symbol{width:13px!important;height:13px!important;min-width:13px!important;min-height:13px!important}
body.macos27-clean:not([data-page="dashboard"]) .mascot-companion{display:none}
body.macos27-clean:not([data-page="dashboard"]) .utility-legal-footer{display:none}

/* Hotfix 9 direct-route chrome mirrors the managed app-window titlebar. */
.mac-toolbar.mac-route-toolbar .mac-route-window-controls{display:flex;align-items:center;gap:8px;justify-self:start}
.mac-toolbar.mac-route-toolbar .mac-route-window-title-identity{justify-self:center;display:flex;align-items:center;gap:7px;min-width:0;max-width:70vw}
.mac-toolbar.mac-route-toolbar .mac-route-window-title-identity .mac-window-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:16px;font-weight:600;color:#202737}
.mac-toolbar.mac-route-toolbar .mac-route-app-icon{width:24px;height:24px;border-radius:7px;flex:0 0 24px}
.mac-toolbar.mac-route-toolbar .mac-route-window-actions{justify-self:end;display:flex;align-items:center;gap:3px}
.mac-toolbar.mac-route-toolbar .mac-route-window-actions :is(button,a){width:28px;height:28px;min-height:28px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:#596174;font:600 16px/1 var(--mac-font);cursor:pointer}
.mac-toolbar.mac-route-toolbar .mac-route-window-actions :is(button,a):hover{background:rgba(116,124,143,.10);color:#202737}
body.macos27-clean:not([data-page="dashboard"]) .livenza-easter-egg{display:none}
body.macos27-clean:not([data-page="dashboard"]) #appMain{padding-bottom:calc(var(--mac-dock-height) + 36px)}
@media(max-width:700px){.mac-toolbar.mac-route-toolbar{grid-template-columns:72px minmax(0,1fr) 60px}.mac-toolbar.mac-route-toolbar .mac-route-window-actions a{display:none}}


/* Hotfix 9.1 · vibrant suite refinement */
body.macos27-clean:not([data-page="dashboard"]) #appMain{
  --suite-card-vibrance:10%;
  --suite-accent-3:var(--mac-teal);
  background:
    radial-gradient(circle at 8% 2%,color-mix(in srgb,var(--suite-accent) 10%,transparent),transparent 27%),
    radial-gradient(circle at 94% 8%,color-mix(in srgb,var(--suite-accent-2) 8%,transparent),transparent 25%),
    linear-gradient(155deg,color-mix(in srgb,var(--suite-accent) 4.5%,#f7f9fd),#f5f8fc 52%,color-mix(in srgb,var(--suite-accent-3) 3%,#eef4fa));
  background-color:#f5f8fc;
}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(.liquid-card,.form-card,.table-card,.banking-panel,.query-card,.master-card,.review-card,.screen-card,.portal-card,.connection-card,.settings-card,.stats>div){
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--suite-accent) var(--suite-card-vibrance),rgba(255,255,255,.98)),color-mix(in srgb,var(--suite-accent-2) 4%,rgba(255,255,255,.92)) 62%,rgba(255,255,255,.92));
  border-color:color-mix(in srgb,var(--suite-accent) 18%,rgba(72,80,98,.15));
  box-shadow:0 1px 2px rgba(24,31,49,.04),0 10px 28px color-mix(in srgb,var(--suite-accent) 7%,rgba(28,40,72,.05));
}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(.liquid-card,.form-card,.banking-panel,.query-card,.master-card,.review-card,.screen-card,.portal-card,.connection-card):hover{
  border-color:color-mix(in srgb,var(--suite-accent) 28%,rgba(72,80,98,.18));
  box-shadow:0 14px 34px color-mix(in srgb,var(--suite-accent) 10%,rgba(28,40,72,.07));
}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(input,select,textarea){
  background:color-mix(in srgb,var(--suite-accent) 2.5%,rgba(255,255,255,.94));
  border-color:color-mix(in srgb,var(--suite-accent) 15%,rgba(78,87,105,.18));
}
body.macos27-clean:not([data-page="dashboard"]) #appMain :is(.primary,.query-sheet-btn){
  color:#fff;
  background:linear-gradient(180deg,color-mix(in srgb,var(--suite-accent) 84%,#fff),var(--suite-accent));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.36),0 4px 12px color-mix(in srgb,var(--suite-accent) 22%,transparent);
}
body:is([data-page="electricity_studio"],[data-page="electricity_portal"],[data-page="electricity_register"]) #appMain{
  --suite-accent:#f5b928;
  --suite-accent-2:#ff8a2d;
  --suite-accent-3:#4fcf9b;
  --suite-card-vibrance:13%;
}
body:is([data-page="banking_suite"],[data-page="bank_reconciliation"]) #appMain{--suite-accent-3:#37c99a;--suite-card-vibrance:9%}
body:is([data-page="rooms"],[data-page="tenants"]) #appMain{--suite-accent-3:#37d2bd;--suite-card-vibrance:10%}
body:is([data-page="queries"],[data-page="query_sheet"]) #appMain{--suite-accent-3:#8c62f5;--suite-card-vibrance:10%}
body:is([data-page="whatsapp_workspace"],[data-page="email_workspace"],[data-page="email_message"],[data-page="drive_workspace"]) #appMain{--suite-accent-3:#d85ed7;--suite-card-vibrance:9%}
body:is([data-page="letterhead_studio"],[data-page="letterhead_editor"],[data-page="letterhead_final_review"],[data-page="letterhead_template_editor"],[data-page="letterhead_templates"],[data-page="letterhead_vault"]) #appMain{--suite-accent-3:#4aa9ff;--suite-card-vibrance:10%}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]),
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) .mac-shell,
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) .mac-shell-body{
  background:#252b37;
}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) #appMain{
  color:#f7f8fc;
  background:
    radial-gradient(circle at 8% 0,color-mix(in srgb,var(--suite-accent) 18%,transparent),transparent 30%),
    radial-gradient(circle at 96% 6%,color-mix(in srgb,var(--suite-accent-2) 14%,transparent),transparent 27%),
    linear-gradient(155deg,#2b3240,#252b37 58%,#29313d);
}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) #appMain :is(.liquid-card,.form-card,.table-card,.banking-panel,.query-card,.master-card,.review-card,.screen-card,.portal-card,.connection-card,.settings-card,.stats>div){
  color:#f7f8fc;
  background:linear-gradient(150deg,color-mix(in srgb,var(--suite-accent) 13%,#343b4a),color-mix(in srgb,var(--suite-accent-2) 7%,#2e3542));
  border-color:color-mix(in srgb,var(--suite-accent) 28%,rgba(214,224,250,.16));
}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) #appMain :is(h1,h2,h3,h4,b,strong){color:#f7f8fc}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) #appMain :is(p,small,.muted,.hint,.subtle){color:#c4ccdc}
html[data-appearance="dark"] body.macos27-clean:not([data-page="dashboard"]) #appMain :is(input,select,textarea){color:#f7f8fc;background:color-mix(in srgb,var(--suite-accent) 5%,#343b48);border-color:color-mix(in srgb,var(--suite-accent) 25%,rgba(218,226,247,.18))}

/* Hotfix 9.1 utility colour polish: vivid accents without sacrificing readability. */
body[data-page="electricity_studio"] #appMain .utility-stat{position:relative;overflow:hidden}
body[data-page="electricity_studio"] #appMain .utility-stat::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--utility-accent,var(--suite-accent)),color-mix(in srgb,var(--utility-accent,var(--suite-accent)) 55%,#fff))}
body[data-page="electricity_studio"] #appMain .utility-stat:nth-child(1){--utility-accent:#f5b928;background:linear-gradient(150deg,#fff7d7,#fffdf5 68%)}
body[data-page="electricity_studio"] #appMain .utility-stat:nth-child(2){--utility-accent:#36bff4;background:linear-gradient(150deg,#e9f9ff,#fbfeff 68%)}
body[data-page="electricity_studio"] #appMain .utility-stat:nth-child(3){--utility-accent:#ff875c;background:linear-gradient(150deg,#fff0e9,#fffaf7 68%)}
body[data-page="electricity_studio"] #appMain .utility-stat:nth-child(4){--utility-accent:#4fcf9b;background:linear-gradient(150deg,#eafbf4,#fbfffd 68%)}
body[data-page="electricity_studio"] #appMain .utility-stat b{color:color-mix(in srgb,var(--utility-accent,var(--suite-accent)) 76%,#263041);font-weight:700}
body[data-page="electricity_studio"] #appMain .electricity-admin-grid>.form-card{position:relative;overflow:hidden}
body[data-page="electricity_studio"] #appMain .electricity-admin-grid>.form-card::after{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--suite-accent),var(--suite-accent-3));opacity:.86}


/* Hotfix 10 — Livenza.life identity system */
.brand-logo-light,.brand-logo-on-dark{display:block;max-width:100%;height:auto;object-fit:contain}
html[data-appearance="dark"] .brand-auto .brand-logo-light{display:none}
html:not([data-appearance="dark"]) .brand-auto .brand-logo-on-dark{display:none}
body.macos27-clean:not([data-page="dashboard"]){--suite-accent-3:var(--brand-cyan)}
body.macos27-clean:not([data-page="dashboard"]) #appMain{background-image:radial-gradient(circle at 96% 2%,rgba(16,200,207,.055),transparent 25%),radial-gradient(circle at 4% 96%,rgba(53,208,91,.045),transparent 28%)}
body.macos27-clean .secondary:hover,body.macos27-clean .btn:hover{border-color:rgba(16,200,207,.28);background:linear-gradient(135deg,rgba(53,208,91,.065),rgba(16,200,207,.06)),var(--mac-surface)}
body.macos27-clean .site-footer{border-color:rgba(16,200,207,.13)}
body.macos27-clean .site-footer strong{color:var(--brand-navy)}
html[data-appearance="dark"] body.macos27-clean .site-footer strong{color:#f4f9fd}
.mac-dock{border-color:rgba(123,230,218,.20)}
.mac-dock-running{background:var(--brand-cyan);box-shadow:0 0 7px rgba(16,200,207,.55)}
.mac-dock-launcher .mac-dock-icon{background:linear-gradient(145deg,rgba(6,26,58,.96),rgba(11,49,86,.94));color:#fff}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="core"]{--category-accent:var(--brand-cyan);--category-accent-2:var(--brand-emerald)}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="connections"]{--category-accent:var(--brand-cyan);--category-accent-2:#0e7594}
.suites-launcher .app-category-tabs .safe-tab[data-category-tone="administration"]{--category-accent:#0e7594;--category-accent-2:var(--brand-cyan)}
.system-settings{border-color:rgba(16,200,207,.15)}
.system-settings-sidebar{background:linear-gradient(180deg,rgba(16,200,207,.055),rgba(53,208,91,.025)),rgba(120,120,128,.06)}
.settings-profile-card .settings-avatar-fallback{background:var(--brand-gradient)}
.settings-card{border-color:rgba(16,200,207,.14)!important}
.auth-login-card{border-color:rgba(16,200,207,.16)!important;box-shadow:0 28px 80px rgba(6,26,58,.12)!important}
.auth-login-card .login-logo{width:min(270px,78%);height:auto;margin:0 auto 14px}
.biometric-primary{background:linear-gradient(120deg,var(--brand-navy),#0e5871 68%,#0b8d8e)!important;box-shadow:0 12px 30px rgba(6,26,58,.20)!important}
.kiosk-lock-body{background:radial-gradient(circle at 50% 18%,rgba(16,200,207,.22),transparent 30%),radial-gradient(circle at 22% 80%,rgba(53,208,91,.14),transparent 34%),linear-gradient(145deg,#061a3a,#092744 55%,#041426)!important}
.kiosk-lock-card{border-color:rgba(16,200,207,.18)!important}
.kiosk-lock-card>img{width:min(290px,82%)!important;height:auto;margin:0 auto 8px}
.kiosk-lock-icon{background:linear-gradient(145deg,var(--brand-navy),#0e7594)!important}
.paper-logo{width:230px!important;max-width:48%;height:auto!important;margin:0 auto 24px!important}
.agreement-brand-banner{grid-template-columns:minmax(170px,230px) minmax(0,1fr) auto!important;background:linear-gradient(125deg,rgba(235,252,247,.92),rgba(255,255,255,.70) 48%,rgba(231,250,252,.88))!important;border-color:rgba(16,200,207,.16)!important}
.agreement-brand-banner:after{background:radial-gradient(circle at 50% 50%,rgba(16,200,207,.08),transparent 52%)!important}
.agreement-brand-mark{width:100%!important;height:92px!important;display:grid!important;place-items:center!important}
.agreement-brand-mark img{width:min(210px,100%)!important;height:auto!important;filter:drop-shadow(0 10px 16px rgba(6,26,58,.10))!important}
.agreement-brand-mark i{display:none!important}
.agreement-brand-banner h2,.agreement-trust-badge b{color:var(--brand-navy)!important}
.agreement-brand-banner p,.agreement-trust-badge small{color:#476175!important}
.agreement-trust-badge>span{background:rgba(53,208,91,.12)!important;color:#12844e!important}
.agreement-wizard-nav button.active{background:linear-gradient(135deg,rgba(53,208,91,.10),rgba(16,200,207,.10))!important;color:var(--brand-navy)!important}
.agreement-wizard-nav button.active span{background:var(--brand-gradient)!important;color:#fff!important}
.preset-profile{background:linear-gradient(125deg,var(--brand-navy),#0e5871 70%,#0b8d8e)!important}
.letterhead-brand-logo{display:block;width:min(240px,58%);height:auto;margin:0 0 14px;object-fit:contain}
.letterhead-paper-brand{color:var(--brand-navy)!important;border-bottom-color:rgba(16,200,207,.55)!important}
.livenza-easter-egg{width:62px!important;height:62px!important;opacity:.12!important;filter:none!important}
.livenza-easter-egg img{filter:drop-shadow(0 8px 18px rgba(6,26,58,.18))}

:root{--auth-focus:var(--brand-cyan);--livenza-ink:var(--brand-navy);--livenza-copy:#52677a;--livenza-neutral:#0e7594;--livenza-sky:var(--brand-cyan)}
.auth-login-card h1,.auth-field>label,.auth-input-frame input{color:var(--brand-navy)!important}
.auth-login-card>.muted,.field-feedback,.auth-method-link,.auth-fallback-divider,.pattern-selection-status{color:#5c6f80!important}
.auth-input-frame{border-color:rgba(6,26,58,.13)!important;box-shadow:0 3px 12px rgba(6,26,58,.035)!important}
.auth-input-frame:hover{border-color:rgba(16,200,207,.35)!important}
.auth-input-frame:focus-within{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 4px rgba(16,200,207,.12),0 9px 24px rgba(6,26,58,.08)!important}
.password-visibility-toggle{color:#426173!important}.password-visibility-toggle:hover,.password-visibility-toggle.is-visible{background:rgba(16,200,207,.08)!important;color:#0e7594!important}
.auth-method-link:hover{color:#0e7594!important;text-decoration-color:var(--brand-cyan)!important}
.credential-skeleton{background:linear-gradient(145deg,rgba(53,208,91,.055),rgba(16,200,207,.055))!important;border-color:rgba(16,200,207,.12)!important}
.gesture-matrix.pattern-grid{background:linear-gradient(145deg,#f8fcfd,#edf9f7)!important;border-color:rgba(16,200,207,.12)!important}
.pattern-grid>button:hover{border-color:rgba(16,200,207,.38)!important}.pattern-grid>button.selected{background:linear-gradient(145deg,rgba(53,208,91,.09),#fff)!important;border-color:var(--brand-cyan)!important;box-shadow:0 0 0 3px rgba(16,200,207,.10)!important}
.pattern-grid>button.selected span{background:var(--brand-gradient)!important}.pattern-grid>button.selected:after{color:#0e7594!important}
.pattern-clear-button:hover{background:rgba(16,200,207,.06)!important;border-color:rgba(16,200,207,.30)!important;color:#0e7594!important}
body.macos27-clean input[type=checkbox],body.macos27-clean input[type=radio]{accent-color:var(--brand-cyan)}
.term-help{background:rgba(16,200,207,.07)!important;border-color:rgba(16,200,207,.20)!important;color:#0e7594!important}
.term-help:hover:after,.term-help:focus-visible:after{background:var(--brand-navy)!important}
.agreement-preset-cards button,.agreement-section,.more-presets{border-color:rgba(16,200,207,.11)!important}
.agreement-preset-cards button{color:var(--brand-navy)!important;background:linear-gradient(145deg,rgba(16,200,207,.035),rgba(255,255,255,.88))!important}
.agreement-preset-cards button>span,.agreement-section>summary>span{background:rgba(16,200,207,.08)!important;color:#0e7594!important}
.agreement-preset-cards button.selected{border-color:rgba(16,200,207,.46)!important;background:linear-gradient(145deg,rgba(53,208,91,.075),rgba(255,255,255,.96))!important}
.agreement-section>summary{color:var(--brand-navy)!important}.agreement-section>summary>span{color:#0e7594!important}
.security-chip{background:rgba(53,208,91,.11)!important;color:#137d4d!important}
.appearance-sample.selected,.appearance-sample[aria-pressed="true"],.wallpaper-choice[aria-checked="true"]{border-color:var(--brand-cyan)!important;box-shadow:0 0 0 2px rgba(16,200,207,.16)!important}
.wallpaper-upload-button{background:var(--brand-gradient)!important}
@media(max-width:660px){.desktop-menu-logo{width:80px;padding-inline:2px}.desktop-menu-logo img{width:72px}.desktop-active-app{max-width:72px}.agreement-brand-banner{grid-template-columns:1fr!important}.agreement-brand-mark{height:64px!important;justify-items:start!important}.agreement-brand-mark img{width:170px!important}.paper-logo{max-width:68%!important}}
@media print{.paper-logo{width:185px!important;max-width:48%!important}.letterhead-brand-logo{width:190px!important}}