/* Autopilot for LinkedIn: shared shell (header, week strip, tabs).
   Loaded after each page's own <style>, so these rules win. */
:root{
  --bg:#0b1123;--card:#10182e;--card2:#0d1427;--line:#1c2542;--line2:#283254;
  --text:#eef0ff;--muted:#8f9bbd;--dim:#7b88c9;
  --v:#5f38fd;--v2:#5230e6;--vtext:#8f6bff;--vsoft:#1d1a50;
  --green:#2fd6a4;--amber:#f5b94a;--red:#ff6b81;
  --band:#111930;
  color-scheme:dark}
body{position:relative;background:var(--bg)!important;font-family:Inter,"Segoe UI",system-ui,sans-serif}
/* the lighter rounded band behind the header and week strip */
body::before{content:"";position:absolute;inset:0 0 auto 0;height:124px;background:linear-gradient(180deg,#121a36,#0f1830);border-radius:0 0 30px 30px;z-index:0;pointer-events:none}
.wrap{position:relative;z-index:1;max-width:1382px;margin:0 auto;padding:11px 24px 40px}

/* header */
header.row{justify-content:space-between;flex-wrap:wrap;gap:16px}
.row{display:flex;align-items:center}
.brand{gap:16px}
.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:linear-gradient(145deg,#7a52ff,#5f38fd);box-shadow:0 6px 18px rgba(95,56,253,.35)}
.logo svg{width:24px;height:24px}
h1{margin:0;font-size:20.5px;font-weight:700;letter-spacing:0;line-height:1.2}
.brand p{margin:3px 0 0;font-size:13px;color:var(--muted)}
.right{gap:14px}
.user{height:40px;padding:0 12px 0 8px;border-radius:12px;border:1px solid var(--line);background:rgba(17,25,48,.85);gap:10px}
.user .av{width:32px;height:32px}
.user span{font-size:12.5px;font-weight:600}
.signout{cursor:pointer;color:var(--text);height:40px;padding:0 19px;border-radius:10px;border:1px solid var(--line2);background:rgba(13,19,40,.7);font-size:12.5px;font-weight:600}
.signout:hover{border-color:#3a4678}

/* week strip */
.week{margin-top:15px;gap:0;padding:2px 14px;border:1px solid var(--line);border-radius:16px;background:var(--band);overflow-x:auto;align-items:stretch}
.nav{display:contents}
.nav button{background:none;border:0;color:var(--text)}
#pw,#nw{order:0;width:37px;height:37px;align-self:center;flex:none;border-radius:10px;border:1px solid transparent;background:#161f3b;display:grid;place-items:center;padding:0}
#nw{order:3}
#pw{margin-right:10px}
#pw:hover,#nw:hover{border-color:var(--line2)}
#pw svg.i,#nw svg.i{width:18px;height:18px;color:#cfd6f5}
.days{order:1;flex:1 0 auto;min-width:0;display:grid;grid-template-columns:repeat(7,minmax(88px,1fr))}
#wkb{font-size:12px;order:2;cursor:pointer;align-self:center;flex:none;width:150px;height:40px;justify-content:flex-start;margin:0 37px;padding:0 10px 0 0;display:flex;align-items:center;gap:0;border:1px solid var(--line2);border-radius:10px;background:rgba(10,15,34,.55);font-size:13px;font-weight:600;white-space:nowrap}
#wkb svg.i{box-sizing:border-box;width:42px;height:38px;padding:10px 12px;margin:0 12px 0 0;border-right:1px solid var(--line2);color:#b4bde0;stroke-width:1.7}
#wkb::after{content:"";width:14px;height:14px;margin-left:12px;background:no-repeat center/14px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c7cdee' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.week .day{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;font:inherit;height:81px;padding:8px 6px;border:1.5px solid transparent;border-radius:11px;gap:2px;background:none;align-self:center;position:relative;color:var(--text)}
.week .day:not([aria-pressed=true])::after{content:"";position:absolute;right:0;top:18%;height:64%;width:1px;background:var(--line)}
.week .day .dn{font-size:12px;color:var(--muted);font-weight:500}
.week .day .num{width:auto;height:auto;border-radius:0;background:none;box-shadow:none;margin:0;font-size:14.5px;font-weight:700;display:block;color:#fff}
.week .day .ct{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);margin-top:3px}
.week .day .ct::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dim)}
.week .day.has .ct::before{background:#7c5cff}
.week .day[aria-pressed=true]{border-color:#5a38e8;background:#1a1650;box-shadow:0 0 0 1px rgba(95,56,253,.25),0 4px 18px rgba(80,50,220,.25)}
.week .day[aria-pressed=true] .num{background:none;box-shadow:none}
.week .day[aria-pressed=true] .dn,.week .day[aria-pressed=true] .ct{color:#d6cfff}
.week .day[aria-pressed=true] .ct::before{background:#7c5cff}
.week .day:hover:not([aria-pressed=true]){background:rgba(95,56,253,.07)}

/* tabs: underline style */
.tabs{margin-top:13px;gap:14px;border-bottom:1px solid var(--line);padding-bottom:0;overflow-x:auto}
.tabs .tab{display:flex;align-items:center;white-space:nowrap;cursor:pointer;font-family:inherit;height:46px;padding:0 15px;border:0;border-radius:0;background:none;box-shadow:none;gap:10px;font-size:13.8px;font-weight:600;color:#b4bedf;margin-bottom:-1px;position:relative}
.tabs .tab svg.i{width:20px;height:20px;stroke-width:1.7}
.tabs .tab:first-child{margin-left:-8px}
.tabs .tab:hover{color:#dfe3fb}
.tabs .tab[aria-selected=true]{color:#8f6bff;font-weight:600;background:none;border:0;box-shadow:none}
.tabs .tab[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#6f45ff,#8b5cff)}

/* shared bits that the other pages use */
.card{border-color:var(--line);background:linear-gradient(180deg,#111a31,#0f172c)}
.primary{background:linear-gradient(180deg,#6a43ff,#5a33f5)}

@media (max-width:760px){
  .wrap{padding:12px 14px 32px}
  .week{padding:6px}
  .days{grid-template-columns:repeat(7,minmax(78px,1fr))}
  #wkb{margin:0 12px}
  .right .user span{display:none}
}

/* queue badge for posts written by Auto content */
.pill.s-ai{background:rgba(143,107,255,.16);color:#b9a3ff;border:1px solid rgba(143,107,255,.35);margin-left:6px}

/* ---- v13: no week strip on pages that don't use it; mobile + touch fixes ---- */
.week[hidden]{display:none!important}
body.noweek::before{height:84px}
html,body{max-width:100%;overflow-x:clip}
.tabs{scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}
@media (max-width:640px){
  .wrap{padding-left:14px;padding-right:14px}
  header.row{flex-direction:column;align-items:stretch;gap:12px}
  header.row .right{width:100%;justify-content:space-between}
  header.row .user{flex:1;min-width:0}
  header.row .user span{display:inline!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  body::before{height:190px}body.noweek::before{height:150px}
  .tabs{gap:2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 34px),transparent)}
  .tabs .tab{padding:0 12px}
}
@media (max-width:640px),(pointer:coarse){
  .btn,.signout,.pt,.dd,.tabs .tab,.create,select{min-height:44px}
  .btn.sm,.dd.sm{min-height:40px}
}
/* v13: let grid/flex children shrink instead of forcing sideways scroll */
.grid>*,.cols>*,.stack>*,.panel,.card{min-width:0}
@media (max-width:1060px){.grid,.cols{grid-template-columns:minmax(0,1fr)!important}}
body.noweek .tabs{margin-top:22px}

/* ---- v14: status-only colour, flat panels, skeletons ---- */
/* green / amber / red mean status, never decoration: icon tiles are brand-neutral */
.ib.t-pu,.ib.t-up,.ib.t-dr,.ib.t-fa,.ib.t-bl,.ib.t-sl,.ib.t-vi,.tile.t-gr,.tile.t-am{background:rgba(124,92,255,.16);color:#b9a6ff}
.ib.t-fa.on{background:rgba(255,93,120,.14);color:#ff6a80}
/* no cards inside cards */
.panel .empty,.pn .empty,.pn .na,.panel .na{border:0;background:none;border-radius:0;min-height:0}
.help{border:0;background:none;border-radius:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:16px}
.et{border:0;background:none;border-radius:0;padding-left:0;padding-right:0}
.et+.et{border-left:1px solid var(--line);padding-left:16px}
.rem li{border:0;background:none;border-radius:0;border-bottom:1px solid var(--line);padding:8px 0}
.rem li:last-child{border-bottom:0}
.onb li{border:0;background:none;padding:8px 0;min-height:0}
.onb li.cur{background:none}.onb li.cur span{font-weight:700}
/* skeleton loaders */
@keyframes skl{0%{background-position:-400px 0}100%{background-position:400px 0}}
.skl{display:block;min-height:12px;border-radius:8px;background:linear-gradient(90deg,rgba(150,160,210,.08) 25%,rgba(150,160,210,.2) 37%,rgba(150,160,210,.08) 63%);background-size:800px 100%;animation:skl 1.4s linear infinite}
.skl-row{display:grid;gap:8px;padding:16px}
@media (prefers-reduced-motion:reduce){.skl{animation:none}}
/* spacing scale: 4 / 8 / 16 / 24 / 32 and a 12px minimum text size */
:root{--s1:4px;--s2:8px;--s3:16px;--s4:24px;--s5:32px}
.hh{flex-wrap:wrap;gap:8px 16px}.hh p{white-space:normal!important}.hh .grow{min-width:160px}