/* Home surfaces: opacity controls visibility; matte controls diffusion and highlights. */
body .home-quick button,
body .header-tools {
  background-image:linear-gradient(155deg,rgba(255,255,255,var(--button-gloss)),transparent 45%,rgba(255,255,255,var(--button-matte-tint)));
}
body #navigation {
  background-image:linear-gradient(110deg,rgba(255,255,255,var(--navigation-gloss)),transparent 48%,rgba(255,255,255,var(--navigation-matte-tint)));
}
body .settings-button,body .settings-button[aria-current="page"] {
  background-image:linear-gradient(140deg,rgba(255,255,255,var(--settings-gloss)),transparent 48%,rgba(255,255,255,var(--settings-matte-tint)));
}
body .home-preview-row {
  background-image:linear-gradient(165deg,rgba(255,255,255,var(--preview-gloss)),transparent 48%,rgba(255,255,255,var(--preview-matte-tint)));
}
body .home-filter-trigger {
  background-image:linear-gradient(155deg,rgba(255,255,255,var(--filter-gloss)),transparent 48%,rgba(255,255,255,var(--filter-matte-tint)));
}
body .assistant-panel {
  background-image:linear-gradient(145deg,rgba(255,255,255,var(--chat-gloss)),transparent 38%,rgba(255,255,255,var(--chat-matte-tint))),linear-gradient(145deg,rgba(36,54,67,var(--chat-alpha-top)),rgba(22,38,49,var(--chat-alpha-bottom)));
}
/* Quick actions always use the same fine outlines as the resting navigation. */
body .home-quick .icon{filter:none}
/* In daylight the navigation keeps its outline, including on hover and focus. */
body[data-wall-period="day"] .rail-button .nav-icon-glow{display:none}
body[data-wall-period="day"] .rail-button .nav-icon-rest{opacity:.88}
body[data-wall-period="day"] .rail-button[aria-current="page"] .nav-icon-rest{opacity:1}
body[data-wall-period="day"] .rail-button::before{background:transparent;border-color:transparent}
body[data-wall-period="day"] .rail-button[aria-current="page"]::before{background:rgba(var(--accent-rgb),.13);border-color:rgba(var(--accent-rgb),.13)}
body[data-wall-period="day"] .settings-button{background-color:rgba(var(--chrome-rgb),var(--settings-alpha,.24))}
/* A crisp oval edge indicates the pointer without changing saved fill or size. */
body{--home-hover-edge:#dceaf08c;--home-hover-ring:#dceaf023;--home-urgent-hover-edge:#ed887a;--home-urgent-hover-ring:#ed887a33}
body[data-wall-period="day"]{--home-hover-edge:#203d5180;--home-hover-ring:#203d5123;--home-urgent-hover-edge:#9d372e;--home-urgent-hover-ring:#bb493f33}
body .home-quick button,
body .home-preview-row{transition:border-color .16s ease,box-shadow .16s ease}
@media(hover:hover){
  body .home-quick button:hover,
  body .home-preview-row:not(.urgent-mail):hover{border-color:var(--home-hover-edge);box-shadow:0 0 0 1px var(--home-hover-ring)}
  body[data-wall-period="day"] .home-mail-card:not(.urgent-mail):hover{border-color:var(--home-hover-edge);box-shadow:0 0 0 1px var(--home-hover-ring)}
  body .home-mail-card.urgent-mail:hover,
  body[data-wall-period="day"] .home-mail-card.urgent-mail:hover{border-color:var(--home-urgent-hover-edge);box-shadow:0 0 0 1px var(--home-urgent-hover-ring),0 0 9px var(--home-urgent-hover-ring)}
}
body .home-quick button:focus-visible,
body .home-preview-row:not(.urgent-mail):focus-visible,
body .preview-task:has(:focus-visible){border-color:var(--home-hover-edge);box-shadow:0 0 0 1px var(--home-hover-ring)}
body[data-wall-period="day"] .home-mail-card:not(.urgent-mail):focus-visible{border-color:var(--home-hover-edge);box-shadow:0 0 0 1px var(--home-hover-ring)}
.appearance-panel .opacity-profiles{margin-bottom:12px}
.appearance-panel .opacity-profile-hint{margin:0 0 15px;font-size:11px}
.surface-controls{min-width:0;padding:11px 13px;border:1px solid #dceaf021;border-radius:12px;background:#dceaf004}
.surface-controls h3{font-size:12px;font-weight:550;line-height:1.4;margin-bottom:8px;color:#eff5f8}
#tuner-opacity .surface-controls .tuner-field+.tuner-field{margin-top:7px}
.surface-controls input[type="range"]{height:22px}
.surface-controls .tuner-label{font-size:10px;gap:4px}
.surface-controls .tuner-label output{font-size:10px}
.surface-controls .tuner-scale{font-size:9px;margin-top:2px}
.appearance-save{position:sticky;bottom:-17px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px;padding:13px 0;border-top:1px solid #dceaf021;background:#253944}
.appearance-save [role="status"]{font-size:10px;color:#c6d9df;line-height:1.5}
.appearance-save .tuner-action{margin:0;flex:none}
/* Fill the viewport around persistent navigation and a single header. */
body[data-expanded="true"]{background:#19242e;--section-header:72px}
body[data-expanded="true"] .wallpaper{visibility:hidden}
body[data-expanded="true"] .atmosphere{background:#19242e}
body[data-expanded="true"] .app-header{height:var(--section-header);padding:0 28px;gap:20px;background:#19242e}
body[data-expanded="true"] .workspace{top:var(--section-header);bottom:0;left:var(--rail);right:0;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;background:#1c2833}
body[data-expanded="true"] .settings-page{max-width:none}
body[data-expanded="true"] .task-page{max-width:none}
body[data-expanded="true"] .rail{background:#19242e}
body[data-expanded="true"] .assistant-trigger{bottom:18px}
body[data-expanded="true"] .page-pad{padding-bottom:82px}
body[data-expanded="true"] .note-editor{padding-bottom:82px}
body[data-expanded="true"] .calendar-page{padding-bottom:72px}
@media(max-width:650px){
  body[data-expanded="true"]{--section-header:64px}
  body[data-expanded="true"] .app-header{padding:0 13px;gap:8px}
  .surface-controls{padding:10px}
  .surface-controls h3{font-size:11px;min-height:30px}
  .surface-controls .tuner-label{font-size:9px}
  #tuner-opacity{gap:10px}
}