body.dash{min-height:100vh;background:var(--bg);color:var(--fg)}
body.dash::before{content:'';position:fixed;inset:0;background-image:var(--bg-url);background-size:cover;background-position:center;opacity:var(--imgdim);pointer-events:none;z-index:-2}
body.dash::after{content:'';position:fixed;inset:0;background:var(--ov);pointer-events:none;z-index:-1}

.desk{padding:14px var(--pad) 24px;display:grid;gap:12px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}
.widget{grid-column:span 12;background:var(--glass2);border:1px solid var(--line);border-radius:var(--r);padding:12px;min-width:0}
.widget.compact{padding:10px}
.widget.w2{grid-column:span 6}
.widget.w3{grid-column:span 4}
.widget.w4{grid-column:span 3}
.widget.flat{padding:10px}
.widget h2,.widget h3{margin:0 0 10px;font-size:15px}
.widget .head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.widget .meta{font-size:12px;color:var(--fg2)}
.widget .actions{display:flex;gap:8px;flex-wrap:wrap}
.widget .grid{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(78px,1fr))}
.icon_tile{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);cursor:pointer;min-height:74px}
.icon_tile img,.tiny_icon img{width:26px;height:26px;border-radius:8px;display:block}
.tiny_row{display:flex;gap:8px;flex-wrap:wrap}
.tiny_icon{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);display:grid;place-items:center;cursor:pointer}
.rowlist{display:grid;gap:8px}
.rowitem{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg2);border:1px solid var(--line);font-size:12px}
.clockgrid{display:grid;gap:8px}
.clockrow{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.clockrow .time{font-size:18px;font-family:var(--mono)}
.currencygrid,.weathergrid{display:grid;gap:8px}
.currencyrow,.weatherrow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--bg2)}
.searchbox{display:flex;gap:10px;align-items:center}
.searchbox .inp{flex:1}
.host{position:fixed;inset:0;z-index:80;pointer-events:none}
.app_layer{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--ov);backdrop-filter:blur(6px);pointer-events:auto}
.app_layer[hidden]{display:none}
.app_top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--glass)}
.app_tt{font-family:var(--mono);font-size:13px}
.app_if{flex:1;width:100%;border:0;display:block}
@media (max-width: 900px){.widget.w2,.widget.w3,.widget.w4{grid-column:span 12}}