/* appskin.css — app.html chrome: premium cream/gold sidebar + top Create button.
   Sidebar structure untouched (aside + #nav + .active + .ic + .side-foot).
   Pairs with premium-theme.css (which recolors the content tokens). */
:root{ --uk-s1:#FFFEFA; --uk-s2:#FBF7EE; --uk-acc:#B97920; --uk-acc2:#D9A052; --uk-ga:#A96818; --uk-gb:#D49A4B; --uk-navy:#162238; --uk-navy2:#2A3853; --uk-line:#E7E1D6; --uk-goldsoft:#F5EAD7; }

/* sidebar -> cream */
aside{
  background:linear-gradient(180deg,var(--uk-s1),var(--uk-s2)) !important;
  color:var(--uk-navy2) !important;
  border-right:1px solid var(--uk-line) !important;
}
aside .brand b, aside .brand > div > b, aside .brand span{ color:var(--uk-navy) !important; }

/* nav links */
#nav{ display:flex !important; flex-direction:column; gap:2px; }
#nav a{
  color:var(--uk-navy2) !important;
  display:flex !important; align-items:center; gap:11px;
  padding:9px 12px !important; margin:2px 6px !important;
  border-radius:10px !important; font-weight:500 !important;
  text-decoration:none !important; position:relative;
}
#nav a:hover{ background:var(--uk-goldsoft) !important; color:var(--uk-navy) !important; }
#nav a.active{
  background:linear-gradient(135deg,var(--uk-ga),var(--uk-gb)) !important;
  color:#fff !important; box-shadow:0 6px 16px -6px rgba(185,121,32,.5) !important;
}
#nav a .ic{
  width:24px !important; height:24px !important; border-radius:7px !important;
  display:grid !important; place-items:center !important;
  background:rgba(185,121,32,.10) !important; color:var(--uk-acc) !important;
  font-size:13px !important; line-height:1 !important; flex:none !important; text-align:center !important;
}
#nav a.active .ic{ background:rgba(255,255,255,.22) !important; color:#fff !important; }
#nav a .freepill{ background:rgba(185,121,32,.16) !important; color:var(--uk-acc) !important; }

/* footer card */
.side-foot{ background:var(--uk-goldsoft) !important; color:var(--uk-navy2) !important; }
.side-foot b{ color:var(--uk-navy) !important; }
.side-foot a{ color:var(--uk-acc) !important; }

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

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

/* top-right Create button + dropdown (from appnav.js) */
#umaiTop{ position:fixed; top:14px; right:22px; z-index:2147482001; font-family:"Inter",-apple-system,"Segoe UI",sans-serif; }
#umaiCreateBtn{ border:0; background:linear-gradient(135deg,var(--uk-ga),var(--uk-gb)); color:#fff; padding:10px 16px; border-radius:12px; font-weight:700; font-size:13.5px; cursor:pointer; display:inline-flex; align-items:center; gap:7px; box-shadow:0 8px 20px -8px rgba(185,121,32,.6); }
#umaiCreateBtn:hover{ filter:brightness(1.05); }
#umaiPop{ position:absolute; right:0; top:calc(100% + 9px); background:#FFFEFA; border:1px solid var(--uk-line); border-radius:15px; box-shadow:0 26px 50px -24px rgba(22,34,56,.32); padding:8px; display:flex; flex-direction:column; gap:2px; min-width:236px; }
#umaiPop button{ display:flex; align-items:center; gap:10px; background:none; border:0; color:var(--uk-navy); text-align:left; padding:11px; border-radius:10px; font-weight:600; font-size:13.5px; cursor:pointer; font-family:inherit; }
#umaiPop button:hover{ background:var(--uk-goldsoft); }
#umaiPop[hidden]{ display:none !important; }