/* pay82: modern digital toolbar skin; all existing controls/actions stay in place. */
:root[data-appearance=day] #app .topbar{border-color:#b9d3de;background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(239,248,251,.88) 52%,rgba(241,242,255,.9));}
#app .topbar{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;min-width:0;margin-bottom:26px;padding:13px 16px;border:1px solid #b9d3de;border-radius:17px;background:linear-gradient(115deg,rgba(255,255,255,.92),rgba(239,248,251,.88) 52%,rgba(241,242,255,.9));box-shadow:0 9px 26px #153b5010,inset 0 1px #ffffffd9;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#app .topbar:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,#159f9c 22%,#42baf0 58%,#9271ed 82%,transparent);opacity:.82;transform-origin:left;animation:sawda-toolbar-edge82 7s ease-in-out infinite}
#app .topbar>div:first-child{flex:1 1 150px;min-width:130px}
#app .topbar .eyebrow{color:#527c91;font-size:9px;font-weight:800;letter-spacing:.18em}
#app .topbar h1{color:#16364b;font-size:25px;letter-spacing:-.035em}
#app .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;flex:0 1 auto}
#app .header-actions .assistant-launch43,#app .header-actions .workspace-utilities button,#app .header-actions #refresh,#app .header-actions #sawda-reload-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:0 13px;border:1px solid #b7d2df;border-radius:11px;background:linear-gradient(145deg,#ffffffd9,#eaf4f8d9);color:#1a536c;font-size:11px;font-weight:750;white-space:nowrap;box-shadow:inset 0 1px #ffffffd9,0 3px 9px #143b4c0b;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
#app .header-actions .assistant-launch43{background:linear-gradient(110deg,#e0f5f2,#e9f4fc);border-color:#9ecfcf;color:#075d63}
#app .header-actions .assistant-launch43 svg,#app .header-actions .workspace-utilities svg{width:17px;height:17px;stroke:currentColor;flex:none}
#app .header-actions .workspace-utilities{display:flex;align-items:center;gap:7px;min-width:0}
#app .header-actions .workspace-utilities button[data-action=global-search]{min-width:94px}
#app .header-actions .workspace-utilities button[data-action=notifications]{width:42px;min-width:42px;padding:0}
#app .header-actions #notice-count:not(:empty){position:absolute;top:5px;right:6px;min-width:7px;height:7px;padding:0;border-radius:50%;background:#f26c8b;color:transparent;box-shadow:0 0 8px #f26c8b88}
#app .header-actions #appearance{height:41px;min-width:105px;padding:0 31px 0 12px;border:1px solid #a9c7d7;border-radius:11px;background-color:#f8fcfe;color:#173c53;font-size:11px;font-weight:750;outline:none;box-shadow:inset 0 1px #fff;cursor:pointer}
#app .header-actions #sync-state{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 4px;color:#658397;font-size:9px;white-space:nowrap;font-variant-numeric:tabular-nums}
#app .header-actions #sync-state:before{content:"";width:6px;height:6px;flex:none;border-radius:50%;background:#24bba9;box-shadow:0 0 8px #24bba966}
#app .header-actions #refresh{background:linear-gradient(110deg,#e1f4f1,#eaf2fc);border-color:#8dcac8;color:#0c676c}
#app .header-actions #sawda-reload-button{background:linear-gradient(110deg,#e4f8f5,#e9efff);border-color:#70c7c2;color:#075f69}
#app .header-actions #sawda-reload-button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
#app .header-actions #refresh:disabled{opacity:.62;cursor:wait}
#app .header-actions .avatar{display:grid;place-items:center;flex:none;width:41px;height:41px;padding:0;border:1px solid transparent;border-radius:12px;background:linear-gradient(#f7fbff,#f7fbff) padding-box,linear-gradient(135deg,#20d7c5,#4caef3,#9273f3) border-box;color:#1b4c65;font-size:14px;font-weight:850;box-shadow:0 3px 12px #24618a16}
#app .header-actions :is(button,select):focus-visible{outline:2px solid #19bcae;outline-offset:3px}
#app .header-actions :is(button,select):not(:disabled):hover{transform:translateY(-2px);border-color:#31bdbb;box-shadow:0 0 0 3px #2dc9c018,0 6px 15px #0e4d6316,inset 0 1px #ffffffd9}
:root[data-appearance=night] #app .topbar{border-color:#294b60;background:linear-gradient(115deg,rgba(10,31,48,.96),rgba(13,38,57,.94) 52%,rgba(24,31,59,.94));box-shadow:0 12px 32px #0003,inset 0 1px #ffffff12}
:root[data-appearance=night] #app .topbar .eyebrow{color:#8eb4c5}
:root[data-appearance=night] #app .topbar h1{color:#eaf5fc}
:root[data-appearance=night] #app .header-actions :is(.assistant-launch43,.workspace-utilities button,#refresh,#sawda-reload-button){border-color:#315b70;background:linear-gradient(145deg,#17384d,#10283b);color:#d8f4f7;box-shadow:inset 0 1px #ffffff10,0 4px 12px #0002}
:root[data-appearance=night] #app .header-actions .assistant-launch43{background:linear-gradient(110deg,#164c50,#183b55);border-color:#277b7c;color:#aaf5e9}
:root[data-appearance=night] #app .header-actions #sawda-reload-button{background:linear-gradient(110deg,#16464d,#1b3151);border-color:#36bdb5;color:#c7fff8;box-shadow:0 0 12px #21d7c31a,inset 0 1px #ffffff18}
:root[data-appearance=night] #app .header-actions #appearance{background-color:#102b40;color:#e5f3fc;border-color:#3c667a;color-scheme:dark}
:root[data-appearance=night] #app .header-actions #sync-state{color:#a4bdcd}
:root[data-appearance=night] #app .header-actions .avatar{background:linear-gradient(#102b40,#102b40) padding-box,linear-gradient(135deg,#28dfce,#4b9ff2,#9b73ff) border-box;color:#e8fbff}
:root[data-appearance=compact] #app .topbar{padding:9px 12px;margin-bottom:19px;border-radius:13px;border-color:#c4d7e3;background:linear-gradient(115deg,#f8fcff,#edf5fa 55%,#f0f0fb);box-shadow:0 5px 17px #173a4d0c,inset 0 1px #fff}
:root[data-appearance=compact] #app .topbar h1{font-size:22px}
:root[data-appearance=compact] #app .header-actions{gap:6px}
:root[data-appearance=compact] #app .header-actions :is(.assistant-launch43,.workspace-utilities button,#refresh,#sawda-reload-button,#appearance){min-height:35px;height:35px;padding-left:9px;padding-right:9px;border-radius:9px;font-size:10px}
:root[data-appearance=compact] #app .header-actions .workspace-utilities button[data-action=notifications]{width:36px;min-width:36px;padding:0}
:root[data-appearance=compact] #app .header-actions .avatar{width:35px;height:35px;border-radius:10px}
:root[data-appearance=compact] #app .header-actions #sync-state{font-size:8px}
@keyframes sawda-toolbar-edge82{0%,100%{opacity:.35;transform:scaleX(.72)}50%{opacity:.95;transform:scaleX(1)}}
@media(max-width:1050px){#app .topbar{align-items:flex-start;flex-wrap:wrap}#app .header-actions{width:100%;justify-content:flex-end;flex-wrap:wrap}#app .header-actions #sync-state{margin-right:auto}}
@media(max-width:650px){#app .topbar{padding:11px 12px;gap:8px}#app .topbar>div:first-child{flex-basis:100%}#app .topbar h1{font-size:21px}#app .header-actions{justify-content:flex-start;gap:6px}#app .header-actions .assistant-launch43{min-height:36px;padding:0 9px}#app .header-actions .assistant-launch43 span{display:none}#app .header-actions .workspace-utilities button[data-action=global-search]{min-width:36px;width:36px;padding:0}#app .header-actions .workspace-utilities button[data-action=global-search] span{display:none}#app .header-actions .workspace-utilities button[data-action=notifications]{width:36px;min-width:36px}#app .header-actions #appearance{min-width:88px;max-width:100px}#app .header-actions #sync-state{display:none}#app .header-actions #refresh,#app .header-actions #sawda-reload-button{min-height:36px;height:36px;padding:0 9px}#app .header-actions .avatar{display:grid;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){#app .topbar:after{animation:none!important}#app .header-actions :is(button,select){transition:none!important}}
/* pay92: requested compact icon-only mobile toolbar; desktop text is retained. */
#app .header-actions #refresh svg{width:17px;height:17px;flex:none}
@media(max-width:650px){
 #app .topbar>div:first-child{display:none}
 #app .header-actions{justify-content:flex-end;gap:5px}
 #app .header-actions .workspace-utilities{gap:5px}
 #app .header-actions :is(.assistant-launch43,.workspace-utilities button,#refresh,#sawda-reload-button){width:32px;min-width:32px;height:34px;min-height:34px;padding:0;gap:0}
 #app .header-actions :is(.assistant-launch43,.workspace-utilities button,#refresh,#sawda-reload-button) span{display:none}
 #app .header-actions #appearance{width:80px;min-width:80px;max-width:80px;height:34px;padding:0 5px}
 #app .header-actions .avatar{width:32px;height:34px;min-width:32px}
}