/* SKO ASSISTANT BETA — APPLICATION SHELL AND PAGE LAYOUTS */

/* Full-screen isolation from the active WordPress theme. */
html.sko-beta-portal-active,
body.sko-beta-portal-active {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #071014 !important;
}

body.sko-beta-portal-active > .sko-beta-root {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  zoom: 1 !important;
}

html:has(.sko-beta-root),
body:has(.sko-beta-root) {
  margin: 0 !important;
  min-height: 100% !important;
  background: #071014 !important;
}
body:has(.sko-beta-root) { overflow: hidden !important; }

.sko-beta-root { position: fixed; inset: 0; z-index: 99999; background: var(--sko-bg-0); }
.sko-beta-app { position: relative; width: 100%; height: 100%; display: grid; grid-template-columns: var(--sko-sidebar-width) minmax(0,1fr); overflow: hidden; background:
  radial-gradient(circle at 10% 2%, rgba(79,216,196,.08), transparent 24%),
  radial-gradient(circle at 88% 15%, rgba(101,174,249,.065), transparent 28%),
  linear-gradient(180deg, #071014, #081116 55%, #071014);
}
.sko-app-ambient { position: fixed; inset: 0; pointer-events: none; overflow: hidden; opacity: .9; }
.sko-app-ambient span { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: var(--sko-teal); box-shadow: 0 0 18px currentColor; opacity: .35; animation: skoDrift 9s ease-in-out infinite alternate; }
.sko-app-ambient span:nth-child(1) { top: 18%; left: 28%; }
.sko-app-ambient span:nth-child(2) { top: 68%; right: 12%; color: var(--sko-violet); animation-delay: -3s; }
.sko-app-ambient span:nth-child(3) { bottom: 8%; left: 48%; color: var(--sko-blue); animation-delay: -6s; }
@keyframes skoDrift { from { transform: translate3d(-12px,-6px,0); opacity:.18; } to { transform: translate3d(22px,16px,0); opacity:.48; } }

.sko-sidebar { position: relative; z-index: 20; min-width: 0; height: 100%; display: flex; flex-direction: column; border-right: 1px solid var(--sko-border); background: linear-gradient(180deg, rgba(7,17,21,.98), rgba(7,15,19,.985)); box-shadow: 18px 0 55px rgba(0,0,0,.16); }
.sko-brand { height: var(--sko-topbar-height); display: flex; align-items: center; gap: 11px; padding: 0 17px; border-bottom: 1px solid var(--sko-border); }
.sko-brand__mark { position: relative; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: 13px; color: #061312; background: linear-gradient(145deg,#74e3d3,#2dbba7); box-shadow: 0 12px 34px rgba(47,196,176,.2); overflow: hidden; }
.sko-brand__mark span { position:absolute; width: 28px; height: 2px; background: rgba(255,255,255,.35); transform: rotate(-36deg); }
.sko-brand__mark span:nth-child(2) { transform: rotate(35deg); }
.sko-brand__mark span:nth-child(3) { width: 11px; transform: rotate(90deg); }
.sko-brand__mark .sko-icon { position:relative; z-index:2; }
.sko-brand > div:last-of-type { min-width:0; display:flex; flex-direction:column; }
.sko-brand strong { font-size: 13px; letter-spacing: -.02em; }
.sko-brand small { margin-top:1px; color:var(--sko-text-muted); font-size:8px; text-transform:uppercase; letter-spacing:.14em; }
.sko-sidebar-mobile-close { display:none; margin-left:auto; border:0; background:transparent; color:var(--sko-text-muted); }

.sko-profile-switcher { position:relative; padding: 13px 12px 8px; }
.sko-profile-switcher__button { width:100%; display:grid; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:10px; padding:9px; border:1px solid var(--sko-border); border-radius:13px; color:var(--sko-text); background:rgba(255,255,255,.025); cursor:pointer; text-align:left; transition:all var(--sko-fast); }
.sko-profile-switcher__button:hover { border-color:var(--sko-border-strong); background:rgba(255,255,255,.045); }
.sko-profile-switcher__button > span:nth-child(2) { display:flex; flex-direction:column; min-width:0; }
.sko-profile-switcher__button strong { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:11px; }
.sko-profile-switcher__button small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--sko-text-muted); font-size:8px; }
.sko-profile-menu { position:absolute; z-index:80; top:63px; left:12px; right:12px; overflow:hidden; border:1px solid var(--sko-border-strong); border-radius:14px; background:#0c191e; box-shadow:var(--sko-shadow-lg); animation:skoModalIn var(--sko-fast) var(--sko-ease) both; }
.sko-profile-menu__header { display:flex; justify-content:space-between; align-items:center; padding:11px 12px; border-bottom:1px solid var(--sko-border); color:var(--sko-text-muted); font-size:9px; font-weight:700; }
.sko-profile-menu > button { appearance:none; width:100%; display:grid; grid-template-columns:31px minmax(0,1fr) auto; align-items:center; gap:9px; padding:9px 11px; border:0; border-bottom:1px solid var(--sko-border); color:var(--sko-text); background:transparent; text-align:left; cursor:pointer; }
.sko-profile-menu > button:hover,.sko-profile-menu > button.is-active { background:rgba(79,216,196,.06); }
.sko-profile-menu > button > span:nth-child(2){display:flex;flex-direction:column;min-width:0}.sko-profile-menu > button strong{font-size:10px}.sko-profile-menu > button small{color:var(--sko-text-muted);font-size:8px}.sko-profile-menu footer{padding:8px 11px}

.sko-sidebar-scroll { flex:1; min-height:0; overflow-y:auto; padding: 2px 10px 18px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.08) transparent; }
.sko-sidebar-group { margin-top:11px; }
.sko-sidebar-group__label { padding:0 9px 5px; color:#597078; font-size:8px; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.sko-sidebar-group nav { display:flex; flex-direction:column; gap:2px; }
.sko-nav-item { appearance:none; width:100%; min-height:37px; display:grid; grid-template-columns:31px minmax(0,1fr) auto auto; align-items:center; gap:7px; padding:3px 8px 3px 4px; border:1px solid transparent; border-radius:11px; color:var(--sko-text-muted); background:transparent; cursor:pointer; text-align:left; font-size:10px; font-weight:700; transition:all var(--sko-fast); }
.sko-nav-item:hover { color:var(--sko-text-soft); background:rgba(255,255,255,.025); }
.sko-nav-item.is-active { color:var(--sko-text); border-color:rgba(79,216,196,.15); background:linear-gradient(90deg,rgba(79,216,196,.1),rgba(79,216,196,.035)); box-shadow:inset 2px 0 var(--sko-teal); }
.sko-nav-item__icon { width:29px; height:29px; display:flex; align-items:center; justify-content:center; border-radius:9px; background:rgba(255,255,255,.025); }
.sko-nav-item.is-active .sko-nav-item__icon { color:var(--sko-teal); background:rgba(79,216,196,.085); }
.sko-nav-badge { min-width:18px; height:18px; display:flex; align-items:center; justify-content:center; padding:0 5px; border-radius:999px; color:#031311; background:var(--sko-teal); font-size:8px; }
.sko-nav-status { color:var(--sko-text-muted); font-size:7px; text-transform:uppercase; letter-spacing:.08em; }
.sko-nav-status--prototype { color:var(--sko-blue); }
.sko-nav-status--planned { color:var(--sko-violet); }

.sko-sidebar-footer { flex:0 0 auto; padding:10px 12px 13px; border-top:1px solid var(--sko-border); }
.sko-sidebar-health { display:flex; gap:9px; align-items:center; padding:9px 8px; margin-bottom:7px; border-radius:11px; background:rgba(99,213,138,.035); }
.sko-health-orb { width:8px; height:8px; border-radius:50%; background:var(--sko-green); box-shadow:0 0 14px var(--sko-green); }
.sko-sidebar-health div,.sko-user-menu span:nth-child(2){display:flex;flex-direction:column;min-width:0}.sko-sidebar-health strong,.sko-user-menu strong{font-size:9px}.sko-sidebar-health small,.sko-user-menu small{font-size:7px;color:var(--sko-text-muted)}
.sko-user-menu { appearance:none; width:100%; display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:9px; align-items:center; padding:7px 8px; border:0; border-radius:11px; color:var(--sko-text); background:transparent; text-align:left; cursor:pointer; }
.sko-user-menu:hover { background:rgba(255,255,255,.03); }

.sko-app-main { min-width:0; height:100%; display:grid; grid-template-rows:var(--sko-topbar-height) minmax(0,1fr); }
.sko-topbar { position:relative; z-index:15; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 22px; border-bottom:1px solid var(--sko-border); background:rgba(7,16,20,.8); backdrop-filter:blur(18px); }
.sko-topbar__left,.sko-topbar__right { display:flex; align-items:center; gap:10px; min-width:0; }
.sko-global-search { width:min(520px,42vw); height:36px; display:flex; align-items:center; gap:9px; padding:0 11px; border:1px solid var(--sko-border); border-radius:11px; color:var(--sko-text-muted); background:rgba(0,0,0,.16); }
.sko-global-search input { flex:1; min-width:0; color:var(--sko-text); background:transparent; border:0; outline:0; font-size:10px; }
.sko-global-search input::placeholder{color:var(--sko-text-muted)}.sko-global-search kbd{padding:2px 6px;border:1px solid var(--sko-border);border-radius:6px;color:var(--sko-text-muted);font-size:8px;background:rgba(255,255,255,.03)}
.sko-profile-context { display:flex; align-items:center; gap:8px; color:var(--sko-text-soft); font-size:10px; }
.sko-notification-button { position:relative; }
.sko-notification-button > span { position:absolute; top:-5px; right:-4px; min-width:16px; height:16px; padding:0 4px; display:flex; align-items:center; justify-content:center; border:2px solid var(--sko-bg-0); border-radius:999px; color:#160e00; background:var(--sko-amber); font-size:7px; font-weight:900; }
.sko-mobile-menu-button { display:none; }

.sko-page { position:relative; min-width:0; min-height:0; overflow-y:auto; overflow-x:hidden; padding:20px 22px 56px; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.08) transparent; }
.sko-page > * { max-width:1700px; margin-left:auto; margin-right:auto; }
.sko-preview-banner { min-height:31px; display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; padding:6px 10px; border:1px solid rgba(165,139,255,.14); border-radius:10px; color:var(--sko-text-muted); background:linear-gradient(90deg,rgba(165,139,255,.06),rgba(79,216,196,.025)); font-size:9px; }
.sko-preview-banner > div { display:flex; align-items:center; gap:7px; min-width:0; }
.sko-preview-banner strong { color:var(--sko-violet); }
.sko-preview-banner span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.sko-layout { display:grid; gap:var(--sko-page-gap); }
.sko-layout--dashboard { grid-template-columns:minmax(0,1.65fr) minmax(320px,.85fr); }
.sko-stack { display:flex; flex-direction:column; gap:var(--sko-page-gap); min-width:0; }

.sko-priority-list { display:flex; flex-direction:column; gap:9px; }
.sko-priority-item { display:grid; grid-template-columns:35px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px; border:1px solid var(--sko-border); border-radius:13px; background:rgba(255,255,255,.018); }
.sko-priority-item__icon { width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:rgba(255,255,255,.035) }
.sko-priority-item--amber .sko-priority-item__icon{color:var(--sko-amber)}.sko-priority-item--violet .sko-priority-item__icon{color:var(--sko-violet)}.sko-priority-item--red .sko-priority-item__icon{color:var(--sko-red)}
.sko-priority-item__body > span { color:var(--sko-text-muted); font-size:8px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.sko-priority-item h4 { margin:3px 0 0; font-size:12px; }
.sko-priority-item p { margin:4px 0 0; color:var(--sko-text-muted); font-size:9px; }

.sko-agenda { display:flex; flex-direction:column; margin-bottom:10px; }
.sko-agenda-item { display:grid; grid-template-columns:60px 12px minmax(0,1fr); gap:9px; align-items:start; padding:10px 0; border-bottom:1px solid var(--sko-border); }
.sko-agenda-item time { color:var(--sko-text-muted); font-size:9px; }
.sko-agenda-item__marker { width:7px;height:7px;margin-top:3px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.sko-agenda-item div{display:flex;flex-direction:column}.sko-agenda-item strong{font-size:10px}.sko-agenda-item small{margin-top:2px;color:var(--sko-text-muted);font-size:8px}
.sko-health-list,.sko-setting-summary { display:flex; flex-direction:column; }
.sko-health-row,.sko-setting-summary > div { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0; border-bottom:1px solid var(--sko-border); }
.sko-health-row:last-child,.sko-setting-summary > div:last-child{border-bottom:0}.sko-health-row div{display:flex;flex-direction:column}.sko-health-row strong,.sko-setting-summary strong{font-size:10px}.sko-health-row small,.sko-setting-summary span{color:var(--sko-text-muted);font-size:8px}

.sko-communications-shell { height:calc(100vh - 196px); min-height:640px; display:grid; grid-template-columns:180px 310px minmax(430px,1fr); overflow:hidden; border:1px solid var(--sko-border); border-radius:var(--sko-radius-lg); background:rgba(8,18,22,.74); box-shadow:var(--sko-shadow-sm); }
.sko-communications-filters,.sko-thread-list { border-right:1px solid var(--sko-border); min-height:0; overflow-y:auto; }
.sko-communications-filters { padding:14px 10px; display:flex; flex-direction:column; }
.sko-section-label { padding:0 8px 7px;color:var(--sko-text-muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.sko-filter-link { appearance:none; display:flex; align-items:center; justify-content:space-between; min-height:35px; padding:0 9px; border:0; border-radius:9px; color:var(--sko-text-muted); background:transparent; cursor:pointer; font-size:9px; text-align:left; }
.sko-filter-link:hover,.sko-filter-link.is-active{color:var(--sko-text);background:rgba(79,216,196,.055)}.sko-filter-link strong{font-size:8px}.sko-filter-footer{margin-top:auto;padding:10px 6px 0}
.sko-thread-list__toolbar { position:sticky;top:0;z-index:2;display:flex;gap:7px;padding:11px;border-bottom:1px solid var(--sko-border);background:rgba(8,18,22,.96)}
.sko-thread-row { display:grid; grid-template-columns:31px minmax(0,1fr); gap:9px; padding:12px 10px; border-bottom:1px solid var(--sko-border); cursor:pointer; transition:background var(--sko-fast); }
.sko-thread-row:hover,.sko-thread-row.is-active{background:rgba(79,216,196,.04)}.sko-thread-row.is-active{box-shadow:inset 2px 0 var(--sko-teal)}
.sko-thread-row__copy{min-width:0}.sko-thread-row__copy>div:first-child{display:flex;justify-content:space-between;gap:8px}.sko-thread-row strong{font-size:10px}.sko-thread-row time{color:var(--sko-text-muted);font-size:8px}.sko-thread-row h4{margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sko-text-soft);font-size:9px}.sko-thread-row p{margin:3px 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sko-text-muted);font-size:8px}
.sko-conversation-panel { min-width:0; display:flex; flex-direction:column; overflow:hidden; }
.sko-conversation-panel__header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px 18px; border-bottom:1px solid var(--sko-border); background:rgba(255,255,255,.012); }
.sko-conversation-panel__header h2{margin:0;font-size:18px}.sko-conversation-panel__header p{margin:3px 0 0;color:var(--sko-text-muted);font-size:9px}
.sko-conversation-summary { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border-bottom:1px solid var(--sko-border);background:var(--sko-border)}
.sko-conversation-summary>div{min-width:0;padding:9px 12px;background:#0a151a}.sko-conversation-summary span:first-child{display:block;margin-bottom:5px;color:var(--sko-text-muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.sko-conversation-summary strong{font-size:9px}
.sko-message-thread { flex:1;min-height:0;overflow-y:auto;padding:18px;display:flex;flex-direction:column;gap:14px; }
.sko-message { max-width:76%; padding:13px 14px; border:1px solid var(--sko-border); border-radius:15px; background:rgba(255,255,255,.025); }
.sko-message--incoming { align-self:flex-start;border-top-left-radius:4px }.sko-message header{display:flex;justify-content:space-between;gap:16px}.sko-message header strong{font-size:9px}.sko-message header time{color:var(--sko-text-muted);font-size:8px}.sko-message p{margin:8px 0 0;color:var(--sko-text-soft);font-size:10px;line-height:1.6}
.sko-ai-draft { align-self:stretch; padding:15px; border:1px solid rgba(165,139,255,.22); border-radius:15px; background:linear-gradient(145deg,rgba(165,139,255,.07),rgba(79,216,196,.025)); }
.sko-ai-draft header{display:flex;align-items:center;justify-content:space-between;gap:12px}.sko-ai-draft header>div{display:flex;align-items:center;gap:9px}.sko-ai-mark{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--sko-violet);background:rgba(165,139,255,.12);border:1px solid rgba(165,139,255,.2);font-size:9px;font-weight:850}.sko-ai-draft header div div{display:flex;flex-direction:column}.sko-ai-draft header strong{font-size:10px}.sko-ai-draft header small{color:var(--sko-text-muted);font-size:8px}.sko-ai-draft textarea{width:100%;min-height:150px;margin-top:13px;padding:12px;border:1px solid var(--sko-border);border-radius:11px;color:var(--sko-text-soft);background:rgba(0,0,0,.18);resize:vertical;font-size:10px;line-height:1.6}.sko-ai-draft footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:11px}

.sko-client-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px }
.sko-client-card__head{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:10px;align-items:center}.sko-client-card__head h3{margin:0;font-size:12px}.sko-client-card__head p{margin:2px 0 0;color:var(--sko-text-muted);font-size:8px}.sko-client-card__statuses{display:flex;gap:5px;flex-wrap:wrap;margin-top:13px}.sko-client-card__actions{display:flex;align-items:center;gap:7px;margin-top:14px}.sko-client-card__actions .sko-button{flex:1}
.sko-client-workspace-preview { scroll-margin-top:20px; }
.sko-client-workspace__header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid var(--sko-border)}.sko-client-identity{display:flex;align-items:center;gap:13px}.sko-client-identity h2{margin:0;font-size:20px}.sko-client-identity p{margin:3px 0 0;color:var(--sko-text-muted);font-size:9px}.sko-client-workspace__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;margin-top:18px}.sko-detail-panel{padding:15px;border:1px solid var(--sko-border);border-radius:13px;background:rgba(255,255,255,.018)}.sko-detail-panel h3{margin:0 0 12px;font-size:12px}.sko-work-items{display:flex;flex-direction:column}.sko-work-items>div{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sko-border)}.sko-work-items>div:last-child{border-bottom:0}.sko-work-items>div>div{display:flex;flex-direction:column}.sko-work-items strong{font-size:9px}.sko-work-items span{color:var(--sko-text-muted);font-size:8px}

.sko-calendar-toolbar { display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px }
.sko-calendar-layout { display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.55fr);gap:18px }
.sko-calendar-card{padding:0;overflow:hidden}.sko-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--sko-border);gap:1px}.sko-calendar-grid__weekday{height:34px;display:flex;align-items:center;justify-content:center;color:var(--sko-text-muted);background:#0b171c;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.sko-calendar-day{min-height:106px;padding:8px;background:#091419}.sko-calendar-day.is-muted{opacity:.35}.sko-calendar-day.is-today>span{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:#031311;background:var(--sko-teal);font-weight:850}.sko-calendar-day>span{font-size:9px}.sko-calendar-events{display:flex;flex-direction:column;gap:4px;margin-top:7px}.sko-calendar-event{appearance:none;width:100%;min-height:23px;padding:4px 6px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 20%,transparent);border-radius:7px;color:currentColor;background:color-mix(in srgb,currentColor 7%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:7px;cursor:pointer}
.sko-upcoming-list{display:flex;flex-direction:column}.sko-upcoming-list article{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid var(--sko-border)}.sko-upcoming-list article:last-child{border-bottom:0}.sko-upcoming-list time{color:var(--sko-text-muted);font-size:7px}.sko-upcoming-list time strong{color:var(--sko-text-soft);font-size:9px}.sko-upcoming-list article div{display:flex;flex-direction:column}.sko-upcoming-list article strong{font-size:9px}.sko-upcoming-list article span{color:var(--sko-text-muted);font-size:8px}

.sko-task-board { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start }
.sko-task-column{min-width:0;padding:13px;border:1px solid var(--sko-border);border-radius:var(--sko-radius-lg);background:rgba(255,255,255,.012)}.sko-task-column>header{display:flex;align-items:center;justify-content:space-between;padding:0 2px 10px}.sko-task-column>header>div{display:flex;align-items:center;gap:7px}.sko-task-column h3{margin:0;font-size:11px}.sko-task-column>header>strong{color:var(--sko-text-muted);font-size:9px}.sko-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.sko-dot--red{color:var(--sko-red)}.sko-dot--amber{color:var(--sko-amber)}.sko-dot--blue{color:var(--sko-blue)}.sko-task-card{padding:14px;margin-bottom:9px}.sko-task-card__top{display:flex;align-items:center;justify-content:space-between}.sko-task-check{width:15px;height:15px;border:1px solid var(--sko-border-strong);border-radius:5px}.sko-task-card h4{margin:12px 0 0;font-size:10px}.sko-task-card p{margin:4px 0 0;color:var(--sko-text-muted);font-size:8px}.sko-task-card__meta{display:flex;flex-direction:column;gap:5px;margin-top:12px;color:var(--sko-text-muted);font-size:8px}.sko-task-card__meta span{display:flex;align-items:center;gap:6px}

.sko-delivery-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px }
.sko-delivery-card{padding:0}.sko-delivery-card__preview{position:relative;height:145px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,rgba(79,216,196,.08),rgba(101,174,249,.05))}.sko-delivery-card__pattern{position:absolute;inset:0;background-image:linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.02) 75%),linear-gradient(45deg,rgba(255,255,255,.02) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.02) 75%);background-size:24px 24px;background-position:0 0,12px 12px}.sko-delivery-card__preview>span:nth-last-child(2){width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:16px;color:var(--sko-teal);background:rgba(0,0,0,.25);border:1px solid var(--sko-border-strong)}.sko-delivery-card__preview .sko-status-pill{position:absolute;top:10px;right:10px}.sko-delivery-card__body{padding:15px}.sko-delivery-card__body>span{color:var(--sko-teal);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.sko-delivery-card__body h3{margin:5px 0 0;font-size:12px}.sko-delivery-card__body p{margin:4px 0 12px;color:var(--sko-text-muted);font-size:8px}.sko-delivery-card__body footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px}.sko-delivery-card__body footer small{color:var(--sko-text-muted);font-size:8px}
.sko-pipeline-strip{display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-x:auto}.sko-pipeline-stage{min-width:150px;display:flex;align-items:center;gap:9px}.sko-pipeline-stage__number{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:10px;background:color-mix(in srgb,currentColor 7%,transparent);font-size:9px;font-weight:850}.sko-pipeline-stage div{display:flex;flex-direction:column;min-width:0}.sko-pipeline-stage strong{font-size:9px}.sko-pipeline-stage small{color:var(--sko-text-muted);font-size:7px}.sko-pipeline-stage>.sko-icon{margin-left:auto;color:var(--sko-text-muted)}

.sko-approval-layout { display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px }
.sko-approval-card__header{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.sko-approval-card__icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 20%,transparent)}.sko-approval-card__header span{color:var(--sko-text-muted);font-size:8px}.sko-approval-card__header h3{margin:2px 0 0;font-size:12px}.sko-approval-card>p{margin:13px 0;color:var(--sko-text-soft);font-size:10px;line-height:1.55}.sko-approval-card__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--sko-border);border:1px solid var(--sko-border);border-radius:11px;overflow:hidden}.sko-approval-card__meta>div{padding:9px;background:#0a151a}.sko-approval-card__meta span{display:block;color:var(--sko-text-muted);font-size:7px}.sko-approval-card__meta strong{display:block;margin-top:3px;font-size:9px}.sko-approval-card>footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:13px}
.sko-mini-list{display:flex;flex-direction:column}.sko-mini-list>div{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid var(--sko-border)}.sko-mini-list>div:last-child{border-bottom:0}.sko-mini-list>div>span{display:flex;flex-direction:column}.sko-mini-list strong{font-size:9px}.sko-mini-list small{color:var(--sko-text-muted);font-size:8px}

.sko-attention-list{display:flex;flex-direction:column;gap:11px;margin-top:14px}.sko-attention-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:center;padding:16px}.sko-attention-item__icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 20%,transparent)}.sko-attention-item__body h3{margin:3px 0 0;font-size:12px}.sko-attention-item__body p{margin:5px 0 0;color:var(--sko-text-muted);font-size:9px}.sko-attention-item__actions{display:flex;align-items:center;gap:8px}

.sko-data-table--activity .sko-data-table__head,.sko-data-table--activity .sko-data-table__row{grid-template-columns:70px 1.25fr 1fr 120px 120px 80px 18px}.sko-data-table--invoices .sko-data-table__head,.sko-data-table--invoices .sko-data-table__row{grid-template-columns:90px 1.4fr 100px 120px 80px 18px}.sko-execution-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sko-execution-detail>div{min-width:0;padding:12px;border:1px solid var(--sko-border);border-radius:11px;background:rgba(0,0,0,.13)}.sko-execution-detail>div>span{display:block;margin-bottom:7px;color:var(--sko-text-muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.sko-execution-detail code,.sko-execution-detail pre{display:block;margin:0;max-width:100%;overflow:auto;color:#a8d9d2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;white-space:pre-wrap}

.sko-automation-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;margin-bottom:14px;border:1px solid var(--sko-border);border-radius:13px;background:rgba(255,255,255,.018)}.sko-automation-summary>div:first-child{display:flex;align-items:center;gap:9px}.sko-automation-summary>div:first-child>span:last-child{color:var(--sko-text-muted);font-size:9px}.sko-automation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.sko-automation-card header{display:flex;align-items:center;justify-content:space-between}.sko-automation-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.sko-automation-card h3{margin:14px 0 0;font-size:12px}.sko-automation-card>p{margin:4px 0 13px;color:var(--sko-text-muted);font-size:8px}.sko-automation-card footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:13px}.sko-automation-card footer>span{display:flex;flex-direction:column}.sko-automation-card footer small{color:var(--sko-text-muted);font-size:7px}.sko-automation-card footer strong{font-size:8px}.sko-recipe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sko-recipe-card{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--sko-border);border-radius:12px;background:rgba(255,255,255,.016)}.sko-recipe-card__icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:11px;color:var(--sko-teal);background:rgba(79,216,196,.06)}.sko-recipe-card h4{margin:2px 0 0;font-size:10px}.sko-recipe-card p{margin:3px 0 0;color:var(--sko-text-muted);font-size:8px;line-height:1.45}

.sko-content-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:18px }
.sko-idea-list{display:flex;flex-direction:column}.sko-idea-list article{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid var(--sko-border)}.sko-idea-list article:last-child{border-bottom:0}.sko-idea-list__icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,currentColor 8%,transparent)}.sko-idea-list h4{margin:0;font-size:10px}.sko-idea-list p{margin:3px 0 0;color:var(--sko-text-soft);font-size:8px}.sko-idea-list small{color:var(--sko-text-muted);font-size:7px}.sko-week-strip{display:grid;grid-template-columns:repeat(7,minmax(75px,1fr));gap:5px;overflow-x:auto}.sko-week-strip>div{min-height:125px;padding:8px;border:1px solid var(--sko-border);border-radius:10px;background:rgba(255,255,255,.012)}.sko-week-strip>div>span{color:var(--sko-text-muted);font-size:8px}.sko-week-strip article{margin-top:8px;padding:8px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 18%,transparent);border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent)}.sko-week-strip article strong,.sko-week-strip article small{display:block;font-size:8px}.sko-week-strip article small{margin-top:2px;opacity:.7}.sko-source-list{display:flex;flex-direction:column}.sko-source-list>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sko-border)}.sko-source-list>div:last-child{border-bottom:0}.sko-source-list>div>span:first-child{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:var(--sko-teal);background:rgba(79,216,196,.05)}.sko-source-list>div>div{display:flex;flex-direction:column}.sko-source-list strong{font-size:9px}.sko-source-list small{color:var(--sko-text-muted);font-size:8px}

.sko-research-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:20px}.sko-research-card header{display:flex;align-items:center;justify-content:space-between}.sko-research-card__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.sko-research-card h3{margin:15px 0 0;font-size:14px}.sko-research-card>p{margin:6px 0 15px;color:var(--sko-text-muted);font-size:9px;line-height:1.55}.sko-research-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--sko-border);border-radius:11px;background:rgba(0,0,0,.11)}.sko-research-columns>div{display:flex;flex-direction:column;gap:5px}.sko-research-columns span{margin-bottom:3px;color:var(--sko-text-muted);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.sko-research-columns small{display:flex;align-items:center;gap:4px;color:var(--sko-text-soft);font-size:8px}.sko-research-card footer{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.sko-brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sko-brief-grid article{padding:13px;border:1px solid var(--sko-border);border-radius:12px;background:rgba(255,255,255,.015)}.sko-brief-grid h4{margin:4px 0 0;font-size:10px}.sko-brief-grid p{margin:5px 0 11px;color:var(--sko-text-muted);font-size:8px;line-height:1.5}

.sko-planned-hero { min-height:240px;display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;align-items:center;padding:30px;margin-bottom:18px;border:1px solid var(--sko-border);border-radius:var(--sko-radius-xl);background:linear-gradient(145deg,rgba(79,216,196,.06),rgba(165,139,255,.035));overflow:hidden }.sko-planned-hero__visual{position:relative;width:190px;height:190px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--sko-teal);background:radial-gradient(circle,rgba(79,216,196,.12),transparent 62%);border:1px solid rgba(79,216,196,.1)}.sko-planned-hero__visual::before,.sko-planned-hero__visual::after{content:'';position:absolute;border:1px solid rgba(79,216,196,.12);border-radius:50%}.sko-planned-hero__visual::before{inset:18px}.sko-planned-hero__visual::after{inset:38px}.sko-planned-hero__visual span{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sko-teal);box-shadow:0 0 18px var(--sko-teal)}.sko-planned-hero__visual span:nth-child(2){top:28px;left:47px}.sko-planned-hero__visual span:nth-child(3){right:33px;bottom:49px}.sko-planned-hero__visual span:nth-child(4){left:31px;bottom:60px}.sko-planned-hero h2{margin:0;font-size:25px;letter-spacing:-.03em}.sko-planned-hero p{max-width:650px;margin:9px 0 17px;color:var(--sko-text-muted);font-size:11px;line-height:1.6}.sko-capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.sko-capability-number{display:block;color:var(--sko-teal);font-size:9px;font-weight:850}.sko-capability-grid h3{margin:15px 0 0;font-size:12px}.sko-capability-grid p{min-height:48px;margin:6px 0 12px;color:var(--sko-text-muted);font-size:9px;line-height:1.55}

.sko-connections-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:12px 14px;border:1px solid rgba(79,216,196,.14);border-radius:13px;background:rgba(79,216,196,.035)}.sko-connections-banner>div{display:flex;align-items:center;gap:10px;color:var(--sko-teal)}.sko-connections-banner>div>div{display:flex;flex-direction:column}.sko-connections-banner strong{font-size:10px}.sko-connections-banner p{margin:2px 0 0;color:var(--sko-text-muted);font-size:8px}.sko-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.sko-connection-card header{display:flex;align-items:center;justify-content:space-between}.sko-connection-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent)}.sko-connection-card h3{margin:16px 0 0;font-size:13px}.sko-connection-card>p{margin:3px 0 0;color:var(--sko-text-muted);font-size:9px}.sko-connection-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:14px}

.sko-settings-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start}.sko-settings-nav{position:sticky;top:0;display:flex;flex-direction:column;padding:8px;border:1px solid var(--sko-border);border-radius:var(--sko-radius-lg);background:var(--sko-surface)}.sko-settings-nav button{appearance:none;min-height:37px;display:flex;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:9px;color:var(--sko-text-muted);background:transparent;text-align:left;cursor:pointer;font-size:9px;font-weight:700}.sko-settings-nav button:hover,.sko-settings-nav button.is-active{color:var(--sko-text);background:rgba(79,216,196,.055)}.sko-settings-nav button .sko-badge{margin-left:auto}.sko-settings-content{min-width:0}.sko-settings-content>.sko-card-header{padding:0 2px}.sko-settings-section{margin-bottom:14px}.sko-settings-fields{margin-top:-3px}.sko-profile-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sko-profile-settings-card footer{display:flex;justify-content:space-between;gap:8px;margin-top:13px}.sko-service-list{display:flex;flex-direction:column}.sko-service-list article{display:grid;grid-template-columns:34px minmax(0,1fr) auto 34px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sko-border)}.sko-service-list article:last-child{border-bottom:0}.sko-service-icon{width:33px;height:33px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--sko-teal);background:rgba(79,216,196,.055)}.sko-service-list article>div{display:flex;flex-direction:column}.sko-service-list strong{font-size:9px}.sko-service-list small{color:var(--sko-text-muted);font-size:8px}.sko-policy-table{display:flex;flex-direction:column}.sko-policy-table>div{display:grid;grid-template-columns:1.4fr 1fr 1fr 34px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sko-border);font-size:8px}.sko-policy-table>div:last-child{border-bottom:0}.sko-policy-table strong{font-size:9px}.sko-policy-table span{color:var(--sko-text-muted)}.sko-color-options{display:flex;gap:10px}.sko-theme-swatch{width:40px;height:40px;border:2px solid transparent;border-radius:13px;cursor:pointer}.sko-theme-swatch.is-active{border-color:var(--sko-text);box-shadow:0 0 0 3px rgba(255,255,255,.08)}.sko-theme-swatch--teal{background:linear-gradient(135deg,#0c181d 50%,var(--sko-teal) 50%)}.sko-theme-swatch--blue{background:linear-gradient(135deg,#0c181d 50%,var(--sko-blue) 50%)}.sko-theme-swatch--violet{background:linear-gradient(135deg,#0c181d 50%,var(--sko-violet) 50%)}.sko-theme-swatch--amber{background:linear-gradient(135deg,#0c181d 50%,var(--sko-amber) 50%)}.sko-tool-callout{padding:12px;border:1px solid rgba(101,174,249,.16);border-radius:11px;background:rgba(101,174,249,.04)}.sko-tool-callout strong{font-size:10px}.sko-tool-callout p{margin:5px 0 0;color:var(--sko-text-muted);font-size:9px}

.sko-developer-lock{min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;border:1px solid var(--sko-border);border-radius:var(--sko-radius-xl);background:radial-gradient(circle at 50% 30%,rgba(165,139,255,.08),transparent 36%),var(--sko-surface)}.sko-developer-lock__icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:18px;color:var(--sko-violet);background:rgba(165,139,255,.09);border:1px solid rgba(165,139,255,.18)}.sko-developer-lock h2{margin:16px 0 0;font-size:22px}.sko-developer-lock>p{max-width:520px;margin:8px 0 18px;color:var(--sko-text-muted);font-size:10px;line-height:1.6}.sko-developer-login{width:min(480px,100%);padding:16px;border:1px solid var(--sko-border);border-radius:14px;background:rgba(0,0,0,.13)}.sko-developer-login .sko-field{grid-template-columns:110px minmax(0,1fr);padding:9px 0}.sko-developer-lock>small{margin-top:11px;color:var(--sko-text-muted);font-size:8px}.sko-developer-warning{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(242,184,75,.18);border-radius:12px;color:var(--sko-amber);background:rgba(242,184,75,.04)}.sko-developer-warning div{display:flex;flex-direction:column}.sko-developer-warning strong{font-size:9px}.sko-developer-warning p{margin:3px 0 0;color:var(--sko-text-muted);font-size:8px}.sko-developer-profile-picker{display:flex;align-items:center;gap:10px;padding:10px 0 14px;border-bottom:1px solid var(--sko-border)}.sko-developer-profile-picker>span{color:var(--sko-text-muted);font-size:9px}.sko-developer-profile-picker .sko-select{max-width:330px}.sko-feature-registry{display:flex;flex-direction:column}.sko-feature-registry__row{display:grid;grid-template-columns:35px minmax(210px,1.5fr) 150px 140px 45px;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--sko-border)}.sko-feature-registry__row:last-child{border-bottom:0}.sko-feature-registry__icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--sko-teal);background:rgba(79,216,196,.05)}.sko-feature-registry__row>div:nth-child(2){display:flex;flex-direction:column}.sko-feature-registry__row>div:nth-child(2) strong{font-size:9px}.sko-feature-registry__row>div:nth-child(2) small{color:var(--sko-text-muted);font-size:7px;line-height:1.4}.sko-feature-registry__status{display:flex;flex-direction:column;gap:6px}.sko-feature-registry__dependencies{display:flex;flex-direction:column}.sko-feature-registry__dependencies span{color:var(--sko-text-muted);font-size:7px;text-transform:uppercase}.sko-feature-registry__dependencies small{margin-top:3px;color:var(--sko-text-soft);font-size:7px}.sko-system-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sko-system-map>div{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--sko-border);border-radius:11px;background:rgba(255,255,255,.014)}.sko-system-map>div>span:first-child{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:color-mix(in srgb,currentColor 7%,transparent)}.sko-system-map>div>div{display:flex;flex-direction:column}.sko-system-map strong{font-size:9px}.sko-system-map small{color:var(--sko-text-muted);font-size:7px}.sko-technical-actions{display:flex;flex-wrap:wrap;gap:8px}

.sko-quick-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sko-quick-action-grid button{appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 10px;align-items:center;padding:13px;border:1px solid var(--sko-border);border-radius:13px;color:var(--sko-text);background:rgba(255,255,255,.018);text-align:left;cursor:pointer;transition:all var(--sko-fast)}.sko-quick-action-grid button:hover{transform:translateY(-2px);border-color:var(--sko-border-strong);background:rgba(79,216,196,.045)}.sko-quick-action-grid button>span{grid-row:1/3;width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:12px;color:var(--sko-teal);background:rgba(79,216,196,.07)}.sko-quick-action-grid strong{font-size:10px}.sko-quick-action-grid small{color:var(--sko-text-muted);font-size:8px}
.sko-notification-popover{position:fixed;z-index:500;top:60px;right:124px;width:340px;overflow:hidden;border:1px solid var(--sko-border-strong);border-radius:15px;background:#0b171c;box-shadow:var(--sko-shadow-lg);animation:skoModalIn var(--sko-fast) var(--sko-ease) both}.sko-notification-popover>header{display:flex;align-items:center;justify-content:space-between;padding:13px;border-bottom:1px solid var(--sko-border)}.sko-notification-popover>header>div{display:flex;flex-direction:column}.sko-notification-popover strong{font-size:10px}.sko-notification-popover small{color:var(--sko-text-muted);font-size:8px}.sko-notification-popover .sko-mini-list{padding:5px 12px}.sko-notification-popover>footer{padding:8px 12px;border-top:1px solid var(--sko-border)}
.sko-mobile-scrim{display:none}

@media (max-width: 1350px) {
  .sko-client-grid,.sko-delivery-grid,.sko-automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sko-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sko-recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sko-communications-shell{grid-template-columns:155px 270px minmax(380px,1fr)}
}

@media (max-width: 1050px) {
  .sko-beta-app{grid-template-columns:220px minmax(0,1fr)}
  .sko-layout--dashboard,.sko-calendar-layout,.sko-approval-layout,.sko-content-layout,.sko-client-workspace__grid{grid-template-columns:1fr}
  .sko-metric-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sko-task-board{grid-template-columns:1fr}
  .sko-client-grid,.sko-delivery-grid,.sko-automation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sko-communications-shell{height:auto;min-height:720px;grid-template-columns:150px 260px minmax(370px,1fr);overflow-x:auto}
  .sko-settings-layout{grid-template-columns:180px minmax(0,1fr)}
  .sko-feature-registry__row{grid-template-columns:35px minmax(180px,1fr) 120px 45px}.sko-feature-registry__dependencies{display:none}
  .sko-capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width: 780px) {
  .sko-beta-app{display:block}.sko-sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,86vw);transform:translateX(-102%);transition:transform var(--sko-normal) var(--sko-ease);box-shadow:var(--sko-shadow-lg)}.sko-beta-app.is-mobile-nav-open .sko-sidebar{transform:none}.sko-mobile-scrim{position:fixed;inset:0;z-index:18;border:0;background:rgba(0,0,0,.58);backdrop-filter:blur(5px)}.sko-beta-app.is-mobile-nav-open .sko-mobile-scrim{display:block}.sko-sidebar-mobile-close,.sko-mobile-menu-button{display:inline-flex}.sko-mobile-menu-button{appearance:none;width:34px;height:34px;align-items:center;justify-content:center;border:1px solid var(--sko-border);border-radius:10px;color:var(--sko-text-soft);background:rgba(255,255,255,.03)}
  .sko-app-main{height:100%;grid-template-rows:58px minmax(0,1fr)}.sko-topbar{height:58px;padding:0 12px}.sko-global-search{width:44px;padding:0;justify-content:center}.sko-global-search input,.sko-global-search kbd{display:none}.sko-profile-context{display:none}.sko-topbar__right .sko-button span{display:none}.sko-topbar__right .sko-button{width:34px;padding:0}.sko-page{padding:14px 12px 50px}.sko-page-header{flex-direction:column}.sko-page-header__actions{justify-content:flex-start}.sko-preview-banner span{display:none}
  .sko-metric-grid--four,.sko-client-grid,.sko-delivery-grid,.sko-automation-grid,.sko-connection-grid,.sko-research-grid,.sko-profile-settings-grid,.sko-brief-grid,.sko-system-map{grid-template-columns:1fr}
  .sko-toolbar,.sko-calendar-toolbar{align-items:flex-start;flex-direction:column}.sko-toolbar__right{width:100%}.sko-toolbar__right .sko-search-field{flex:1}.sko-client-workspace__header{align-items:flex-start;flex-direction:column}.sko-client-workspace__grid{grid-template-columns:1fr}.sko-data-list--two-column{grid-template-columns:1fr}
  .sko-communications-shell{display:block;height:auto;min-height:0;overflow:visible}.sko-communications-filters{display:none}.sko-thread-list{max-height:280px;border-right:0;border-bottom:1px solid var(--sko-border)}.sko-conversation-panel{min-height:620px}.sko-conversation-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.sko-message{max-width:92%}
  .sko-calendar-grid{min-width:760px}.sko-calendar-card{overflow-x:auto}.sko-settings-layout{grid-template-columns:1fr}.sko-settings-nav{position:static;display:flex;flex-direction:row;overflow-x:auto}.sko-settings-nav button{white-space:nowrap}.sko-field{grid-template-columns:1fr;gap:8px}.sko-feature-registry__row{grid-template-columns:35px minmax(0,1fr) 45px}.sko-feature-registry__status{display:none}.sko-developer-profile-picker{align-items:flex-start;flex-direction:column}.sko-developer-profile-picker .sko-select{max-width:none}.sko-recipe-grid{grid-template-columns:1fr}.sko-recipe-card{grid-template-columns:36px minmax(0,1fr)}.sko-recipe-card>.sko-button{grid-column:2}.sko-planned-hero{grid-template-columns:1fr;padding:22px}.sko-planned-hero__visual{width:160px;height:160px;margin:auto}.sko-capability-grid{grid-template-columns:1fr}.sko-quick-action-grid{grid-template-columns:1fr}.sko-notification-popover{left:12px;right:12px;top:56px;width:auto}.sko-execution-detail{grid-template-columns:1fr}.sko-approval-card__meta{grid-template-columns:1fr}.sko-approval-card>footer,.sko-ai-draft footer{align-items:flex-start;flex-direction:column}.sko-attention-item{grid-template-columns:40px minmax(0,1fr)}.sko-attention-item__actions{grid-column:2}.sko-pipeline-strip{align-items:flex-start}.sko-profile-context{display:none}
}

@media (prefers-reduced-motion: reduce) {
  .sko-beta-root *, .sko-beta-root *::before, .sko-beta-root *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}