:root{--navy:#020817;--navy2:#061329;--navy3:#0b1f3b;--gold:#dca04b;--gold2:#efbd69;--text:#eef2f8;--muted:#8ea3bf;--border:rgba(255,255,255,.08);--card:rgba(9,24,49,.9)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:linear-gradient(135deg,var(--navy),var(--navy2) 50%,#081a36);-webkit-font-smoothing:antialiased}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}
.topbar{height:74px;position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 28px;background:rgba(2,8,23,.96);border-bottom:1px solid var(--border);backdrop-filter:blur(15px)}
.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:48px;height:48px;border:1px solid rgba(220,160,75,.4);border-radius:12px;display:grid;place-items:center;color:var(--gold);font-size:26px}.wise{font-size:25px;font-weight:800;letter-spacing:2px;color:var(--gold)}.brand-sub{font-size:12px;letter-spacing:.5px}.top-actions{display:flex;align-items:center;gap:14px}.secure{font-size:13px;color:#c8d8ea}.secure i,.secure-line:before{display:inline-block;width:9px;height:9px;border-radius:50%;background:#31c878;box-shadow:0 0 12px #31c878;margin-right:7px;content:""}.top-avatar,.avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(220,160,75,.4);display:grid;place-items:center;background:#15395f;font-weight:700;color:white;overflow:hidden}.top-avatar img,.avatar img{width:100%;height:100%;object-fit:cover}.logout,.outline,.primary,.toolbar button{border:1px solid rgba(220,160,75,.6);border-radius:9px;background:rgba(220,160,75,.06);color:var(--gold2);padding:9px 14px}.logout{border-color:var(--border);color:var(--text);background:rgba(255,255,255,.03)}
.shell{min-height:100vh;padding-top:74px}.sidebar{position:fixed;top:74px;bottom:0;left:0;width:252px;padding:28px 18px;background:rgba(3,14,30,.97);border-right:1px solid var(--border);overflow:auto}.nav{width:100%;height:47px;margin-bottom:5px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aab7cb;text-align:left;padding:0 14px;font-weight:600}.nav:hover{background:rgba(255,255,255,.035);color:white}.nav.active{background:linear-gradient(90deg,rgba(220,160,75,.12),rgba(20,58,98,.5));border-color:rgba(220,160,75,.15);color:var(--gold2)}.nav span{margin-left:12px}.account-card{margin-top:25px;padding:18px;border:1px solid rgba(220,160,75,.25);border-radius:15px;background:rgba(9,24,49,.65);display:flex;flex-direction:column;gap:7px}.account-card .avatar{margin-bottom:5px}.account-card small{color:var(--muted);font-size:11px}.account-card strong{font-size:14px}.email{font-size:11px;color:#c8d8ea;word-break:break-all}.secure-line{font-size:11px;color:#7bdba4;margin-top:5px}.secure-line:before{width:6px;height:6px;box-shadow:none;margin-right:5px}
.main{margin-left:252px;padding:34px 34px 0;min-height:calc(100vh - 74px)}.view{display:block}.hidden{display:none!important}.hero{min-height:190px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 75% 15%,rgba(30,78,135,.22),transparent 35%)}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.22em}.hero h1{font-size:34px;margin:12px 0 8px}.hero p,.subhead p{color:var(--muted);margin:0}.datetime{display:flex;flex-direction:column;gap:12px;color:#c8d8ea;font-size:13px;text-align:right}.section-head,.subhead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:25px 0 16px}.section-head h2,.subhead h2{margin:0;font-size:20px}.apps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.app-card{min-height:145px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(10,29,56,.95),rgba(7,20,42,.95));padding:20px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:.2s;box-shadow:0 12px 35px rgba(0,0,0,.12)}.app-card:hover{transform:translateY(-2px);border-color:rgba(220,160,75,.35);background:#0f2a4e}.app-card strong{font-size:15px;margin:10px 0 4px}.app-card small{font-size:11px;color:var(--muted);line-height:1.5}.ico{font-style:normal;font-size:26px;font-weight:800}.ms{color:#fff}.one,.out{color:#4aa3ff}.gm{color:#ea4335}.ad{color:#ff4b4b}.ic{color:#55aaff}.cg{color:#55d6be}.gd{color:#4c9aff}.cal{color:#4285f4}.keep{color:#f0c84b}
.lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin-top:18px}.panel{border:1px solid var(--border);border-radius:16px;background:var(--card);padding:18px}.panel h3{font-size:14px;margin:0 0 14px}.quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick button{padding:11px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.025);color:#c8d8ea;text-align:left}.quick button:hover{border-color:rgba(220,160,75,.4);color:var(--gold2)}.storage{display:flex;align-items:center;gap:18px}.donut{width:60px;height:60px;border-radius:50%;background:conic-gradient(var(--gold) 0 20%,#173353 20%);position:relative}.donut:after{content:"";position:absolute;inset:10px;background:#091831;border-radius:50%}.storage small{display:block;color:var(--muted);font-size:10px}.storage b{display:block;margin-top:3px;font-size:13px}.bar{height:7px;background:#173353;border-radius:10px;margin-top:17px;overflow:hidden}.bar i{display:block;width:0;height:100%;background:var(--gold);transition:.3s}.panel>div:last-child{font-size:11px;color:var(--muted);margin-top:8px}.feed{display:flex;flex-direction:column;gap:9px;color:#c8d8ea;font-size:12px}.feeditem{display:flex;gap:9px}.feeditem b{color:var(--gold2)}.feeditem small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.subhead{margin-top:0;border-bottom:1px solid var(--border);padding-bottom:18px}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 14px}.toolbar.center{justify-content:center}.summary{color:var(--muted);font-size:12px}.flist{display:flex;flex-direction:column;gap:9px}.frow{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(9,24,49,.8)}.ftype{min-width:45px;text-align:center;color:var(--gold2);font-size:10px;font-weight:800}.fmeta{min-width:0;flex:1}.fmeta b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fmeta small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.fmeta em{display:inline-block;color:var(--gold2);font-style:normal;font-size:9px;text-transform:uppercase;margin-top:4px}.frow aside{display:flex;gap:6px}.frow aside a,.frow aside button{padding:6px 9px;border:1px solid var(--border);border-radius:7px;background:transparent;color:#c8d8ea}.frow aside a:hover,.frow aside button:hover{border-color:var(--gold);color:var(--gold2)}.empty{border:1px dashed rgba(220,160,75,.3);border-radius:14px;padding:42px;text-align:center;color:var(--muted)}.empty h3{color:var(--text);margin:0 0 8px}.empty p{line-height:1.6}.primary{display:inline-block}.service-links{display:flex;flex-direction:column;gap:10px}.service-links a,.service-links button{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);text-align:left}.service-links a:hover,.service-links button:hover{border-color:rgba(220,160,75,.35);color:var(--gold2)}footer{border-top:1px solid var(--border);margin-top:28px;padding:18px 0;color:#687892;font-size:11px;display:flex;justify-content:space-between}
@media(max-width:1200px){.apps{grid-template-columns:repeat(4,1fr)}.lower{grid-template-columns:1fr 1fr}.lower .panel:last-child{grid-column:1/-1}}@media(max-width:850px){.sidebar{width:210px}.main{margin-left:210px;padding:25px 18px}.apps{grid-template-columns:repeat(2,1fr)}.hero{align-items:flex-start;padding:25px 0}.datetime{display:none}.lower{grid-template-columns:1fr}.lower .panel:last-child{grid-column:auto}}@media(max-width:560px){.sidebar{position:static;width:auto;border-right:0;padding:10px}.shell{padding-top:74px}.main{margin-left:0}.sidebar nav{display:grid;grid-template-columns:1fr 1fr}.account-card{display:none}.topbar{padding:0 14px}.top-actions .secure{display:none}.apps{grid-template-columns:1fr}.hero h1{font-size:25px}footer{flex-direction:column;gap:6px}}

/* v0.5.0 — Workspace layer */
.workspace-strip{margin-top:22px;padding:13px 14px;border:1px solid rgba(220,160,75,.18);border-radius:15px;background:linear-gradient(110deg,rgba(7,22,45,.94),rgba(10,29,56,.72));display:flex;align-items:center;gap:12px;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.workspace-heading{min-width:185px;display:flex;flex-direction:column;gap:3px}.workspace-kicker{font-size:9px;letter-spacing:.18em;color:var(--gold);font-weight:800}.workspace-heading strong{font-size:14px}.workspace-count{font-size:10px;color:var(--muted)}
.workspace-list{display:flex;align-items:center;gap:7px;overflow:auto;flex:1;padding:2px}.workspace-chip{border:1px solid var(--border);background:rgba(255,255,255,.025);color:#aebdd0;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:11px}.workspace-chip:hover{border-color:rgba(220,160,75,.35);color:white}.workspace-chip.active{border-color:rgba(220,160,75,.35);background:rgba(220,160,75,.1);color:var(--gold2)}.workspace-chip em{font-style:normal;font-size:9px;color:var(--muted);background:rgba(255,255,255,.05);padding:2px 5px;border-radius:8px}
.workspace-add{border:1px solid rgba(220,160,75,.42);background:rgba(220,160,75,.07);color:var(--gold2);border-radius:9px;padding:8px 11px;white-space:nowrap;font-size:11px}.workspace-add:hover{background:rgba(220,160,75,.13)}
.workspace-tabs{display:flex;align-items:center;gap:5px;min-height:42px;margin-top:8px;padding:5px 0;overflow:auto}.workspace-tab{display:flex;align-items:center;border:1px solid var(--border);background:rgba(5,17,35,.82);border-radius:9px;overflow:hidden;white-space:nowrap}.workspace-tab.live{border-color:rgba(49,200,120,.28)}.tab-open,.tab-close{border:0;background:transparent;color:#b9c8da}.tab-open{padding:8px 9px;display:flex;align-items:center;gap:7px;font-size:10px}.tab-open:hover{color:white}.tab-close{padding:8px 8px;color:#71849f}.tab-close:hover{color:#ff8e8e;background:rgba(255,255,255,.04)}.tab-dot{width:6px;height:6px;border-radius:50%;background:#5d6d83}.workspace-tab.live .tab-dot{background:#31c878;box-shadow:0 0 8px rgba(49,200,120,.7)}.tabs-empty{font-size:10px;color:#687892;padding:7px 2px}
.workspace-dialog{width:min(440px,calc(100vw - 32px));border:1px solid rgba(220,160,75,.3);border-radius:18px;padding:0;background:#061329;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.55)}.workspace-dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(5px)}.workspace-dialog form{padding:25px}.dialog-eyebrow{font-size:9px;letter-spacing:.18em;color:var(--gold);font-weight:800}.workspace-dialog h3{margin:8px 0 6px;font-size:22px}.workspace-dialog p{margin:0 0 20px;color:var(--muted);font-size:12px;line-height:1.6}.workspace-dialog label{display:flex;flex-direction:column;gap:7px;color:#c8d8ea;font-size:11px}.workspace-dialog input{border:1px solid var(--border);background:#020817;color:white;border-radius:9px;padding:12px;outline:none}.workspace-dialog input:focus{border-color:rgba(220,160,75,.55);box-shadow:0 0 0 3px rgba(220,160,75,.08)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.workspace-dialog .primary{cursor:pointer}
.workspace-manager{padding-top:4px}.manager-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.manager-card{border:1px solid var(--border);border-radius:15px;background:var(--card);padding:16px}.manager-card.selected{border-color:rgba(220,160,75,.38);box-shadow:inset 0 0 0 1px rgba(220,160,75,.06)}.manager-card-top{display:flex;gap:11px;align-items:center}.manager-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:rgba(220,160,75,.09);color:var(--gold2);font-size:17px}.manager-card-top b{display:block;font-size:13px}.manager-card-top small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.manager-actions{display:flex;gap:7px;margin-top:14px}.manager-actions button{flex:1;border:1px solid var(--border);border-radius:8px;background:rgba(255,255,255,.025);color:#b9c8da;padding:8px;font-size:10px}.manager-actions button:hover{border-color:rgba(220,160,75,.35);color:var(--gold2)}
@media(max-width:1000px){.workspace-strip{align-items:flex-start;flex-wrap:wrap}.workspace-heading{min-width:150px}.workspace-list{order:3;flex-basis:100%}.manager-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.workspace-strip{padding:11px}.workspace-add{width:100%}.workspace-heading{min-width:0;flex:1}.manager-grid{grid-template-columns:1fr}}

/* v0.5.1 — Persistent session restore */
.workspace-actions{display:flex;align-items:center;gap:7px}.workspace-restore{border:1px solid rgba(49,200,120,.28);background:rgba(49,200,120,.06);color:#bcebd2;border-radius:9px;padding:8px 11px;white-space:nowrap;font-size:11px}.workspace-restore:hover{border-color:rgba(49,200,120,.5);background:rgba(49,200,120,.1);color:white}.session-status{font-size:10px;color:#7f96b2;padding:4px 2px 0;min-height:16px}.session-status:not([hidden]){animation:sessionFade .25s ease-out}@keyframes sessionFade{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.workspace-actions{width:100%;display:flex}.workspace-restore,.workspace-add{flex:1}.workspace-add{width:auto}}@media(max-width:650px){.workspace-actions{flex-direction:column}.workspace-restore,.workspace-add{width:100%}}
/* v0.6.0 functional application workspaces */
.quick-url{margin-top:18px}.url-row{display:flex;gap:10px;align-items:center}.url-row input{flex:1;min-width:0;background:#0a1326;border:1px solid rgba(220,160,75,.28);color:#fff;border-radius:10px;padding:13px 14px}.favorites-panel{margin-top:18px}.favorites-list{display:grid;gap:8px}.favorite-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(7,17,35,.55)}.favorite-row>span{width:24px;text-align:center}.favorite-row>div{flex:1;min-width:0}.favorite-row b,.favorite-row small{display:block}.favorite-row small{opacity:.58;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-row button{border:1px solid rgba(255,255,255,.1);background:#111d33;color:#fff;border-radius:8px;padding:7px 10px;cursor:pointer}.microsoft-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.microsoft-grid button{min-height:105px;text-align:left;border:1px solid rgba(255,255,255,.08);background:#0b162b;color:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.microsoft-grid button:hover{border-color:rgba(220,160,75,.5);transform:translateY(-1px)}.microsoft-grid button b{font-size:22px;color:#dca04b}.microsoft-grid button span{font-size:11px;opacity:.55}.inline-form{display:grid;grid-template-columns:1.2fr .8fr 1.2fr auto;gap:8px;margin:14px 0}.inline-form input{background:#0a1326;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:9px;padding:11px}.hidden-form{display:none}.hidden-form:not(:empty){display:block}@media(max-width:800px){.url-row,.inline-form{display:grid;grid-template-columns:1fr}.microsoft-grid{grid-template-columns:1fr 1fr}}
/* v0.6.2 focused improvements */
.app-card{position:relative}
.app-card.is-open{border-color:rgba(49,200,120,.45);box-shadow:0 0 0 1px rgba(49,200,120,.12),0 0 22px rgba(49,200,120,.08)}
.app-card.is-open:after{content:'';position:absolute;right:14px;top:14px;width:8px;height:8px;border-radius:50%;background:#31c878;box-shadow:0 0 10px rgba(49,200,120,.9)}
.app-state{position:absolute;right:28px;top:9px;font-size:8px;letter-spacing:.08em;color:#31c878;opacity:0;transition:.2s;font-weight:800}
.app-card.is-open .app-state{opacity:1}
.microsoft-service-card.is-open{border-color:rgba(49,200,120,.45)!important;box-shadow:0 0 0 1px rgba(49,200,120,.10),0 0 18px rgba(49,200,120,.07)}
.microsoft-service-card.is-open .service-state{color:#31c878;opacity:1}
.service-state{font-size:11px;opacity:.55}
.url-row{position:relative}
.browser-url-row{display:flex;align-items:center;gap:8px}
.url-prefix{background:#0a1326;border:1px solid rgba(220,160,75,.28);border-right:0;color:#9fb2cc;padding:13px 0 13px 14px;border-radius:10px 0 0 10px;line-height:1}
.browser-url-row input{border-left:0!important;border-radius:0 10px 10px 0!important;margin-left:-8px;padding-left:6px!important}
.browser-help{margin:10px 0 0}
.browser-tab-row .tab-dot{background:#5d6d83}
.browser-tab-row .live-dot{background:#31c878;box-shadow:0 0 8px rgba(49,200,120,.8)}
@media(max-width:800px){.browser-url-row{display:grid;grid-template-columns:auto 1fr}.browser-url-row .primary,.browser-url-row .outline{grid-column:1/-1}.url-prefix{align-self:stretch;display:flex;align-items:center}}


/* v0.6.2 — compact fullscreen, Aden weather, collapsible mobile navigation */
.fullscreen-btn,.mobile-menu{
  width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:9px;
  background:rgba(255,255,255,.025);color:#b9c8da;display:grid;place-items:center;
  font-size:17px;line-height:1;transition:.2s
}
.fullscreen-btn:hover,.fullscreen-btn.active,.mobile-menu:hover,.mobile-menu.active{
  border-color:rgba(220,160,75,.45);color:var(--gold2);background:rgba(220,160,75,.07)
}
.mobile-menu{display:none}
.hero-status{display:flex;align-items:center;gap:20px}
.weather-card{
  min-width:150px;padding:11px 13px;border:1px solid rgba(220,160,75,.18);border-radius:12px;
  background:rgba(8,24,48,.58);display:flex;align-items:center;gap:10px
}
.weather-card .weather-icon{width:30px;text-align:center;font-size:21px}
.weather-card b{display:block;font-size:12px}
.weather-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap}
@media(max-width:850px){
  .hero-status{gap:12px}.weather-card{min-width:140px}.datetime{display:none}
}
@media(max-width:560px){
  .topbar{padding:0 12px}
  .mobile-menu{display:grid}
  .top-actions{gap:7px}
  .fullscreen-btn{width:32px;height:32px;font-size:16px}
  .sidebar{
    position:fixed;top:74px;bottom:auto;left:10px;width:54px;height:54px;
    padding:8px;z-index:60;overflow:hidden;border:1px solid var(--border);
    border-radius:14px;background:rgba(3,14,30,.98);box-shadow:0 16px 45px rgba(0,0,0,.32);
    transition:width .22s ease,height .22s ease,border-radius .22s ease
  }
  .sidebar.mobile-open{
    width:min(280px,calc(100vw - 20px));height:calc(100vh - 94px);
    border-radius:16px;padding:12px;overflow:auto
  }
  .sidebar nav{display:flex;flex-direction:column;gap:4px}
  .sidebar .nav{height:44px;min-height:44px;margin:0;padding:0 13px;white-space:nowrap}
  .sidebar .nav span{display:none}
  .sidebar.mobile-open .nav span{display:inline;margin-left:12px}
  .account-card{display:none}
  .main{margin-left:0;padding:22px 14px 0}
  .hero{min-height:150px;padding-top:12px}
  .hero h1{font-size:25px}
  .hero-status{width:100%;justify-content:flex-start;margin-top:8px}
  .weather-card{min-width:0;flex:1;max-width:180px}
}
@media(max-width:380px){
  .brand-sub{display:none}.wise{font-size:20px}.brand-mark{width:40px;height:40px}
  .weather-card{max-width:none}.hero{display:block}
}

/* Desktop visual fix: keep the sidebar clean without a second visible scrollbar */
@media(min-width:561px){
  .sidebar{scrollbar-width:none;overscroll-behavior:contain}
  .sidebar::-webkit-scrollbar{width:0;height:0}
  .sidebar::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-thumb{background:transparent;border:0}
}


/* v0.6.2 — final visual correction */
@media(min-width:561px){
  .sidebar{
    scrollbar-width:none !important;
    -ms-overflow-style:none !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
  }
  .sidebar::-webkit-scrollbar{
    width:0 !important;
    height:0 !important;
    display:none !important;
  }
}

/* Keep utility controls visually consistent with the navy/gold system. */
.top-actions .fullscreen-btn,
.top-actions .mobile-menu{
  appearance:none !important;
  -webkit-appearance:none !important;
  color:#dca04b !important;
  background:rgba(220,160,75,.055) !important;
  border:1px solid rgba(220,160,75,.42) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.top-actions .fullscreen-btn:hover,
.top-actions .fullscreen-btn.active,
.top-actions .mobile-menu:hover,
.top-actions .mobile-menu.active{
  color:#f0b85d !important;
  background:rgba(220,160,75,.11) !important;
  border-color:rgba(220,160,75,.72) !important;
  box-shadow:0 0 14px rgba(220,160,75,.10) !important;
}

/* Stronger, unmistakable open-state for application cards. */
.app-card.is-open{
  border-color:rgba(49,200,120,.72) !important;
  box-shadow:
    0 0 0 1px rgba(49,200,120,.16),
    0 0 26px rgba(49,200,120,.12) !important;
}
.app-card.is-open .app-state{
  color:#31c878 !important;
  opacity:1 !important;
}
.app-card.is-open:after{
  width:9px !important;
  height:9px !important;
  right:14px !important;
  top:14px !important;
  background:#31c878 !important;
  box-shadow:0 0 12px rgba(49,200,120,.95) !important;
}
.app-state{
  color:#31c878 !important;
  letter-spacing:.06em !important;
}
.microsoft-service-card.is-open{
  border-color:rgba(49,200,120,.72) !important;
  box-shadow:
    0 0 0 1px rgba(49,200,120,.14),
    0 0 20px rgba(49,200,120,.10) !important;
}
.microsoft-service-card.is-open .service-state{
  color:#31c878 !important;
  opacity:1 !important;
  font-weight:800 !important;
}


/* Service navigation: Apple / AI Tools / Design use the same managed
   application-window behavior as Office and Google services. */
.service-links .service-link{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  padding:15px 17px;margin-bottom:9px;border:1px solid var(--border);
  border-radius:12px;background:rgba(8,24,48,.55);color:var(--text);
  cursor:pointer;text-align:left;font:inherit;transition:.18s ease;
}
.service-links .service-link:hover{
  border-color:rgba(220,160,75,.48);
  background:rgba(220,160,75,.055);
  color:var(--gold2);
}
.service-links .service-link b{color:var(--gold2);font-size:15px}
.service-links .service-link.is-open{
  border-color:rgba(49,200,120,.65);
  box-shadow:0 0 0 1px rgba(49,200,120,.10);
}


/* v0.6.3 — functional settings + compact dashboard */
.hero{min-height:118px !important;padding-top:10px !important;padding-bottom:8px !important}
.hero h1{margin-top:4px !important;margin-bottom:6px !important}
.hero .eyebrow{margin-bottom:4px !important}
.hero-status{margin-top:4px !important}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.settings-group{border:1px solid var(--border);border-radius:14px;background:rgba(8,24,48,.48);padding:15px}
.settings-group h3{margin:0 0 9px;font-size:14px;color:var(--gold2)}
.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055);cursor:pointer}
.setting-row:last-child{border-bottom:0}
.setting-row span{min-width:0}.setting-row b{display:block;font-size:12px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:3px;line-height:1.4}
.setting-row input{position:absolute;opacity:0;pointer-events:none}
.setting-switch{width:39px;height:22px;border-radius:999px;background:#182a42;border:1px solid var(--border);position:relative;flex:none}
.setting-switch:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;border-radius:50%;background:#7d8ca0;transition:.18s}
.setting-row input:checked + .setting-switch{background:rgba(220,160,75,.18);border-color:rgba(220,160,75,.55)}
.setting-row input:checked + .setting-switch:after{left:19px;background:var(--gold2)}
.setting-row select{background:#08182f;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px}
.settings-actions{display:flex;flex-wrap:wrap;gap:8px}
.settings-actions button{font-size:11px}
.settings-actions .danger{border-color:rgba(230,90,90,.45);color:#ef9b9b}
.ui-no-motion *, .ui-no-motion *:before, .ui-no-motion *:after{transition:none !important;animation:none !important}
.ui-dense .main{padding-top:12px}
.ui-dense .panel{padding:12px}
.ui-dense .app-card{min-height:145px}
.ui-compact-sidebar .sidebar{width:82px}
.ui-compact-sidebar .sidebar .nav span{display:none}
.ui-compact-sidebar .sidebar .nav{justify-content:center;padding:0}
:root[data-accent="blue"]{--gold:#67a7ff;--gold2:#86bcff}
:root[data-accent="teal"]{--gold:#51d0c4;--gold2:#79e1d7}
@media(max-width:800px){.settings-grid{grid-template-columns:1fr}}

/* v0.6.4 Chrome cache/compatibility hardening */
html,body{overflow-x:hidden}
.settings-grid{width:100%;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;gap:16px !important;align-items:start}
.settings-group{display:block !important;min-width:0 !important;overflow:hidden}
.setting-row{display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:center !important;min-height:56px !important}
.setting-row span{display:block !important;min-width:0 !important}
.setting-row input[type="checkbox"]{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important}
.setting-switch{display:block !important;width:42px !important;height:23px !important}
.setting-row select{min-width:118px !important;appearance:none;-webkit-appearance:none}
.settings-actions{display:flex !important;gap:9px !important;flex-wrap:wrap !important}
.settings-actions button{white-space:nowrap}
/* v0.6.6: fullscreen is browser fullscreen only. The Top Bar and Sidebar
   remain visible and are never hidden by the fullscreen button. */
@media(max-width:900px){
  .settings-grid{grid-template-columns:1fr !important}
}

/* v0.6.11 Secure Credential Vault */
.credential-card{margin-top:12px;padding:14px;border:1px solid rgba(220,160,75,.18);border-radius:12px;background:rgba(255,255,255,.025)}
.credential-card>div:first-child{display:flex;flex-direction:column;gap:4px}.credential-card small{color:var(--muted)}
.credential-email{font-size:12px;color:#dbe7f5;word-break:break-all}.credential-empty{font-size:12px;color:#71839b}
.credential-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.credential-actions button{font-size:11px;padding:7px 10px}
.credential-form{margin-top:10px}.credential-form.hidden-form{display:none}

.google-account-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.google-account-main{display:flex;align-items:center;gap:10px;min-width:0}
.google-account-main img,.google-account-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:rgba(220,160,75,.16);color:#dca04b;font-weight:700}
.google-account-main div{display:flex;flex-direction:column;min-width:0}
.google-account-main small{opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.weather-settings{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.weather-settings label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;opacity:.85}
.weather-settings input{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:9px;color:inherit}
.weather-settings button{grid-column:1/-1;width:max-content}
@media(max-width:700px){.google-account-row{align-items:flex-start;flex-direction:column}.weather-settings{grid-template-columns:1fr}}

/* v0.6.16 — Account Management */
.account-manager-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.account-manager-toolbar{margin-bottom:18px}
.account-manager-toolbar h2{margin:4px 0}
.group-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.group-title h3{margin:0}
.account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}
.account-main{display:flex;align-items:center;gap:10px;min-width:0}
.account-main>div{min-width:0}
.account-main b,.account-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-main small,.account-note,.account-empty{opacity:.72}
.account-icon{width:34px;height:34px;border:1px solid rgba(220,160,75,.45);border-radius:10px;display:grid;place-items:center;flex:none;font-weight:700}
.account-avatar-img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:none}
.account-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:900px){.account-manager-grid{grid-template-columns:1fr}}

/* v0.6.17 — Universal blue interaction feedback */
button, a.primary, a.outline, .nav, .app-card, .workspace-tab, select, input[type="button"], input[type="submit"]{
  transition: box-shadow .16s ease, border-color .16s ease, background .16s ease, transform .08s ease;
}
button:focus-visible, a.primary:focus-visible, a.outline:focus-visible,
.nav:focus-visible, .app-card:focus-visible, .workspace-tab:focus-visible,
select:focus-visible, input:focus-visible{
  outline: none;
  border-color: #4da3ff !important;
  box-shadow: 0 0 0 2px rgba(77,163,255,.18), 0 0 16px rgba(77,163,255,.45) !important;
}
button:active, a.primary:active, a.outline:active,
.nav:active, .app-card:active, .workspace-tab:active{
  border-color: #4da3ff !important;
  box-shadow: 0 0 0 2px rgba(77,163,255,.14), 0 0 20px rgba(77,163,255,.58) !important;
  transform: translateY(1px);
}
.wcd-blue-active{
  border-color:#4da3ff !important;
  box-shadow:0 0 0 2px rgba(77,163,255,.16),0 0 18px rgba(77,163,255,.52) !important;
}
.current-account-bar{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 18px;padding:12px 16px;border:1px solid rgba(77,163,255,.42);
  border-radius:14px;background:linear-gradient(90deg,rgba(77,163,255,.10),rgba(5,20,45,.22));
  box-shadow:0 0 18px rgba(77,163,255,.10);
}
.current-account-main{display:flex;align-items:center;gap:11px;min-width:0}
.current-account-dot{width:9px;height:9px;border-radius:50%;background:#4da3ff;box-shadow:0 0 12px #4da3ff;flex:none}
.current-account-main b,.current-account-main small{display:block}
.current-account-main small{opacity:.72;margin-top:2px}
.current-account-kind{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#79bbff}
.account-current-badge{
  display:inline-flex;align-items:center;gap:6px;margin-left:7px;padding:3px 7px;
  border:1px solid rgba(77,163,255,.45);border-radius:999px;color:#8ac5ff;font-size:11px;
}

/* v0.6.18 — final account architecture */
.dashboard-current-account{margin:14px 0 4px}
.picker-list{display:grid;gap:10px}.picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(5,18,42,.32)}
.account-manager-group .group-title{align-items:flex-start}.account-manager-group .group-title>div{min-width:0}.account-manager-group .group-title p{margin:4px 0 0}.account-add-form{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
\n/* v0.6.20 — selected account UX */\n.app-card.account-selected-blue{border-color:#4da3ff !important;box-shadow:0 0 0 1px rgba(77,163,255,.35),0 0 24px rgba(77,163,255,.22) !important;}\n.app-account-line{display:block;margin-top:7px;font-size:11px;line-height:1.25;color:#8ac5ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}\n.app-account-line i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4da3ff;box-shadow:0 0 9px #4da3ff;margin-right:6px;vertical-align:middle;}\n.app-account-line>span{color:rgba(190,204,225,.55);}\n.account-row-selected{border-color:rgba(77,163,255,.5) !important;box-shadow:0 0 0 1px rgba(77,163,255,.14),0 0 18px rgba(77,163,255,.10);}\n.account-row-selected .account-icon{border-color:rgba(77,163,255,.6) !important;box-shadow:0 0 12px rgba(77,163,255,.2);}\n.account-manager-toolbar{margin-bottom:14px;}\n.account-manager-toolbar h2{margin:5px 0;}\n.account-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}\n@media (max-width:900px){.account-manager-grid{grid-template-columns:1fr;}}\n.account-note{opacity:.72;font-size:12px;line-height:1.45;}\n
/* v0.6.21 FINAL — account selection, card identity and Autofill */
.app-card.account-selected-blue{border-color:#4da3ff!important;box-shadow:0 0 0 1px rgba(77,163,255,.40),0 0 26px rgba(77,163,255,.22)!important;background:linear-gradient(145deg,rgba(13,43,79,.98),rgba(7,25,51,.98))!important}
.app-card.account-selected-blue .app-account-line{color:#9bd0ff}
.app-account-line{display:block;min-height:16px;margin-top:8px;font-size:10.5px;line-height:1.25;color:#8ac5ff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-account-line i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4da3ff;box-shadow:0 0 10px #4da3ff;margin-right:6px;vertical-align:middle}
.app-account-line .account-placeholder{color:rgba(190,204,225,.48)}
.account-focus{box-shadow:0 0 0 1px rgba(77,163,255,.25),0 0 22px rgba(77,163,255,.10)!important;border-color:rgba(77,163,255,.45)!important}
.account-row-selected{border-color:rgba(77,163,255,.58)!important;box-shadow:0 0 0 1px rgba(77,163,255,.16),0 0 18px rgba(77,163,255,.10)!important}
.selected-blue{border-color:#4da3ff!important;color:#9bd0ff!important;box-shadow:0 0 12px rgba(77,163,255,.18)}
.inline-form{align-items:center}
.inline-form input:focus{border-color:#4da3ff!important;box-shadow:0 0 0 2px rgba(77,163,255,.12),0 0 12px rgba(77,163,255,.12)}
button.wcd-blue-active,a.wcd-blue-active{border-color:#4da3ff!important;box-shadow:0 0 0 1px rgba(77,163,255,.32),0 0 18px rgba(77,163,255,.20)!important}

/* v0.6.23 — Always-visible workspace tab close controls */
.workspace-tabs{scrollbar-width:thin}
.workspace-tab{flex:0 0 auto;min-width:0}
.workspace-tab .tab-open{min-width:0;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.workspace-tab .tab-close{display:grid!important;place-items:center;width:30px;height:30px;flex:0 0 30px;margin:0 3px 0 0;padding:0!important;border-left:1px solid rgba(255,255,255,.08)!important;border-radius:6px;color:#d7e2f0!important;background:rgba(255,255,255,.045)!important;font-size:18px;line-height:1;font-weight:500;opacity:1!important;visibility:visible!important;cursor:pointer;position:relative;z-index:2}
.workspace-tab .tab-close:hover{color:#fff!important;background:rgba(220,160,75,.18)!important;border-left-color:rgba(220,160,75,.35)!important;box-shadow:0 0 10px rgba(220,160,75,.12)}
.workspace-tab .tab-close:active{color:#fff!important;background:rgba(77,163,255,.22)!important;border-left-color:#4da3ff!important}
.workspace-tab .tab-close:focus-visible{outline:2px solid #4da3ff!important;outline-offset:-2px;border-color:#4da3ff!important;box-shadow:0 0 12px rgba(77,163,255,.45)!important}
.workspace-tab .tab-close::before{content:'×';display:block}
.workspace-tab .tab-close{font-size:0}
.workspace-tab .tab-close::before{font-size:18px}


/* v0.6.24 FINAL — Account Management visual refinement
   UX-only: no account storage, selection, or API behavior changed. */
.account-manager-toolbar{
  position:relative;
  padding:22px 24px 20px;
  margin:0 0 18px;
  border:1px solid rgba(220,160,75,.20);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(10,31,61,.86),rgba(4,17,37,.72));
  box-shadow:0 12px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}
.account-manager-toolbar:after{
  content:"";position:absolute;left:0;top:0;width:110px;height:2px;
  background:linear-gradient(90deg,#dca04b,rgba(220,160,75,0));
}
.account-manager-toolbar .eyebrow{margin-bottom:6px}
.account-manager-toolbar h2{font-size:26px;letter-spacing:-.02em;margin:0 0 7px}
.account-manager-toolbar>p{max-width:900px;margin:0;color:#9fb0c7;line-height:1.55;font-size:13px}

.account-manager-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
.account-manager-group{
  position:relative;
  min-width:0;
  padding:20px;
  border:1px solid rgba(99,135,176,.20);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(8,27,55,.94),rgba(4,19,40,.88));
  box-shadow:0 10px 28px rgba(0,0,0,.13), inset 0 1px 0 rgba(255,255,255,.02);
  overflow:hidden;
}
.account-manager-group:before{
  content:"";position:absolute;inset:0 0 auto;height:1px;
  background:linear-gradient(90deg,rgba(220,160,75,.65),rgba(77,163,255,.28),transparent 80%);
  opacity:.8;
}
.account-manager-group.account-focus{
  border-color:rgba(77,163,255,.42)!important;
  box-shadow:0 0 0 1px rgba(77,163,255,.10),0 14px 34px rgba(0,0,0,.16),0 0 28px rgba(77,163,255,.08)!important;
}
.account-manager-group .group-title{
  min-height:58px;
  margin-bottom:12px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.07);
}
.account-manager-group .group-title h3{font-size:16px;color:#f0b95f;letter-spacing:.01em}
.account-manager-group .group-title p{font-size:12px;line-height:1.45;color:#91a3bb;max-width:430px}
.account-manager-group .group-title>.primary{flex:none;white-space:nowrap}

.account-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  min-height:76px;
  padding:13px 12px;
  margin:0 -4px;
  border:1px solid transparent;
  border-top-color:rgba(255,255,255,.065);
  border-radius:12px;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.account-row:hover{background:rgba(255,255,255,.025);border-color:rgba(99,135,176,.18)}
.account-row-selected{
  background:linear-gradient(90deg,rgba(77,163,255,.085),rgba(77,163,255,.025))!important;
  border-color:rgba(77,163,255,.46)!important;
  box-shadow:0 0 0 1px rgba(77,163,255,.08),0 8px 22px rgba(0,0,0,.12)!important;
}
.account-main{min-width:0;gap:12px}
.account-icon{
  width:40px;height:40px;border-radius:12px;
  background:rgba(220,160,75,.075);
  border-color:rgba(220,160,75,.38);
  color:#f0b95f;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.account-row-selected .account-icon{
  background:rgba(77,163,255,.10);
  border-color:rgba(77,163,255,.62)!important;
  color:#9bd0ff;
}
.account-main b{font-size:13px;color:#f2f5fa;max-width:210px}
.account-main small{margin-top:3px;font-size:11px;color:#91a5bd;max-width:250px}
.account-actions{
  display:flex;align-items:center;justify-content:flex-end;
  gap:6px;max-width:100%;
}
.account-actions .outline{min-height:36px;padding:0 11px;font-size:12px;white-space:nowrap}
.account-actions .selected-blue{font-weight:700}
.account-actions .danger{color:#e4a1a1;border-color:rgba(190,85,85,.28)}
.account-actions .danger:hover{border-color:rgba(210,90,90,.55);background:rgba(180,60,60,.07)}
.account-empty{
  padding:22px 10px 12px;text-align:center;color:#71839a;
  font-size:12px;
}
.account-add-form{
  margin-top:12px!important;padding:14px 0 0!important;
  border-top:1px dashed rgba(255,255,255,.09)!important;
}
.account-add-form .inline-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.account-add-form .inline-form .primary{white-space:nowrap}
.account-add-form .form-note{margin-top:9px}

@media(max-width:1180px){
  .account-row{grid-template-columns:1fr}
  .account-actions{justify-content:flex-start;flex-wrap:wrap}
  .account-main b,.account-main small{max-width:100%}
  .account-add-form .inline-form{grid-template-columns:1fr 1fr}
  .account-add-form .inline-form .primary{grid-column:1/-1;width:100%}
}
@media(max-width:900px){
  .account-manager-grid{grid-template-columns:1fr}
  .account-manager-toolbar{padding:20px}
}
@media(max-width:560px){
  .account-manager-group{padding:15px}
  .account-manager-group .group-title{align-items:stretch;flex-direction:column}
  .account-manager-group .group-title>.primary{width:100%}
  .account-add-form .inline-form{grid-template-columns:1fr}
  .account-add-form .inline-form .primary{grid-column:auto}
  .account-actions .outline{flex:1 1 auto}
}

/* v0.6.25 — browser Password Manager / Autofill UX */
.account-credential-form{align-items:stretch!important;grid-template-columns:1.15fr .8fr 1.15fr!important;}
.account-credential-form .credential-form-actions{display:flex;gap:8px;align-items:stretch;min-width:220px;}
.account-credential-form .credential-form-actions button{flex:1;white-space:nowrap;}
.autofill-helper{display:flex;gap:10px;align-items:flex-start;margin-top:10px;padding:11px 13px;border:1px solid rgba(77,163,255,.18);background:rgba(77,163,255,.06);border-radius:10px;color:#a9bdd7;}
.autofill-helper-icon{width:22px;height:22px;flex:none;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(77,163,255,.5);color:#8ac5ff;font-size:12px;}
.autofill-helper strong,.autofill-helper span{display:block;}
.autofill-helper strong{font-size:12px;color:#cfe4ff;margin-bottom:2px;}
.autofill-helper span{font-size:11px;line-height:1.45;color:#8297b2;}
.autofill-login-btn{border-color:rgba(77,163,255,.34)!important;color:#9ecfff!important;}
.autofill-login-btn:hover{border-color:rgba(77,163,255,.72)!important;background:rgba(77,163,255,.08)!important;}
@media(max-width:1050px){.account-credential-form{grid-template-columns:1fr 1fr!important}.account-credential-form .credential-form-actions{grid-column:1/-1;min-width:0;}.account-credential-form .credential-form-actions button{min-height:42px;}}
@media(max-width:800px){.account-credential-form{grid-template-columns:1fr!important}.account-credential-form .credential-form-actions{grid-column:auto;display:grid;grid-template-columns:1fr;}.autofill-helper{align-items:flex-start;}}

/* v0.6.27 — real dashboard customization + service spotlight */
.app-card[hidden]{display:none!important}
.service-spotlight{display:flex;align-items:center;gap:16px;margin:18px 0 6px;padding:16px 18px;border:1px solid rgba(220,160,75,.20);border-radius:15px;background:linear-gradient(135deg,rgba(8,24,48,.78),rgba(10,28,54,.46));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.spotlight-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:13px;background:rgba(49,200,120,.10);border:1px solid rgba(49,200,120,.28);color:#48d58b;font-size:23px;font-weight:900}
.spotlight-copy{min-width:0;flex:1}.spotlight-copy h3{margin:1px 0 4px;font-size:17px}.spotlight-copy p{margin:0;color:var(--muted);font-size:11px;line-height:1.55;max-width:850px}
.customize-dialog{width:min(620px,calc(100vw - 28px));border:1px solid rgba(220,160,75,.34);border-radius:18px;background:#07152b;color:var(--text);padding:22px;box-shadow:0 30px 90px rgba(0,0,0,.55)}
.customize-dialog::backdrop{background:rgba(0,8,20,.68);backdrop-filter:blur(4px)}
.customize-dialog h3{margin:4px 0 6px;font-size:21px}.customize-dialog>p{margin:0 0 15px;color:var(--muted);font-size:11px;line-height:1.5}
.customize-app-list{display:flex;flex-direction:column;gap:7px;max-height:52vh;overflow:auto;padding-right:3px}
.customize-app-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.018)}
.customize-app-row label{display:flex;align-items:center;gap:11px;min-width:0;cursor:pointer}.customize-app-row label input{accent-color:#dca04b;width:16px;height:16px}.customize-app-row label span{display:block;min-width:0}.customize-app-row b{display:block;font-size:12px}.customize-app-row small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.customize-move{display:flex;gap:5px}.customize-move button{min-width:34px;padding:7px 9px}.customize-move button:disabled{opacity:.25;cursor:not-allowed}
@media(max-width:650px){.service-spotlight{align-items:flex-start;flex-wrap:wrap}.service-spotlight .outline{margin-left:62px}.customize-dialog{padding:17px}}


/* v0.6.31 — About / version information */
.sidebar-about{margin-top:14px;border-top-color:rgba(255,255,255,.06)}
.about-panel{max-width:720px;padding:26px;border:1px solid rgba(220,160,75,.2);border-radius:16px;background:linear-gradient(135deg,rgba(10,28,54,.9),rgba(5,17,34,.82));box-shadow:0 14px 35px rgba(0,0,0,.16)}
.about-panel h3{margin:8px 0 22px;font-size:22px;color:#fff}
.about-meta{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px}
.about-meta>div{padding:16px 18px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:6px}
.about-meta small{font-size:10px;color:#91a6bf;text-transform:uppercase;letter-spacing:.08em}
.about-meta strong{font-size:18px;color:#fff}
@media(max-width:560px){.about-meta{grid-template-columns:1fr}}

/* v0.6.31 — Home Command Center / Yemen Trends */
.command-center{position:relative;overflow:hidden;border:1px solid rgba(77,163,255,.34);border-radius:22px;background:linear-gradient(135deg,#071b37 0%,#092b50 45%,#061a35 100%);box-shadow:0 28px 70px rgba(0,0,0,.22)}
.command-top{position:relative;z-index:2;display:grid;grid-template-columns:1.6fr 1fr 1.05fr 1.28fr;gap:16px;padding:28px 28px 30px;min-height:250px;align-items:stretch}
.command-backdrop{position:absolute;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(circle at 18% 8%,rgba(92,196,255,.20),transparent 28%),radial-gradient(circle at 78% 4%,rgba(35,133,216,.18),transparent 30%),linear-gradient(180deg,rgba(1,13,29,.08),rgba(1,12,27,.60))}
.command-backdrop:before{content:"";position:absolute;left:-5%;right:-5%;bottom:-30%;height:65%;background:radial-gradient(ellipse at 50% 30%,rgba(69,146,92,.32),transparent 52%),linear-gradient(180deg,transparent,rgba(4,32,31,.72));filter:blur(1px)}
.command-backdrop:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 90px,rgba(120,208,255,.025) 91px 92px);opacity:.55}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.42}.orb-a{width:180px;height:180px;left:8%;top:-80px;background:radial-gradient(circle,#d6edff 0 7%,#62b8e9 28%,transparent 70%)}.orb-b{width:280px;height:280px;right:18%;bottom:-190px;background:radial-gradient(circle,#42a0e4,transparent 68%)}.leaf{position:absolute;color:#8bcf8f;font-size:24px;opacity:.35;transform:rotate(35deg)}.leaf-a{left:20%;top:22px}.leaf-b{left:37%;top:45px;font-size:18px}.leaf-c{right:29%;top:20px;font-size:20px}
.welcome-block{display:flex;flex-direction:column;justify-content:center;padding:10px 6px 10px 0;min-width:0}.welcome-block h1{font-size:32px;line-height:1.15;margin:12px 0 10px;letter-spacing:-.02em}.welcome-block h1 span{display:block;color:#76c5ff;font-size:42px;margin-top:5px}.welcome-block p{max-width:430px;color:#d4e0ef;font-size:15px;line-height:1.65;margin:0;font-style:italic}.focus-pill{display:inline-flex;align-items:center;gap:9px;width:max-content;margin-top:25px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(4,25,48,.56);color:#dce8f5;font-size:12px;box-shadow:0 10px 28px rgba(0,0,0,.14)}.focus-pill i{width:9px;height:9px;border-radius:50%;background:#50d8b2;box-shadow:0 0 13px rgba(80,216,178,.8)}.compact-clock{display:flex;align-items:baseline;gap:7px;margin-top:16px;color:#dce8f5}.compact-clock-icon{color:#72f09a;font-size:18px}.compact-clock strong{font-size:24px;font-weight:600;letter-spacing:-.02em}.compact-clock>span:nth-of-type(2){font-size:11px;color:#6bf09b;font-weight:700}.compact-clock small{margin-left:8px;padding-left:9px;border-left:1px solid rgba(255,255,255,.12);color:#91a9c2;font-size:9px}.clock-command{display:none}
.command-card{border:1px solid rgba(112,187,238,.22);border-radius:19px;background:linear-gradient(145deg,rgba(12,48,82,.66),rgba(4,27,55,.72));backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 35px rgba(0,0,0,.13)}.day-card{padding:20px;display:flex;flex-direction:column}.card-title{display:flex;align-items:center;gap:10px;color:#7ee2ff}.card-title strong{font-size:15px}.cyan-icon{font-size:21px}.day-stat{display:flex;flex-direction:column;gap:5px;margin-top:26px}.day-stat b{font-size:15px;color:#f2f6fb}.day-stat span{font-size:11px;color:#a8bdd5}.day-next{margin-top:19px;padding-top:15px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:5px}.day-next small{color:#90a9c3;font-size:10px}.day-next strong{font-size:15px}.day-next span{font-size:11px;line-height:1.45;color:#a7bdd6}.text-action{margin-top:auto;align-self:flex-start;border:0;background:none;padding:0;color:#65e2f4;font-size:12px;font-weight:700}.text-action span{font-size:20px;vertical-align:-2px;margin-left:8px}.weather-command{padding:16px;display:flex;flex-direction:column;justify-content:center;gap:17px}.weather-main{display:flex;align-items:center;gap:13px}.weather-command-icon{font-size:34px;line-height:1}.weather-main strong{display:block;font-size:29px;line-height:1}.weather-main span:not(.weather-command-icon){display:block;margin-top:5px;color:#c2d3e6;font-size:12px}.weather-place{font-size:12px;color:#d6e5f3}.weather-meta{display:flex;justify-content:space-between;gap:8px;color:#8edab6;font-size:10px}.clock-command{padding:18px 20px;display:flex;flex-direction:column;justify-content:center}.clock-icon{font-size:30px;color:#72f09a;margin-bottom:10px}.command-time{font-size:38px;font-weight:500;letter-spacing:-.03em;white-space:nowrap}.command-period{font-size:13px;color:#6bf09b;margin-top:-4px}.command-date{border-top:1px solid rgba(255,255,255,.09);margin-top:16px;padding-top:14px;font-size:11px;font-weight:700;line-height:1.5}.command-hijri{margin-top:8px;color:#91a9c2;font-size:10px}.trend-mini{padding:15px 16px;display:flex;flex-direction:column;min-width:0}.trend-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.trend-heading>div{display:grid;grid-template-columns:27px 1fr;column-gap:9px;align-items:center}.trend-heading strong{font-size:15px}.trend-heading small{grid-column:2;color:#9bb1c9;font-size:10px;margin-top:2px}.trend-symbol{color:#67e5d0;font-size:24px;line-height:1}.trend-symbol.large{font-size:26px;margin-top:2px}.live-badge,.topics-live{font-size:9px;color:#8fe6b2;border:1px solid rgba(87,216,146,.25);padding:4px 7px;border-radius:999px;white-space:nowrap}.live-badge.is-live{background:rgba(49,200,120,.08)}.trend-tabs{display:flex;gap:5px;margin:15px 0 8px}.trend-tab{flex:1;padding:7px 8px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#9fb4cc;font-size:10px}.trend-tab.active{color:#eef7ff;border-color:rgba(75,176,255,.45);background:rgba(43,121,185,.18)}.mini-trends{min-height:92px}.trend-loading,.trend-empty{padding:18px 6px;color:#7890aa;font-size:10px;line-height:1.5}.trend-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:7px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.07)}.trend-row:last-child{border-bottom:0}.trend-row .rank{width:22px;height:22px;border:1px solid rgba(90,182,238,.42);border-radius:50%;display:grid;place-items:center;color:#a9dbff;font-size:9px}.trend-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trend-row small{font-size:9px;color:#9bb0c6;white-space:nowrap}
.yemen-trends-panel{position:relative;z-index:2;margin:0 14px 14px;padding:22px 20px;border:1px solid rgba(77,163,255,.30);border-radius:20px;background:linear-gradient(145deg,rgba(3,24,50,.91),rgba(4,18,38,.88));box-shadow:0 18px 45px rgba(0,0,0,.17)}.trends-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.trends-panel-head>div{display:flex;align-items:center;gap:12px}.trends-panel-head h2{font-size:20px;margin:0}.trends-panel-head p{font-size:11px;color:#90a9c2;margin:3px 0 0}.trend-source-note{font-size:10px;color:#8fa8c1}.trends-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.trend-source-card{min-width:0;min-height:270px;border:1px solid rgba(77,163,255,.22);border-radius:16px;background:rgba(5,25,50,.72);padding:16px;display:flex;flex-direction:column}.source-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.source-head>div{display:flex;align-items:center;gap:9px}.source-head strong{font-size:14px}.source-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:17px}.x-icon{background:#020406;color:#fff;border:1px solid rgba(255,255,255,.13)}.fb-icon{background:#1677e8;color:#fff}.fire-icon{background:rgba(220,160,75,.10);color:#ffbc42}.small-action{font-size:10px;padding:7px 9px}.trend-body{display:grid;grid-template-columns:145px 1fr;gap:14px;align-items:start;margin-top:16px}.trend-art{height:158px;border-radius:12px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:13px;background:radial-gradient(circle at 30% 25%,rgba(157,221,255,.5),transparent 18%),linear-gradient(145deg,#4d9dce,#174f75 48%,#082a3e)}.trend-art:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 60% 100%,rgba(75,157,91,.85),transparent 43%),linear-gradient(120deg,transparent 35%,rgba(255,255,255,.09),transparent 36%)}.trend-art span{position:relative;font-size:11px;letter-spacing:.25em;font-weight:800;color:#e7f7ff}.trend-art i{position:absolute;right:13px;top:12px;font-style:normal;color:#c4efff;font-size:20px}.fb-art{background:radial-gradient(circle at 65% 22%,rgba(205,235,255,.42),transparent 20%),linear-gradient(145deg,#2377a7,#123f67 58%,#071f38)}.trend-list{min-width:0}.trend-list .trend-row{grid-template-columns:23px minmax(0,1fr) auto}.source-footer{margin-top:auto;padding-top:13px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:7px;font-size:9px;color:#7f96ad}.source-dot{width:6px;height:6px;border-radius:50%;background:#50db91;box-shadow:0 0 8px rgba(80,219,145,.65)}.topic-list{display:flex;flex-direction:column;gap:8px;margin-top:20px}.topic-list span{display:block;width:max-content;max-width:100%;padding:7px 11px;border-radius:999px;border:1px solid rgba(77,163,255,.20);color:#9fd7ff;font-size:10px;background:rgba(77,163,255,.07)}.topic-list span:nth-child(2){color:#73e4a7;border-color:rgba(65,209,137,.20);background:rgba(65,209,137,.06)}.topic-list span:nth-child(3){color:#c0a2ff;border-color:rgba(170,124,255,.20);background:rgba(170,124,255,.06)}.topic-list span:nth-child(4){color:#ffbf58;border-color:rgba(255,191,88,.20);background:rgba(255,191,88,.06)}.topic-list span:nth-child(5){color:#ff8b8b;border-color:rgba(255,139,139,.20);background:rgba(255,139,139,.06)}.topic-art{margin-top:auto;min-height:65px;position:relative;overflow:hidden;border-radius:12px;background:radial-gradient(ellipse at 70% 50%,rgba(38,177,255,.23),transparent 46%)}.topic-art:before,.topic-art:after{content:"";position:absolute;width:75%;height:35px;right:5%;top:16px;border-top:1px solid rgba(71,200,255,.58);border-radius:50%;transform:rotate(-18deg);box-shadow:0 10px 0 rgba(71,200,255,.14),0 20px 0 rgba(71,200,255,.08)}.topic-art:after{right:-10%;top:27px;transform:rotate(-12deg);width:70%}.topic-art i{position:absolute;color:#a9ecff;font-style:normal}.topic-art i:nth-child(1){right:18%;top:18px}.topic-art i:nth-child(2){right:35%;top:42px}.topic-art i:nth-child(3){right:55%;top:27px;color:#6be7c4}
.applications-head{margin-top:28px}.applications-head h2{margin:4px 0 0;font-size:21px}.applications-head .eyebrow{display:block;font-size:9px}
@media(max-width:1320px){.command-top{grid-template-columns:1.45fr 1fr 1fr 1fr;}.trend-mini{grid-column:3/5;min-height:210px}.welcome-block{grid-column:1/3}.trends-grid{grid-template-columns:1fr 1fr}.topics-card{grid-column:1/-1;min-height:220px}.topic-list{flex-direction:row;flex-wrap:wrap}.topic-art{display:none}}
@media(max-width:1000px){.command-top{grid-template-columns:1fr 1fr}.welcome-block{grid-column:1/-1}.trend-mini{grid-column:1/-1}.weather-command,.clock-command,.day-card{min-height:220px}.trend-body{grid-template-columns:120px 1fr}.trend-art{height:145px}}
@media(max-width:700px){.command-top{grid-template-columns:1fr;padding:18px}.welcome-block,.trend-mini{grid-column:auto}.welcome-block h1{font-size:26px}.welcome-block h1 span{font-size:34px}.yemen-trends-panel{margin:0 8px 8px;padding:16px}.trends-grid{grid-template-columns:1fr}.topics-card{grid-column:auto}.trend-body{grid-template-columns:105px 1fr}.trend-art{height:145px}.trends-panel-head{align-items:flex-start;flex-direction:column}.trend-source-note{align-self:flex-start}.applications-head{align-items:flex-start}}
@media(max-width:480px){.trend-body{grid-template-columns:1fr}.trend-art{height:110px}.command-time{font-size:34px}.weather-main strong{font-size:30px}}


/* v0.6.31.2 — Command Center functional controls and cache-safe layout */
.day-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;align-items:center}
.calendar-connect{appearance:none;border:1px solid rgba(77,163,255,.34);background:rgba(77,163,255,.08);color:#b9dcff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:700;cursor:pointer}
.calendar-connect:hover{border-color:rgba(77,163,255,.72);background:rgba(77,163,255,.14)}
.calendar-connect.microsoft{border-color:rgba(220,160,75,.34);color:#f0c57e}
.calendar-connect[hidden]{display:none!important}
.command-center-status{position:relative;z-index:4;margin:-3px 14px 14px;padding:9px 12px;border:1px solid rgba(77,163,255,.22);border-radius:10px;background:rgba(4,25,50,.72);color:#a9c9e8;font-size:10px}
.command-center-status[data-kind="success"]{border-color:rgba(49,200,120,.28);color:#9ce6bb}
.calendar-connect-panel{padding:20px;border:1px solid rgba(77,163,255,.22);border-radius:14px;background:rgba(8,24,48,.55)}
.calendar-connect-panel h3{margin:0 0 7px}.calendar-connect-panel p{color:var(--muted);font-size:11px;line-height:1.5}

/* v0.6.31.3 — horizontal command center + floating navigation */
:root{--sidebar-float:246px}
.sidebar-overlay{position:fixed;inset:74px 0 0 0;background:rgba(0,7,18,.48);backdrop-filter:blur(2px);z-index:54;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto}
.top-actions .mobile-menu{display:grid!important;width:38px;height:38px;place-items:center;border-radius:11px;font-size:18px;cursor:pointer;line-height:1}
.sidebar.floating-sidebar{top:74px;left:0;bottom:0;width:var(--sidebar-float);height:auto;margin:0;padding:18px 12px;z-index:60;border:1px solid rgba(77,163,255,.24);border-left:0;border-radius:0 18px 18px 0;background:rgba(3,14,30,.985);box-shadow:18px 22px 60px rgba(0,0,0,.42);transform:translateX(calc(-100% - 8px));transition:transform .2s ease,opacity .2s ease;opacity:.1;overflow:auto}
.sidebar.floating-sidebar.is-open{transform:translateX(0);opacity:1}
.sidebar.floating-sidebar .nav{height:43px;margin-bottom:4px}
.sidebar.floating-sidebar .nav span{display:inline;margin-left:10px}
.sidebar.floating-sidebar .account-card{margin-top:16px;padding:14px}
.main{margin-left:0!important;padding:26px 24px 0!important}
.command-center{border-radius:20px}
.command-top{grid-template-columns:minmax(320px,1.55fr) repeat(3,minmax(170px,.8fr));gap:13px;padding:20px;min-height:255px}
.welcome-block{padding:6px 8px 6px 4px}
.welcome-block h1{font-size:29px;margin:8px 0}
.welcome-block h1 span{font-size:36px}
.welcome-block p{font-size:13px;line-height:1.5}
.focus-pill{margin-top:18px;padding:8px 12px;font-size:11px}
.command-card{border-radius:16px}
.day-card,.weather-command,.clock-command{padding:16px}
.day-stat{margin-top:18px}.day-next{margin-top:13px;padding-top:12px}
.day-actions{gap:6px}.calendar-connect{font-size:8px;padding:6px 9px}
.weather-command{gap:13px}.weather-command-icon{font-size:34px}.weather-main strong{font-size:29px}
.command-time{font-size:32px}.command-date{margin-top:12px;padding-top:11px}
.trend-mini{display:none!important}
.yemen-trends-panel{margin:0 10px 10px;padding:17px 16px;border-radius:17px}
.trends-panel-head{margin-bottom:12px}.trends-panel-head h2{font-size:18px}.trends-grid{grid-template-columns:1fr 1fr 1fr;gap:10px}
.trend-source-card{min-height:205px;padding:13px;border-radius:14px}
.source-head strong{font-size:12px}.source-icon{width:28px;height:28px;font-size:15px}.small-action{font-size:9px;padding:6px 8px}
.trend-body{grid-template-columns:92px 1fr;gap:10px;margin-top:11px}.trend-art{height:112px}.trend-row{padding:6px 0}.trend-row b{font-size:9px}.trend-row small{font-size:8px}
.source-footer{padding-top:9px;font-size:8px}
.topic-list{gap:6px;margin-top:12px}.topic-list span{font-size:9px;padding:6px 9px}.topic-art{min-height:42px}
.applications-head{margin-top:20px}
@media(max-width:1180px){.command-top{grid-template-columns:minmax(300px,1.45fr) repeat(3,minmax(150px,.85fr));}.main{padding-left:18px!important;padding-right:18px!important}}
@media(max-width:980px){.command-top{grid-template-columns:1.5fr 1fr 1fr}.welcome-block{grid-column:1/-1}.day-card{grid-column:1}.weather-command{grid-column:2}.clock-command{grid-column:3}.trends-grid{grid-template-columns:1fr 1fr}.topics-card{grid-column:1/-1}}
@media(max-width:720px){.sidebar.floating-sidebar{left:0;bottom:0;width:min(280px,100vw - 8px)}.main{padding:16px 10px 0!important}.command-top{grid-template-columns:1fr;padding:14px}.welcome-block,.day-card,.weather-command,.clock-command{grid-column:auto}.welcome-block h1{font-size:25px}.welcome-block h1 span{font-size:32px}.trends-grid{grid-template-columns:1fr}.topics-card{grid-column:auto}.trend-body{grid-template-columns:105px 1fr}.trend-art{height:120px}.topbar{padding:0 12px}}

/* v0.6.31.4 — floating navigation: hidden by default, anchored to the far left */
@media(min-width:561px){.sidebar.floating-sidebar{display:block!important;margin:0!important}.main{margin-left:0!important}}

/* v0.6.31.5: public Yemen signal fallback */
.trend-public-fallback{margin-top:8px}.trend-public-fallback .trend-row{opacity:.92}.calendar-connect{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* v0.6.31.6 — compact horizontal command center */
@media(max-width:1250px) and (min-width:721px){.command-top{grid-template-columns:1.45fr 1fr 1fr 1.15fr;gap:12px;padding:20px}.welcome-block h1{font-size:28px}.welcome-block h1 span{font-size:36px}.welcome-block p{font-size:13px}.weather-main strong{font-size:27px}.trend-mini{padding:13px}.command-center{border-radius:18px}}
@media(max-width:900px) and (min-width:721px){.command-top{grid-template-columns:1.35fr 1fr 1fr;}.trend-mini{grid-column:1/-1}.welcome-block{grid-column:1/-1;min-height:190px}}


/* v0.6.31.12 — Desktop Surface reference UI. UI-only overrides; no app logic. */
.command-center{background:linear-gradient(90deg,rgba(2,18,40,.28),rgba(2,20,45,.48)),url('/command-bg.jpg') center/cover no-repeat!important;min-height:420px;}
.command-backdrop{display:none!important;}
.command-top{grid-template-columns:minmax(300px,1.45fr) minmax(165px,.82fr) minmax(180px,.9fr) minmax(150px,.78fr) minmax(250px,1.15fr)!important;gap:14px!important;padding:30px!important;min-height:390px!important;align-items:stretch!important;}
.welcome-block{justify-content:center!important;padding:10px 10px 10px 6px!important;}
.welcome-block h1{font-size:31px!important;margin:8px 0 10px!important;}
.welcome-block h1 span{font-size:43px!important;margin-top:6px!important;}
.welcome-block p{font-size:15px!important;line-height:1.65!important;max-width:390px!important;}
.welcome-leaf{color:#7be6bd;font-size:24px;font-style:normal;}
.focus-pill{margin-top:26px!important;background:rgba(5,32,52,.62)!important;}
.day-card,.weather-command,.clock-command,.trend-mini{min-height:0!important;height:auto!important;}
.day-card{padding:22px!important;}
.weather-command{padding:22px!important;}
.clock-command{display:flex!important;padding:22px!important;}
.command-time-row{display:flex;align-items:baseline;gap:7px;}
.command-time-row strong{font-size:40px;font-weight:500;letter-spacing:-.04em;white-space:nowrap;}
.command-time-row span{font-size:13px;color:#6bf09b;font-weight:700;}
.clock-command .command-date{margin-top:17px!important;padding-top:15px!important;}
.clock-command .command-hijri{margin-top:9px!important;}
.trend-mini{display:flex!important;padding:18px!important;}
.trend-mini .mini-trends{min-height:0;flex:1;}
.trend-mini .trend-row{padding:9px 0;}
.trend-mini .trend-row b{font-size:10px;}
.trend-mini .text-action{margin-top:12px;}
.yemen-trends-panel{display:none!important;}
@media(max-width:1250px) and (min-width:1001px){.command-top{grid-template-columns:minmax(260px,1.3fr) repeat(4,minmax(145px,.85fr))!important;gap:10px!important;padding:20px!important;}.welcome-block h1{font-size:27px!important}.welcome-block h1 span{font-size:37px!important}.welcome-block p{font-size:13px!important}.command-time-row strong{font-size:34px;}.day-card,.weather-command,.clock-command,.trend-mini{padding:15px!important;}}
@media(max-width:1000px){.command-top{grid-template-columns:1fr 1fr!important;min-height:auto!important;padding:18px!important}.welcome-block{grid-column:1/-1!important;min-height:210px}.trend-mini{grid-column:1/-1!important;min-height:230px!important}.clock-command{display:flex!important}.command-center{min-height:0!important;}}
@media(max-width:700px){.command-top{grid-template-columns:1fr!important;padding:14px!important}.welcome-block{grid-column:auto!important;min-height:210px}.trend-mini{grid-column:auto!important}.command-time-row strong{font-size:34px;}.command-center{border-radius:18px!important;}}

/* v0.6.31.13 — fixed single-row Desktop Surface command center.
   UI-only: keeps the five dashboard cards on one horizontal row at every viewport.
   Narrow viewports scroll horizontally instead of wrapping into a second row. */
.command-center{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:
    linear-gradient(90deg,rgba(2,18,40,.18),rgba(2,20,45,.30)),
    url('/command-bg.png') center center/cover no-repeat!important;
}
.command-top{
  display:grid!important;
  grid-template-columns:minmax(260px,1.45fr) minmax(155px,.82fr) minmax(175px,.90fr) minmax(145px,.78fr) minmax(235px,1.15fr)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:auto!important;
  flex-wrap:nowrap!important;
  min-width:1100px!important;
  width:100%!important;
  box-sizing:border-box!important;
  gap:14px!important;
  align-items:stretch!important;
}
.command-top > .welcome-block,
.command-top > .day-card,
.command-top > .weather-command,
.command-top > .clock-command,
.command-top > .trend-mini{
  grid-column:auto!important;
  grid-row:1!important;
  min-width:0!important;
}
.command-center::-webkit-scrollbar{height:7px}
.command-center::-webkit-scrollbar-track{background:rgba(3,16,34,.28);border-radius:8px}
.command-center::-webkit-scrollbar-thumb{background:rgba(77,163,255,.25);border-radius:8px}
@media(max-width:1100px){
  .command-top{padding:18px!important;gap:10px!important}
  .welcome-block h1{font-size:28px!important}
  .welcome-block h1 span{font-size:37px!important}
  .welcome-block p{font-size:13px!important}
  .command-time-row strong{font-size:34px!important}
}


/* v0.6.31.14 — Desktop Surface visual normalization.
   UI-only: clean user-provided meadow background, unified glass cards,
   restored dedicated 12-hour clock card, and smaller weather glyph. */
.command-center{
  background:
    linear-gradient(180deg,rgba(2,18,40,.16),rgba(2,18,40,.30)),
    url('/command-bg-clean.png') center center/cover no-repeat!important;
  min-height:420px!important;
}
.command-top{
  grid-template-columns:minmax(270px,1.45fr) minmax(175px,.88fr) minmax(180px,.90fr) minmax(155px,.80fr) minmax(245px,1.12fr)!important;
  gap:14px!important;
  min-width:1135px!important;
  min-height:390px!important;
}
.command-card{
  background:rgba(5,29,55,.64)!important;
  border:1px solid rgba(112,187,238,.28)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.14)!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
.day-card,.weather-command,.clock-command,.trend-mini{
  padding:20px!important;
  border-radius:18px!important;
}
.weather-command-icon{font-size:27px!important;line-height:1!important;}
.weather-main{gap:11px!important;}
.weather-main strong{font-size:27px!important;}
.weather-main span:not(.weather-command-icon){font-size:11px!important;}
.clock-command{display:flex!important;flex-direction:column!important;justify-content:center!important;}
.clock-icon{font-size:25px!important;margin-bottom:9px!important;}
.command-time-row{display:flex!important;align-items:baseline!important;gap:6px!important;}
.command-time-row strong{font-size:37px!important;font-weight:500!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
.command-time-row span{font-size:12px!important;color:#6bf09b!important;font-weight:700!important;}
.command-date{font-size:11px!important;}
.command-hijri{font-size:10px!important;}
.trend-mini .trend-heading strong{font-size:15px!important;}
.trend-mini .trend-row{padding:8px 0!important;}
@media(max-width:1200px){
  .command-top{grid-template-columns:minmax(250px,1.38fr) minmax(165px,.86fr) minmax(170px,.88fr) minmax(150px,.80fr) minmax(225px,1.08fr)!important;gap:10px!important;}
  .day-card,.weather-command,.clock-command,.trend-mini{padding:16px!important;}
  .welcome-block h1{font-size:28px!important;}
  .welcome-block h1 span{font-size:38px!important;}
}


/* v0.6.31.15 — Visual Normalized / Floating Trend Surface
   UI-only. Keep the five command elements in one horizontal surface.
   Yemen Trends is visually floating over the right side, not a fixed viewport panel.
   Glass backgrounds intentionally vary by card to match the Desktop Surface reference. */
.command-center{
  position:relative!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:
    linear-gradient(180deg,rgba(2,18,40,.05) 0%,rgba(2,18,40,.08) 55%,rgba(2,8,23,.88) 100%),
    url('/command-bg-clean.png') center top/cover no-repeat!important;
  min-height:420px!important;
}
.command-top{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(270px,1.48fr) minmax(175px,.88fr) minmax(180px,.90fr) minmax(155px,.80fr)!important;
  grid-auto-flow:column!important;
  grid-auto-columns:auto!important;
  width:100%!important;
  min-width:1280px!important;
  min-height:390px!important;
  padding:30px 340px 30px 30px!important;
  gap:14px!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
}
.command-top > .welcome-block,
.command-top > .day-card,
.command-top > .weather-command,
.command-top > .clock-command{
  grid-column:auto!important;
  grid-row:1!important;
  min-width:0!important;
}
.command-top > .trend-mini{
  position:absolute!important;
  top:30px!important;
  right:30px!important;
  width:285px!important;
  min-width:285px!important;
  height:330px!important;
  min-height:0!important;
  z-index:6!important;
}
.command-card{
  border-radius:18px!important;
  border:1px solid rgba(112,187,238,.25)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.12)!important;
}
.day-card{
  background:linear-gradient(155deg,rgba(8,48,80,.54),rgba(6,29,55,.30))!important;
}
.weather-command{
  background:linear-gradient(155deg,rgba(6,38,70,.40),rgba(5,24,47,.24))!important;
}
.clock-command{
  background:linear-gradient(155deg,rgba(3,28,56,.30),rgba(2,18,40,.22))!important;
}
.trend-mini{
  background:linear-gradient(160deg,rgba(7,48,72,.62),rgba(4,27,52,.36))!important;
}
.weather-command-icon{font-size:25px!important;line-height:1!important;}
.weather-main{gap:10px!important;}
.weather-main strong{font-size:26px!important;}
.weather-main span:not(.weather-command-icon){font-size:11px!important;}
.clock-command{display:flex!important;flex-direction:column!important;justify-content:center!important;}
.command-time-row{display:flex!important;align-items:baseline!important;gap:6px!important;}
.command-time-row strong{font-size:36px!important;font-weight:500!important;letter-spacing:-.035em!important;white-space:nowrap!important;}
.command-time-row span{font-size:12px!important;color:#6bf09b!important;font-weight:700!important;}
.trend-mini .trend-heading strong{font-size:15px!important;}
.trend-mini .trend-row{padding:8px 0!important;}
@media(max-width:1100px){
  .command-top{padding:24px 320px 24px 24px!important;gap:10px!important;}
  .command-top > .trend-mini{top:24px!important;right:24px!important;width:275px!important;min-width:275px!important;}
}


/* v0.6.31.16 — Desktop Surface final alignment
   Match the supplied Desktop Surface reference: permanent left navigation on desktop,
   full-width meadow background under the top bar, five in-flow cards on one row,
   Yemen Trends is a normal fifth card (NOT floating), and the image fades to navy below. */
:root{--wcd-topbar:36px;--wcd-sidebar:185px}
html,body{background:#020817!important}
body{overflow-x:hidden!important}
.topbar{height:var(--wcd-topbar)!important;padding:0 16px!important;background:rgba(2,8,23,.96)!important;border-bottom:1px solid rgba(77,163,255,.14)!important;backdrop-filter:blur(14px)!important}
.topbar-left{display:flex;align-items:center;gap:9px;min-width:0}
.topbar-left .mobile-menu{display:grid!important;width:24px!important;height:24px!important;padding:0!important;border:0!important;background:transparent!important;color:#d9e6f5!important;font-size:17px!important;place-items:center!important;line-height:1!important}
.topbar-globe{font-size:14px;color:#8aa6c5;line-height:1}
.topbar-title{font-size:13px;letter-spacing:.01em;color:#e5edf7;white-space:nowrap}
.top-actions{gap:11px!important}
.fullscreen-btn{width:28px!important;height:28px!important;padding:0!important;border:1px solid rgba(77,163,255,.18)!important;border-radius:9px!important;background:rgba(3,18,38,.58)!important;color:#d8e7f5!important;display:grid!important;place-items:center!important}
.secure{font-size:11px!important}.secure i{width:8px!important;height:8px!important;margin-right:6px!important}
.top-avatar{width:32px!important;height:32px!important}.logout{padding:7px 14px!important;border-radius:9px!important;font-size:11px!important}
.shell{padding-top:var(--wcd-topbar)!important}
.sidebar.floating-sidebar{position:fixed!important;top:var(--wcd-topbar)!important;bottom:0!important;left:0!important;width:var(--wcd-sidebar)!important;height:calc(100vh - var(--wcd-topbar))!important;margin:0!important;padding:24px 10px 12px!important;border:0!important;border-right:1px solid rgba(77,163,255,.13)!important;border-radius:0!important;background:rgba(2,14,31,.96)!important;box-shadow:none!important;transform:none!important;opacity:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;z-index:60!important}
.sidebar.floating-sidebar.is-open{transform:none!important;opacity:1!important}
.sidebar-brand{height:96px;flex:0 0 96px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;margin-bottom:15px;color:#fff}
.sidebar-brand-mark{font-size:34px;line-height:1;color:#f0b95f;text-shadow:0 0 16px rgba(220,160,75,.12)}
.sidebar-wise{font-size:22px;font-weight:900;letter-spacing:1.6px;color:#f0b95f;line-height:1.1}
.sidebar-sub{font-size:9px;letter-spacing:.03em;color:#d4deeb}
.sidebar.floating-sidebar nav{flex:1;min-height:0;overflow:auto;padding-right:2px}
.sidebar.floating-sidebar .nav{height:43px!important;margin:0 0 3px!important;padding:0 11px!important;border-radius:9px!important;font-size:12px!important;color:#c2cfdf!important}
.sidebar.floating-sidebar .nav span{display:inline!important;margin-left:9px!important}
.sidebar.floating-sidebar .nav.active{background:linear-gradient(90deg,rgba(0,151,255,.18),rgba(0,82,150,.12))!important;border-color:rgba(0,154,255,.13)!important;color:#25b8ff!important;box-shadow:inset 3px 0 0 #1298e8!important}
.sidebar.floating-sidebar .nav:hover{background:rgba(65,150,220,.07)!important;color:#f4f8fc!important}
.sidebar.floating-sidebar .account-card{margin:10px 2px 0!important;padding:10px 8px!important;border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;border-radius:0!important;background:transparent!important;gap:4px!important}
.sidebar.floating-sidebar .account-card .avatar{width:38px;height:38px;margin-bottom:4px}
.sidebar.floating-sidebar .account-card small{font-size:9px!important}.sidebar.floating-sidebar .account-card strong{font-size:11px!important}.sidebar.floating-sidebar .email{font-size:9px!important}.sidebar.floating-sidebar .secure-line{font-size:9px!important}
.sidebar-overlay{display:none!important}
.main{position:relative!important;margin-left:var(--wcd-sidebar)!important;padding:0!important;min-height:calc(100vh - var(--wcd-topbar))!important;overflow:hidden!important;background:#020817!important}
.main:before{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:720px;background-image:linear-gradient(180deg,rgba(2,14,31,.02) 0%,rgba(2,14,31,.04) 45%,rgba(2,14,31,.28) 68%,#020817 100%),url('/command-bg-clean.png');background-position:center top;background-size:cover;background-repeat:no-repeat;pointer-events:none}
.main:after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:720px;background:linear-gradient(90deg,rgba(2,14,31,.10) 0%,transparent 26%,rgba(2,14,31,.18) 100%);pointer-events:none}
.view#dashboard{position:relative!important;z-index:1;min-height:100vh!important;padding:0!important}
.command-center{position:relative!important;z-index:1;overflow:visible!important;min-height:660px!important;height:660px!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.command-backdrop{display:none!important}
.command-top{display:grid!important;position:relative!important;z-index:2;grid-template-columns:minmax(0,1.28fr) minmax(0,.94fr) minmax(0,1.02fr) minmax(0,.93fr) minmax(0,1.22fr)!important;grid-template-rows:340px!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;width:100%!important;min-width:0!important;min-height:0!important;height:340px!important;padding:274px 10px 0 26px!important;gap:14px!important;align-items:stretch!important;box-sizing:content-box!important}
.command-top > .welcome-block,.command-top > .day-card,.command-top > .weather-command,.command-top > .clock-command,.command-top > .trend-mini{grid-column:auto!important;grid-row:1!important;position:relative!important;top:auto!important;right:auto!important;width:auto!important;min-width:0!important;height:340px!important;min-height:0!important;align-self:stretch!important}
.welcome-block{justify-content:center!important;padding:22px 20px!important;overflow:hidden!important}
.welcome-block .eyebrow{font-size:11px!important}.welcome-block h1{font-size:22px!important;margin:9px 0!important;line-height:1.15!important}.welcome-block h1 span{font-size:34px!important;margin-top:6px!important}.welcome-block p{font-size:14px!important;line-height:1.55!important;max-width:320px!important}.focus-pill{margin-top:22px!important;padding:8px 11px!important;font-size:10px!important;display:inline-flex!important;width:max-content!important;max-width:100%!important}
.command-card{border-radius:17px!important;border:1px solid rgba(112,187,238,.24)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 35px rgba(0,0,0,.14)!important;overflow:hidden!important}
.day-card{padding:20px!important;background:linear-gradient(155deg,rgba(8,48,80,.58),rgba(6,29,55,.34))!important}
.weather-command{padding:20px!important;background:linear-gradient(155deg,rgba(6,38,70,.44),rgba(5,24,47,.25))!important}
.clock-command{padding:20px!important;background:linear-gradient(155deg,rgba(3,28,56,.34),rgba(2,18,40,.24))!important}
.trend-mini{display:flex!important;padding:18px!important;background:linear-gradient(160deg,rgba(7,48,72,.58),rgba(4,27,52,.33))!important}
.weather-command-icon{font-size:22px!important}.weather-main{gap:10px!important}.weather-main strong{font-size:25px!important}.weather-main span:not(.weather-command-icon){font-size:10px!important}.weather-command{gap:14px!important}.weather-place{font-size:11px!important}.weather-meta{font-size:9px!important}
.clock-icon{font-size:23px!important;margin-bottom:8px!important}.command-time-row strong{font-size:35px!important}.command-time-row span{font-size:11px!important}.command-date{font-size:10px!important}.command-hijri{font-size:9px!important}
.trend-heading strong{font-size:14px!important}.trend-heading small{font-size:9px!important}.trend-tabs{margin:13px 0 7px!important}.trend-tab{font-size:9px!important;padding:7px 5px!important}.trend-mini .trend-row{padding:7px 0!important}.trend-mini .trend-row b{font-size:9px!important}.trend-mini .trend-row small{font-size:8px!important}.trend-mini .text-action{margin-top:auto!important}
.workspace-strip{position:relative!important;z-index:2;margin:8px 26px 0!important;padding:13px 14px!important;border:1px solid rgba(77,163,255,.13)!important;border-radius:15px!important;background:linear-gradient(110deg,rgba(4,20,40,.94),rgba(7,25,49,.80))!important;box-shadow:0 12px 35px rgba(0,0,0,.12)!important}
.workspace-tabs{position:relative!important;z-index:2;margin:6px 26px 0!important}
.session-status{position:relative!important;z-index:2;margin-left:26px!important}
.applications-head,.apps,.lower,footer{position:relative!important;z-index:2}
@media(max-width:900px){
  .topbar{height:44px!important}.shell{padding-top:44px!important}.sidebar.floating-sidebar{top:44px!important;height:calc(100vh - 44px)!important;transform:translateX(calc(-100% - 8px))!important;opacity:.1!important}.sidebar.floating-sidebar.is-open{transform:translateX(0)!important;opacity:1!important}.main{margin-left:0!important}.main:before,.main:after{height:760px}.command-center{height:auto!important;min-height:760px!important}.command-top{grid-template-columns:repeat(5,minmax(190px,1fr))!important;grid-template-rows:340px!important;width:max-content!important;min-width:calc(5 * 190px + 4 * 14px + 36px)!important;padding:274px 26px 0!important;overflow:visible!important}.command-center{overflow-x:auto!important;overflow-y:hidden!important}.workspace-strip{margin-left:14px!important;margin-right:14px!important}.workspace-tabs{margin-left:14px!important;margin-right:14px!important}
}
@media(max-width:560px){.topbar-title{font-size:11px}.secure,.top-avatar,.logout{display:none!important}.command-top{grid-template-columns:repeat(5,minmax(175px,1fr))!important;min-width:calc(5 * 175px + 4 * 12px + 28px)!important;padding-left:14px!important;padding-right:14px!important;gap:12px!important}.command-center{min-height:740px!important}.command-top > .welcome-block,.command-top > .day-card,.command-top > .weather-command,.command-top > .clock-command,.command-top > .trend-mini{height:320px!important}.command-top{grid-template-rows:320px!important}}


/* v0.6.31.17 — Floating sidebar normalization\n   Sidebar is an overlay over the Desktop Surface: no top/bottom separator lines,\n   no permanent layout reservation, and the meadow background continues behind it.\n   Existing navigation behavior and OAuth/session code are intentionally untouched. */\n.sidebar.floating-sidebar{\n  position:fixed!important;\n  top:calc(var(--wcd-topbar) + 14px)!important;\n  bottom:14px!important;\n  left:14px!important;\n  width:185px!important;\n  height:auto!important;\n  margin:0!important;\n  padding:20px 10px 12px!important;\n  border:0!important;\n  border-right:0!important;\n  border-top:0!important;\n  border-bottom:0!important;\n  border-radius:0 18px 18px 0!important;\n  background:linear-gradient(180deg,rgba(2,14,31,.82),rgba(2,14,31,.68))!important;\n  box-shadow:18px 20px 48px rgba(0,0,0,.28),inset 0 0 0 1px rgba(105,185,240,.06)!important;\n  backdrop-filter:blur(16px) saturate(115%)!important;\n  -webkit-backdrop-filter:blur(16px) saturate(115%)!important;\n  overflow:hidden!important;\n  z-index:70!important;\n}\n.sidebar.floating-sidebar.is-open{transform:none!important;opacity:1!important}\n.sidebar-overlay{display:none!important}\n.main{margin-left:0!important}\n.main:before{left:0!important}\n.sidebar.floating-sidebar .account-card{border:0!important;border-top:0!important;border-bottom:0!important}\n@media(max-width:900px){\n  .sidebar.floating-sidebar{top:58px!important;bottom:10px!important;left:10px!important;width:min(185px,calc(100vw - 20px))!important;transform:translateX(calc(-100% - 20px))!important;opacity:0!important}\n  .sidebar.floating-sidebar.is-open{transform:translateX(0)!important;opacity:1!important}\n}\n
/* v0.6.31.18 — Universal Responsive Surface
   Mobile/tablet correction: no horizontal dashboard scrolling, no oversized cards,
   and no sideways navigation required to read command-center information.
   Desktop five-card single-row layout remains unchanged. */
@media (max-width: 1100px){
  html,body{overflow-x:hidden!important;width:100%!important;max-width:100%!important}
  .main{overflow-x:hidden!important;max-width:100vw!important}
  .command-center{overflow:hidden!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;border-radius:0!important}
  .command-top{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    padding:24px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-auto-flow:row!important;
    gap:12px!important;
    box-sizing:border-box!important;
  }
  .command-top > .welcome-block,
  .command-top > .day-card,
  .command-top > .weather-command,
  .command-top > .clock-command,
  .command-top > .trend-mini{
    grid-column:auto!important;
    grid-row:auto!important;
    position:relative!important;
    top:auto!important;
    right:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    align-self:stretch!important;
  }
  .command-top > .welcome-block{grid-column:1/-1!important;min-height:190px!important}
  .command-top > .trend-mini{position:relative!important;grid-column:1/-1!important;min-height:230px!important}
  .command-card{min-width:0!important;overflow:hidden!important}
  .welcome-block h1{font-size:27px!important}
  .welcome-block h1 span{font-size:36px!important}
  .welcome-block p{font-size:13px!important}
  .weather-main strong{font-size:25px!important}
  .weather-command-icon{font-size:22px!important}
  .command-time-row strong{font-size:32px!important}
  .day-card,.weather-command,.clock-command,.trend-mini{padding:16px!important}
  .workspace-strip,.workspace-tabs{max-width:calc(100vw - 28px)!important}
}

@media (max-width: 700px){
  .topbar{height:48px!important;padding:0 10px!important}
  .shell{padding-top:48px!important}
  .topbar-title{font-size:11px!important;max-width:calc(100vw - 150px);overflow:hidden;text-overflow:ellipsis}
  .topbar-globe{font-size:12px!important}
  .top-actions{gap:6px!important}
  .fullscreen-btn{width:27px!important;height:27px!important}
  .top-avatar{width:28px!important;height:28px!important}
  .logout{padding:6px 9px!important;font-size:10px!important}
  .main{margin-left:0!important;padding:0 10px 20px!important;width:100%!important;max-width:100vw!important}
  .main:before{height:980px!important;background-image:linear-gradient(180deg,rgba(2,14,31,.01) 0%,rgba(2,14,31,.03) 38%,rgba(2,14,31,.28) 62%,#020817 100%),url('/command-bg-clean.png')!important;background-position:center top!important;background-size:auto 720px!important;background-repeat:no-repeat!important}
  .main:after{height:980px!important;background:linear-gradient(90deg,rgba(2,14,31,.06),transparent 45%,rgba(2,14,31,.16))!important}
  .view#dashboard{width:100%!important;max-width:100%!important}
  .command-center{background:transparent!important;width:100%!important}
  .command-top{
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    padding:18px 8px 14px!important;
  }
  .command-top > .welcome-block{grid-column:auto!important;min-height:205px!important;padding:18px 14px!important}
  .command-top > .trend-mini{grid-column:auto!important;min-height:205px!important}
  .welcome-block .eyebrow{font-size:9px!important;letter-spacing:.18em!important}
  .welcome-block h1{font-size:23px!important;line-height:1.12!important;margin:8px 0!important}
  .welcome-block h1 span{font-size:31px!important;margin-top:4px!important}
  .welcome-block p{font-size:12px!important;line-height:1.5!important}
  .focus-pill{margin-top:18px!important;padding:8px 11px!important;font-size:10px!important}
  .focus-pill i{width:7px!important;height:7px!important}
  .day-card,.weather-command,.clock-command,.trend-mini{padding:15px!important;border-radius:15px!important}
  .card-title strong{font-size:13px!important}
  .cyan-icon{font-size:18px!important}
  .day-stat{margin-top:18px!important}
  .day-stat b{font-size:14px!important}.day-stat span,.day-next span{font-size:10px!important}
  .day-next{margin-top:14px!important;padding-top:12px!important}
  .day-next strong{font-size:14px!important}
  .text-action{font-size:11px!important}
  .text-action span{font-size:17px!important;margin-left:5px!important}
  .weather-command{gap:12px!important}
  .weather-main{gap:9px!important}
  .weather-command-icon{font-size:20px!important}
  .weather-main strong{font-size:24px!important}
  .weather-main span:not(.weather-command-icon){font-size:10px!important}
  .weather-place{font-size:10px!important}
  .weather-meta{font-size:9px!important;gap:5px!important}
  .clock-icon{font-size:22px!important;margin-bottom:7px!important}
  .command-time-row strong{font-size:31px!important}
  .command-time-row span{font-size:10px!important}
  .command-date{font-size:10px!important;margin-top:12px!important;padding-top:11px!important}
  .command-hijri{font-size:9px!important}
  .trend-heading strong{font-size:13px!important}
  .trend-heading small{font-size:9px!important}
  .trend-symbol{font-size:21px!important}
  .live-badge{font-size:8px!important;padding:3px 6px!important}
  .trend-tabs{margin:11px 0 7px!important}
  .trend-tab{padding:6px!important;font-size:9px!important}
  .trend-row{padding:7px 0!important;grid-template-columns:22px minmax(0,1fr) auto!important}
  .trend-row b{font-size:9px!important}.trend-row small{font-size:8px!important}
  .trend-row .rank{width:21px;height:21px;font-size:8px!important}

  /* Workspace controls stay fully inside the viewport; tabs wrap instead of forcing sideways travel. */
  .workspace-strip{margin:8px 0 0!important;padding:11px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important;max-width:none!important;width:100%!important}
  .workspace-heading{min-width:0!important;width:100%!important}
  .workspace-list{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .workspace-actions{width:100%!important;display:grid!important;grid-template-columns:1fr!important}
  .workspace-restore,.workspace-add{width:100%!important;min-height:38px!important}
  .workspace-tabs{width:100%!important;max-width:none!important;margin:6px 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important;min-height:0!important;padding:3px 0!important}
  .workspace-tab{width:100%!important;min-width:0!important;max-width:100%!important}
  .workspace-tab .tab-open{min-width:0!important;max-width:none!important;flex:1!important;padding:7px 7px!important;font-size:9px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .workspace-tab .tab-close{width:27px!important;height:27px!important;flex-basis:27px!important;margin-right:2px!important}

  .section-head{margin:20px 0 12px!important;align-items:flex-start!important}
  .section-head h2{font-size:17px!important}
  .apps{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .app-card{min-height:125px!important;padding:14px!important;border-radius:13px!important}
  .app-card strong{font-size:12px!important;margin:8px 0 3px!important}
  .app-card small{font-size:9px!important;line-height:1.4!important}
  .ico{font-size:21px!important}
  .lower{grid-template-columns:1fr!important;gap:10px!important}
  .panel{padding:14px!important;border-radius:13px!important}
}

@media (max-width:380px){
  .topbar-title{max-width:145px!important}
  .top-avatar,.fullscreen-btn{display:none!important}
  .welcome-block h1 span{font-size:28px!important}
  .apps{grid-template-columns:1fr!important}
  .workspace-tabs{grid-template-columns:1fr!important}
}


/* v0.6.31.19 — Mobile-first correction / page-scoped surface
   Goals:
   - Meadow background exists ONLY on the Dashboard view.
   - No horizontal dashboard scrolling on phones/tablets.
   - Compact cards and readable information on narrow screens.
   - Top-right account avatar + Log out remain available on phones.
   - Floating sidebar remains an overlay without top/bottom separator rules.
*/

/* The global .main pseudo-elements from earlier visual revisions must not paint
   every sub-page. The background belongs to #dashboard only. */
.main:before,.main:after{display:none!important;content:none!important}
.main{background:#020817!important;overflow-x:hidden!important}
#dashboard{position:relative!important;z-index:1;isolation:isolate;min-height:100vh!important}
#dashboard:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:0;right:0;top:0;
  height:760px;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(2,14,31,.02) 0%,rgba(2,14,31,.04) 46%,rgba(2,14,31,.30) 70%,#020817 100%),
    url('/command-bg-clean.png') center top / cover no-repeat;
}

/* Never let trend content create viewport-wide overflow. */
.trend-row{min-width:0!important}
.trend-row b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.trend-row small{min-width:0!important;white-space:nowrap!important}

/* Floating sidebar: visually detached from page, no separator bars. */
.sidebar.floating-sidebar{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0 18px 18px 0!important;
  background:linear-gradient(180deg,rgba(2,14,31,.90),rgba(2,14,31,.78))!important;
  box-shadow:18px 20px 48px rgba(0,0,0,.30),inset 0 0 0 1px rgba(105,185,240,.05)!important;
}
.sidebar.floating-sidebar .account-card{border:0!important}

@media (max-width:1100px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .shell,.main,#dashboard,.view{max-width:100%;overflow-x:hidden!important}
  .main{margin-left:0!important;padding:0 14px 24px!important}
  .command-center{width:100%!important;max-width:100%!important;overflow:hidden!important;height:auto!important;min-height:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
  .command-top{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;height:auto!important;min-height:0!important;
    padding:30px 14px 18px!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap:12px!important;
    overflow:visible!important;
  }
  .command-top>.welcome-block,
  .command-top>.day-card,
  .command-top>.weather-command,
  .command-top>.clock-command,
  .command-top>.trend-mini{
    position:relative!important;top:auto!important;right:auto!important;
    grid-row:auto!important;width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;min-height:0!important;box-sizing:border-box!important;
  }
  .command-top>.welcome-block{grid-column:1/-1!important;min-height:175px!important}
  .command-top>.day-card{grid-column:1!important;min-height:165px!important}
  .command-top>.weather-command{grid-column:2!important;min-height:165px!important}
  .command-top>.clock-command{grid-column:1/-1!important;min-height:145px!important}
  .command-top>.trend-mini{grid-column:1/-1!important;min-height:205px!important}
  .command-card{overflow:hidden!important}
  .workspace-strip{max-width:100%!important}
  .workspace-tabs{max-width:100%!important}
}

@media (max-width:700px){
  :root{--wcd-mobile-gutter:10px}
  .topbar{
    height:48px!important;padding:0 10px!important;
    gap:8px!important;
  }
  .shell{padding-top:48px!important}
  .topbar-left{gap:7px!important;min-width:0!important;flex:1 1 auto!important}
  .topbar-left .mobile-menu{width:24px!important;height:24px!important;font-size:17px!important;flex:0 0 24px!important}
  .topbar-globe{font-size:12px!important;flex:0 0 auto!important}
  .topbar-title{font-size:11px!important;max-width:150px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  /* Keep account identity and logout visible on mobile. Remove secondary actions
     that compete for the narrow top-right space. */
  .top-actions{gap:7px!important;flex:0 0 auto!important}
  .fullscreen-btn{display:none!important}
  .secure{font-size:0!important;display:flex!important;align-items:center!important}
  .secure i{width:7px!important;height:7px!important;margin:0!important}
  .top-avatar{display:grid!important;width:29px!important;height:29px!important;flex:0 0 29px!important}
  .logout{display:block!important;padding:6px 9px!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}

  .main{padding:0 var(--wcd-mobile-gutter) 24px!important;width:100%!important;max-width:100vw!important;box-sizing:border-box!important}
  #dashboard:before{height:690px!important;background-size:auto 690px!important;background-position:center top!important}
  .command-top{padding:24px 4px 14px!important;gap:10px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .command-top>.welcome-block{grid-column:1/-1!important;min-height:165px!important;padding:16px 14px!important}
  .command-top>.day-card{grid-column:1!important;min-height:150px!important}
  .command-top>.weather-command{grid-column:2!important;min-height:150px!important}
  .command-top>.clock-command{grid-column:1/-1!important;min-height:135px!important}
  .command-top>.trend-mini{grid-column:1/-1!important;min-height:190px!important}

  .welcome-block .eyebrow{font-size:8px!important;letter-spacing:.16em!important}
  .welcome-block h1{font-size:20px!important;line-height:1.12!important;margin:7px 0!important}
  .welcome-block h1 span{font-size:27px!important;margin-top:3px!important}
  .welcome-block p{font-size:10px!important;line-height:1.42!important}
  .focus-pill{margin-top:12px!important;padding:7px 9px!important;font-size:9px!important}
  .focus-pill i{width:6px!important;height:6px!important}

  .day-card,.weather-command,.clock-command,.trend-mini{padding:13px!important;border-radius:14px!important}
  .card-title strong{font-size:12px!important}
  .cyan-icon{font-size:16px!important}
  .day-stat{margin-top:13px!important}
  .day-stat b{font-size:13px!important}
  .day-stat span,.day-next span{font-size:9px!important;line-height:1.35!important}
  .day-next{margin-top:10px!important;padding-top:9px!important}
  .day-next small{font-size:8px!important}
  .day-next strong{font-size:13px!important}
  .day-actions{margin-top:8px!important}
  .text-action{font-size:10px!important}
  .text-action span{font-size:14px!important}

  .weather-command{gap:9px!important}
  .weather-main{gap:7px!important}
  .weather-command-icon{font-size:17px!important}
  .weather-main strong{font-size:21px!important}
  .weather-main span:not(.weather-command-icon){font-size:9px!important}
  .weather-place{font-size:9px!important}
  .weather-meta{font-size:8px!important;gap:4px!important;flex-wrap:wrap!important}

  .clock-command{display:flex!important;flex-direction:column!important;justify-content:center!important}
  .clock-icon{font-size:20px!important;margin-bottom:5px!important}
  .command-time-row strong{font-size:29px!important}
  .command-time-row span{font-size:9px!important}
  .command-date{font-size:9px!important;margin-top:9px!important;padding-top:8px!important}
  .command-hijri{font-size:8px!important;margin-top:5px!important}

  .trend-heading strong{font-size:12px!important}
  .trend-heading small{font-size:8px!important}
  .trend-symbol{font-size:19px!important}
  .live-badge{font-size:7px!important;padding:3px 5px!important}
  .trend-tabs{margin:8px 0 5px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .trend-tab{padding:6px 4px!important;font-size:8px!important;min-width:0!important}
  .trend-row{padding:6px 0!important;grid-template-columns:20px minmax(0,1fr) auto!important;gap:6px!important}
  .trend-row b{font-size:8px!important}
  .trend-row small{font-size:7px!important;max-width:58px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .trend-row .rank{width:19px!important;height:19px!important;font-size:7px!important}

  .workspace-strip{margin:7px 0 0!important;padding:10px!important;display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}
  .workspace-heading{width:100%!important;min-width:0!important}
  .workspace-list{width:100%!important;max-width:100%!important;overflow:hidden!important;display:flex!important;flex-wrap:wrap!important;gap:5px!important}
  .workspace-chip{font-size:9px!important;padding:6px 8px!important;max-width:100%!important}
  .workspace-actions{width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  .workspace-restore,.workspace-add{width:100%!important;min-height:34px!important;padding:7px!important;font-size:9px!important}
  .workspace-tabs{width:100%!important;max-width:100%!important;margin:5px 0 0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;overflow:visible!important}
  .workspace-tab{width:100%!important;min-width:0!important;max-width:100%!important}
  .workspace-tab .tab-open{min-width:0!important;max-width:none!important;flex:1!important;padding:6px!important;font-size:8px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .workspace-tab .tab-close{width:24px!important;height:24px!important;flex-basis:24px!important;margin-right:1px!important}

  .section-head{margin:17px 0 10px!important}
  .section-head h2{font-size:15px!important}
  .eyebrow{font-size:8px!important}
  .apps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .app-card{min-height:112px!important;padding:11px!important;border-radius:12px!important;min-width:0!important}
  .app-card strong{font-size:11px!important;margin:7px 0 3px!important}
  .app-card small{font-size:8px!important;line-height:1.35!important}
  .ico{font-size:19px!important}
  .lower{grid-template-columns:1fr!important;gap:8px!important}
  .panel{padding:12px!important;border-radius:12px!important}

  /* The sidebar is an actual overlay; it never pushes or resizes page content. */
  .sidebar.floating-sidebar{
    top:58px!important;bottom:10px!important;left:10px!important;
    width:min(276px,calc(100vw - 20px))!important;
    height:auto!important;
    padding:18px 10px 10px!important;
    border:0!important;
    border-radius:0 18px 18px 0!important;
    background:linear-gradient(180deg,rgba(2,14,31,.95),rgba(2,14,31,.88))!important;
    box-shadow:18px 20px 55px rgba(0,0,0,.40)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    transform:translateX(calc(-100% - 24px))!important;
    opacity:0!important;
    z-index:100!important;
  }
  .sidebar.floating-sidebar.is-open{transform:translateX(0)!important;opacity:1!important}
  .sidebar.floating-sidebar nav{overflow:auto!important}
  .sidebar.floating-sidebar .nav{height:42px!important;font-size:12px!important}
  .sidebar.floating-sidebar .account-card{border:0!important;margin-top:8px!important}
}

@media(max-width:380px){
  .topbar-title{max-width:125px!important}
  .logout{padding:6px 7px!important}
  .command-top{gap:8px!important;padding-left:2px!important;padding-right:2px!important}
  .day-card,.weather-command,.clock-command,.trend-mini{padding:11px!important}
  .apps{grid-template-columns:1fr 1fr!important}
  .workspace-actions{grid-template-columns:1fr!important}
}


/* v0.6.31.20 — Home dashboard visual rebuild
   Reference: user-provided desktop surface.
   UI only: preserves existing application logic and integrations. */

@media (min-width:1101px){
  html,body{
    min-height:100%;
    background:#020817!important;
    overflow-x:hidden;
  }

  .topbar{
    height:36px!important;
    padding:0 24px!important;
    background:rgba(2,8,23,.34)!important;
    border-bottom:0!important;
    backdrop-filter:blur(10px)!important;
    -webkit-backdrop-filter:blur(10px)!important;
  }
  .topbar-left{
    min-width:0!important;
    opacity:.85;
  }
  .mobile-menu,.topbar-globe{
    display:none!important;
  }
  .topbar-title{
    font-size:11px!important;
    letter-spacing:.02em!important;
    font-weight:500!important;
    color:#e9f1fb!important;
  }
  .top-actions{gap:14px!important}
  .fullscreen-btn{
    width:36px!important;
    height:36px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.09)!important;
    border-radius:10px!important;
    background:rgba(3,18,38,.34)!important;
    display:grid!important;
    place-items:center!important;
  }
  .secure{
    font-size:12px!important;
    color:#d8e7f5!important;
  }
  .top-avatar{
    width:44px!important;
    height:44px!important;
    border-color:rgba(255,255,255,.12)!important;
    box-shadow:0 5px 20px rgba(0,0,0,.25)!important;
  }
  .logout{
    padding:11px 17px!important;
    border:1px solid rgba(112,187,238,.18)!important;
    border-radius:12px!important;
    background:rgba(3,18,38,.36)!important;
    color:#f2f6fb!important;
  }

  .shell{
    padding-top:36px!important;
  }
  .sidebar.floating-sidebar{
    display:none!important;
  }
  .sidebar-overlay{
    display:none!important;
  }
  .main{
    margin-left:0!important;
    padding:0 28px 24px!important;
    min-height:calc(100vh - 36px)!important;
  }

  #dashboard{
    position:relative!important;
    min-height:900px!important;
    isolation:isolate;
  }
  #dashboard:before{
    z-index:-2!important;
    left:-28px!important;
    right:-28px!important;
    top:0!important;
    width:auto!important;
    height:760px!important;
    background:
      linear-gradient(180deg,rgba(2,14,31,.02) 0%,rgba(2,14,31,.03) 43%,rgba(2,14,31,.22) 68%,#020817 100%),
      url('/command-bg-clean.png') center top / cover no-repeat!important;
  }

  .command-center{
    width:100%!important;
    min-height:680px!important;
    height:680px!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .command-backdrop{
    display:none!important;
  }
  .command-top{
    position:relative!important;
    z-index:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.28fr) minmax(0,.94fr) minmax(0,1.02fr) minmax(0,.93fr) minmax(0,1.22fr)!important;
    grid-template-rows:346px!important;
    grid-auto-flow:row!important;
    gap:16px!important;
    width:100%!important;
    height:346px!important;
    min-height:346px!important;
    padding:274px 0 0!important;
    box-sizing:content-box!important;
    align-items:stretch!important;
  }
  .command-top>.welcome-block,
  .command-top>.day-card,
  .command-top>.weather-command,
  .command-top>.clock-command,
  .command-top>.trend-mini{
    grid-column:auto!important;
    grid-row:1!important;
    width:auto!important;
    min-width:0!important;
    min-height:346px!important;
    height:346px!important;
    box-sizing:border-box!important;
  }

  .welcome-block{
    padding:32px 26px!important;
    border:1px solid rgba(112,187,238,.18)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(6,27,52,.58),rgba(3,20,42,.50))!important;
    backdrop-filter:blur(9px)!important;
    -webkit-backdrop-filter:blur(9px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 14px 35px rgba(0,0,0,.14)!important;
  }
  .welcome-block .eyebrow{
    display:none!important;
  }
  .welcome-block h1{
    margin:0 0 22px!important;
    font-size:20px!important;
    line-height:1.25!important;
    font-weight:500!important;
    letter-spacing:-.01em!important;
  }
  .welcome-block h1 span{
    margin-top:7px!important;
    font-size:32px!important;
    line-height:1.05!important;
    color:#79c9ff!important;
    font-weight:700!important;
  }
  .welcome-block p{
    max-width:280px!important;
    font-size:15px!important;
    line-height:1.7!important;
    color:#d7e4f2!important;
  }
  .focus-pill{
    margin-top:auto!important;
    padding:11px 15px!important;
    font-size:11px!important;
    background:rgba(3,21,39,.54)!important;
    border-color:rgba(255,255,255,.10)!important;
  }

  .command-card{
    border:1px solid rgba(112,187,238,.20)!important;
    border-radius:19px!important;
    background:linear-gradient(145deg,rgba(7,35,62,.78),rgba(3,22,44,.76))!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 35px rgba(0,0,0,.14)!important;
  }
  .day-card{padding:20px!important}
  .weather-command{padding:20px!important}
  .clock-command{padding:20px!important}
  .trend-mini{padding:18px!important}

  .day-stat{margin-top:28px!important}
  .day-next{margin-top:21px!important}
  .day-actions{
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
    margin-top:auto!important;
    align-items:flex-start!important;
  }
  .day-actions .calendar-connect{
    display:none!important;
  }

  .weather-command{gap:19px!important}
  .weather-command-icon{font-size:40px!important}
  .weather-main strong{font-size:30px!important}
  .weather-place{font-size:12px!important}
  .weather-meta{font-size:10px!important}

  .clock-command{
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .clock-icon{font-size:32px!important;margin-bottom:13px!important}
  .command-time-row{
    display:flex!important;
    align-items:baseline!important;
    gap:8px!important;
  }
  .command-time-row strong{
    font-size:40px!important;
    font-weight:500!important;
    letter-spacing:-.04em!important;
  }
  .command-time-row span{
    font-size:14px!important;
    color:#6bf09b!important;
    font-weight:700!important;
  }
  .command-date{
    margin-top:18px!important;
    padding-top:15px!important;
    font-size:11px!important;
  }
  .command-hijri{font-size:10px!important}

  .trend-mini{
    min-width:0!important;
  }
  .trend-heading strong{font-size:15px!important}
  .trend-heading small{font-size:10px!important}
  .trend-tabs{margin:15px 0 8px!important}
  .trend-tab{font-size:10px!important;padding:8px 7px!important}
  .trend-row{padding:8px 0!important}
  .trend-row b{font-size:10px!important}
  .trend-row small{font-size:9px!important}

  .workspace-strip{
    position:relative!important;
    z-index:3!important;
    margin-top:0!important;
    min-height:210px!important;
    padding:24px 24px 0!important;
    border:1px solid rgba(112,187,238,.17)!important;
    border-radius:20px!important;
    background:linear-gradient(180deg,rgba(3,20,40,.64),rgba(3,17,34,.78))!important;
    box-shadow:0 18px 45px rgba(0,0,0,.16)!important;
    align-items:flex-start!important;
  }
  .workspace-heading{
    min-width:200px!important;
    gap:6px!important;
  }
  .workspace-kicker{
    font-size:10px!important;
    color:#f0b958!important;
  }
  .workspace-heading strong{
    font-size:20px!important;
  }
  .workspace-count{
    font-size:12px!important;
  }
  .workspace-list{
    gap:8px!important;
    padding-top:38px!important;
  }
  .workspace-chip{
    padding:10px 13px!important;
    border-radius:11px!important;
    font-size:12px!important;
  }
  .workspace-actions{
    gap:8px!important;
    padding-top:8px!important;
  }
  .workspace-restore,.workspace-add{
    padding:11px 14px!important;
    border-radius:11px!important;
    font-size:11px!important;
  }
  .workspace-tabs{
    min-height:55px!important;
    margin-top:8px!important;
    gap:8px!important;
  }
  .workspace-tab{
    border-radius:10px!important;
  }
  .tab-open{
    padding:10px 12px!important;
    font-size:11px!important;
  }
  .tab-close{padding:10px!important}

  .section-head.applications-head{
    margin-top:28px!important;
  }

  footer{
    margin-top:28px!important;
  }
}

@media (min-width:1101px) and (max-width:1250px){
  .main{padding-left:18px!important;padding-right:18px!important}
  #dashboard:before{left:-18px!important;right:-18px!important}
  .command-top{
    grid-template-columns:minmax(0,1.2fr) minmax(150px,.9fr) minmax(155px,.98fr) minmax(145px,.88fr) minmax(215px,1.15fr)!important;
    gap:11px!important;
  }
  .workspace-strip{padding-left:18px!important;padding-right:18px!important}
}

/* v0.6.31.22 — Universal navigation + responsive surface correction
   Final authority for the navigation/surface rules.
   - Hamburger works on desktop, tablet and phone.
   - Sidebar is a floating overlay, never a layout column.
   - No top/bottom separator bars on the floating sidebar.
   - Dashboard meadow background is scoped to #dashboard only.
   - No horizontal scrolling on narrow screens.
   - Desktop retains account identity + logout in the top-right.
*/

/* Navigation trigger is intentionally available on every viewport. */
.topbar-left .mobile-menu{
  display:grid!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  padding:0!important;
  margin:0!important;
  place-items:center!important;
  border:1px solid rgba(112,187,238,.16)!important;
  border-radius:9px!important;
  background:rgba(3,18,38,.34)!important;
  color:#d9e6f5!important;
  font-size:17px!important;
  line-height:1!important;
  cursor:pointer!important;
  position:relative!important;
  z-index:121!important;
}
.topbar-left .mobile-menu:hover,
.topbar-left .mobile-menu.active{
  color:#25b8ff!important;
  border-color:rgba(37,184,255,.38)!important;
  background:rgba(0,108,180,.16)!important;
}

/* Floating navigation overlay — hidden until the hamburger is pressed. */
.sidebar.floating-sidebar{
  display:flex!important;
  position:fixed!important;
  top:calc(var(--wcd-topbar,48px) + 14px)!important;
  bottom:14px!important;
  left:14px!important;
  width:246px!important;
  height:auto!important;
  margin:0!important;
  padding:20px 10px 12px!important;
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0 18px 18px 0!important;
  background:linear-gradient(180deg,rgba(2,14,31,.94),rgba(2,14,31,.82))!important;
  box-shadow:18px 20px 55px rgba(0,0,0,.42)!important;
  backdrop-filter:blur(18px) saturate(120%)!important;
  -webkit-backdrop-filter:blur(18px) saturate(120%)!important;
  overflow:hidden!important;
  z-index:120!important;
  transform:translateX(calc(-100% - 24px))!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:transform .2s ease,opacity .2s ease,visibility .2s ease!important;
}
.sidebar.floating-sidebar.is-open{
  transform:translateX(0)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.sidebar.floating-sidebar nav{overflow:auto!important;min-height:0!important}
.sidebar.floating-sidebar .nav{height:43px!important;min-height:43px!important;margin:0 0 3px!important}
.sidebar.floating-sidebar .account-card{border:0!important;border-top:0!important;border-bottom:0!important}

/* The backdrop is optional and only exists while the drawer is open. */
.sidebar-overlay{
  display:block!important;
  position:fixed!important;
  inset:0!important;
  background:rgba(0,7,18,.34)!important;
  backdrop-filter:blur(1px)!important;
  -webkit-backdrop-filter:blur(1px)!important;
  z-index:110!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .18s ease,visibility .18s ease!important;
}
.sidebar-overlay.active{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Background belongs only to the Dashboard view. */
.main:before,.main:after{display:none!important;content:none!important}
.main{margin-left:0!important;overflow-x:hidden!important;background:#020817!important}
#dashboard{position:relative!important;isolation:isolate!important;min-height:100vh!important}
#dashboard:before{display:block!important}

/* Never require horizontal page movement to read dashboard content. */
@media(max-width:1100px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .shell,.main,#dashboard,.view{max-width:100%!important;overflow-x:hidden!important}
  .command-center{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .command-top{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}
  .command-top>*{min-width:0!important;max-width:100%!important}
}

@media(min-width:1101px){
  .topbar-left .mobile-menu{width:30px!important;height:30px!important;flex-basis:30px!important}
  .topbar-left{gap:9px!important}
  .topbar-globe{display:inline!important}
  .topbar-title{display:block!important}
  .main{padding:0 28px 24px!important}
  .sidebar.floating-sidebar{width:246px!important;top:50px!important;bottom:14px!important;left:14px!important}
}

@media(max-width:700px){
  .topbar-left .mobile-menu{width:28px!important;height:28px!important;flex-basis:28px!important;font-size:16px!important}
  .sidebar.floating-sidebar{top:58px!important;bottom:10px!important;left:10px!important;width:min(276px,calc(100vw - 20px))!important}
}

@media(max-width:380px){
  .sidebar.floating-sidebar{width:calc(100vw - 20px)!important}
}



/* v0.6.31.23 — Responsive + Navigation + Dashboard background final normalization.
   This block intentionally sits last so older experimental media rules cannot override it. */
html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
body{background:#020817!important}
.main{margin-left:0!important;padding:0 14px 24px!important;max-width:100vw!important;overflow-x:hidden!important;background:#020817!important}
.main:before,.main:after{display:none!important}
#dashboard{position:relative!important;isolation:isolate!important;min-width:0!important;max-width:100%!important;overflow:visible!important}
#dashboard:before{content:""!important;position:absolute!important;z-index:-2!important;left:-14px!important;right:-14px!important;top:0!important;height:760px!important;background:linear-gradient(180deg,rgba(2,14,31,.02) 0%,rgba(2,14,31,.04) 45%,rgba(2,14,31,.28) 68%,#020817 100%),url('/command-bg-clean.png') center top/cover no-repeat!important;pointer-events:none!important}
#dashboard:after{content:""!important;position:absolute!important;z-index:-1!important;left:-14px!important;right:-14px!important;top:0!important;height:760px!important;background:linear-gradient(90deg,rgba(2,14,31,.10),transparent 30%,rgba(2,14,31,.18))!important;pointer-events:none!important}

/* Sidebar is always a real floating overlay. It never reserves page width. */
.sidebar.floating-sidebar{display:flex!important;position:fixed!important;top:calc(var(--wcd-topbar,44px) + 10px)!important;bottom:10px!important;left:10px!important;width:276px!important;height:auto!important;margin:0!important;padding:18px 10px 10px!important;border:0!important;border-radius:0 18px 18px 0!important;background:linear-gradient(180deg,rgba(2,14,31,.96),rgba(2,14,31,.88))!important;box-shadow:18px 20px 55px rgba(0,0,0,.40)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;transform:translateX(calc(-100% - 24px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;z-index:100!important}
.sidebar.floating-sidebar.is-open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.sidebar.floating-sidebar nav{overflow:auto!important;min-height:0!important}
.sidebar.floating-sidebar .account-card{border:0!important;border-top:0!important;border-bottom:0!important}
.sidebar-overlay{display:none!important}
.mobile-menu{cursor:pointer!important}

@media(min-width:1101px){
  .topbar{height:44px!important;padding:0 16px!important}
  .shell{padding-top:44px!important}
  .main{padding:0 28px 24px!important}
  #dashboard:before,#dashboard:after{left:-28px!important;right:-28px!important}
  .command-center{height:680px!important;min-height:680px!important;overflow:visible!important}
  .command-top{display:grid!important;grid-template-columns:minmax(0,1.28fr) minmax(0,.94fr) minmax(0,1.02fr) minmax(0,.93fr) minmax(0,1.22fr)!important;grid-template-rows:346px!important;width:100%!important;min-width:0!important;height:346px!important;padding:274px 0 0!important;box-sizing:content-box!important;gap:16px!important;overflow:visible!important}
  .command-top>.welcome-block,.command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command,.command-top>.trend-mini{grid-column:auto!important;grid-row:1!important;width:auto!important;min-width:0!important;height:346px!important;min-height:346px!important}
}

@media(max-width:1100px){
  .topbar{height:52px!important;padding:0 12px!important}
  .shell{padding-top:52px!important}
  .topbar-title{font-size:12px!important}
  .top-actions{gap:7px!important}
  .secure{display:inline-flex!important;font-size:10px!important}
  .top-avatar{width:30px!important;height:30px!important}
  .logout{display:inline-flex!important;padding:6px 10px!important;font-size:10px!important}
  .main{padding:0 12px 20px!important}
  #dashboard:before,#dashboard:after{left:-12px!important;right:-12px!important;height:700px!important}
  .command-center{height:auto!important;min-height:0!important;overflow:visible!important;margin:0!important;padding:0!important}
  .command-top{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;grid-auto-flow:row!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;padding:92px 0 0!important;box-sizing:border-box!important;gap:10px!important;overflow:visible!important}
  .command-top>.welcome-block{grid-column:1/-1!important;grid-row:auto!important;min-width:0!important;width:auto!important;height:190px!important;min-height:190px!important}
  .command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command,.command-top>.trend-mini{grid-column:auto!important;grid-row:auto!important;min-width:0!important;width:auto!important;height:220px!important;min-height:220px!important}
  .welcome-block{padding:18px!important}
  .welcome-block h1 span{font-size:28px!important}
  .welcome-block p{font-size:12px!important}
  .day-card,.weather-command,.clock-command,.trend-mini{padding:14px!important;border-radius:14px!important}
  .day-stat b{font-size:16px!important}
  .day-next strong{font-size:14px!important}
  .weather-main strong{font-size:23px!important}
  .command-time-row strong{font-size:30px!important}
  .trend-mini{display:flex!important;min-width:0!important}
  .trend-row{min-width:0!important;grid-template-columns:20px minmax(0,1fr) auto!important;gap:6px!important}
  .trend-row b,.trend-row small{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .workspace-strip,.workspace-tabs,.session-status{margin-left:0!important;margin-right:0!important}
  .workspace-strip{width:100%!important;box-sizing:border-box!important}
}

@media(max-width:700px){
  .topbar{height:50px!important}
  .shell{padding-top:50px!important}
  .topbar-title{font-size:11px!important}
  .secure{display:none!important}
  .top-avatar{display:flex!important;width:28px!important;height:28px!important}
  .logout{display:inline-flex!important;padding:6px 8px!important;font-size:9px!important}
  .main{padding:0 10px 18px!important}
  #dashboard:before,#dashboard:after{left:-10px!important;right:-10px!important;height:620px!important}
  .command-top{grid-template-columns:1fr!important;gap:9px!important;padding-top:78px!important}
  .command-top>.welcome-block,.command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command,.command-top>.trend-mini{grid-column:1/-1!important;height:auto!important;min-height:0!important}
  .command-top>.welcome-block{min-height:170px!important}
  .command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command{min-height:170px!important}
  .command-top>.trend-mini{min-height:220px!important}
  .welcome-block h1{font-size:18px!important;margin-bottom:12px!important}
  .welcome-block h1 span{font-size:27px!important}
  .welcome-block p{font-size:11px!important;line-height:1.45!important}
  .focus-pill{margin-top:12px!important;font-size:9px!important;padding:7px 9px!important}
  .card-title strong{font-size:13px!important}
  .day-stat b{font-size:18px!important}
  .weather-main strong{font-size:26px!important}
  .command-time-row strong{font-size:32px!important}
  .trend-heading strong{font-size:13px!important}
  .trend-heading small{font-size:9px!important}
  .trend-tab{font-size:9px!important;padding:7px 5px!important}
  .trend-row b{font-size:9px!important}
  .trend-row small{font-size:8px!important;max-width:90px!important}
  .workspace-strip{margin-top:10px!important;padding:10px!important}
  .workspace-actions{grid-template-columns:1fr!important}
  .workspace-tabs{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden!important}
  .apps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:390px){
  .topbar-title{max-width:130px!important;overflow:hidden!important;text-overflow:ellipsis!important}
  .logout{padding:5px 7px!important}
  .command-top{gap:8px!important}
  .command-top>.welcome-block{min-height:155px!important}
  .command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command{min-height:155px!important}
  .command-top>.trend-mini{min-height:205px!important}
  .apps{grid-template-columns:1fr 1fr!important}
}

/* v0.6.31.24 — unified calendar account selector */
.calendar-source-hint{font-size:9px;color:#8fa8c1}.calendar-source-hint.is-connected{color:#8fe6b2}.calendar-provider-list{display:flex;flex-direction:column;gap:8px}.calendar-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:1px solid rgba(77,163,255,.16);border-radius:12px;background:rgba(7,27,50,.45)}.calendar-account-row b{display:block;font-size:11px}.calendar-account-row small{display:block;margin-top:3px;color:#8fa8c1;font-size:9px}.calendar-account-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.calendar-account-actions .outline{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.calendar-connected{font-size:9px;color:#8fe6b2;border:1px solid rgba(87,216,146,.25);border-radius:999px;padding:6px 9px}.calendar-reconnect{background:rgba(220,160,75,.04)}

/* v0.6.31.32 — Desktop chrome and sub-page header correction.
   UI-only changes. Calendar, authentication, external links, workspaces,
   persistent data and application logic are intentionally untouched. */
.topbar{
  background:transparent!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.shell{padding-top:0!important}

/* Keep the floating sidebar below the transparent chrome instead of
   allowing it to overlap the top controls. */
.sidebar.floating-sidebar{
  top:calc(var(--wcd-topbar,36px) + 14px)!important;
  bottom:14px!important;
  height:auto!important;
}

/* Dashboard background begins at the very top edge and continues behind
   the transparent topbar. The source image is cropped to remove its frame. */
#dashboard:before{
  content:""!important;
  position:absolute!important;
  z-index:-2!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:760px!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(2,14,31,.01) 0%,rgba(2,14,31,.025) 48%,rgba(2,14,31,.24) 70%,#020817 100%),
    url('/nature-dashboard-bg.png') center top/cover no-repeat!important;
}
#dashboard:after{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:760px!important;
  pointer-events:none!important;
  background:linear-gradient(90deg,rgba(2,14,31,.10) 0%,transparent 26%,rgba(2,14,31,.18) 100%)!important;
}

/* Sub-pages need clearance from the transparent fixed topbar. */
#subview{
  padding-top:calc(var(--wcd-topbar,36px) + 28px)!important;
  box-sizing:border-box!important;
  min-height:calc(100vh - var(--wcd-topbar,36px))!important;
}
#subview .subhead{margin-top:0!important}

@media(max-width:900px){
  #subview{padding-top:64px!important}
  .sidebar.floating-sidebar{
    top:58px!important;
    bottom:10px!important;
  }
}


/* v0.6.31.33 — final topbar seam + trend reliability UI fixes */
.topbar{
  background:transparent!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#dashboard:before,#dashboard:after{top:0!important}


/* v0.6.31.34 — remove the dashboard seam completely.
   The transparent desktop chrome must sit over the wallpaper with no blue
   rule/border between the top edge and the sky. */
.command-center{
  border:0!important;
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#dashboard:before{
  border:0!important;
  outline:0!important;
}

/* v0.6.31.35 — Glass Surface Card Redesign
   UI-only. No application logic or data behavior changes.
   Reference: supplied glassmorphism dashboard screenshot. */
.command-top > .welcome-block,
.command-top > .day-card,
.command-top > .weather-command,
.command-top > .clock-command,
.command-top > .trend-mini{
  border:1px solid rgba(184,229,255,.34)!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,rgba(55,128,177,.28),rgba(5,34,60,.18))!important;
  -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
  backdrop-filter:blur(18px) saturate(125%)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 0 28px rgba(90,190,235,.035),0 18px 42px rgba(0,0,0,.13)!important;
}

.command-top > .welcome-block{
  padding:28px 26px!important;
  justify-content:center!important;
}
.command-top > .day-card,
.command-top > .weather-command,
.command-top > .clock-command,
.command-top > .trend-mini{
  padding:24px!important;
}

/* Typography: lighter, larger and closer to the supplied reference. */
.command-top .eyebrow{
  font-size:11px!important;
  letter-spacing:.18em!important;
  color:rgba(219,243,255,.78)!important;
}
.command-top .welcome-block h1{
  font-size:31px!important;
  font-weight:600!important;
  line-height:1.13!important;
  letter-spacing:-.025em!important;
  margin:8px 0 13px!important;
  color:#f4f8fc!important;
}
.command-top .welcome-block h1 span{
  font-size:42px!important;
  font-weight:500!important;
  letter-spacing:-.035em!important;
  color:#83d0ff!important;
  margin-top:5px!important;
}
.command-top .welcome-block p{
  font-size:15px!important;
  line-height:1.65!important;
  color:rgba(239,248,255,.88)!important;
  max-width:360px!important;
}
.command-top .welcome-leaf{font-size:22px!important;color:#79e2c2!important}
.command-top .focus-pill{
  margin-top:24px!important;
  padding:10px 16px!important;
  border:1px solid rgba(188,231,255,.20)!important;
  background:rgba(7,39,61,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)!important;
  font-size:12px!important;
}

.command-top .card-title{gap:11px!important;color:#75e8f7!important}
.command-top .card-title strong{font-size:17px!important;font-weight:650!important;letter-spacing:-.01em!important}
.command-top .cyan-icon{font-size:25px!important;color:#6de6f7!important}
.command-top .day-stat{margin-top:28px!important;gap:7px!important}
.command-top .day-stat b{font-size:17px!important;font-weight:600!important}
.command-top .day-stat span{font-size:12px!important;color:rgba(214,232,246,.78)!important;line-height:1.45!important}
.command-top .day-next{margin-top:20px!important;padding-top:16px!important;border-top:1px solid rgba(220,244,255,.14)!important;gap:6px!important}
.command-top .day-next small{font-size:11px!important;color:rgba(200,225,242,.68)!important}
.command-top .day-next strong{font-size:18px!important;font-weight:650!important}
.command-top .day-next span{font-size:12px!important;color:rgba(211,231,244,.76)!important}
.command-top .text-action{font-size:14px!important;font-weight:650!important;color:#64e7f2!important}
.command-top .text-action span{font-size:22px!important;margin-left:9px!important}

/* Weather */
.command-top .weather-command{gap:19px!important}
.command-top .weather-main{gap:15px!important}
.command-top .weather-command-icon{
  font-size:38px!important;
  color:#ffd34d!important;
  font-family:"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif!important;
  text-shadow:0 3px 12px rgba(255,205,72,.18)!important;
}
.command-top .weather-main strong{font-size:34px!important;font-weight:500!important;letter-spacing:-.035em!important}
.command-top .weather-main span:not(.weather-command-icon){font-size:13px!important;margin-top:7px!important;color:rgba(235,246,255,.84)!important}
.command-top .weather-place{font-size:13px!important;color:#edf7ff!important}
.command-top .weather-meta{font-size:11px!important;color:#8fe4b9!important}

/* Clock */
.command-top .clock-command{justify-content:center!important}
.command-top .clock-icon{font-size:31px!important;color:#72f19a!important;margin-bottom:12px!important}
.command-top .command-time-row{gap:7px!important}
.command-top .command-time-row strong{font-size:48px!important;font-weight:400!important;letter-spacing:-.045em!important}
.command-top .command-time-row span{font-size:15px!important;font-weight:700!important;color:#70ef9c!important}
.command-top .command-date{font-size:13px!important;font-weight:600!important;margin-top:19px!important;padding-top:17px!important;border-top:1px solid rgba(220,244,255,.14)!important;line-height:1.5!important}
.command-top .command-hijri{font-size:11px!important;margin-top:10px!important;color:rgba(204,228,242,.72)!important}

/* Yemen Trends */
.command-top .trend-mini{padding:22px!important}
.command-top .trend-heading{gap:12px!important}
.command-top .trend-heading>div{grid-template-columns:34px 1fr!important;column-gap:9px!important}
.command-top .trend-symbol{font-size:29px!important;color:#63e5cf!important}
.command-top .trend-heading strong{font-size:17px!important;font-weight:650!important;letter-spacing:-.01em!important}
.command-top .trend-heading small{font-size:11px!important;margin-top:3px!important;color:rgba(211,231,244,.72)!important}
.command-top .live-badge{font-size:9px!important;padding:5px 8px!important;border-color:rgba(112,238,170,.34)!important;background:rgba(65,208,141,.06)!important}
.command-top .trend-tabs{gap:8px!important;margin:16px 0 10px!important}
.command-top .trend-tab{padding:9px 9px!important;border-radius:999px!important;border:1px solid rgba(220,242,255,.10)!important;background:rgba(255,255,255,.035)!important;font-size:11px!important;color:rgba(213,231,244,.78)!important}
.command-top .trend-tab.active{border-color:rgba(90,201,255,.48)!important;background:rgba(48,137,195,.20)!important;color:#f4fbff!important}
.command-top .trend-row{grid-template-columns:28px minmax(0,1fr) auto!important;gap:8px!important;padding:10px 0!important;border-bottom:1px solid rgba(220,244,255,.10)!important}
.command-top .trend-row:last-child{border-bottom:0!important}
.command-top .trend-row .rank{width:28px!important;height:28px!important;border:1px solid rgba(118,218,255,.40)!important;background:rgba(21,105,145,.16)!important;color:#dff7ff!important;font-size:11px!important}
.command-top .trend-row b{font-size:11px!important;font-weight:600!important;color:#eef8ff!important}
.command-top .trend-row small{font-size:10px!important;color:rgba(202,225,239,.70)!important}
.command-top .trend-loading,.command-top .trend-empty{font-size:11px!important;color:rgba(185,211,228,.62)!important}

/* Keep the glass treatment coherent on the workspace surface. */
.workspace-strip{
  background:linear-gradient(120deg,rgba(5,28,49,.58),rgba(6,32,53,.34))!important;
  border:1px solid rgba(184,229,255,.18)!important;
  -webkit-backdrop-filter:blur(14px) saturate(120%)!important;
  backdrop-filter:blur(14px) saturate(120%)!important;
}

@media(max-width:1200px){
  .command-top > .welcome-block,.command-top > .day-card,.command-top > .weather-command,.command-top > .clock-command,.command-top > .trend-mini{border-radius:21px!important}
  .command-top .command-time-row strong{font-size:42px!important}
  .command-top .weather-main strong{font-size:30px!important}
}
@media(max-width:900px){
  .command-top > .welcome-block,.command-top > .day-card,.command-top > .weather-command,.command-top > .clock-command,.command-top > .trend-mini{border-radius:20px!important}
  .command-top .welcome-block h1{font-size:28px!important}
  .command-top .welcome-block h1 span{font-size:37px!important}
}

/* v0.6.31.36 — Reference-matched dashboard glass layout
   Visual-only: preserve existing dashboard behavior and data wiring. */
.command-top{
  grid-template-columns:minmax(0,1.50fr) minmax(0,.75fr) minmax(0,1.10fr) minmax(0,.85fr) minmax(0,1.35fr)!important;
  gap:18px!important;
}

/* The reference uses glass surfaces rather than five heavy blue cards. */
.command-top > .welcome-block,
.command-top > .weather-command,
.command-top > .clock-command{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

.command-top > .day-card,
.command-top > .trend-mini{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.045))!important;
  border:1px solid rgba(210,241,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 0 32px rgba(130,210,240,.035),0 14px 38px rgba(0,0,0,.14)!important;
  -webkit-backdrop-filter:blur(20px) saturate(125%)!important;
  backdrop-filter:blur(20px) saturate(125%)!important;
}

.command-top > .welcome-block{
  padding:30px 28px!important;
  justify-content:center!important;
}
.command-top .welcome-block h1{
  font-size:30px!important;
  font-weight:600!important;
  line-height:1.15!important;
  letter-spacing:-.035em!important;
  margin:0 0 18px!important;
}
.command-top .welcome-block h1 span{
  display:block!important;
  font-size:43px!important;
  line-height:1.02!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  color:#87d2ff!important;
}
.command-top .welcome-block p{
  font-size:16px!important;
  line-height:1.55!important;
  max-width:360px!important;
  color:rgba(247,251,255,.91)!important;
}
.command-top .focus-pill{
  margin-top:26px!important;
  padding:10px 17px!important;
  border:1px solid rgba(225,247,255,.24)!important;
  border-radius:999px!important;
  background:rgba(8,34,51,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-size:12px!important;
}

.command-top > .day-card{
  padding:24px 22px!important;
  border-radius:25px!important;
}
.command-top .card-title{gap:10px!important}
.command-top .cyan-icon{font-size:28px!important}
.command-top .card-title strong{font-size:18px!important;font-weight:650!important}
.command-top .day-stat{margin-top:34px!important}
.command-top .day-stat b{font-size:18px!important}
.command-top .day-stat span{font-size:13px!important}
.command-top .day-next{margin-top:24px!important;padding-top:17px!important}
.command-top .day-next small{font-size:12px!important}
.command-top .day-next strong{font-size:18px!important}
.command-top .day-next span{font-size:13px!important}
.command-top .text-action{font-size:15px!important}
.command-top .text-action span{font-size:25px!important}

/* Weather is intentionally open/glass, matching the reference composition. */
.command-top > .weather-command{
  padding:22px 18px!important;
  justify-content:center!important;
}
.command-top .weather-command-icon{
  font-size:58px!important;
  line-height:1!important;
}
.command-top .weather-main{gap:16px!important}
.command-top .weather-main strong{font-size:42px!important;font-weight:500!important}
.command-top .weather-main span:not(.weather-command-icon){font-size:15px!important;margin-top:5px!important}
.command-top .weather-place{font-size:15px!important}
.command-top .weather-meta{font-size:12px!important;gap:12px!important}

/* Reference has a clean vertical divider between weather and clock. */
.command-top > .clock-command{
  position:relative!important;
  padding:22px 28px!important;
  justify-content:center!important;
}
.command-top > .clock-command:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12%!important;
  bottom:12%!important;
  width:1px!important;
  background:linear-gradient(180deg,transparent,rgba(213,242,255,.34),transparent)!important;
}
.command-top .clock-icon{font-size:36px!important;margin-bottom:15px!important}
.command-top .command-time-row strong{font-size:52px!important;font-weight:400!important}
.command-top .command-time-row span{font-size:16px!important}
.command-top .command-date{font-size:15px!important;margin-top:21px!important;padding-top:18px!important}
.command-top .command-hijri{font-size:12px!important}

.command-top > .trend-mini{
  padding:24px!important;
  border-radius:25px!important;
}
.command-top .trend-heading{gap:12px!important}
.command-top .trend-symbol{font-size:31px!important}
.command-top .trend-heading strong{font-size:20px!important;font-weight:650!important}
.command-top .trend-heading small{font-size:12px!important}
.command-top .live-badge{font-size:10px!important;padding:5px 9px!important}
.command-top .trend-tabs{gap:8px!important;margin:17px 0 11px!important;padding:4px!important;border-radius:16px!important;background:rgba(255,255,255,.045)!important}
.command-top .trend-tab{padding:10px 12px!important;font-size:12px!important}
.command-top .trend-row{grid-template-columns:30px minmax(0,1fr) auto!important;gap:9px!important;padding:11px 0!important}
.command-top .trend-row .rank{width:30px!important;height:30px!important;font-size:12px!important}
.command-top .trend-row b{font-size:12px!important}
.command-top .trend-row small{font-size:11px!important}

@media(max-width:1200px){
  .command-top{grid-template-columns:minmax(0,1.25fr) minmax(0,.78fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.12fr)!important}
  .command-top .welcome-block h1{font-size:27px!important}
  .command-top .welcome-block h1 span{font-size:37px!important}
  .command-top .weather-command-icon{font-size:48px!important}
  .command-top .weather-main strong{font-size:34px!important}
  .command-top .command-time-row strong{font-size:44px!important}
}


/* v0.6.31.37 — Live News workspace */
.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.news-filters{display:flex;gap:7px;flex-wrap:wrap}
.news-filter{border:1px solid var(--border);background:rgba(6,19,41,.68);color:#aebdd0;border-radius:9px;padding:9px 13px;font-size:11px;cursor:pointer}
.news-filter:hover,.news-filter.active{border-color:rgba(220,160,75,.4);background:rgba(220,160,75,.08);color:var(--gold2)}
.news-meta{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px}
.news-meta>span+span{padding-left:10px;border-left:1px solid var(--border)}
.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.news-card{border:1px solid var(--border);border-radius:15px;background:linear-gradient(135deg,rgba(7,22,45,.72),rgba(7,20,38,.42));padding:16px;min-height:150px;display:flex;flex-direction:column;transition:.2s}
.news-card:hover{border-color:rgba(220,160,75,.34);transform:translateY(-1px)}
.news-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}
.news-source{font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.news-source.arab{color:#dca04b}.news-source.jazeera{color:#8fb6d9}
.news-age{font-size:9px;color:var(--muted)}
.news-card h3{font-size:15px;line-height:1.5;margin:0;color:#e6edf7}
.news-card p{font-size:11px;line-height:1.65;color:#8fa1b8;margin:8px 0 0}
.news-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:13px}
.news-card-foot span{font-size:9px;color:var(--muted)}
.news-card-foot button{border:0;background:transparent;color:var(--gold2);font-size:10px;cursor:pointer;padding:4px 0}
.news-card-foot button:hover{color:#fff}
.news-loading{grid-column:1/-1;min-height:220px;border:1px solid var(--border);border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px}
.news-loading span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:newsPulse 1s infinite alternate}
.news-loading span:nth-child(2){animation-delay:.18s}.news-loading span:nth-child(3){animation-delay:.36s}
@keyframes newsPulse{from{opacity:.25;transform:translateY(0)}to{opacity:1;transform:translateY(-3px)}}
.news-disclaimer{margin-top:14px;color:#687892;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:850px){.news-grid{grid-template-columns:1fr}}


/* v0.6.31.41 — News list + customizable sidebar */
.news-sections{display:flex;flex-direction:column;gap:16px}
.news-section{border:1px solid rgba(77,163,255,.12);border-radius:15px;background:linear-gradient(135deg,rgba(6,20,41,.72),rgba(5,16,32,.48));overflow:hidden}
.news-section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid rgba(77,163,255,.10);background:rgba(2,12,28,.34)}
.news-section-kicker{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#6f8eaf;margin-bottom:3px}
.news-section-head h2{margin:0;font-size:17px;color:#f1f6fb}
.news-section-actions{display:flex;align-items:center;gap:12px;color:#7188a4;font-size:9px}
.news-source-link{border:0;background:transparent;color:#dca04b;font-size:10px;cursor:pointer}
.news-source-link:hover{color:#fff}
.news-list{display:flex;flex-direction:column}
.news-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid rgba(77,163,255,.08);transition:background .16s ease}
.news-row:last-child{border-bottom:0}
.news-row:hover{background:rgba(31,103,161,.07)}
.news-row-index{font-size:11px;color:#496985;font-variant-numeric:tabular-nums}
.news-row-main{min-width:0}
.news-row-main h3{margin:0;color:#e8eef7;font-size:13px;line-height:1.55;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news-row-meta{display:flex;gap:10px;margin-top:4px;color:#7188a4;font-size:9px}
.news-open{border:0;background:transparent;color:#dca04b;font-size:10px;white-space:nowrap;cursor:pointer;padding:5px 0}
.news-open:hover{color:#fff}
.news-empty-row{padding:20px;color:#70849d;font-size:10px}
.news-disclaimer{margin-top:12px;color:#687892;font-size:9px;line-height:1.6;text-align:center}
@media(max-width:700px){.news-row{grid-template-columns:30px minmax(0,1fr)}.news-open{grid-column:2;justify-self:start}.news-section-head{align-items:flex-start}.news-section-actions{flex-direction:column;align-items:flex-end;gap:5px}}
.ui-sidebar-hidden .sidebar.floating-sidebar{transform:translateX(calc(-100% - 18px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.ui-sidebar-hidden .sidebar.floating-sidebar.is-open{transform:translateX(0)!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
.ui-sidebar-no-user .sidebar.floating-sidebar .account-card{display:none!important}
.sidebar-dialog{max-width:620px;width:min(620px,calc(100vw - 32px))}
.sidebar-dialog .customize-app-list{max-height:55vh;overflow:auto}

/* v0.6.31.41 — reliable multi-source news + explicit sidebar user-info control */
.sidebar-dialog-controls{margin:0 0 12px;padding:10px;border:1px solid rgba(105,185,240,.10);border-radius:12px;background:rgba(2,14,31,.38)}
.news-live-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;color:#8fa1b8;font-size:11px}
.news-live-body strong{display:block;color:#e8eef7;font-size:14px;margin-bottom:4px}.news-live-body p{margin:0;color:#7188a4}
@media(max-width:700px){.news-live-body{align-items:flex-start;flex-direction:column}}


/* v0.6.31.43 — 2.0 Nature dashboard background
   Uses the supplied panoramic nature image for the upper dashboard only.
   Motion is intentionally subtle: only small leaves/particles drift in a
   continuous light breeze; the landscape itself remains stable. */
#dashboard .command-backdrop{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:hidden!important;
  background:transparent!important;
}
#dashboard .command-backdrop:before,
#dashboard .command-backdrop:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:none!important;
  filter:none!important;
  opacity:0!important;
}
#dashboard .command-backdrop .orb{display:none!important}
#dashboard .command-backdrop .leaf{display:none!important}
#dashboard .wind-leaf{
  display:block!important;
  position:absolute!important;
  width:11px!important;
  height:6px!important;
  border-radius:100% 0 100% 0!important;
  background:rgba(224,246,196,.78)!important;
  box-shadow:0 0 7px rgba(226,247,205,.28)!important;
  opacity:0!important;
  transform:translate3d(-12vw,0,0) rotate(18deg)!important;
  animation:wiseWindDrift var(--wind-duration,15s) linear infinite!important;
  animation-delay:var(--wind-delay,0s)!important;
  will-change:transform,opacity!important;
}
#dashboard .wind-leaf:nth-child(10){--wind-duration:18s;--wind-delay:-5s;--wind-top:15%;--wind-start:7%;--wind-drift:22vw;--wind-rot:260deg}
#dashboard .wind-leaf:nth-child(11){--wind-duration:21s;--wind-delay:-12s;--wind-top:23%;--wind-start:31%;--wind-drift:26vw;--wind-rot:310deg;transform:scale(.72)!important}
#dashboard .wind-leaf:nth-child(12){--wind-duration:17s;--wind-delay:-8s;--wind-top:31%;--wind-start:48%;--wind-drift:20vw;--wind-rot:230deg;transform:scale(.86)!important}
#dashboard .wind-leaf:nth-child(13){--wind-duration:24s;--wind-delay:-18s;--wind-top:10%;--wind-start:64%;--wind-drift:28vw;--wind-rot:330deg;transform:scale(.62)!important}
#dashboard .wind-leaf:nth-child(10){--wind-duration:19s;--wind-delay:-3s;--wind-top:38%;--wind-start:78%;--wind-drift:18vw;--wind-rot:280deg;transform:scale(.8)!important}
#dashboard .wind-leaf:nth-child(11){--wind-duration:23s;--wind-delay:-15s;--wind-top:18%;--wind-start:88%;--wind-drift:24vw;--wind-rot:300deg;transform:scale(.68)!important}
#dashboard .wind-leaf:nth-child(12){--wind-duration:20s;--wind-delay:-10s;--wind-top:44%;--wind-start:18%;--wind-drift:25vw;--wind-rot:250deg;transform:scale(.58)!important}
#dashboard .wind-leaf:nth-child(13){--wind-duration:26s;--wind-delay:-20s;--wind-top:28%;--wind-start:55%;--wind-drift:30vw;--wind-rot:340deg;transform:scale(.5)!important}
@keyframes wiseWindDrift{
  0%{left:var(--wind-start);top:var(--wind-top);opacity:0;transform:translate3d(-12vw,8px,0) rotate(10deg) scale(.72)}
  8%{opacity:.72}
  50%{opacity:.48;transform:translate3d(calc(var(--wind-drift) * .52),-18px,0) rotate(calc(var(--wind-rot) * .5)) scale(1)}
  88%{opacity:.22}
  100%{left:var(--wind-start);top:calc(var(--wind-top) + 5%);opacity:0;transform:translate3d(var(--wind-drift),16px,0) rotate(var(--wind-rot)) scale(.72)}
}
@media(prefers-reduced-motion:reduce){
  #dashboard .wind-leaf{animation:none!important;display:none!important}
}

/* v0.6.31.43 2.0 news fixes: Al Arabiya Live top icon + proper Arabic headline rendering. */
.top-news-live{
  position:relative;display:inline-grid;place-items:center;width:36px;height:36px;padding:0;
  border:1px solid rgba(220,160,75,.42);border-radius:50%;
  background:rgba(220,160,75,.07);color:#efbd69;cursor:pointer;
  box-shadow:0 0 0 1px rgba(220,160,75,.04);transition:.18s ease;
}
.top-news-live:hover{background:rgba(220,160,75,.15);border-color:rgba(220,160,75,.72);transform:translateY(-1px);}
.top-news-live-icon{font-size:17px;font-weight:800;line-height:1;font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.top-news-live-dot{position:absolute;right:3px;top:3px;width:7px;height:7px;border-radius:50%;background:#43d98a;box-shadow:0 0 8px rgba(67,217,138,.85);}
.news-section-head [dir="rtl"],.news-section-head h2[dir="rtl"]{direction:rtl;text-align:right;unicode-bidi:plaintext;}
.news-row-main[dir="rtl"]{direction:rtl;text-align:right;min-width:0;}
.news-row-main h3[dir="rtl"]{direction:rtl;text-align:right;unicode-bidi:plaintext;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.7;word-break:normal;overflow-wrap:anywhere;}
.news-row-main .news-row-meta{direction:rtl;justify-content:flex-start;}
@media(max-width:700px){.top-news-live{width:34px;height:34px}.news-row-main h3[dir="rtl"]{line-height:1.65;}}


/* v0.6.31.44 — OneDrive folders stay inside Wise Cloud
   Saved OneDrive folders are browsable in My Files; child documents open as
   new managed workspace tabs instead of navigating through OneDrive's page. */
.folder-browser{display:flex;flex-direction:column;gap:14px}
.folder-browser-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid rgba(77,163,255,.12);border-radius:13px;background:rgba(6,20,41,.58)}
.folder-browser-head>div:first-child{min-width:0}.folder-browser-head strong{display:block;color:#e8eef7;font-size:14px}.folder-browser-head small{display:block;color:#7188a4;font-size:9px;margin-top:4px}
.folder-breadcrumbs{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;color:#7188a4;font-size:9px}.folder-breadcrumbs button{border:0;background:transparent;color:#9bb9d6;padding:2px 0;cursor:pointer}.folder-breadcrumbs button:hover{color:var(--gold2)}.folder-breadcrumbs b{color:#526b86;font-weight:500}
@media(max-width:700px){.folder-browser-head{flex-direction:column}.folder-breadcrumbs{justify-content:flex-start}}

/* v0.6.31.45 — requested UI cleanup and file path navigation. */
.command-top > .day-card,
.command-top > .trend-mini{
  background:transparent!important;
  border:1px solid rgba(112,187,238,.16)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.command-top > .day-card:hover,
.command-top > .trend-mini:hover{background:rgba(255,255,255,.018)!important;border-color:rgba(112,187,238,.24)!important;}
.news-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.news-live-top{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border:1px solid rgba(220,160,75,.42);border-radius:9px;background:rgba(220,160,75,.07);color:#efbd69;cursor:pointer;font-size:10px;font-weight:800;transition:.18s ease}
.news-live-top:hover{background:rgba(220,160,75,.14);border-color:rgba(220,160,75,.72);transform:translateY(-1px)}
.news-live-top .top-news-live-icon{font-size:15px}
.news-live-top .top-news-live-dot{position:static;display:inline-block;width:6px;height:6px;flex:0 0 6px}
.files-pathbar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 14px;padding:9px 12px;border:1px solid rgba(77,163,255,.14);border-radius:10px;background:rgba(4,18,37,.34);color:#7188a4;font-size:10px;min-height:34px;box-sizing:border-box}
.files-pathbar button{border:0;background:transparent;color:#a9c9e8;padding:2px 0;font-size:10px;cursor:pointer}
.files-pathbar button:hover{color:var(--gold2)}
.files-pathbar span{color:#e6edf7;font-weight:700}
.files-pathbar b{color:#526b86;font-weight:500}
.files-pathbar.root{margin-bottom:14px}
@media(max-width:700px){.news-toolbar-actions{width:100%;justify-content:flex-start}.files-pathbar{font-size:9px}.files-pathbar button{font-size:9px}}


/* Wise Cloud 2.0 — About metadata + dashboard surface refinement */
.about-panel{max-width:980px;padding:30px;border:1px solid rgba(220,160,75,.18);border-radius:20px;background:linear-gradient(135deg,rgba(7,24,48,.82),rgba(3,13,28,.72));box-shadow:0 20px 55px rgba(0,0,0,.18)}
.about-panel h3{margin:8px 0 24px;font-size:28px;color:#fff}
.about-meta{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}
.about-meta>div{min-height:104px;padding:18px 18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.028);display:flex;flex-direction:column;justify-content:center;gap:7px;position:relative;overflow:hidden}
.about-meta>div:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(220,160,75,.075),transparent 68%);pointer-events:none}
.about-meta small{position:relative;font-size:9px;color:#91a6bf;text-transform:uppercase;letter-spacing:.12em}
.about-meta strong{position:relative;font-size:18px;color:#fff;line-height:1.25}
.about-meta span{position:relative;font-size:10px;color:#7f96ad;line-height:1.3}
.about-note{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:15px 17px;border:1px solid rgba(77,163,255,.13);border-radius:13px;background:rgba(77,163,255,.035);color:#a9bfd7}
.about-note-dot{width:8px;height:8px;flex:none;margin-top:5px;border-radius:50%;background:#50d891;box-shadow:0 0 10px rgba(80,216,145,.5)}
.about-note b{display:block;color:#dbeaff;font-size:12px;margin-bottom:3px}
.about-note p{margin:0;font-size:10px;line-height:1.55;color:#8299b3}
.about-meta-error{color:#e9a6a6;font-size:12px}

/* Full-width nature surface inside the dashboard content area. */
#dashboard .command-center{width:calc(100% + 68px)!important;margin-left:-34px!important;margin-right:-34px!important;border-left:0!important;border-right:0!important;border-radius:0!important}
/* Extremely subtle centered light in each command card for text legibility. */
#dashboard .command-card{position:relative;isolation:isolate;background-color:rgba(4,18,36,.18)!important;box-shadow:inset 0 0 42px rgba(255,255,255,.018),0 12px 34px rgba(0,0,0,.10)!important;backdrop-filter:blur(2px)}
#dashboard .command-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.065) 0%,rgba(255,255,255,.018) 34%,transparent 72%);pointer-events:none;z-index:-1}
#dashboard .command-card>*{position:relative;z-index:1}
@media(max-width:700px){.about-meta{grid-template-columns:1fr 1fr}.about-panel{padding:20px}#dashboard .command-center{width:calc(100% + 20px)!important;margin-left:-10px!important;margin-right:-10px!important}}
@media(max-width:480px){.about-meta{grid-template-columns:1fr}}


/* v2.0.0 — Desktop Surface full-bleed nature + true radial card lighting. */
.main:before{
  position:fixed!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:var(--wcd-topbar)!important;
  width:100vw!important;
  height:min(720px,calc(100vh - var(--wcd-topbar)))!important;
  background-image:linear-gradient(180deg,rgba(2,14,31,.015) 0%,rgba(2,14,31,.035) 45%,rgba(2,14,31,.22) 70%,#020817 100%),url('/command-bg-clean.png')!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  pointer-events:none!important;
}
.main:after{
  position:fixed!important;
  z-index:0!important;
  left:0!important;
  right:0!important;
  top:var(--wcd-topbar)!important;
  width:100vw!important;
  height:min(720px,calc(100vh - var(--wcd-topbar)))!important;
  background:none!important;
  pointer-events:none!important;
}
.command-center{background:transparent!important}
.command-top > .command-card{
  background:transparent!important;
  border:1px solid rgba(180,220,244,.20)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.command-top > .command-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.105) 0%,rgba(221,243,255,.045) 18%,rgba(180,220,244,.018) 34%,transparent 64%)!important;
  opacity:.82!important;
}
.command-top > .command-card > *{position:relative!important;z-index:1!important}
.command-top > .command-card:hover{background:transparent!important;border-color:rgba(180,220,244,.26)!important}

/* v2.0.0 — About page visual refresh */
.about-panel-v2{max-width:980px!important;padding:28px!important;border:1px solid rgba(77,163,255,.16)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(8,25,49,.82),rgba(3,15,31,.72))!important;box-shadow:0 18px 50px rgba(0,0,0,.18)!important}
.about-panel-v2 .about-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07)}
.about-panel-v2 .about-hero h3{font-size:30px!important;margin:8px 0 8px!important}
.about-panel-v2 .about-hero p{max-width:620px;margin:0;color:#8fa8c2;font-size:12px;line-height:1.65}
.about-version-badge{flex:0 0 auto;min-width:150px;padding:15px 18px;border:1px solid rgba(220,160,75,.32);border-radius:15px;background:radial-gradient(circle at 50% 50%,rgba(220,160,75,.10),rgba(220,160,75,.025) 62%,transparent 75%);text-align:center}
.about-version-badge span{display:block;color:#9eb1c7;font-size:9px;letter-spacing:.16em}
.about-version-badge strong{display:block;margin-top:5px;color:#f0bd68;font-size:25px;letter-spacing:.02em}
.about-panel-v2 .about-meta{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:22px}
.about-panel-v2 .about-meta>div{min-height:118px;padding:17px!important;border:1px solid rgba(105,185,240,.11)!important;border-radius:14px!important;background:radial-gradient(circle at 50% 50%,rgba(120,195,238,.045),transparent 70%)!important}
.about-panel-v2 .about-meta small{font-size:9px!important;color:#7fa1c1!important;letter-spacing:.12em}
.about-panel-v2 .about-meta strong{font-size:18px!important;color:#f5f8fc!important;line-height:1.2}
.about-panel-v2 .about-meta span{font-size:9px;color:#607a97;line-height:1.45}
.about-panel-v2 .about-note{margin-top:16px!important;padding:14px 16px!important;border:1px solid rgba(49,200,120,.12)!important;border-radius:13px!important;background:radial-gradient(circle at 50% 50%,rgba(49,200,120,.045),transparent 72%)!important}
@media(max-width:900px){.about-panel-v2 .about-meta{grid-template-columns:1fr 1fr!important}.about-panel-v2 .about-hero{flex-direction:column}.about-version-badge{min-width:130px}}
@media(max-width:560px){.about-panel-v2 .about-meta{grid-template-columns:1fr!important}.about-panel-v2{padding:20px!important}}


/* =====================================================================
   Wise Cloud Desktop 2.0.3 — Dashboard ROOT VISUAL LAYOUT
   Single authoritative dashboard layer. No JS/auth/data changes.
   ===================================================================== */

/* The dashboard is the visual stage; do not move its geometry to make the
   wallpaper bleed. The wallpaper alone crosses the .main gutters. */
#dashboard.view.active{
  position:relative!important;
  isolation:isolate!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
}
#dashboard.view.active::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  top:0!important;
  left:-34px!important;
  right:-34px!important;
  height:760px!important;
  background:
    linear-gradient(180deg,
      rgba(2,14,31,.00) 0%,
      rgba(2,14,31,.02) 42%,
      rgba(2,14,31,.18) 62%,
      rgba(2,14,31,.76) 82%,
      #020817 100%),
    url('/nature-dashboard-bg.png') center top / cover no-repeat!important;
  border:0!important;
  box-shadow:none!important;
}

/* Command center is a layout container only. */
#dashboard .command-center{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:410px!important;
  min-height:410px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#dashboard .command-backdrop{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:transparent!important;
}
#dashboard .command-top{
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.50fr) minmax(0,.75fr) minmax(0,1.10fr) minmax(0,.85fr) minmax(0,1.35fr)!important;
  gap:16px!important;
  width:100%!important;
  height:330px!important;
  min-height:330px!important;
  margin:0!important;
  padding:62px 0 0!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}

/* No card surfaces: content floats directly over the landscape. */
#dashboard .command-top > .welcome-block,
#dashboard .command-top > .day-card,
#dashboard .command-top > .weather-command,
#dashboard .command-top > .clock-command,
#dashboard .command-top > .trend-mini{
  position:relative!important;
  min-width:0!important;
  min-height:250px!important;
  height:250px!important;
  padding:24px!important;
  margin:0!important;
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

/* One soft source of light per text area. It is deliberately oversized so
   its edge cannot read as a circle, rectangle, or panel. */
#dashboard .command-top > .welcome-block::before,
#dashboard .command-top > .day-card::before,
#dashboard .command-top > .weather-command::before,
#dashboard .command-top > .clock-command::before,
#dashboard .command-top > .trend-mini::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  left:-55%!important;
  right:-55%!important;
  top:-50%!important;
  bottom:-50%!important;
  background:radial-gradient(ellipse 38% 34% at 50% 50%,
    rgba(255,255,255,.105) 0%,
    rgba(220,242,255,.050) 24%,
    rgba(120,190,230,.018) 46%,
    transparent 74%)!important;
  filter:blur(24px)!important;
  opacity:.72!important;
  border:0!important;
  border-radius:0!important;
}
#dashboard .command-top > .welcome-block > *,
#dashboard .command-top > .day-card > *,
#dashboard .command-top > .weather-command > *,
#dashboard .command-top > .clock-command > *,
#dashboard .command-top > .trend-mini > *{
  position:relative!important;
  z-index:1!important;
}

/* Keep the small intentional focus control; it is not a content card. */
#dashboard .focus-pill{
  background:rgba(3,18,34,.18)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  box-shadow:none!important;
  backdrop-filter:blur(3px)!important;
  -webkit-backdrop-filter:blur(3px)!important;
}

/* Applications are the only large translucent buttons. They sit across the
   image/fade/navy transition without being enlarged. */
#dashboard.view.active > .applications-head,
#dashboard.view.active > .apps{
  position:relative!important;
  z-index:5!important;
  pointer-events:auto!important;
}
#dashboard.view.active > .applications-head{
  order:2!important;
  margin:0!important;
  padding:0!important;
  transform:translateY(-34px)!important;
}
#dashboard.view.active > .apps{
  order:3!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:14px!important;
  margin:-72px 0 0!important;
  padding:0!important;
  width:100%!important;
}
#dashboard.view.active > .apps .app-card{
  position:relative!important;
  z-index:6!important;
  pointer-events:auto!important;
  min-width:0!important;
  width:100%!important;
  height:128px!important;
  min-height:128px!important;
  padding:14px!important;
  box-sizing:border-box!important;
  border-radius:15px!important;
  border:1px solid rgba(220,238,250,.16)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(4,18,35,.16))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 10px 24px rgba(0,0,0,.10)!important;
  backdrop-filter:blur(6px) saturate(108%)!important;
  -webkit-backdrop-filter:blur(6px) saturate(108%)!important;
}
#dashboard.view.active > .apps .app-card:hover{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(4,18,35,.20))!important;
  border-color:rgba(220,160,75,.30)!important;
}

/* Quick Access / Storage / Activity are the final dashboard section. */
#dashboard.view.active > .lower{
  order:6!important;
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  width:100%!important;
  margin:28px 0 36px!important;
}

/* Active Workspace stays below the application row. */
#dashboard.view.active > .workspace-strip{
  order:4!important;
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  margin:28px 0 0!important;
}
#dashboard.view.active > .workspace-tabs,
#dashboard.view.active > .session-status{
  position:relative!important;
  z-index:4!important;
  pointer-events:auto!important;
  order:5!important;
}

/* Sidebar: translucent, scrollable without a visible scrollbar, and always
   above decorative layers on desktop. */
@media (min-width:901px){
  .sidebar.floating-sidebar{
    position:fixed!important;
    top:calc(var(--wcd-topbar,36px) + 14px)!important;
    bottom:14px!important;
    left:0!important;
    width:220px!important;
    height:auto!important;
    z-index:300!important;
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:auto!important;
    overflow:hidden!important;
    background:rgba(2,14,31,.24)!important;
    border:0!important;
    box-shadow:18px 20px 50px rgba(0,0,0,.12)!important;
    backdrop-filter:blur(10px) saturate(112%)!important;
    -webkit-backdrop-filter:blur(10px) saturate(112%)!important;
  }
  .sidebar.floating-sidebar nav{
    pointer-events:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
  }
  .sidebar.floating-sidebar nav::-webkit-scrollbar{
    display:none!important;
    width:0!important;
    height:0!important;
  }
  .sidebar.floating-sidebar .nav{
    position:relative!important;
    z-index:301!important;
    pointer-events:auto!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
  }
  .sidebar.floating-sidebar .nav.active{
    background:rgba(255,255,255,.045)!important;
    box-shadow:inset 2px 0 rgba(220,160,75,.90)!important;
  }
  .sidebar-overlay{display:none!important;pointer-events:none!important}
}

/* Decorative surfaces must never capture clicks. */
#dashboard::before,
#dashboard .command-backdrop,
#dashboard .command-backdrop *{
  pointer-events:none!important;
}

/* Responsive fallback. */
@media (min-width:901px) and (max-width:1250px){
  #dashboard.view.active::before{left:-18px!important;right:-18px!important}
  #dashboard .command-top{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))!important;gap:10px!important}
  #dashboard.view.active > .apps{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:900px){
  #dashboard.view.active::before{left:-14px!important;right:-14px!important;height:690px!important}
  #dashboard .command-center{height:auto!important;min-height:0!important}
  #dashboard .command-top{grid-template-columns:1fr 1fr!important;height:auto!important;min-height:0!important;padding:28px 0 14px!important}
  #dashboard .command-top > .welcome-block{grid-column:1/-1!important}
  #dashboard .command-top > .command-card{height:auto!important;min-height:165px!important}
  #dashboard.view.active > .apps{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important}
  #dashboard.view.active > .apps .app-card{height:120px!important;min-height:120px!important}
}
@media (max-width:560px){
  #dashboard .command-top{grid-template-columns:1fr!important}
  #dashboard .command-top > .command-card{grid-column:1!important}
  #dashboard.view.active > .apps{grid-template-columns:1fr!important}
}


/* v2.0.4 — Internal navigation root-cause guard.
   .view.active uses !important display rules, so hidden views must explicitly
   override that state when a sub-page is opened. */
#dashboard.hidden{display:none!important}
#subview.hidden{display:none!important}


/* Verified section order only; no background or interaction changes. */
#dashboard.view.active{display:flex!important;flex-direction:column!important}
#dashboard.view.active>.command-center{order:1!important}
#dashboard.view.active>.workspace-strip{order:2!important}
#dashboard.view.active>.workspace-tabs{order:3!important}
#dashboard.view.active>.lower{order:4!important}
#dashboard.view.active>.applications-head{order:5!important}
#dashboard.view.active>.apps{order:6!important}
@media(max-width:900px){#dashboard.view.active>.command-center{order:1!important}#dashboard.view.active>.workspace-strip{order:2!important}#dashboard.view.active>.workspace-tabs{order:3!important}#dashboard.view.active>.lower{order:4!important}#dashboard.view.active>.applications-head{order:5!important}#dashboard.view.active>.apps{order:6!important}}


/* Correct reference order: command center, applications, active workspace, overview cards. */
#dashboard.view.active>.command-center{order:1!important}
#dashboard.view.active>.applications-head{order:2!important}
#dashboard.view.active>.apps{order:3!important}
#dashboard.view.active>.workspace-strip{order:4!important}
#dashboard.view.active>.workspace-tabs{order:5!important}
#dashboard.view.active>.lower{order:6!important}


/* Final layout correction: remove legacy negative offsets that overlap sections. */
#dashboard.view.active>.applications-head{order:2!important;transform:none!important;margin:0!important;padding:0 0 12px!important}
#dashboard.view.active>.apps{order:3!important;transform:none!important;margin:0!important;padding:0!important;position:relative!important}
#dashboard.view.active>.workspace-strip{order:4!important;margin:20px 0 0!important;transform:none!important}
#dashboard.view.active>.workspace-tabs{order:5!important}
#dashboard.view.active>.lower{order:6!important;margin:20px 0 36px!important}


/* Workspace module: strip, tabs, and session status behave as one elastic panel. */
#dashboard.view.active>.workspace-module{order:4!important;position:relative!important;z-index:4!important;width:100%!important;min-width:0!important;margin:20px 0 0!important;padding:0!important;border:1px solid rgba(184,229,255,.18)!important;border-radius:18px!important;background:linear-gradient(120deg,rgba(5,28,49,.60),rgba(6,32,53,.34))!important;box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(14px) saturate(120%)!important;overflow:hidden!important}
#dashboard.view.active>.workspace-module .workspace-strip{width:100%!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important}
#dashboard.view.active>.workspace-module .workspace-tabs{width:100%!important;margin:0!important;border:0!important;border-top:1px solid rgba(184,229,255,.12)!important;border-radius:0!important;background:rgba(3,17,30,.16)!important;overflow:auto!important}
#dashboard.view.active>.workspace-module .session-status{margin:0!important;border:0!important;border-top:1px solid rgba(184,229,255,.10)!important;border-radius:0!important}
#dashboard.view.active>.lower{order:5!important;margin-top:20px!important}
#dashboard.view.active>.applications-head{order:2!important;transform:none!important;margin:0!important}
#dashboard.view.active>.apps{order:3!important;transform:none!important;margin:0!important}

/* Short local readability shadows inspired by the supplied weather reference. */
#dashboard .command-top>.command-card{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;isolation:isolate!important}
#dashboard .command-top>.command-card:before{content:""!important;position:absolute!important;z-index:-1!important;inset:12% 4%!important;border-radius:50%!important;background:radial-gradient(ellipse at center,rgba(3,18,31,.30) 0%,rgba(3,18,31,.16) 42%,transparent 76%)!important;filter:blur(16px)!important;opacity:.82!important;pointer-events:none!important}
#dashboard .command-top>.command-card>*{position:relative!important;z-index:1!important;text-shadow:0 2px 10px rgba(1,12,22,.55)!important}
#dashboard .command-top>.welcome-block:before{inset:28% 0!important;opacity:.62!important}
#dashboard .command-top>.weather-command:before{inset:18% 0!important}
#dashboard .command-top>.clock-command:before{inset:14% 0!important}
#dashboard .command-top>.trend-mini:before{inset:12% 0!important}


/* Compact elastic workspace: no fixed desktop height. */
#dashboard.view.active>.workspace-module{height:auto!important;min-height:0!important}
#dashboard.view.active>.workspace-module .workspace-strip{height:auto!important;min-height:0!important;padding:16px 18px!important}
#dashboard.view.active>.workspace-module .workspace-list{height:auto!important;min-height:0!important;max-height:none!important}
#dashboard.view.active>.workspace-module .workspace-tabs{height:auto!important;min-height:0!important;padding:8px 12px!important}
#dashboard.view.active>.workspace-module .session-status{height:auto!important;min-height:0!important}

/* Visible short shadow behind the upper text groups only. */
#dashboard .command-top>.command-card:before{z-index:0!important;inset:18% 2%!important;background:radial-gradient(ellipse at center,rgba(2,15,27,.42) 0%,rgba(2,15,27,.24) 38%,rgba(2,15,27,.08) 58%,transparent 78%)!important;filter:blur(13px)!important;opacity:.95!important}
#dashboard .command-top>.command-card>*{z-index:1!important}


/* Reference acceptance rule: upper information is text over nature, never a glass panel. */
#dashboard .command-center,
#dashboard .command-backdrop,
#dashboard .command-top,
#dashboard .command-top>.command-card,
#dashboard .command-top>.welcome-block,
#dashboard .command-top>.day-card,
#dashboard .command-top>.weather-command,
#dashboard .command-top>.clock-command,
#dashboard .command-top>.trend-mini{
  background:transparent!important;
  background-color:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#dashboard .command-top>.command-card:before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  pointer-events:none!important;
  inset:20% 8%!important;
  border:0!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(1,13,23,.34) 0%,rgba(1,13,23,.18) 38%,transparent 73%)!important;
  filter:blur(12px)!important;
  opacity:.9!important;
}
#dashboard .command-top>.command-card>*{position:relative!important;z-index:1!important;text-shadow:0 2px 8px rgba(1,10,18,.62)!important}
#dashboard .command-top>.welcome-block:before{inset:25% 2%!important}


/* Top readability shadow: text only, no surface behind it. */
#dashboard .command-top h1,
#dashboard .command-top h2,
#dashboard .command-top h3,
#dashboard .command-top p,
#dashboard .command-top strong,
#dashboard .command-top b,
#dashboard .command-top span,
#dashboard .command-top small,
#dashboard .command-top button,
#dashboard .command-top .card-title,
#dashboard .command-top .day-stat,
#dashboard .command-top .day-next,
#dashboard .command-top .weather-main,
#dashboard .command-top .weather-place,
#dashboard .command-top .weather-meta,
#dashboard .command-top .command-time-row,
#dashboard .command-top .command-date,
#dashboard .command-top .command-hijri,
#dashboard .command-top .trend-heading,
#dashboard .command-top .trend-row{
  text-shadow:0 2px 7px rgba(0,0,0,.68),0 0 2px rgba(0,0,0,.30)!important;
}
#dashboard .command-top .focus-pill{box-shadow:0 5px 14px rgba(0,0,0,.22)!important;text-shadow:0 2px 7px rgba(0,0,0,.72)!important}


/* Exchange rates replacing Yemen Trends. */
.command-top .exchange-command{padding:18px!important}
.exchange-command .trend-heading{margin-bottom:10px!important}
.exchange-command .trend-symbol{color:#9ff7dc!important}
.exchange-rates{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
.exchange-city{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.exchange-city:last-child{border-bottom:0}
.exchange-city-name{font-size:12px;font-weight:800;color:#082b50;text-shadow:0 1px 0 rgba(255,255,255,.88),0 0 5px rgba(255,255,255,.62);margin-bottom:5px}
.exchange-grid{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px;gap:4px 7px;align-items:center;font-size:10px}
.exchange-head{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#0b3159;text-shadow:0 1px 0 rgba(255,255,255,.9)}
.exchange-currency,.exchange-grid b{color:#092d53;text-shadow:0 1px 0 rgba(255,255,255,.92),0 0 4px rgba(255,255,255,.58)}
.exchange-grid b{text-align:right;font-size:11px}
.exchange-updated{margin-top:7px;font-size:8px;color:#092d53;text-shadow:0 1px 0 rgba(255,255,255,.9);opacity:.95}
#dashboard .welcome-block h1 span,
#dashboard .command-top .card-title strong,
#dashboard .command-top .weather-main strong,
#dashboard .command-top .command-time-row strong,
#dashboard .command-top .trend-heading strong{color:#092d53!important;text-shadow:0 1px 0 rgba(255,255,255,.94),0 0 6px rgba(255,255,255,.68)!important}


/* Readability pass: white upper text with stronger local shadow, no glass surface. */
#dashboard .command-top>.welcome-block h1 span,
#dashboard .command-top>.day-card,
#dashboard .command-top>.day-card strong,
#dashboard .command-top>.day-card span,
#dashboard .command-top>.day-card small,
#dashboard .command-top>.weather-command,
#dashboard .command-top>.weather-command strong,
#dashboard .command-top>.weather-command span,
#dashboard .command-top>.clock-command,
#dashboard .command-top>.clock-command strong,
#dashboard .command-top>.clock-command span,
#dashboard .command-top>.clock-command div,
#dashboard .command-top>.trend-mini,
#dashboard .command-top>.trend-mini strong,
#dashboard .command-top>.trend-mini small{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.86),0 0 3px rgba(0,0,0,.55)!important;
}
#dashboard .command-top>.day-card .card-title strong,
#dashboard .command-top>.weather-command .weather-main strong,
#dashboard .command-top>.clock-command .command-time-row strong,
#dashboard .command-top>.trend-mini .trend-heading strong{color:#fff!important}
#dashboard .command-top>.day-card .card-title .cyan-icon,
#dashboard .command-top>.weather-command .weather-command-icon,
#dashboard .command-top>.clock-command .clock-icon,
#dashboard .command-top>.trend-mini .trend-symbol{filter:drop-shadow(0 2px 6px rgba(0,0,0,.72))!important}

/* Give calendar more horizontal room and reduce its vertical rhythm. */
@media(min-width:901px){#dashboard .command-top{grid-template-columns:1.04fr .88fr 1.00fr 1.28fr 1.18fr!important}}
#dashboard .clock-command{padding-left:18px!important;padding-right:18px!important}
#dashboard .command-date{line-height:1.16!important;margin-top:7px!important;white-space:normal!important}
#dashboard .command-hijri{line-height:1.10!important;margin-top:5px!important}
#dashboard .command-time-row{line-height:1!important;margin-bottom:4px!important}
#dashboard .day-stat,#dashboard .day-next{line-height:1.15!important}


/* Newsroom redesign: editorial layout, one live action, Arabic-first reading. */
.news-dashboard{display:flex;flex-direction:column;gap:14px;max-width:1180px;margin:0 auto;padding:4px 0 26px}
.news-hero-panel{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid rgba(102,218,209,.22);border-radius:22px;background:linear-gradient(135deg,rgba(5,31,50,.84),rgba(6,58,79,.58));box-shadow:0 18px 45px rgba(1,10,22,.28);overflow:hidden;position:relative}
.news-hero-panel:after{content:"";position:absolute;inset:auto -10% -70% 42%;height:180px;background:radial-gradient(ellipse,rgba(69,222,193,.23),transparent 68%);pointer-events:none}
.news-hero-kicker{display:block;color:#70e6c9;font-size:9px;letter-spacing:.18em;font-weight:800;text-transform:uppercase;margin-bottom:7px}
.news-hero-panel h2{margin:0;color:#fff;font-size:28px;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.52)}
.news-hero-panel p{margin:8px 0 0;max-width:600px;color:rgba(232,247,248,.78);font-size:12px;line-height:1.7}
.news-hero-actions{display:flex;align-items:center;gap:9px;position:relative;z-index:1;white-space:nowrap}
.news-hero-actions .news-live-top{height:38px;padding:0 14px;border-radius:12px;background:rgba(21,188,166,.14);border-color:rgba(95,231,207,.4);color:#dffff7}
.news-hero-actions .outline{height:38px;border-radius:12px}
.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 2px}
.news-meta{display:flex;align-items:center;gap:10px;color:#90a8bc;font-size:10px}
.news-meta span:first-child{color:#e9f4fa;font-weight:800}
.news-filter-row{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.news-filter{border:1px solid rgba(118,192,211,.18);background:rgba(4,24,39,.46);color:#9ab4c5;border-radius:999px;padding:7px 12px;font-size:10px;cursor:pointer;transition:.16s ease}
.news-filter:hover,.news-filter.active{background:rgba(34,163,174,.24);border-color:rgba(96,228,207,.52);color:#f3fffd}
.news-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.news-section{overflow:hidden;border:1px solid rgba(113,187,204,.16);border-radius:18px;background:linear-gradient(145deg,rgba(4,25,42,.78),rgba(4,17,32,.68));box-shadow:0 12px 30px rgba(0,8,18,.18)}
.news-section-head{background:rgba(2,12,28,.25);padding:14px 17px;border-bottom:1px solid rgba(112,190,208,.12)}
.news-section-head h2{font-size:18px;letter-spacing:-.02em}
.news-section-actions{gap:8px}
.news-featured{padding:18px 18px 16px;background:radial-gradient(circle at 85% 12%,rgba(56,206,190,.18),transparent 42%)}
.news-featured-mark{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(92,221,192,.13);color:#7ee9cc;font-size:9px;font-weight:800;margin-bottom:9px}
.news-featured h3{margin:0;color:#f5fbff;font-size:17px;line-height:1.65;font-weight:800}
.news-featured .news-row-meta{margin-top:9px}
.news-primary-open{margin-top:13px;border:0;border-radius:9px;padding:8px 12px;background:#5fe0c2;color:#062a36;font-weight:800;font-size:10px;cursor:pointer}
.news-primary-open:hover{background:#a0f5df}
.news-section .news-list{max-height:310px;overflow:auto}
.news-section .news-row{padding:11px 17px}
.news-section .news-row-main h3{font-size:11px;line-height:1.6}
.news-section .news-open{font-size:9px}
.news-disclaimer{max-width:900px;margin:0 auto;color:#7892a7;font-size:9px;line-height:1.7;text-align:center}
@media(max-width:900px){.news-hero-panel{align-items:flex-start;flex-direction:column}.news-hero-actions{width:100%;justify-content:flex-start}.news-sections{grid-template-columns:1fr}}
@media(max-width:700px){.news-toolbar{align-items:flex-start;flex-direction:column}.news-filter-row{justify-content:flex-start}.news-hero-panel h2{font-size:22px}}


/* Readability pass: white top text with a larger local shadow; no panels or glass. */
#dashboard .command-top>.command-card,
#dashboard .command-top>.command-card h1,
#dashboard .command-top>.command-card h2,
#dashboard .command-top>.command-card h3,
#dashboard .command-top>.command-card p,
#dashboard .command-top>.command-card strong,
#dashboard .command-top>.command-card b,
#dashboard .command-top>.command-card span,
#dashboard .command-top>.command-card small,
#dashboard .command-top>.command-card div,
#dashboard .command-top>.command-card .card-title,
#dashboard .command-top>.command-card .day-stat,
#dashboard .command-top>.command-card .day-next,
#dashboard .command-top>.command-card .weather-main,
#dashboard .command-top>.command-card .weather-place,
#dashboard .command-top>.command-card .weather-meta,
#dashboard .command-top>.command-card .command-time-row,
#dashboard .command-top>.command-card .command-date,
#dashboard .command-top>.command-card .command-hijri,
#dashboard .command-top>.command-card .trend-heading,
#dashboard .command-top>.command-card .trend-row{color:#fff!important;text-shadow:0 2px 11px rgba(0,0,0,.98),0 0 5px rgba(0,0,0,.86)!important}
#dashboard .command-top>.command-card:before{inset:24% 5%!important;background:radial-gradient(ellipse at center,rgba(0,0,0,.34) 0%,rgba(0,0,0,.20) 42%,transparent 74%)!important;filter:blur(15px)!important;opacity:1!important}
#dashboard .command-top>.command-card .command-time-row strong,
#dashboard .command-top>.command-card .weather-main strong,
#dashboard .command-top>.command-card .card-title strong{color:#fff!important;text-shadow:0 3px 13px rgba(0,0,0,1),0 0 6px rgba(0,0,0,.9)!important}
#dashboard .command-top>.clock-command .command-date{line-height:1.08!important;margin-top:5px!important;max-width:255px!important}
#dashboard .command-top>.clock-command .command-hijri{line-height:1.04!important;margin-top:3px!important;max-width:255px!important}
#dashboard .command-top>.clock-command{padding-left:12px!important;padding-right:12px!important}
@media(min-width:901px){#dashboard .command-top{grid-template-columns:1.00fr .82fr 1.02fr 1.50fr 1.10fr!important}}


/* Stable sun mark: a consistent warm-gold treatment across Chromium and Edge. */
#dashboard .command-top .weather-command-icon{color:#f4c84a!important;-webkit-text-fill-color:#f4c84a!important;text-shadow:0 0 5px rgba(255,214,83,.95),0 2px 10px rgba(0,0,0,.9)!important;filter:drop-shadow(0 0 4px rgba(255,198,52,.78))!important;font-family:Arial,sans-serif!important;font-weight:700!important}
/* Windows Explorer-style file view */
.windows-explorer{margin:-2px -2px 0;color:#dfeaf6}.explorer-toolbar{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(127,177,220,.18);background:rgba(5,20,39,.72)}.explorer-toolbar>button{width:30px;height:30px;border:0;border-radius:7px;background:rgba(255,255,255,.06);color:#cde4f8;font-size:19px;cursor:pointer}.explorer-toolbar>button:hover{background:rgba(74,164,245,.22)}.explorer-toolbar>button:disabled{opacity:.35}.explorer-address{height:30px;display:flex;align-items:center;gap:9px;min-width:250px;flex:1;padding:0 11px;border:1px solid rgba(126,181,230,.2);border-radius:7px;background:rgba(3,14,29,.62);font-size:11px}.explorer-address span{color:#7fc7ff}.explorer-address i{font-style:normal;color:#7189a4}.explorer-address strong{color:#fff}.explorer-search{display:flex;align-items:center;gap:7px;width:210px;height:30px;padding:0 10px;border:1px solid rgba(126,181,230,.2);border-radius:7px;background:rgba(3,14,29,.62);color:#9cb4cc}.explorer-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:11px}.explorer-body{display:flex;min-height:430px}.explorer-nav{width:176px;flex:0 0 176px;padding:18px 10px;border-right:1px solid rgba(127,177,220,.15);background:rgba(3,15,31,.53)}.explorer-nav-title{margin:0 10px 7px;color:#7f9ab6;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.explorer-nav-title:not(:first-child){margin-top:22px}.explorer-nav button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:7px;background:transparent;color:#b9cee3;text-align:left;font-size:11px;cursor:pointer}.explorer-nav button:hover,.explorer-nav button.active{background:rgba(54,145,220,.19);color:#fff}.explorer-nav button span{width:18px;text-align:center;color:#78c5ff}.explorer-main{min-width:0;flex:1;padding:21px 24px 20px}.explorer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.explorer-heading h2{margin:4px 0 3px;color:#fff;font-size:24px;letter-spacing:-.02em}.explorer-heading p{margin:0;color:#91a9c3;font-size:11px}.explorer-heading-actions{display:flex;gap:7px}.explorer-heading-actions button,.explorer-empty-actions button{border:1px solid rgba(93,181,244,.35);border-radius:7px;background:rgba(58,142,211,.14);color:#d8efff;padding:8px 11px;font-size:10px;cursor:pointer}.explorer-heading-actions button:hover,.explorer-empty-actions button:hover{background:rgba(58,142,211,.28)}.explorer-commandbar{display:flex;align-items:center;gap:14px;margin:22px 0 7px;padding-bottom:9px;border-bottom:1px solid rgba(127,177,220,.14);color:#8fa7bf;font-size:10px}.explorer-commandbar span{margin-right:auto}.explorer-commandbar button{border:0;background:transparent;color:#9dc7e7;font-size:10px;cursor:pointer}.explorer-table{border:1px solid rgba(127,177,220,.16);border-radius:8px;overflow:hidden;background:rgba(3,14,29,.32)}.explorer-header,.explorer-row{display:grid;grid-template-columns:26px minmax(180px,2fr) minmax(80px,1fr) minmax(100px,1fr) minmax(105px,1fr) 86px;align-items:center;gap:8px;padding:0 12px}.explorer-header{min-height:32px;background:rgba(65,132,188,.15);color:#88a6c1;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.explorer-row{min-height:49px;border-top:1px solid rgba(127,177,220,.1);color:#c8d9e9;font-size:10px}.explorer-row:hover{background:rgba(69,151,220,.12)}.explorer-row.is-filtered{display:none}.explorer-check input{accent-color:#4faef2}.explorer-name{display:flex;align-items:center;gap:9px;min-width:0}.explorer-name b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f8fc;font-size:11px}.explorer-file-icon{width:22px;color:#e2b84b;font-size:18px;text-align:center}.explorer-type,.explorer-location,.explorer-date{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#91a9c2}.explorer-actions{display:flex;justify-content:flex-end;gap:5px}.explorer-actions button{border:1px solid rgba(91,178,239,.3);border-radius:5px;background:rgba(62,143,207,.12);color:#b9e0fb;padding:5px 7px;font-size:9px;cursor:pointer}.explorer-actions button:hover{background:rgba(62,143,207,.28)}.explorer-actions .explorer-remove{border-color:rgba(248,112,112,.22);background:transparent;color:#f1a0a0;font-size:13px}.explorer-empty{text-align:center;padding:68px 20px;color:#8da7c0}.explorer-empty-icon{margin:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;background:rgba(75,158,221,.15);color:#78c8ff;font-size:25px}.explorer-empty h3{margin:14px 0 5px;color:#fff}.explorer-empty p{font-size:11px}.explorer-empty-actions{display:flex;justify-content:center;gap:8px;margin-top:17px}.explorer-note{margin:14px 0 0;color:#708aa5;font-size:10px}@media(max-width:760px){.explorer-nav{display:none}.explorer-main{padding:18px 12px}.explorer-toolbar{flex-wrap:wrap}.explorer-search{width:100%;order:5}.explorer-heading{display:block}.explorer-heading-actions{margin-top:13px}.explorer-header,.explorer-row{grid-template-columns:22px minmax(140px,2fr) 80px 80px 70px}.explorer-header span:nth-child(5),.explorer-row>span:nth-child(5){display:none}.explorer-address{min-width:0}}


/* Dual background system: protected default plus one replaceable custom file. */
#dashboard.view.active::before{background-image:linear-gradient(180deg,rgba(2,14,31,.00) 0%,rgba(2,14,31,.02) 42%,rgba(2,14,31,.18) 62%,rgba(2,14,31,.76) 82%,#020817 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important}
.background-settings-group .settings-group-intro{margin:0 0 13px;color:#8ea7c0;font-size:10px;line-height:1.5}.background-preview{display:flex;flex-direction:column;justify-content:center;min-height:58px;padding:12px 14px;border:1px solid rgba(120,177,222,.18);border-radius:10px;background:linear-gradient(135deg,rgba(60,132,184,.15),rgba(3,15,31,.28));position:relative;overflow:hidden}.background-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%),url('/nature-dashboard-bg.png') center/cover;opacity:.28;pointer-events:none}.background-preview.has-custom:before{background-image:linear-gradient(120deg,rgba(255,255,255,.08),transparent 42%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))}.background-preview>*{position:relative;z-index:1}.background-preview-label{color:#e8bb54;font-size:9px;font-weight:800;letter-spacing:.12em}.background-preview-name{margin-top:5px;color:#fff;font-size:11px}.background-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}.background-actions button{font-size:10px}.background-actions .danger:disabled{opacity:.4;cursor:not-allowed}.background-loading{color:#849db6;font-size:10px;padding:12px 0}


/* Unified file breadcrumbs and cloud Explorer rows. */
.sub-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#829ab4;font-size:11px}.sub-breadcrumb button,.explorer-address button,.files-pathbar button{border:0;background:transparent;color:#beddf5;padding:4px 5px;cursor:pointer;font-size:inherit}.sub-breadcrumb button:hover,.explorer-address button:hover,.files-pathbar button:hover{color:#fff;text-decoration:underline}.sub-breadcrumb strong{color:#e4b85e;font-weight:700}.explorer-address{display:flex;align-items:center;gap:8px;min-width:0;overflow:auto;white-space:nowrap}.explorer-address strong{color:#eef6ff}.cloud-explorer .explorer-table{width:100%}.cloud-explorer .cloud-file-row{grid-template-columns:26px minmax(150px,2fr) minmax(90px,1fr) minmax(105px,1fr) minmax(95px,1fr) 120px}.cloud-explorer .explorer-actions{min-width:0}.cloud-explorer .explorer-actions button{white-space:nowrap}.cloud-explorer .explorer-heading-actions button{font-size:10px}.files-pathbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:9px 12px;border:1px solid rgba(77,163,255,.14);border-radius:10px;background:rgba(4,18,37,.34);color:#7188a4;font-size:10px;min-height:34px}.files-pathbar span{color:#eef6ff}.files-pathbar b{color:#637c98}@media(max-width:760px){.sub-breadcrumb{margin-top:8px}.cloud-explorer .explorer-table{overflow-x:auto}.cloud-explorer .explorer-header,.cloud-explorer .cloud-file-row{min-width:690px}.explorer-address{width:100%;order:4}.cloud-explorer .explorer-search{width:100%;order:5}.subhead{align-items:flex-start;flex-wrap:wrap}}


/* Internal PDF viewer. */
.pdf-viewer-shell{display:flex;flex-direction:column;min-height:calc(100vh - 210px);border:1px solid rgba(120,177,222,.18);border-radius:16px;background:rgba(3,14,29,.55);overflow:hidden}.pdf-viewer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid rgba(127,177,220,.15);background:rgba(7,25,48,.82)}.pdf-viewer-title{display:flex;align-items:center;gap:9px;min-width:0}.pdf-viewer-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f5f8fc;font-size:12px}.pdf-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:7px;background:rgba(220,160,75,.18);color:#efbd69;font-size:9px;font-weight:900}.pdf-viewer-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.pdf-viewer-actions button,.pdf-viewer-actions a{border:1px solid rgba(220,160,75,.35);border-radius:7px;background:rgba(220,160,75,.07);color:#eec477;padding:7px 9px;font-size:10px;cursor:pointer;text-decoration:none}.pdf-viewer-actions button:hover,.pdf-viewer-actions a:hover{background:rgba(220,160,75,.16);color:#fff}.pdf-viewer-frame-wrap{flex:1;min-height:620px;background:#45505d}.pdf-viewer-frame-wrap iframe{display:block;width:100%;height:calc(100vh - 330px);min-height:620px;border:0;background:#fff}.pdf-viewer-note{margin:0;padding:10px 14px;color:#8ea7c0;font-size:10px;line-height:1.5;background:rgba(3,14,29,.8)}@media(max-width:700px){.pdf-viewer-shell{min-height:calc(100vh - 255px)}.pdf-viewer-toolbar{align-items:flex-start;flex-direction:column}.pdf-viewer-actions{width:100%;justify-content:flex-start}.pdf-viewer-frame-wrap,.pdf-viewer-frame-wrap iframe{min-height:70vh;height:70vh}.pdf-viewer-actions button,.pdf-viewer-actions a{font-size:11px;padding:8px 10px}}


/* Mobile file actions: keep Open/Browse visible instead of hiding them off-screen in a wide table. */
@media(max-width:760px){.cloud-explorer .explorer-table{overflow:visible}.cloud-explorer .explorer-header{display:none}.cloud-explorer .cloud-file-row,.windows-explorer:not(.cloud-explorer) .explorer-row{display:grid;grid-template-columns:25px minmax(0,1fr) auto;min-width:0!important;gap:9px;padding:12px 10px;min-height:66px}.cloud-explorer .cloud-file-row .explorer-name,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-name{min-width:0}.cloud-explorer .cloud-file-row .explorer-type,.cloud-explorer .cloud-file-row .explorer-location,.cloud-explorer .cloud-file-row .explorer-date,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-type,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-location,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-date{display:none}.cloud-explorer .cloud-file-row .explorer-actions,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:94px}.cloud-explorer .cloud-file-row .explorer-actions button,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 9px;font-size:10px}.cloud-explorer .cloud-file-row .explorer-name b,.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-name b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-explorer .cloud-file-row{cursor:pointer}.cloud-explorer .cloud-file-row:active{background:rgba(77,163,255,.14)}.windows-explorer:not(.cloud-explorer) .explorer-row .explorer-actions{min-width:74px}}


/* Google OAuth access allowlist. */
.security-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border:1px solid rgba(221,176,92,.2);border-radius:15px;background:linear-gradient(135deg,rgba(15,34,59,.82),rgba(7,20,39,.72));margin-bottom:14px}.security-hero h3{margin:5px 0 6px;color:#f5f8fc;font-size:22px}.security-hero p{max-width:650px;margin:0;color:#9eb3c8;font-size:12px;line-height:1.55}.security-status{flex:none;border:1px solid rgba(145,164,185,.3);border-radius:999px;padding:7px 10px;color:#9eb3c8;font-size:9px;font-weight:800;letter-spacing:.08em}.security-status.is-on{border-color:rgba(98,202,151,.45);color:#83e0b2;background:rgba(62,170,112,.1)}.allowlist-form{display:flex;gap:8px;align-items:center;padding:13px;border:1px solid rgba(109,157,204,.15);border-radius:12px;background:rgba(6,19,38,.46)}.allowlist-form input{flex:1;min-width:0;border:1px solid rgba(118,162,204,.24);border-radius:8px;background:#0b1a30;color:#f3f7fb;padding:11px 12px;font:inherit}.allowlist-form input:focus{outline:2px solid rgba(222,179,91,.35);outline-offset:1px}.allowlist-form button{white-space:nowrap}.allowlist-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.allowlist-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid rgba(102,154,204,.15);border-radius:10px;background:rgba(7,22,42,.6)}.allowlist-row b{display:block;color:#eef5fc;font-size:12px;word-break:break-all}.allowlist-row small{display:block;margin-top:4px;color:#7f98b3;font-size:10px}.allowlist-row button:disabled{opacity:.4;cursor:not-allowed}.security-note{margin-top:14px;padding:12px 14px;border-left:2px solid #dcb15c;background:rgba(220,177,92,.06);color:#9db0c4;font-size:10px;line-height:1.6}.security-note b{color:#e7bf70}@media(max-width:650px){.security-hero{flex-direction:column;padding:15px}.security-hero h3{font-size:19px}.allowlist-form{align-items:stretch;flex-direction:column}.allowlist-form button{width:100%}.allowlist-row{align-items:flex-start;flex-direction:column}.allowlist-row button{width:100%}}

/* Wise Cloud Desktop v3 — balanced transparent command center. */
.command-center{min-height:0!important;height:auto!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.command-top{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,.88fr) minmax(0,1.05fr) minmax(0,1.65fr)!important;grid-template-areas:"welcome welcome welcome welcome welcome" "day weather clock exchange exchange"!important;gap:20px!important;align-items:start!important;padding:0 30px 18px!important}
.command-top>.welcome-block{grid-area:welcome!important;min-height:78px!important;height:auto!important;padding:0!important;display:flex!important;align-items:baseline!important;gap:22px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.command-top>.welcome-block .eyebrow{margin:0!important;font-size:11px!important;white-space:nowrap!important}.command-top>.welcome-block h1{margin:0!important;font-size:clamp(25px,3vw,42px)!important;line-height:1!important;white-space:nowrap!important}.command-top>.welcome-block p{margin:0!important;font-size:13px!important;line-height:1.2!important;white-space:nowrap!important}.command-top>.welcome-block .focus-pill{margin-left:auto!important;margin-top:0!important;white-space:nowrap!important}
.command-top>.day-card{grid-area:day!important}.command-top>.weather-command{grid-area:weather!important}.command-top>.clock-command{grid-area:clock!important}.command-top>.trend-mini{grid-area:exchange!important}
.command-top>.command-card{min-height:205px!important;height:auto!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:0 4px 20px rgba(0,0,0,.92),0 1px 5px rgba(0,0,0,.95)!important}
.command-top>.weather-command .weather-command-icon{font-size:42px!important}.command-top>.weather-command .weather-main{gap:10px!important}.command-top>.weather-command .weather-main strong{font-size:37px!important}.command-top>.weather-command .weather-meta{gap:12px!important;font-size:11px!important;margin-top:18px!important}
.command-top>.clock-command .clock-icon{display:none!important}.command-top>.clock-command .command-time-row{margin-top:33px!important;display:flex!important;align-items:baseline!important;white-space:nowrap!important}.command-top>.clock-command .command-time-row strong{font-size:clamp(40px,4.6vw,62px)!important;line-height:.95!important}.command-top>.clock-command .command-period{font-size:15px!important;margin-left:6px!important}.command-top>.clock-command .command-date{font-size:12px!important;margin-top:16px!important}.command-top>.clock-command .command-hijri{font-size:10px!important}
.command-top>.trend-mini{padding-left:35px!important;position:relative!important}.command-top>.trend-mini .trend-heading{margin:0 0 10px!important}.command-top>.trend-mini .trend-heading strong{font-size:0!important}.command-top>.trend-mini .trend-heading strong:after{content:'Yemeni Exchange Rates';font-size:16px!important}.command-top>.trend-mini .trend-heading small{font-size:10px!important}.command-top>.trend-mini .exchange-rates{gap:5px!important;font-size:11px!important}.command-top>.trend-mini .exchange-updated{font-size:9px!important;margin-top:8px!important}.command-top>.trend-mini:before{content:'EXCHANGE';position:absolute;left:4px;bottom:20px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:10px;letter-spacing:.18em;color:#efc26a}
.command-top>.day-card{min-height:205px!important}.command-top>.day-card .card-title{margin-bottom:12px!important}.command-top>.day-card .day-stat b{font-size:19px!important}.command-top>.day-card .day-next{margin-top:14px!important}.command-top>.day-card .day-next span{line-height:1.25!important}.command-top>.day-card .day-actions{margin-top:12px!important}
.about-release-notes{margin-top:14px;padding:15px 17px;border-top:1px solid rgba(221,176,92,.18);color:#aabbd0;font-size:12px;line-height:1.6}.about-release-notes h4{margin:0 0 5px;color:#eac171;font-size:13px}.about-release-notes p{margin:0 0 12px}.about-release-notes code{color:#f0c978;background:rgba(255,255,255,.06);padding:2px 5px;border-radius:4px}
@media(max-width:900px){.command-top{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"welcome welcome welcome welcome" "day weather clock exchange"!important;gap:15px!important;padding:0 18px 15px!important}.command-top>.welcome-block{gap:12px!important}.command-top>.welcome-block p,.command-top>.welcome-block .focus-pill{display:none!important}.command-top>.command-card{min-height:190px!important}}
@media(max-width:650px){.command-top{grid-template-columns:1fr 1fr!important;grid-template-areas:"welcome welcome" "day weather" "clock exchange"!important;padding:0 14px 14px!important;gap:18px 14px!important}.command-top>.welcome-block{min-height:58px!important;align-items:center!important}.command-top>.welcome-block h1{font-size:27px!important}.command-top>.welcome-block .eyebrow{font-size:9px!important}.command-top>.command-card{min-height:170px!important}.command-top>.clock-command .command-time-row{margin-top:22px!important}.command-top>.trend-mini{padding-left:30px!important}.command-top>.trend-mini:before{left:0!important}.command-top>.weather-command .weather-command-icon{font-size:34px!important}.command-top>.weather-command .weather-main strong{font-size:30px!important}}

/* v3 clean override: neutralize all legacy command-center positioning and card layers. */
#dashboard .command-top>.welcome-block,#dashboard .command-top>.day-card,#dashboard .command-top>.weather-command,#dashboard .command-top>.clock-command,#dashboard .command-top>.trend-mini{position:static!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important;min-width:0!important;float:none!important;overflow:visible!important}
#dashboard .command-top>.command-card:before,#dashboard .command-top>.command-card:after{display:none!important;content:none!important}
#dashboard .command-top>.command-card>*{position:static!important;transform:none!important}
#dashboard .command-top>.welcome-block h1 span{display:none!important}
#dashboard .command-top>.welcome-block p br{display:none!important}
#dashboard .command-top>.day-card .day-stat,#dashboard .command-top>.day-card .day-next,#dashboard .command-top>.day-card .day-actions{position:static!important;margin-left:0!important;margin-right:0!important}
#dashboard .command-top>.trend-mini .trend-heading{display:flex!important;align-items:flex-start!important;justify-content:space-between!important}
@media(min-width:901px){#dashboard .command-top{grid-template-columns:minmax(0,1.08fr) minmax(0,1.18fr) minmax(0,.86fr) minmax(0,1.02fr) minmax(0,1.55fr)!important;grid-template-areas:"welcome welcome welcome welcome welcome" "day weather clock exchange exchange"!important}}

/* v3.1 final alignment: one information row, wider compact calendar, no legacy vertical drift. */
#dashboard .command-top{grid-template-columns:minmax(0,.92fr) minmax(0,.82fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.15fr)!important;grid-template-areas:"welcome welcome welcome welcome welcome" "weather clock day day exchange"!important;gap:18px!important;align-items:start!important}
#dashboard .command-top>.weather-command{grid-area:weather!important}#dashboard .command-top>.clock-command{grid-area:clock!important}#dashboard .command-top>.day-card{grid-area:day!important;display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) minmax(0,1.1fr)!important;grid-template-rows:auto auto auto!important;column-gap:14px!important;row-gap:6px!important;align-content:start!important;min-height:178px!important}
#dashboard .command-top>.day-card>.card-title{grid-column:1/-1!important;grid-row:1!important;margin:0 0 6px!important}#dashboard .command-top>.day-card>.day-stat{grid-column:1!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-next{grid-column:2/-1!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-actions{grid-column:1/-1!important;grid-row:3!important;margin:8px 0 0!important;display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
#dashboard .command-top>.day-card .day-stat b{font-size:17px!important;white-space:nowrap!important}#dashboard .command-top>.day-card .day-stat span,#dashboard .command-top>.day-card .day-next small,#dashboard .command-top>.day-card .day-next span{font-size:11px!important;line-height:1.18!important}#dashboard .command-top>.day-card .day-next strong{font-size:14px!important;display:block!important;margin:2px 0!important}
#dashboard .command-top>.clock-command .command-time-row{margin-top:0!important}#dashboard .command-top>.clock-command .command-date{margin-top:13px!important}#dashboard .command-top>.clock-command{padding-top:0!important}
#dashboard .command-top>.trend-mini{grid-area:exchange!important;padding-left:29px!important}#dashboard .command-top>.trend-mini:before{bottom:18px!important}
#dashboard .command-top>.welcome-block{min-height:64px!important;height:64px!important;align-items:center!important}#dashboard .command-top>.welcome-block h1{font-size:clamp(27px,2.8vw,39px)!important}#dashboard .command-top>.welcome-block p{max-width:420px!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:900px){#dashboard .command-top{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-areas:"welcome welcome welcome welcome" "weather clock day day" "exchange exchange exchange exchange"!important}#dashboard .command-top>.day-card{min-height:170px!important}}
@media(max-width:650px){#dashboard .command-top{grid-template-columns:1fr 1fr!important;grid-template-areas:"welcome welcome" "weather clock" "day day" "exchange exchange"!important}#dashboard .command-top>.day-card{grid-template-columns:.8fr 1.2fr!important;grid-template-rows:auto auto auto!important;min-height:165px!important}#dashboard .command-top>.day-card>.day-next{grid-column:2!important}#dashboard .command-top>.day-card>.day-actions{grid-column:1/-1!important}#dashboard .command-top>.welcome-block{height:54px!important;min-height:54px!important}}

/* v3.2 hard reset: final selectors intentionally do not depend on an outer #dashboard id. */
.command-center{display:block!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0!important}
.command-top{display:grid!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0 30px 18px!important;margin:0!important;grid-template-columns:minmax(0,.92fr) minmax(0,.82fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.15fr)!important;grid-template-rows:auto auto!important;grid-template-areas:"welcome welcome welcome welcome welcome" "weather clock day day exchange"!important;gap:18px!important;align-items:start!important;justify-items:stretch!important}
.command-top>.welcome-block,.command-top>.day-card,.command-top>.weather-command,.command-top>.clock-command,.command-top>.trend-mini{position:static!important;inset:auto!important;display:block!important;float:none!important;clear:none!important;transform:none!important;translate:none!important;width:auto!important;height:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important;margin:0!important;overflow:visible!important;align-self:start!important}
.command-top>.welcome-block{grid-area:welcome!important;height:64px!important;display:flex!important;align-items:center!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.command-top>.day-card{grid-area:day!important;display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) minmax(0,1.1fr)!important;grid-template-rows:auto auto auto!important;gap:6px 14px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.command-top>.weather-command{grid-area:weather!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.command-top>.clock-command{grid-area:clock!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.command-top>.trend-mini{grid-area:exchange!important;padding:0 0 0 29px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.command-top>.command-card:before,.command-top>.command-card:after{display:none!important;content:none!important}.command-top>.day-card>.card-title{grid-column:1/-1!important;grid-row:1!important;margin:0 0 6px!important}.command-top>.day-card>.day-stat{grid-column:1!important;grid-row:2!important;margin:0!important}.command-top>.day-card>.day-next{grid-column:2/-1!important;grid-row:2!important;margin:0!important}.command-top>.day-card>.day-actions{grid-column:1/-1!important;grid-row:3!important;margin:8px 0 0!important}.command-top>.clock-command .clock-icon{display:none!important}.command-top>.clock-command .command-time-row{margin:0!important;display:flex!important;align-items:baseline!important}.command-top>.trend-mini .trend-heading{margin:0 0 10px!important}
@media(max-width:900px){.command-top{padding:0 18px 15px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto auto!important;grid-template-areas:"welcome welcome welcome welcome" "weather clock day day"!important}.command-top>.welcome-block{height:58px!important}.command-top>.trend-mini{grid-area:exchange!important}}
@media(max-width:650px){.command-top{padding:0 14px 14px!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto auto!important;grid-template-areas:"welcome welcome" "weather clock" "day day" "exchange exchange"!important}.command-top>.welcome-block{height:54px!important}.command-top>.day-card{grid-template-columns:.8fr 1.2fr!important}.command-top>.day-card>.day-next{grid-column:2!important}.command-top>.day-card>.day-actions{grid-column:1/-1!important}}

/* v3.3 priority lock: overrides earlier #dashboard legacy rules. */
#dashboard .command-top{display:grid!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0 30px 18px!important;grid-template-columns:minmax(0,.92fr) minmax(0,.82fr) minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1.15fr)!important;grid-template-rows:64px minmax(0,auto)!important;grid-template-areas:"welcome welcome welcome welcome welcome" "weather clock day day exchange"!important;gap:18px!important;align-items:start!important}
#dashboard .command-top>.command-card{position:static!important;display:block!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#dashboard .command-top>.welcome-block{position:static!important;grid-area:welcome!important;height:64px!important;min-height:64px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#dashboard .command-top>.day-card{grid-area:day!important;display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr) minmax(0,1.1fr)!important;grid-template-rows:auto auto auto!important;gap:6px 14px!important;min-height:178px!important}
#dashboard .command-top>.weather-command{grid-area:weather!important}.command-top>.clock-command{grid-area:clock!important}.command-top>.trend-mini{grid-area:exchange!important}
#dashboard .command-top>.command-card:before,#dashboard .command-top>.command-card:after,#dashboard .command-top>.welcome-block:before{display:none!important;content:none!important}
#dashboard .command-top>.command-card>*{position:static!important;z-index:auto!important}
#dashboard .command-top>.day-card>.card-title{grid-column:1/-1!important;grid-row:1!important;margin:0 0 6px!important}#dashboard .command-top>.day-card>.day-stat{grid-column:1!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-next{grid-column:2/-1!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-actions{grid-column:1/-1!important;grid-row:3!important;margin:8px 0 0!important}

/* Wise Cloud v3.4 — real Dashboard command row correction */
#dashboard .command-top{display:grid!important;position:relative!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;margin:0!important;padding:0 30px 18px!important;grid-template-columns:minmax(0,.92fr) minmax(0,.92fr) minmax(0,2.05fr) minmax(0,1.12fr)!important;grid-template-rows:64px minmax(0,auto)!important;grid-template-areas:"welcome welcome welcome welcome" "weather clock day exchange"!important;gap:24px!important;align-items:start!important}
#dashboard .command-top>.command-card{position:static!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;min-height:205px!important;max-height:none!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
#dashboard .command-top>.welcome-block{position:static!important;grid-area:welcome!important;height:64px!important;min-height:64px!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
#dashboard .command-top>.weather-command{grid-area:weather!important}#dashboard .command-top>.clock-command{grid-area:clock!important}#dashboard .command-top>.day-card{grid-area:day!important;display:grid!important;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)!important;grid-template-rows:auto auto auto!important;gap:7px 14px!important}
#dashboard .command-top>.trend-mini{grid-area:exchange!important;display:grid!important;grid-template-columns:25px minmax(0,1fr)!important;column-gap:12px!important;align-items:start!important}
#dashboard .command-top>.command-card:before,#dashboard .command-top>.command-card:after,#dashboard .command-top>.welcome-block:before{display:none!important;content:none!important}#dashboard .command-top>.command-card>*{position:static!important;z-index:auto!important}
#dashboard .command-top .weather-command-icon{font-size:50px!important;line-height:1!important;color:#f4c449!important;filter:drop-shadow(0 0 12px #f4c449)!important}#dashboard .command-top .weather-main{display:flex!important;align-items:center!important;gap:14px!important}
#dashboard .command-top #commandTemp,#dashboard .command-top #commandTime{font-size:clamp(40px,3.6vw,49px)!important;font-weight:500!important;line-height:.95!important;letter-spacing:-.035em!important;text-shadow:0 4px 20px #000,0 1px 4px #000!important}
#dashboard .command-top .command-time-row{display:flex!important;align-items:baseline!important;margin:0!important}#dashboard .command-top .command-period{font-size:16px!important;font-weight:600!important;margin-left:8px!important}#dashboard .command-top .weather-command-label{font-size:14px!important;margin-top:6px!important}#dashboard .command-top .weather-place{margin-top:10px!important}#dashboard .command-top .weather-meta{display:flex!important;gap:14px!important;margin-top:18px!important;font-size:12px!important}
#dashboard .command-top>.day-card>.card-title{grid-column:1/-1!important;grid-row:1!important;margin:0 0 6px!important}#dashboard .command-top>.day-card>.day-stat{grid-column:1!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-next{grid-column:2!important;grid-row:2!important;margin:0!important}#dashboard .command-top>.day-card>.day-actions{grid-column:1/-1!important;grid-row:3!important;margin:8px 0 0!important}
#dashboard .command-top .trend-heading{display:contents!important}#dashboard .command-top .trend-heading>div{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:25px!important}#dashboard .command-top .trend-heading .trend-symbol{display:none!important}#dashboard .command-top .trend-heading strong{writing-mode:vertical-rl!important;transform:rotate(180deg)!important;color:#f0c56c!important;font-size:12px!important;line-height:1.05!important;letter-spacing:.13em!important;text-transform:uppercase!important;white-space:nowrap!important}#dashboard .command-top .trend-heading small{display:none!important}#dashboard .command-top .live-badge{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important}#dashboard .command-top .exchange-rates{grid-column:2!important;grid-row:1!important;margin-top:28px!important}#dashboard .command-top .exchange-updated{grid-column:2!important;grid-row:1!important;align-self:end!important;margin-top:190px!important}
@media(max-width:900px){#dashboard .command-top{padding:0 18px 15px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:58px auto auto auto!important;grid-template-areas:"welcome welcome" "weather clock" "day day" "exchange exchange"!important;gap:18px!important}#dashboard .command-top>.welcome-block{height:58px!important;min-height:58px!important}#dashboard .command-top>.trend-mini{display:block!important;min-height:205px!important}#dashboard .command-top .trend-heading{display:flex!important;justify-content:space-between!important;align-items:center!important}#dashboard .command-top .trend-heading>div{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important}#dashboard .command-top .trend-heading .trend-symbol{display:inline!important}#dashboard .command-top .trend-heading strong{writing-mode:horizontal-tb!important;transform:none!important}#dashboard .command-top .trend-heading small{display:block!important}#dashboard .command-top .exchange-rates{margin-top:12px!important}#dashboard .command-top .exchange-updated{margin-top:10px!important}}
@media(max-width:650px){#dashboard .command-top{padding:0 14px 14px!important;grid-template-columns:1fr!important;grid-template-rows:54px auto auto auto auto!important;grid-template-areas:"welcome" "weather" "clock" "day" "exchange"!important;gap:15px!important}#dashboard .command-top>.welcome-block{height:54px!important;min-height:54px!important}#dashboard .command-top>.command-card{min-height:0!important}#dashboard .command-top>.trend-mini{min-height:0!important}}

/* Wise Cloud v3.5 — prevent topbar overlap and clipped greeting */
.shell{padding-top:74px!important}
.main{position:relative!important;margin-left:252px!important;padding:34px 34px 24px!important;overflow:visible!important;min-height:calc(100vh - 74px)!important}
#dashboard{position:relative!important;overflow:visible!important}
#dashboard .command-center{position:relative!important;top:auto!important;transform:none!important;margin:0!important;padding:0!important;overflow:visible!important;z-index:1!important}
#dashboard .command-top{position:relative!important;top:auto!important;transform:none!important;margin:0!important;padding:22px 30px 18px!important;overflow:visible!important}
#dashboard .command-top>.welcome-block{position:relative!important;top:auto!important;transform:none!important;display:flex!important;justify-content:flex-start!important;visibility:visible!important;opacity:1!important;overflow:visible!important}
#dashboard .command-top #welcomeTitle{position:static!important;transform:none!important;margin:0!important;visibility:visible!important;opacity:1!important;line-height:1.08!important}
#dashboard .command-top .welcome-block .eyebrow,#dashboard .command-top .welcome-block p,#dashboard .command-top .focus-pill{position:static!important;transform:none!important}
@media(max-width:850px){.shell{padding-top:74px!important}.main{margin-left:210px!important;padding:25px 18px 24px!important}.command-top{padding:18px 18px 15px!important}}
@media(max-width:560px){.shell{padding-top:74px!important}.main{margin-left:0!important;padding:18px 14px 24px!important}.command-top{padding:16px 14px 14px!important}}

/* Wise Cloud v3.6 — full-bleed background with floating sidebar */
html,body{min-width:0!important;background:#061224!important}
body{background-image:linear-gradient(180deg,rgba(3,13,28,.02) 0%,rgba(3,13,28,.12) 54%,#061224 100%),url('/nature-dashboard-bg.png')!important;background-size:cover!important;background-position:center top!important;background-attachment:fixed!important}
.shell{position:relative!important;min-height:100vh!important;padding-top:74px!important;background:transparent!important}
.main{position:relative!important;margin-left:0!important;padding:34px 34px 24px!important;min-height:calc(100vh - 74px)!important;background:transparent!important;overflow:visible!important}
.sidebar.floating-sidebar{position:fixed!important;top:92px!important;left:18px!important;bottom:18px!important;width:220px!important;margin:0!important;padding:20px 14px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;background:rgba(3,14,30,.48)!important;backdrop-filter:blur(18px) saturate(120%)!important;-webkit-backdrop-filter:blur(18px) saturate(120%)!important;box-shadow:0 18px 50px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.12)!important;z-index:300!important;overflow:auto!important}
.sidebar-overlay{position:fixed!important;inset:0!important;background:rgba(0,0,0,.18)!important;z-index:250!important}
#dashboard .command-center{width:100%!important;max-width:none!important}
#dashboard .command-top{width:100%!important}
#dashboard .command-top .trend-heading strong{font-size:12px!important;letter-spacing:.12em!important}
@media(max-width:850px){.main{margin-left:0!important;padding:25px 18px 24px!important}.sidebar.floating-sidebar{top:82px!important;left:12px!important;bottom:12px!important;width:220px!important}}
@media(max-width:560px){.main{margin-left:0!important;padding:18px 14px 24px!important}.sidebar.floating-sidebar{top:68px!important;left:10px!important;bottom:10px!important;width:min(280px,calc(100vw - 20px))!important;border-radius:18px!important}}

/* Wise Cloud v3.7 — single background layer and clean exchange bounds */
#dashboard.view.active::before,#dashboard.view.active::after{display:none!important;content:none!important;background-image:none!important}
#dashboard .command-backdrop,#dashboard .command-backdrop:before,#dashboard .command-backdrop:after{display:none!important;background:none!important;content:none!important}
#dashboard .command-top>.welcome-block .focus-pill{position:static!important;inset:auto!important;transform:none!important;margin:0!important;align-self:flex-start!important;max-width:fit-content!important;z-index:auto!important}
#dashboard .command-top>.trend-mini{height:205px!important;min-height:205px!important;max-height:205px!important;overflow:hidden!important;z-index:1!important}
#dashboard .command-top>.trend-mini .trend-heading{height:28px!important;min-height:28px!important;margin:0!important;overflow:visible!important}
#dashboard .command-top>.trend-mini .exchange-rates{height:auto!important;max-height:125px!important;overflow:hidden!important;margin-top:28px!important}
#dashboard .command-top>.trend-mini .exchange-updated{margin-top:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#dashboard .command-top .trend-heading strong{font-size:11px!important;letter-spacing:.10em!important;color:#f0c56c!important}
@media(max-width:900px){#dashboard .command-top>.trend-mini{height:auto!important;min-height:205px!important;max-height:none!important;overflow:visible!important}#dashboard .command-top>.trend-mini .trend-heading{height:auto!important;min-height:0!important}#dashboard .command-top>.trend-mini .exchange-rates{max-height:none!important;margin-top:12px!important}}
@media(max-width:650px){#dashboard .command-top>.welcome-block .focus-pill{max-width:100%!important}}

/* Wise Cloud v3.8 — remove legacy injected exchange title */
#dashboard .command-top .trend-heading strong::before,#dashboard .command-top .trend-heading strong::after{content:none!important;display:none!important}
#dashboard .command-top .trend-heading strong{font-size:12px!important;letter-spacing:.10em!important;color:#f0c56c!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;white-space:nowrap!important}

/* Wise Cloud v3.9 — seamless bottom fade to navy, one image layer only */
body{background-color:#061224!important;background-image:linear-gradient(180deg,rgba(3,13,28,0) 0%,rgba(3,13,28,.015) 42%,rgba(3,13,28,.08) 56%,rgba(3,13,28,.22) 68%,rgba(3,13,28,.48) 80%,rgba(3,13,28,.78) 91%,#061224 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-repeat:no-repeat!important;background-position:center top!important;background-size:100% 100%,cover!important;background-attachment:fixed!important}
.main:before,.main:after,#dashboard:before,#dashboard:after,#dashboard.view.active:before,#dashboard.view.active:after{display:none!important;content:none!important;background-image:none!important;box-shadow:none!important}
.shell,.main,#dashboard,.command-center{background:transparent!important}

/* Wise Cloud v4.0 — mobile layout reset: no overlap, no legacy grid carry-over */
@media(max-width:650px){
  html,body{overflow-x:hidden!important}
  .main{width:100%!important;box-sizing:border-box!important;margin:0!important;padding:18px 14px 28px!important}
  #dashboard{width:100%!important;min-width:0!important;overflow:visible!important}
  #dashboard .command-center{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;overflow:visible!important;padding:0!important}
  #dashboard .command-top{display:grid!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-template-areas:"welcome" "weather" "clock" "day" "exchange"!important;gap:22px!important;padding:20px 0 24px!important;overflow:visible!important;box-sizing:border-box!important}
  #dashboard .command-top>*{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important;position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;box-sizing:border-box!important;margin:0!important;float:none!important}
  #dashboard .command-top>.welcome-block{grid-area:welcome!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;height:auto!important;min-height:0!important;padding:0!important;gap:7px!important}
  #dashboard .command-top>.welcome-block .focus-pill{display:flex!important;position:static!important;width:auto!important;max-width:100%!important;margin:0!important;align-self:flex-start!important;white-space:normal!important}
  #dashboard .command-top>.weather-command{grid-area:weather!important;height:auto!important;min-height:0!important;padding:0!important}
  #dashboard .command-top>.clock-command{grid-area:clock!important;height:auto!important;min-height:0!important;padding:0!important}
  #dashboard .command-top>.day-card{grid-area:day!important;height:auto!important;min-height:0!important;padding:0!important}
  #dashboard .command-top>.trend-mini{grid-area:exchange!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:10px!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;overflow:visible!important}
  #dashboard .command-top>.trend-mini .trend-heading{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;width:34px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  #dashboard .command-top>.trend-mini .trend-heading>div{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:0!important}
  #dashboard .command-top>.trend-mini .trend-heading .trend-symbol,#dashboard .command-top>.trend-mini .trend-heading small,#dashboard .command-top>.trend-mini .live-badge{display:none!important}
  #dashboard .command-top>.trend-mini .trend-heading strong{display:block!important;width:auto!important;font-size:11px!important;line-height:1.05!important;letter-spacing:.08em!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;white-space:nowrap!important}
  #dashboard .command-top>.trend-mini .exchange-rates{grid-column:2!important;grid-row:1!important;width:100%!important;max-height:none!important;height:auto!important;margin:0!important;overflow:visible!important}
  #dashboard .command-top>.trend-mini .exchange-updated{grid-column:2!important;grid-row:2!important;width:100%!important;margin:0!important;white-space:normal!important;overflow:visible!important}
  #dashboard .workspace-module,.lower,.applications-head,.apps{width:100%!important;min-width:0!important;box-sizing:border-box!important}
  .apps{grid-template-columns:minmax(0,1fr)!important;gap:14px!important}
}
@media(min-width:651px) and (max-width:900px){
  #dashboard .command-top{display:grid!important;width:100%!important;min-width:0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-areas:"welcome welcome" "weather clock" "day day" "exchange exchange"!important;grid-template-rows:auto!important;gap:24px!important;padding:24px 0!important;overflow:visible!important}
  #dashboard .command-top>*{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;width:100%!important;min-width:0!important;max-width:none!important;margin:0!important;box-sizing:border-box!important}
  #dashboard .command-top>.welcome-block{grid-area:welcome!important;height:auto!important;min-height:0!important}
  #dashboard .command-top>.weather-command{grid-area:weather!important;height:auto!important;min-height:0!important}
  #dashboard .command-top>.clock-command{grid-area:clock!important;height:auto!important;min-height:0!important}
  #dashboard .command-top>.day-card{grid-area:day!important;height:auto!important;min-height:0!important}
  #dashboard .command-top>.trend-mini{grid-area:exchange!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
}

/* Wise Cloud v4.1 — preserve background aspect ratio on narrow screens */
@media(max-width:900px){
  body{background-repeat:no-repeat!important;background-position:center top!important;background-attachment:scroll!important;background-size:100% 980px,100% auto!important;background-color:#061224!important}
}
@media(max-width:650px){
  body{background-size:100% 860px,100% auto!important}
}

/* Wise Cloud v4.2 — fade begins at the natural image bottom on narrow screens */
@media(max-width:650px){
  body{background-image:linear-gradient(180deg,rgba(6,18,36,0) 0%,rgba(6,18,36,.02) 34%,rgba(6,18,36,.28) 48%,rgba(6,18,36,.68) 62%,rgba(6,18,36,.92) 76%,#061224 88%,#061224 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-size:100% 430px,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
}
@media(min-width:651px) and (max-width:900px){
  body{background-image:linear-gradient(180deg,rgba(6,18,36,0) 0%,rgba(6,18,36,.03) 42%,rgba(6,18,36,.24) 58%,rgba(6,18,36,.64) 72%,rgba(6,18,36,.92) 86%,#061224 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-size:100% 720px,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
}

/* Wise Cloud v4.3 — desktop exchange bounds and optional live ticker */
@media(min-width:901px){
  #dashboard .command-top>.exchange-command{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;grid-template-rows:30px minmax(0,1fr) 18px!important;column-gap:12px!important;width:100%!important;height:205px!important;min-height:205px!important;max-height:205px!important;overflow:hidden!important;box-sizing:border-box!important}
  #dashboard .command-top>.exchange-command .trend-heading{grid-column:1!important;grid-row:1 / span 2!important;display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;width:34px!important;height:auto!important;min-height:0!important;margin:0!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .trend-heading>div{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;gap:0!important}
  #dashboard .command-top>.exchange-command .trend-heading .trend-symbol,#dashboard .command-top>.exchange-command .trend-heading small{display:none!important}
  #dashboard .command-top>.exchange-command .trend-heading strong{display:block!important;width:auto!important;font-size:12px!important;line-height:1.05!important;letter-spacing:.08em!important;writing-mode:vertical-rl!important;transform:rotate(180deg)!important;white-space:nowrap!important;color:#f0c56c!important}
  #dashboard .command-top>.exchange-command .live-badge{grid-column:2!important;grid-row:1!important;justify-self:end!important;margin:0!important}
  #dashboard .command-top>.exchange-command .exchange-rates{grid-column:2!important;grid-row:2!important;width:100%!important;height:auto!important;max-height:125px!important;margin:0!important;overflow:hidden!important}
  #dashboard .command-top>.exchange-command .exchange-updated{grid-column:2!important;grid-row:3!important;width:100%!important;margin:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
}
.news-ticker-toggle{position:fixed!important;right:18px!important;bottom:16px!important;z-index:450!important;border:1px solid rgba(240,197,108,.55)!important;border-radius:999px!important;padding:5px 10px!important;background:rgba(5,18,35,.78)!important;color:#f0c56c!important;font:700 10px/1 system-ui,sans-serif!important;letter-spacing:.08em!important;cursor:pointer!important;box-shadow:0 5px 18px rgba(0,0,0,.3)!important;backdrop-filter:blur(10px)!important}
.news-ticker{position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:38px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 48px 0 14px!important;z-index:440!important;background:rgba(3,13,28,.88)!important;border-top:1px solid rgba(240,197,108,.38)!important;box-shadow:0 -8px 28px rgba(0,0,0,.24)!important;backdrop-filter:blur(13px)!important;overflow:hidden!important}
.news-ticker[hidden]{display:none!important}.news-ticker-label{flex:0 0 auto;color:#f0c56c!important;font:800 9px/1 system-ui,sans-serif!important;letter-spacing:.14em!important}.news-ticker-viewport{min-width:0;flex:1;overflow:hidden;direction:ltr}.news-ticker-track{display:inline-flex;align-items:center;gap:42px;min-width:max-content;white-space:nowrap;animation:wcd-news-marquee 75s linear infinite}.news-ticker-track:hover{animation-play-state:paused}.news-ticker-item{display:inline-flex;align-items:center;gap:8px;color:#eef5fb!important;text-decoration:none!important;font:500 12px/1.2 system-ui,sans-serif!important;direction:rtl}.news-ticker-item b{color:#f0c56c!important;font-weight:800!important}.news-ticker-item span{opacity:.94}.news-ticker-empty{color:#9db2c8;font:500 11px/1 system-ui,sans-serif}.news-ticker-close{position:absolute!important;right:10px!important;top:50%!important;transform:translateY(-50%)!important;border:0!important;background:transparent!important;color:#fff!important;font-size:19px!important;line-height:1!important;cursor:pointer!important}
@keyframes wcd-news-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:650px){.news-ticker-toggle{right:10px!important;bottom:10px!important;font-size:9px!important}.news-ticker{height:36px!important;padding:0 38px 0 10px!important}.news-ticker-label{font-size:8px!important}.news-ticker-track{gap:28px!important;animation-duration:55s!important}.news-ticker-item{font-size:10px!important}}
body.news-ticker-visible{padding-bottom:38px!important}

/* Wise Cloud v4.4 — uncropped exchange data and Arabic ticker direction */
@media(min-width:901px){
  #dashboard .command-top>.exchange-command{height:auto!important;min-height:205px!important;max-height:none!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-rates{height:auto!important;max-height:none!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-updated{overflow:visible!important;white-space:nowrap!important}
  #dashboard .command-top>.exchange-command .exchange-city{margin-bottom:10px!important}
  #dashboard .command-top>.exchange-command .exchange-grid{min-width:215px!important;grid-template-columns:minmax(58px,1fr) minmax(58px,auto) minmax(58px,auto)!important}
}
.news-ticker-viewport{direction:rtl!important}
.news-ticker-track{direction:rtl!important;animation-name:wcd-news-marquee-ar!important}
@keyframes wcd-news-marquee-ar{from{transform:translateX(-100%)}to{transform:translateX(0)}}

/* Wise Cloud v4.5 — place the focus message above temperature */
#dashboard .command-top>.weather-command{display:flex!important;flex-direction:column!important;align-items:flex-start!important;position:relative!important}
#dashboard .command-top>.weather-command>.focus-pill{display:flex!important;position:static!important;inset:auto!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;transform:none!important;order:0!important;align-self:flex-start!important;width:max-content!important;max-width:100%!important;margin:0 0 12px!important;padding:7px 10px!important;white-space:nowrap!important;z-index:2!important}
#dashboard .command-top>.weather-command>.weather-main{order:1!important}
#dashboard .command-top>.weather-command>.weather-place{order:2!important}
#dashboard .command-top>.weather-command>.weather-meta{order:3!important}
@media(max-width:650px){#dashboard .command-top>.weather-command>.focus-pill{width:auto!important;max-width:100%!important;white-space:normal!important;margin-bottom:10px!important}}

/* Wise Cloud v4.6 — desktop floating-sidebar safe content area */
@media(min-width:901px){
  .main{padding-left:250px!important;padding-right:34px!important;box-sizing:border-box!important}
  #dashboard .command-top{width:100%!important;box-sizing:border-box!important}
}

/* Wise Cloud v4.7 — complete exchange rows and true Arabic left-to-right motion */
@media(min-width:901px){
  #dashboard .command-top>.exchange-command{overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-rates{width:100%!important;max-width:100%!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-grid{width:100%!important;min-width:0!important;grid-template-columns:50px minmax(0,1fr) minmax(0,1fr)!important;column-gap:5px!important}
  #dashboard .command-top>.exchange-command .exchange-grid>*{min-width:0!important;white-space:nowrap!important}
  #dashboard .command-top>.exchange-command .exchange-grid b{font-size:11px!important;letter-spacing:-.02em!important}
}
.news-ticker-viewport{direction:ltr!important}
.news-ticker-track{direction:rtl!important;animation-name:wcd-news-marquee-ar-v47!important}
@keyframes wcd-news-marquee-ar-v47{from{transform:translateX(0)}to{transform:translateX(100%)}}

/* Wise Cloud v4.8 — continuous Arabic ticker without blank gaps */
.news-ticker-viewport{direction:ltr!important}
.news-ticker-track{direction:rtl!important;animation-name:wcd-news-marquee-ar-v48!important;will-change:transform}
.news-ticker-item{direction:rtl!important;flex-direction:row!important}
@keyframes wcd-news-marquee-ar-v48{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* Wise Cloud v4.8 — align temperature with clock and extend mobile image fade */
@media(min-width:901px){
  #dashboard .command-top>.weather-command>.focus-pill{position:absolute!important;top:-38px!important;left:0!important;margin:0!important;z-index:3!important}
  #dashboard .command-top>.weather-command>.weather-main{margin-top:0!important}
}
@media(max-width:650px){
  body{background-color:#061224!important;background-image:linear-gradient(180deg,rgba(6,18,36,0) 0%,rgba(6,18,36,.03) 34%,rgba(6,18,36,.18) 45%,rgba(6,18,36,.46) 58%,rgba(6,18,36,.76) 70%,rgba(6,18,36,.94) 82%,#061224 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-size:100% 560px,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
}

/* Wise Cloud v4.9 — mobile image-to-navy fade tied to one background image */
@media(max-width:650px){
  body{background-color:#061224!important;background-image:linear-gradient(180deg,rgba(6,18,36,0) 0%,rgba(6,18,36,0) 22%,rgba(6,18,36,.10) 34%,rgba(6,18,36,.34) 46%,rgba(6,18,36,.62) 58%,rgba(6,18,36,.84) 70%,rgba(6,18,36,.96) 84%,#061224 100%),var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;background-size:100% 520px,100% auto!important;background-position:center top!important;background-repeat:no-repeat!important;background-attachment:scroll!important}
}

/* Wise Cloud v5.0 — merged-build dashboard cleanup */
@media(min-width:901px){
  .main{margin-left:0!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}
  #dashboard .command-top{display:grid!important;grid-template-columns:minmax(185px,1fr) minmax(185px,1fr) minmax(330px,1.75fr) minmax(265px,1.25fr)!important;grid-template-areas:"welcome welcome welcome welcome" "weather clock day exchange"!important;align-items:start!important;gap:18px!important;padding:24px!important;min-height:0!important}
  #dashboard .command-top>.welcome-block{grid-area:welcome!important;justify-self:center!important;text-align:center!important;padding:0!important}
  #dashboard .command-top>.weather-command{grid-area:weather!important;min-height:250px!important;height:auto!important;padding-top:16px!important}
  #dashboard .command-top>.clock-command{grid-area:clock!important;min-height:250px!important;height:auto!important}
  #dashboard .command-top>.day-card{grid-area:day!important;min-height:250px!important;height:auto!important}
  #dashboard .command-top>.exchange-command{grid-area:exchange!important;min-height:250px!important;height:auto!important;overflow:visible!important}
  #dashboard .command-top>.weather-command>.focus-pill{position:absolute!important;top:-36px!important;left:0!important;margin:0!important;white-space:nowrap!important;transform:none!important}
  #dashboard .command-top>.weather-command>.weather-main{margin-top:0!important;align-items:baseline!important}
  #dashboard .command-top>.weather-command>.weather-main strong{line-height:1!important;font-weight:500!important}
  #dashboard .command-top>.clock-command .command-time-row{align-items:baseline!important}
  #dashboard .command-top>.exchange-command .exchange-rates{max-height:none!important;height:auto!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-grid{width:100%!important;grid-template-columns:52px minmax(68px,1fr) minmax(68px,1fr)!important;column-gap:6px!important}
  #dashboard .command-top>.exchange-command .exchange-grid b{white-space:nowrap!important}
}
#dashboard .command-center-status{display:none!important}
@media(max-width:900px){
  .main{margin-left:0!important;padding-left:10px!important;padding-right:10px!important}
  #dashboard .command-center-status{display:none!important}
}

/* Wise Cloud v5.2 — final visual alignment and readable Arabic ticker */
@media(min-width:901px){
  #dashboard .command-top>.weather-command,
  #dashboard .command-top>.clock-command,
  #dashboard .command-top>.day-card,
  #dashboard .command-top>.exchange-command{align-self:start!important;margin-top:0!important}
  #dashboard .command-top>.weather-command>.focus-pill{position:absolute!important;top:-34px!important;left:0!important;margin:0!important;z-index:4!important;white-space:nowrap!important}
  #dashboard .command-top>.weather-command>.weather-main{margin-top:-46px!important;transform:none!important;align-items:baseline!important}
  #dashboard .command-top>.weather-command>.weather-main strong{font-size:36px!important;line-height:1!important;font-weight:500!important}
  #dashboard .command-top>.clock-command .command-time-row{margin-top:0!important;align-items:baseline!important}
  #dashboard .command-top>.exchange-command .exchange-rates{max-height:none!important;height:auto!important;overflow:visible!important}
}
#dashboard .command-center-status{display:none!important}
.news-ticker-track{animation-duration:120s!important}
.news-ticker-item{font-size:15px!important;line-height:1.45!important;gap:10px!important;white-space:nowrap!important}
.news-ticker-item b{font-size:15px!important;flex:0 0 auto!important}
@media(max-width:900px){
  .news-ticker-track{animation-duration:100s!important}
  .news-ticker-item{font-size:14px!important}
  .news-ticker-item b{font-size:14px!important}
}
@media(max-width:650px){
  .news-ticker-track{animation-duration:90s!important}
  .news-ticker-item{font-size:13px!important}
  .news-ticker-item b{font-size:13px!important}
}

/* Wise Cloud v5.3 — slower, readable news ticker */
.news-ticker-track{animation-duration:240s!important}
.news-ticker-item{font-size:16px!important;line-height:1.5!important;min-height:34px!important;gap:12px!important;white-space:nowrap!important}
.news-ticker-item b{font-size:16px!important;flex:0 0 auto!important}
@media(max-width:900px){
  .news-ticker-track{animation-duration:200s!important}
  .news-ticker-item,.news-ticker-item b{font-size:15px!important}
}
@media(max-width:650px){
  .news-ticker-track{animation-duration:180s!important}
  .news-ticker-item,.news-ticker-item b{font-size:14px!important}
}


/* Wise Cloud v5.4 — balanced command row: one baseline, equal visual weight */
@media (min-width: 901px){
  #dashboard .command-center{background:transparent!important;box-shadow:none!important;overflow:visible!important}
  #dashboard .command-top{
    display:grid!important;
    grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) minmax(300px,1.45fr) minmax(270px,1.18fr)!important;
    grid-template-areas:"welcome welcome welcome welcome" "weather clock day exchange"!important;
    align-items:start!important;
    gap:16px!important;
    padding:68px 22px 22px!important;
    min-height:0!important;
    box-sizing:border-box!important;
  }
  #dashboard .command-top>.welcome-block{grid-area:welcome!important;min-height:54px!important;padding:0!important;text-align:center!important;justify-self:center!important;align-self:start!important}
  #dashboard .command-top>.welcome-block h1{margin:4px 0 2px!important;line-height:1.1!important}
  #dashboard .command-top>.welcome-block p{margin:0!important}
  #dashboard .command-top>.weather-command,
  #dashboard .command-top>.clock-command,
  #dashboard .command-top>.day-card,
  #dashboard .command-top>.exchange-command{
    min-height:205px!important;height:205px!important;max-height:205px!important;
    margin:0!important;padding:16px!important;box-sizing:border-box!important;
    align-self:start!important;background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;overflow:visible!important;
  }
  #dashboard .command-top>.weather-command{grid-area:weather!important;padding-top:0!important;justify-content:flex-start!important}
  #dashboard .command-top>.weather-command>.focus-pill{position:static!important;order:0!important;margin:0 0 14px!important;transform:none!important;align-self:flex-start!important;white-space:nowrap!important}
  #dashboard .command-top>.weather-command>.weather-main{order:1!important;margin:0!important;min-height:52px!important;display:flex!important;align-items:baseline!important;gap:10px!important}
  #dashboard .command-top>.weather-command>.weather-main strong{font-size:36px!important;line-height:1!important;font-weight:500!important;text-shadow:0 3px 14px rgba(0,0,0,.9)!important}
  #dashboard .command-top>.weather-command>.weather-main .weather-command-icon{font-size:30px!important;line-height:1!important;color:#f4c95d!important;filter:drop-shadow(0 2px 7px rgba(0,0,0,.85))!important}
  #dashboard .command-top>.weather-command>.weather-place{order:2!important;margin-top:12px!important}
  #dashboard .command-top>.weather-command>.weather-meta{order:3!important;margin-top:14px!important}
  #dashboard .command-top>.clock-command{grid-area:clock!important;padding-top:16px!important}
  #dashboard .command-top>.clock-command .command-time-row{margin:0!important;min-height:52px!important;align-items:baseline!important}
  #dashboard .command-top>.clock-command .command-time-row strong{font-size:46px!important;line-height:1!important;font-weight:500!important;text-shadow:0 3px 14px rgba(0,0,0,.9)!important}
  #dashboard .command-top>.clock-command .command-period{font-size:13px!important}
  #dashboard .command-top>.day-card{grid-area:day!important;padding-top:16px!important}
  #dashboard .command-top>.day-card .card-title{margin:0 0 12px!important}
  #dashboard .command-top>.day-card .day-stat,
  #dashboard .command-top>.day-card .day-next{margin-bottom:10px!important}
  #dashboard .command-top>.exchange-command{grid-area:exchange!important}
  #dashboard .command-top>.exchange-command .trend-heading{margin:0 0 10px!important}
  #dashboard .command-top>.exchange-command .trend-heading strong{font-size:16px!important;text-shadow:0 2px 10px rgba(0,0,0,.9)!important}
  #dashboard .command-top>.exchange-command .trend-heading small{display:none!important}
  #dashboard .command-top>.exchange-command .exchange-rates{height:auto!important;max-height:142px!important;overflow:visible!important}
  #dashboard .command-top>.exchange-command .exchange-updated{margin-top:8px!important;font-size:10px!important}
}

/* Transparent visual language: text shadow only, never a glass card */
#dashboard .command-card,#dashboard .welcome-block{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#dashboard .command-card :is(h1,h2,h3,strong,span,p,small,b){text-shadow:0 2px 10px rgba(0,0,0,.9)}

@media (max-width:900px){
  #dashboard .command-top{padding-top:60px!important}
  #dashboard .command-top>.weather-command>.weather-main strong{font-weight:500!important}
}

/* v5.4 cleanup: never resurrect the retired long exchange title */
.trend-heading strong::after{content:none!important;display:none!important}

/* Wise Cloud v5.4 — comfortable Arabic news ticker speed */
.news-ticker-track{animation-duration:420s!important}
.news-ticker-item,.news-ticker-item b{font-size:17px!important;line-height:1.55!important}
@media(max-width:900px){
  .news-ticker-track{animation-duration:360s!important}
  .news-ticker-item,.news-ticker-item b{font-size:16px!important}
}
@media(max-width:650px){
  .news-ticker-track{animation-duration:300s!important}
  .news-ticker-item,.news-ticker-item b{font-size:15px!important}
}

/* Wise Cloud v5.4.1 — weather condition icons must visibly reflect the API code */
#dashboard .weather-command-icon{
  font-family:"Noto Color Emoji","Segoe UI Emoji","Apple Color Emoji",sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
  color:#ffd45d!important;
  filter:drop-shadow(0 2px 7px rgba(0,0,0,.8))!important;
  text-shadow:none!important;
}
#dashboard .weather-command-icon[data-weather-code="3"],
#dashboard .weather-command-icon[data-weather-code^="4"],
#dashboard .weather-command-icon[data-weather-code^="6"],
#dashboard .weather-command-icon[data-weather-code^="7"],
#dashboard .weather-command-icon[data-weather-code^="8"],
#dashboard .weather-command-icon[data-weather-code^="9"]{color:#e9f4ff!important}

/* Wise Cloud v5.4.1 — extra-slow ticker for comfortable reading */
.news-ticker-track{animation-duration:600s!important}
.news-ticker-item,.news-ticker-item b{font-size:18px!important;line-height:1.55!important}
@media(max-width:900px){
  .news-ticker-track{animation-duration:480s!important}
  .news-ticker-item,.news-ticker-item b{font-size:16px!important}
}
@media(max-width:650px){
  .news-ticker-track{animation-duration:420s!important}
  .news-ticker-item,.news-ticker-item b{font-size:15px!important}
}

/* Wise Cloud v5.4.2 — mobile/tablet fixed background with black-to-navy fade */
@media (max-width:900px){
  html,body{
    background-color:#000!important;
    min-height:100%!important;
  }
  body{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 38%,
        rgba(6,18,36,.18) 52%,
        rgba(6,18,36,.58) 68%,
        rgba(6,18,36,.88) 82%,
        #000 100%),
      var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;
    background-size:100% 100%,100% auto!important;
    background-position:center top,center top!important;
    background-repeat:no-repeat,no-repeat!important;
    background-attachment:fixed,fixed!important;
  }
  .main,.shell,#dashboard.view.active{
    background:transparent!important;
  }
}
@media (max-width:650px){
  body{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 30%,
        rgba(6,18,36,.16) 44%,
        rgba(6,18,36,.52) 62%,
        rgba(6,18,36,.86) 79%,
        #000 100%),
      var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png'))!important;
    background-size:100% 100%,100% auto!important;
    background-attachment:fixed,fixed!important;
  }
}

/* Wise Cloud v5.4.3 — real fixed background layer for iOS and Android */
@media (max-width:900px){
  html,body{background:#000!important;background-image:none!important}
  body{position:relative!important;isolation:isolate!important}
  body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 20%,
        rgba(0,0,0,.12) 25%,
        rgba(0,0,0,.62) 31%,
        #000 39%,
        #000 57%,
        #07142f 76%,
        #152b62 100%),
      var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png')),
      linear-gradient(180deg,#000 0%,#000 56%,#152b62 100%);
    background-size:100% 100%,100% auto,100% 100%;
    background-position:center top,center top,center top;
    background-repeat:no-repeat,no-repeat,no-repeat;
  }
  .shell,.main,#dashboard.view.active,#dashboard .command-center,
  #dashboard .workspace-module,#dashboard .lower,#dashboard .apps,
  #dashboard footer{background:transparent!important}
}
@supports (-webkit-touch-callout:none){
  @media (max-width:900px){
    body::before{position:fixed!important;transform:translateZ(0);-webkit-transform:translateZ(0)}
  }
}

@media (max-width:900px){
  body::before{z-index:0!important}
  body>.topbar,body>.shell,body>.news-ticker-toggle,body>.news-ticker{position:relative!important;z-index:1!important}
}

/* Wise Cloud v5.4.4 — no image edge; navy continues to the page end */
@media (max-width:900px){
  html,body{background:#152b62!important;background-image:none!important}
  body::before{
    background-image:
      linear-gradient(180deg,
        rgba(0,0,0,0) 0%,
        rgba(0,0,0,0) 20%,
        rgba(0,0,0,.10) 25%,
        rgba(0,0,0,.52) 31%,
        rgba(0,0,0,.90) 38%,
        #000 45%,
        #000 58%,
        #07142f 74%,
        #152b62 100%),
      var(--wcd-custom-bg-url,url('/nature-dashboard-bg.png')),
      linear-gradient(180deg,#000 0%,#000 56%,#152b62 100%)!important;
    background-size:100% 100%,100% 620px,100% 100%!important;
    background-position:center top,center top,center top!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }
}
@media (max-width:650px){
  body::before{background-size:100% 100%,100% 520px,100% 100%!important}
}

/* Wise Cloud v5.4.5 — stable responsive composition, no image distortion */
@media (max-width:900px){
  body::before{
    background-size:100% 100%,100% auto,100% 100%!important;
    background-position:center top,center top,center top!important;
  }
  #dashboard .command-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    grid-template-areas:"welcome" "weather" "clock" "day" "exchange"!important;
    gap:18px!important;
    padding:18px 14px 20px!important;
    width:100%!important;
    min-width:0!important;
    overflow:visible!important;
  }
  #dashboard .command-top>.welcome-block,
  #dashboard .command-top>.weather-command,
  #dashboard .command-top>.clock-command,
  #dashboard .command-top>.day-card,
  #dashboard .command-top>.exchange-command{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    transform:none!important;
    position:static!important;
  }
  #dashboard .command-top>.welcome-block{grid-area:welcome!important;min-height:120px!important}
  #dashboard .command-top>.weather-command{grid-area:weather!important;min-height:175px!important;padding:14px!important}
  #dashboard .command-top>.clock-command{grid-area:clock!important;min-height:145px!important;padding:14px!important}
  #dashboard .command-top>.day-card{grid-area:day!important;min-height:190px!important;padding:14px!important;display:block!important}
  #dashboard .command-top>.exchange-command{grid-area:exchange!important;min-height:210px!important;padding:14px!important;display:block!important}
  #dashboard .command-top>.weather-command>.weather-main{margin:0!important;transform:none!important;align-items:baseline!important}
  #dashboard .command-top>.weather-command>.focus-pill{position:static!important;margin:0 0 14px!important;transform:none!important}
  #dashboard .command-top>.weather-command>.weather-place{margin-top:14px!important}
  #dashboard .command-top>.weather-command>.weather-meta{margin-top:16px!important}
  #dashboard .command-top>.clock-command .command-time-row{margin:0!important;transform:none!important;align-items:baseline!important}
  #dashboard .command-top>.day-card>* ,#dashboard .command-top>.exchange-command>*{transform:none!important}
}

/* Wise Cloud v5.4.6 — final mobile/tablet stability lock */
@media (max-width:900px){
  html,body{background:#152b62!important;background-image:none!important;overflow-x:hidden!important}
  body::before{
    position:fixed!important;
    inset:0!important;
    z-index:0!important;
    transform:translate3d(0,0,0)!important;
    -webkit-transform:translate3d(0,0,0)!important;
    background-size:100% 100%,100% auto,100% 100%!important;
    background-position:center top,center top,center top!important;
    background-repeat:no-repeat,no-repeat,no-repeat!important;
  }
  body>.topbar,body>.shell,body>.news-ticker-toggle,body>.news-ticker{position:relative!important;z-index:2!important}
  .news-ticker{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;height:42px!important;min-height:42px!important;z-index:500!important}
  .news-ticker-toggle{position:fixed!important;top:auto!important;bottom:48px!important;right:10px!important;z-index:501!important}
  .news-ticker-viewport{height:100%!important;display:flex!important;align-items:center!important}
  #dashboard .command-top{display:grid!important;grid-template-columns:1fr!important;grid-template-areas:"welcome" "weather" "clock" "day" "exchange"!important;gap:18px!important;transform:none!important}
  #dashboard .command-top>.weather-command,
  #dashboard .command-top>.clock-command,
  #dashboard .command-top>.day-card,
  #dashboard .command-top>.exchange-command{transform:none!important;position:static!important;grid-column:auto!important;grid-row:auto!important}
  #dashboard .command-top>.weather-command>.weather-main,
  #dashboard .command-top>.clock-command .command-time-row{transform:none!important;margin-top:0!important}
}

/* Wise Cloud v5.4.7 — explicit mobile order and horizontal Exchange Rate title */
@media (max-width:900px){
  #dashboard .command-top{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:18px!important;
    height:auto!important;
    min-height:0!important;
    padding:18px 14px 20px!important;
  }
  #dashboard .command-top>.welcome-block,
  #dashboard .command-top>.weather-command,
  #dashboard .command-top>.clock-command,
  #dashboard .command-top>.day-card,
  #dashboard .command-top>.trend-mini,
  #dashboard .command-top>.exchange-command{
    display:block!important;
    order:initial!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin:0!important;
    padding:14px!important;
    position:static!important;
    transform:none!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }
  #dashboard .command-top>.welcome-block{order:1!important;min-height:82px!important;padding:8px 14px!important}
  #dashboard .command-top>.weather-command{order:2!important;min-height:170px!important}
  #dashboard .command-top>.clock-command{order:3!important;min-height:140px!important}
  #dashboard .command-top>.day-card{order:4!important;min-height:180px!important}
  #dashboard .command-top>.trend-mini,
  #dashboard .command-top>.exchange-command{order:5!important;min-height:180px!important}
  #dashboard .command-top>.weather-command>.focus-pill{position:static!important;order:0!important;margin:0 0 12px!important;transform:none!important}
  #dashboard .command-top>.weather-command>.weather-main{order:1!important;margin:0!important;transform:none!important;align-items:baseline!important}
  #dashboard .command-top>.weather-command>.weather-place{order:2!important;margin-top:12px!important}
  #dashboard .command-top>.weather-command>.weather-meta{order:3!important;margin-top:14px!important}
  #dashboard .command-top>.clock-command .command-time-row{margin:0!important;transform:none!important}
  #dashboard .command-top>.trend-mini .trend-heading,
  #dashboard .command-top>.exchange-command .trend-heading{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0 0 12px!important;
  }
  #dashboard .command-top>.trend-mini .trend-heading>div,
  #dashboard .command-top>.exchange-command .trend-heading>div{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:8px!important;
    width:auto!important;
  }
  #dashboard .command-top>.trend-mini .trend-heading strong,
  #dashboard .command-top>.exchange-command .trend-heading strong{
    display:block!important;
    writing-mode:horizontal-tb!important;
    transform:none!important;
    white-space:nowrap!important;
    width:auto!important;
    font-size:14px!important;
    letter-spacing:.08em!important;
  }
  #dashboard .command-top>.trend-mini .trend-heading small,
  #dashboard .command-top>.exchange-command .trend-heading small{display:block!important}
  #dashboard .command-top>.trend-mini .exchange-rates,
  #dashboard .command-top>.exchange-command .exchange-rates{margin-top:0!important;max-height:none!important;overflow:visible!important}
}

/* Wise Cloud v5.4.8 — final ticker positioning correction */
@media (max-width:900px){
  body>.topbar,body>.shell{position:relative!important;z-index:2!important}
  body>.news-ticker{
    position:fixed!important;
    top:auto!important;
    bottom:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    transform:none!important;
    z-index:500!important;
  }
  body>.news-ticker-toggle{
    position:fixed!important;
    top:auto!important;
    right:10px!important;
    bottom:48px!important;
    transform:none!important;
    z-index:501!important;
  }
}