/* appskin.css — reskins app.html's existing sidebar to the unified UMAI look.
   CSS only. No structure/JS changes; all sub-views keep working.
   Targets the single <aside> + #nav. Uses !important to win over base styles. */
:root{ --uk-s1:#1A2740; --uk-s2:#0E1626; --uk-acc:#FF6A3D; --uk-acc2:#FF8B5A; }
@media (prefers-color-scheme:dark){ :root{ --uk-s1:#151C2B; --uk-s2:#0B1119; --uk-acc:#FF7A50; --uk-acc2:#FF9166; } }

/* sidebar container */
aside{
  background:linear-gradient(178deg,var(--uk-s1),var(--uk-s2)) !important;
  color:#E7ECF4 !important;
  border-right:0 !important;
}
aside .brand b{ color:#fff !important; }

/* nav links */
#nav{ display:flex !important; flex-direction:column; gap:2px; }
#nav a{
  color:#BFCADA !important;
  display:flex !important; align-items:center; gap:12px;
  padding:9px 12px !important; margin:2px 6px !important;
  border-radius:11px !important; font-weight:600 !important;
  text-decoration:none !important; position:relative;
  transition:background .12s, color .12s;
}
#nav a:hover{ background:rgba(255,255,255,.06) !important; color:#fff !important; }
#nav a.active{
  background:rgba(255,255,255,.10) !important; color:#fff !important;
  box-shadow:inset 3px 0 0 var(--uk-acc) !important;
}

/* icon chips */
#nav a .ic{
  width:26px !important; height:26px !important; border-radius:8px !important;
  display:grid !important; place-items:center !important;
  background:rgba(255,255,255,.06) !important; font-size:14px !important;
  line-height:1 !important; flex:none !important; color:inherit !important;
  text-align:center !important;
}
#nav a.active .ic{
  background:linear-gradient(140deg,var(--uk-acc),var(--uk-acc2)) !important;
  color:#fff !important;
}
#nav a .freepill{ background:rgba(255,255,255,.16) !important; color:#fff !important; }

/* footer card */
.side-foot{
  background:rgba(255,255,255,.06) !important;
  color:#9FB0C4 !important;
}
.side-foot b{ color:#fff !important; }
.side-foot a{ color:var(--uk-acc2) !important; }

/* hide the RAW floating buttons; we re-expose them as sidebar + top-bar items */
#umaToolsBtn, #umaFabToggle, .uma-fab{ display:none !important; }

/* "All Tools" sidebar item matches the nav */
#umaiAllTools{ text-decoration:none !important; }

/* top-right Create button + dropdown (matches unified design) */
#umaiTop{ position:fixed; top:14px; right:20px; z-index:2147482001; font-family:"Figtree",-apple-system,"Segoe UI",sans-serif; }
#umaiCreateBtn{ border:0; background:linear-gradient(135deg,var(--uk-acc),var(--uk-acc2)); color:#fff; padding:11px 16px; border-radius:12px; font-weight:700; font-size:14px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; box-shadow:0 8px 20px -8px rgba(255,106,61,.7); font-family:inherit; }
#umaiCreateBtn:hover{ filter:brightness(1.06); }
#umaiPop{ position:absolute; right:0; top:calc(100% + 10px); background:#fff; border:1px solid #E6E8EF; border-radius:16px; box-shadow:0 26px 50px -24px rgba(16,24,40,.32); padding:8px; display:flex; flex-direction:column; gap:2px; min-width:252px; }
#umaiPop button{ display:flex; align-items:center; gap:11px; background:none; border:0; color:#13151B; text-align:left; padding:12px; border-radius:11px; font-weight:600; font-size:14px; cursor:pointer; font-family:inherit; }
#umaiPop button:hover{ background:#EEF0F5; }
#umaiPop[hidden]{ display:none !important; }
@media (prefers-color-scheme:dark){
  #umaiPop{ background:#15171E; border-color:#272B36; }
  #umaiPop button{ color:#EDEFF4; }
  #umaiPop button:hover{ background:#1D2029; }
}