/* Approved Shangbo Graphite & Mint theme. Content remains clear; glass frames controls. */
html:root{color-scheme:dark;--ink:#eff4f2;--muted:#adbdb7;--quiet:#9cafa4;--canvas:#161a1d;--panel-solid:#222c28;--panel-raised:#293630;--line:rgba(195,218,207,.17);--line-soft:rgba(195,218,207,.09);--brand:#85d6b3;--brand-soft:rgba(133,214,179,.12);--green:#85d6b3;--green-soft:rgba(133,214,179,.12);--amber:#efca86;--red:#f3a0a8;--body:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",sans-serif}
html body{background:radial-gradient(ellipse at 10% 0%,#293b36 0,transparent 42%),radial-gradient(ellipse at 94% 35%,#202f2b 0,transparent 42%),#161a1d;background-attachment:fixed;color:var(--ink)}
[hidden]{display:none!important}.shell{width:100%;max-width:88rem;padding:1.5rem 1rem 3rem}html header.top h1{font-weight:620;letter-spacing:-.045em;font-size:clamp(1.8rem,4vw,3rem)}
#dash{gap:1.25rem}#dash .panel,#dash .overview-hero,#dash .overview-detail,#dash .overview-box,#dash .overview-status article,.login-wrap{background:linear-gradient(135deg,#252e2c,#1e2625);border:1px solid var(--line);border-radius:1.4rem;box-shadow:inset 0 1px 0 #ffffff08,0 8px 24px #00000015;backdrop-filter:none;-webkit-backdrop-filter:none;min-width:0}
#dash .overview-detail>.panel,#dash .overview-detail>.grid-2,#dash .overview-detail>.grid-3{border:0;box-shadow:none;background:transparent}
#dash .overview-hero{padding:1.3rem}#dash .overview-box{padding:1.3rem}.overview-detail>summary{padding:1.2rem 1.4rem}.overview-heading h2,.section-title{font-weight:600;letter-spacing:-.025em}
html header.top .top-tools,#dash .overview-nav,html .drill-head,html .overview-action,html .button:not(.primary),html .workflow-info-button,html .overview-info{background:linear-gradient(145deg,#e0f0e51c,#a3c2b509);border:1px solid #d7e9df38;box-shadow:inset 0 1px 0 #ffffff26,0 8px 24px #00000020;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);color:var(--ink)}
html header.top .top-tools{border-radius:1.4rem;padding:.7rem 1rem}html header.top .global-search input{min-height:2.75rem;background:transparent;border:0;border-radius:1rem}#dash .overview-nav{border-radius:1.5rem;padding:.3rem;gap:.2rem;max-width:100%}#dash .overview-nav button{border-radius:1.2rem;min-height:2.75rem;padding:.5rem .95rem;color:#c5d4ce;font-family:var(--body)}#dash .overview-nav button.active{background:linear-gradient(145deg,#d6f5e729,#b0e2cd12);color:#def8eb;border:1px solid #b4e5ce40;box-shadow:inset 0 1px 0 #ffffff26}
html .button,html .overview-action{border-radius:1rem;min-height:2.75rem}html .button.primary{background:var(--brand);color:#10271c;border-color:#a9e4c8}.builder-credit{background:#ffffff06;color:var(--muted)}
#dash .overview-metric{background:linear-gradient(135deg,#29342f,#1f2a25)!important;border:1px solid var(--line)!important;border-radius:1.3rem;min-width:0;box-shadow:inset 0 1px 0 #ffffff08;text-align:left}#dash .overview-metric strong{font-family:var(--body);font-variant-numeric:tabular-nums;font-size:2.5rem;font-weight:600;letter-spacing:-.045em;color:var(--ink)}#dash .overview-metric span{color:#c4d2cc}#dash .overview-metric small{color:var(--brand);font-size:.78rem}#dash .overview-metric:hover{border-color:#85d6b380!important;background:#2c3b35!important}
#dash .overview-flow button{background:#19221f!important;border-radius:1rem;border-color:var(--line)!important;min-width:0}#dash .overview-flow button:hover{border-color:var(--brand)!important}#dash .overview-bars i{background:linear-gradient(#b1ebce,#529f80);box-shadow:inset 0 1px 0 #ffffff55;border-radius:.4rem .4rem .1rem .1rem}.today-story .story-link:hover{color:#d8f5e6;border-color:var(--brand)}
#dash .overview-status{grid-template-columns:1fr}#dash .overview-status article{padding:1.25rem}.overview-status b{font-size:.95rem}.overview-status p{font-size:.83rem;line-height:1.65}.workflow-card-heading{align-items:center}.workflow-info-button,.overview-info{width:2.75rem;height:2.75rem;flex-shrink:0}.workflow-tooltip{background:#293630;color:#dbe6df;border-color:#85d6b355;border-radius:1rem;box-shadow:0 12px 30px #0008}.workflow-toggle .toggle-track{box-shadow:inset 0 1px 0 #ffffff19}.workflow-toggle[aria-checked=true] .toggle-track{background:#8eddb51c;border-color:#8eddb54a}.workflow-toggle[aria-checked=true] .toggle-thumb{background:#c5ffe0}
.speed-field input{background:#ffffff09;min-height:2.75rem;border-radius:1rem;padding:.6rem .8rem}.speed-field{font-size:.85rem}html select{background:var(--panel-raised);color:var(--ink);min-height:2.75rem;border:1px solid var(--line);border-radius:1rem}html input{accent-color:var(--brand)}
html .table-wrap{max-width:100%;overflow:auto}html .grid-2,html .grid-3{min-width:0}html .table-wrap table{font-size:.83rem}html td,html th{overflow-wrap:anywhere}html dialog{background:#222c28;color:var(--ink);border:1px solid var(--line);border-radius:1.5rem;max-width:calc(100vw - 1.5rem)}html dialog::backdrop{background:#020813bb;backdrop-filter:blur(5px)}html .drill-head{border-radius:1.4rem 1.4rem 0 0}.email-detail-stat{background:#293630;border-color:var(--line)}.email-detail-summary{background:linear-gradient(135deg,#85d6b312,transparent)}
html button:focus-visible,html a:focus-visible,html summary:focus-visible,html input:focus-visible,html select:focus-visible{outline:3px solid #b1ebce;outline-offset:3px}html .foot{color:var(--muted)}
@media(max-width:639px){html body{background-attachment:scroll}.brandline{flex-wrap:wrap}html header.top .global-search{flex-basis:100%;width:100%}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}#dash .overview-metric{padding:1rem!important}#dash .overview-metric strong{font-size:2rem}#dash .overview-nav button{flex:1 1 28%;padding:.5rem .45rem}#dash .overview-heading{align-items:flex-start}.overview-split{grid-template-columns:1fr}.overview-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-tooltip{position:fixed;top:auto;bottom:1rem;right:1rem;left:1rem;width:auto;max-height:60vh}.drill-tools{width:100%}.drill-tools input{min-width:0;flex:1 1 100%}.funnel-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.overview-detail>summary{overflow-wrap:anywhere}}
@media(min-width:640px){.shell{padding:2rem 2rem 3rem}#dash .overview-hero,#dash .overview-box{padding:1.6rem}#dash .overview-status{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1024px){#dash .overview-status{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){#dash .overview-status{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(prefers-reduced-transparency:reduce){html header.top .top-tools,#dash .overview-nav,html .drill-head,html .overview-action,html .button:not(.primary),html .workflow-info-button,html .overview-info{backdrop-filter:none;-webkit-backdrop-filter:none;background:#293630}html dialog::backdrop{backdrop-filter:none}}
@media(prefers-contrast:more){html:root{--line:#93afa0;--muted:#dce9e2}#dash .panel,#dash .overview-hero,#dash .overview-detail,#dash .overview-box,#dash .overview-status article{background:#17231d;border-color:#93afa0}}
@supports not (backdrop-filter:blur(1px)){html header.top .top-tools,#dash .overview-nav,html .drill-head,html .overview-action{background:#293630}}
/* Native Windows select popups need explicit option colors as well as select colors. */
html select,html .workflow-setting select{color-scheme:dark;color:#eff4f2}
html select option,html select optgroup{background-color:#25302c;color:#eff4f2}
html select option:checked{background-color:#3b5a4b;color:#ffffff}
.workflow-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.workflow-section-heading h3{font-size:clamp(1.4rem,2.5vw,2rem);letter-spacing:-.035em;margin:.2rem 0 .5rem}.integrated-workflows article{display:flex;flex-direction:column;padding:1.5rem!important;min-height:22rem}.integrated-workflows .workflow-card-heading{margin-bottom:1.25rem}.integrated-workflows .workflow-card-heading b{font-size:1rem}.workflow-run-status{color:var(--green);font-size:.85rem}.workflow-run-status::before{content:'';display:inline-block;width:.45rem;height:.45rem;background:currentColor;border-radius:50%;margin-right:.5rem}.workflow-run-status.run-error{color:var(--red)}.workflow-last-run{margin:.45rem 0 1.25rem!important}.workflow-switch-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.82rem;color:var(--muted)}.workflow-switch-row .workflow-toggle{margin:0}.workflow-setting{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:4.5rem;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted)}.workflow-setting select{width:auto;max-width:55%;padding:.5rem .85rem;background:linear-gradient(145deg,#e0f0e51c,#a3c2b509);box-shadow:inset 0 1px 0 #ffffff20;border-radius:1.1rem;min-height:2.9rem;font-size:.82rem}.workflow-setting:first-child{margin-top:1rem}.workflow-window{border-top:1px solid var(--line);font-size:.75rem;color:var(--muted);padding-top:.5rem}.workflow-window summary,.workflow-recent summary{min-height:2.75rem;cursor:pointer;line-height:1.6}.workflow-recent{margin-top:auto;padding-top:1.2rem;color:var(--muted);font-size:.8rem}.workflow-trigger-note{color:var(--muted);padding-top:1rem}.workflow-save{margin-top:.75rem}.workflow-form-note{font-size:.75rem!important}