/* ==========================================================================
   千柯 · 团队工作台 — Apple light skin
   A bright, light-only HIG layer for the internal team workspace.
   ========================================================================== */

:root.apple-skin.apple-light.apple-ui{
  color-scheme: light;
  --bg: #f5f5f7;
  --paper: #ffffff;
  --sidebar: #f5f5f7;
  --ink: #1d1d1f;
  --sub: #3a3a3c;
  --muted: #6e6e73;
  --line: rgba(60, 60, 67, .10);
  --line-strong: rgba(60, 60, 67, .16);
  --accent: #007aff;
  --accent-soft: rgba(0, 122, 255, .10);
  --primary: #007aff;
  --green: #248a3d;
  --green-deep: #1f7a35;
  --green-soft: rgba(52, 199, 89, .12);
  --blue: #0066cc;
  --blue-soft: rgba(0, 122, 255, .08);
  --amber: #b25e00;
  --amber-soft: rgba(255, 149, 0, .12);
  --red: #d70015;
  --red-soft: rgba(255, 59, 48, .10);
  --radius-shell: 18px;
  --radius-card: 18px;
  --radius-control: 10px;
  --motion-fast: 160ms;
  --font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", sans-serif;
  --motion-out: cubic-bezier(.22, 1, .36, 1);
  --motion-spring: cubic-bezier(.32, 1.3, .5, 1);
  --glass-border: .5px solid var(--line);
  --glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .72);
  --card-shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 14px 34px -22px rgba(16, 24, 40, .20);
  --float-shadow: 0 34px 80px -24px rgba(16, 24, 40, .30);
}

.apple-skin.apple-light.apple-ui *{ box-sizing: border-box; }
html.apple-skin.apple-light.apple-ui{ background: #f5f5f7; }
.apple-skin.apple-light.apple-ui body{
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(52% 46% at 90% 2%, rgba(0, 122, 255, .18), rgba(0, 122, 255, 0) 68%),
    radial-gradient(48% 46% at 3% 100%, rgba(0, 85, 204, .08), rgba(0, 85, 204, 0) 70%),
    linear-gradient(180deg, #f8f8fa 0%, #f2f3f7 50%, #eef1f5 100%);
  background-attachment: fixed;
  color: var(--sub);
  font: 15px/1.55 var(--font);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.003em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.apple-skin.apple-light.apple-ui ::selection{ background: rgba(0, 122, 255, .18); color: var(--ink); }
.apple-skin.apple-light.apple-ui button, .apple-skin.apple-light.apple-ui input, .apple-skin.apple-light.apple-ui select, .apple-skin.apple-light.apple-ui textarea{ font: inherit; color: inherit; }
.apple-skin.apple-light.apple-ui button{ cursor: pointer; }
.apple-skin.apple-light.apple-ui button:disabled{ opacity: .45; cursor: not-allowed; }
.apple-skin.apple-light.apple-ui a{ color: var(--blue); }
.apple-skin.apple-light.apple-ui a:hover{ text-decoration: none; }
.apple-skin.apple-light.apple-ui h1, .apple-skin.apple-light.apple-ui h2, .apple-skin.apple-light.apple-ui h3, .apple-skin.apple-light.apple-ui p{ margin: 0; }
.apple-skin.apple-light.apple-ui h2{ font-size: 18px; font-weight: 700; letter-spacing: -.015em; }
.apple-skin.apple-light.apple-ui h3{ font-size: 15px; font-weight: 600; }
.apple-skin.apple-light.apple-ui small{ font-size: 13px; }
.apple-skin.apple-light.apple-ui svg{ display: block; }
.apple-skin.apple-light.apple-ui .icon{ width: 18px; height: 18px; stroke-width: 1.7; }
.apple-skin.apple-light.apple-ui .hidden{ display: none !important; }
.apple-skin.apple-light.apple-ui .muted, .apple-skin.apple-light.apple-ui .hint{ color: var(--muted); }
.apple-skin.apple-light.apple-ui .hint{ font-size: 13px; line-height: 1.55; }
.apple-skin.apple-light.apple-ui .mono{ font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace; font-size: 11px; }
.apple-skin.apple-light.apple-ui .pre-line{ white-space: pre-wrap; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .break{ overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .flex{ display: flex; align-items: center; gap: 8px; }
.apple-skin.apple-light.apple-ui .wrap{ flex-wrap: wrap; }
.apple-skin.apple-light.apple-ui .between{ justify-content: space-between; }
.apple-skin.apple-light.apple-ui .spaced{ display: grid; min-width: 0; gap: 18px; }
.apple-skin.apple-light.apple-ui .link-btn{ color: var(--blue); font-size: 13px; }
.apple-skin.apple-light.apple-ui .mt-5{ margin-top: 5px; } .apple-skin.apple-light.apple-ui .mt-9{ margin-top: 9px; } .apple-skin.apple-light.apple-ui .mt-10{ margin-top: 10px; }
.apple-skin.apple-light.apple-ui .mt-12{ margin-top: 12px; } .apple-skin.apple-light.apple-ui .mt-18{ margin-top: 18px; } .apple-skin.apple-light.apple-ui .mt-20{ margin-top: 20px; }
.apple-skin.apple-light.apple-ui :focus-visible{ outline: none; box-shadow: 0 0 0 3.5px rgba(0, 122, 255, .26); border-radius: 10px; }

/* ---------- shell ---------- */
.apple-skin.apple-light.apple-ui .app-shell{ min-height: 100vh; padding: 10px; }
.apple-skin.apple-light.apple-ui .sidebar{
  position: fixed;
  inset: 10px auto 10px 10px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  width: 244px;
  padding: 18px 12px 12px;
  overflow: hidden;
  border: var(--glass-border);
  border-radius: var(--radius-shell);
  background: rgba(250, 250, 252, .72);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  backdrop-filter: blur(40px) saturate(180%);
  box-shadow: inset -1px 0 0 rgba(255, 255, 255, .58), 0 10px 34px -26px rgba(16, 24, 40, .28);
  color: var(--muted);
}
.apple-skin.apple-light.apple-ui .brand{ display: flex; align-items: center; gap: 10px; color: var(--ink); }
.apple-skin.apple-light.apple-ui .brand:hover{ text-decoration: none; }
.apple-skin.apple-light.apple-ui .brand-mark{
  display: grid;
  width: 34px; height: 34px;
  flex: 0 0 auto;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: linear-gradient(145deg, #64b5ff 0%, #007aff 55%, #0055cc 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  box-shadow: 0 6px 16px -7px rgba(0, 122, 255, .65), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.apple-skin.apple-light.apple-ui .brand-mark .icon{ width: 21px; height: 21px; }
.apple-skin.apple-light.apple-ui .sidebar .brand{ padding: 0 10px 20px; }
.apple-skin.apple-light.apple-ui .brand b{ display: block; font-size: 18px; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; }
.apple-skin.apple-light.apple-ui .brand small{ display: block; margin-top: 2px; color: var(--faint, #86868b); font-size: 11px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .nav-shortcut{
  display: flex; align-items: center; gap: 8px;
  width: calc(100% - 6px); min-height: 38px;
  margin: 0 3px 18px; padding: 0 11px;
  border: var(--glass-border);
  border-radius: 10px;
  background: rgba(120, 120, 128, .07);
  color: var(--muted);
  text-align: left;
  font-size: 13px;
  transition: background .16s ease, border-color .16s ease;
}
.apple-skin.apple-light.apple-ui .nav-shortcut:hover{ background: rgba(255, 255, 255, .78); border-color: var(--line); color: var(--ink); }
.apple-skin.apple-light.apple-ui .nav-shortcut > span{ flex: 1; min-width: 0; }
.apple-skin.apple-light.apple-ui .nav-shortcut .icon{ width: 16px; height: 16px; }
.apple-skin.apple-light.apple-ui .nav-shortcut kbd{ padding: 2px 5px; border: .5px solid var(--line); border-radius: 5px; background: rgba(255, 255, 255, .7); color: var(--muted); font: 11px/1.5 ui-monospace, SFMono-Regular, monospace; }
.apple-skin.apple-light.apple-ui .nav-label{ margin: 3px 12px 8px; color: var(--faint, #86868b); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.apple-skin.apple-light.apple-ui .nav{ display: grid; gap: 2px; }
.apple-skin.apple-light.apple-ui .nav-item{
  display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: 42px; padding: 0 12px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--muted);
  text-align: left;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}
.apple-skin.apple-light.apple-ui .nav-item:hover{ background: rgba(120, 120, 128, .07); color: var(--ink); }
.apple-skin.apple-light.apple-ui .nav-item.active{
  background: rgba(255, 255, 255, .92);
  color: var(--ink);
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(16, 24, 40, .07), 0 0 0 .5px rgba(60, 60, 67, .08), inset 0 1px 0 rgba(255, 255, 255, .95);
}
.apple-skin.apple-light.apple-ui .nav-item.active .icon{ color: var(--accent); }
.apple-skin.apple-light.apple-ui .nav-icon, .apple-skin.apple-light.apple-ui .nav-item > .icon{ display: grid; width: 19px; height: 19px; flex: 0 0 auto; place-items: center; color: var(--faint, #86868b); font-size: 17px; }
.apple-skin.apple-light.apple-ui .nav-icon .icon{ width: 19px; height: 19px; }
.apple-skin.apple-light.apple-ui .nav-count{ display: grid; min-width: 20px; height: 20px; margin-left: auto; place-items: center; border: .5px solid var(--line); border-radius: 999px; background: rgba(120, 120, 128, .08); color: var(--muted); font-size: 11px; }
.apple-skin.apple-light.apple-ui .nav-item.active .nav-count{ background: var(--accent-soft); color: var(--blue); border-color: transparent; }
.apple-skin.apple-light.apple-ui .nav-divider{ height: .5px; margin: 14px 12px; background: var(--line); }
.apple-skin.apple-light.apple-ui .external-mark{ margin-left: auto; color: var(--faint, #86868b); font-size: 12px; }
.apple-skin.apple-light.apple-ui .sidebar-bottom{ margin-top: auto; padding: 18px 7px 0; }
.apple-skin.apple-light.apple-ui .workspace-caption{ display: flex; align-items: center; gap: 6px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .sidebar-bottom .workspace-caption{ padding: 0 2px 13px; }
.apple-skin.apple-light.apple-ui .account{ display: flex; align-items: center; gap: 8px; padding: 13px 0 0; border-top: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .account-copy{ min-width: 0; flex: 1; }
.apple-skin.apple-light.apple-ui .account-copy b, .apple-skin.apple-light.apple-ui .account-copy small{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .account-copy b{ color: var(--ink); font-size: 13px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .account-copy small{ margin-top: 2px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .account .btn{ min-height: 28px; padding: 4px; color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .avatar{
  display: inline-grid; width: 30px; height: 30px;
  flex: 0 0 auto; place-items: center;
  border: .5px solid rgba(0, 122, 255, .12);
  border-radius: 50%;
  background: var(--accent-soft);
  color: var(--blue);
  font-size: 12px;
  font-weight: 600;
}
.apple-skin.apple-light.apple-ui .avatar.alt{ border-color: rgba(52, 199, 89, .16); background: var(--green-soft); color: var(--green); }
.apple-skin.apple-light.apple-ui .avatar.warm{ border-color: rgba(255, 149, 0, .16); background: var(--amber-soft); color: var(--amber); }

.apple-skin.apple-light.apple-ui .main-shell{
  min-width: 0;
  min-height: calc(100vh - 20px);
  margin-left: 254px;
  overflow: clip;
  border: var(--glass-border);
  border-radius: var(--radius-shell);
  background: rgba(255, 255, 255, .78);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  backdrop-filter: blur(30px) saturate(180%);
  box-shadow: 0 18px 48px -34px rgba(16, 24, 40, .24), inset 0 1px 0 rgba(255, 255, 255, .75);
}
.apple-skin.apple-light.apple-ui .topbar{
  position: sticky; top: 10px; z-index: 4;
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  height: 58px;
  padding: 0 28px;
  border-bottom: .5px solid var(--line);
  background: rgba(250, 250, 252, .72);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  backdrop-filter: blur(30px) saturate(180%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .6);
}
.apple-skin.apple-light.apple-ui .breadcrumbs{ display: flex; align-items: center; gap: 7px; color: var(--faint, #86868b); font-size: 13px; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .breadcrumbs b{ color: var(--ink); font-weight: 600; }
.apple-skin.apple-light.apple-ui .breadcrumbs .icon{ width: 13px; height: 13px; }
.apple-skin.apple-light.apple-ui .topbar-actions{ display: flex; align-items: center; gap: 10px; }
.apple-skin.apple-light.apple-ui .sync-label, .apple-skin.apple-light.apple-ui .period-label{ color: var(--faint, #86868b); font-size: 11px; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .sync-label{ display: flex; align-items: center; gap: 6px; }
.apple-skin.apple-light.apple-ui .sync-dot{ width: 6px; height: 6px; border-radius: 50%; background: #34c759; box-shadow: 0 0 0 3px var(--green-soft); }
.apple-skin.apple-light.apple-ui .topbar .btn{ min-height: 34px; font-size: 13px; border-radius: 999px; }
.apple-skin.apple-light.apple-ui .topbar .btn .icon{ width: 15px; height: 15px; }
.apple-skin.apple-light.apple-ui .topbar .avatar{ width: 30px; height: 30px; font-size: 12px; }
.apple-skin.apple-light.apple-ui main{ width: min(100%, 1420px); min-width: 0; margin: 0 auto; padding: 30px 30px 48px; }

/* ---------- page / headings ---------- */
.apple-skin.apple-light.apple-ui .page-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 22px; margin-bottom: 28px; }
.apple-skin.apple-light.apple-ui .page-head h1{ color: var(--ink); font-size: 34px; font-weight: 700; line-height: 1.12; letter-spacing: -.022em; }
.apple-skin.apple-light.apple-ui .page-head p{ margin-top: 7px; color: var(--muted); font-size: 13px; line-height: 1.55; }
.apple-skin.apple-light.apple-ui .eyebrow, .apple-skin.apple-light.apple-ui .section-kicker{ margin-bottom: 6px; color: var(--faint, #86868b); font-size: 11px; font-weight: 600; letter-spacing: .05em; }
.apple-skin.apple-light.apple-ui .actions{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.apple-skin.apple-light.apple-ui .btn{
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 36px; padding: 0 16px;
  border: .5px solid var(--line-strong);
  border-radius: 999px;
  background: rgba(255, 255, 255, .72);
  color: var(--ink-2, var(--sub));
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .03), inset 0 1px 0 rgba(255, 255, 255, .75);
  transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .18s var(--motion-spring);
}
.apple-skin.apple-light.apple-ui .btn .icon{ width: 16px; height: 16px; }
.apple-skin.apple-light.apple-ui .btn:hover{ border-color: var(--line-strong); background: #fff; color: var(--ink); box-shadow: 0 5px 14px -8px rgba(16, 24, 40, .18), inset 0 1px 0 rgba(255, 255, 255, .9); text-decoration: none; }
.apple-skin.apple-light.apple-ui .btn:active{ transform: scale(.96); }
.apple-skin.apple-light.apple-ui .btn.primary{
  border-color: transparent;
  background: linear-gradient(180deg, #2f95ff 0%, #007aff 55%, #0066cc 100%);
  color: #fff;
  box-shadow: 0 10px 22px -10px rgba(0, 122, 255, .65), inset 0 1px 0 rgba(255, 255, 255, .3);
}
.apple-skin.apple-light.apple-ui .btn.primary:hover{ background: linear-gradient(180deg, #3a9cff 0%, #007aff 55%, #0066cc 100%); color: #fff; box-shadow: 0 12px 26px -10px rgba(0, 122, 255, .72), inset 0 1px 0 rgba(255, 255, 255, .34); }
.apple-skin.apple-light.apple-ui .btn.small{ min-height: 30px; padding: 0 12px; font-size: 13px; }
.apple-skin.apple-light.apple-ui .btn.soft{ border-color: transparent; background: var(--accent-soft); color: var(--blue); box-shadow: none; }
.apple-skin.apple-light.apple-ui .btn.quiet{ border-color: transparent; background: transparent; color: var(--muted); box-shadow: none; }
.apple-skin.apple-light.apple-ui .btn.quiet:hover{ background: rgba(120, 120, 128, .08); color: var(--ink); }
.apple-skin.apple-light.apple-ui .btn.danger{ border-color: rgba(255, 59, 48, .18); background: var(--red-soft); color: var(--red); }
.apple-skin.apple-light.apple-ui .keyboard-hint, .apple-skin.apple-light.apple-ui .command-key{ border: .5px solid var(--line); border-radius: 5px; background: rgba(255, 255, 255, .7); color: var(--muted); font: 11px/1.4 ui-monospace, SFMono-Regular, monospace; }

/* ---------- common surfaces ---------- */
.apple-skin.apple-light.apple-ui .panel{
  min-width: 0;
  overflow: hidden;
  border: var(--glass-border);
  border-radius: var(--radius-card);
  background: rgba(255, 255, 255, .74);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  box-shadow: var(--card-shadow);
}
.apple-skin.apple-light.apple-ui .panel-header{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 18px 20px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .panel-header h2{ color: var(--ink); font-size: 18px; font-weight: 700; letter-spacing: -.015em; }
.apple-skin.apple-light.apple-ui .panel-header p{ margin-top: 4px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .panel-body{ padding: 20px; }
.apple-skin.apple-light.apple-ui .panel-footer{ display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px; padding: 12px 20px; border-top: .5px solid var(--line); color: var(--faint, #86868b); font-size: 11px; background: rgba(255, 255, 255, .3); }
.apple-skin.apple-light.apple-ui .panel-footer > span{ display: inline-flex; align-items: center; gap: 5px; }
.apple-skin.apple-light.apple-ui .panel-footer .icon{ width: 13px; height: 13px; }
.apple-skin.apple-light.apple-ui .empty-state{ padding: 42px 22px; color: var(--muted); font-size: 13px; text-align: center; }
.apple-skin.apple-light.apple-ui .empty-state b{ display: block; margin-bottom: 8px; color: var(--ink); font-size: 15px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .empty-state p{ max-width: 380px; margin: 0 auto; line-height: 1.7; }
.apple-skin.apple-light.apple-ui .empty-state .btn{ margin-top: 16px; }

/* ---------- overview ---------- */
.apple-skin.apple-light.apple-ui .overview-intro{ display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 24px; }
.apple-skin.apple-light.apple-ui .greeting{ color: var(--ink); font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -.022em; }
.apple-skin.apple-light.apple-ui .overview-intro p{ margin-top: 7px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .overview-date{ color: var(--faint, #86868b); font-size: 13px; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .overview-team{ display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .overview-team .avatar + .avatar{ margin-left: -12px; box-shadow: 0 0 0 2px rgba(255, 255, 255, .9); }
.apple-skin.apple-light.apple-ui .overview-team > span:last-child{ margin-left: 2px; }
.apple-skin.apple-light.apple-ui .overview-summary, .apple-skin.apple-light.apple-ui .metrics{
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px; margin: 0 0 24px;
  border: 0; border-radius: 0; background: none;
}
.apple-skin.apple-light.apple-ui .metric{
  position: relative; display: block; min-width: 0; min-height: 132px;
  padding: 18px 20px;
  border: var(--glass-border);
  border-right: var(--glass-border);
  border-radius: 18px;
  background: rgba(255, 255, 255, .68);
  text-align: left;
  box-shadow: var(--card-shadow);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  overflow: hidden;
  transition: background .16s ease, transform .18s var(--motion-spring);
}
.apple-skin.apple-light.apple-ui .metric:last-child{ border-right: var(--glass-border); }
.apple-skin.apple-light.apple-ui button.metric:hover{ background: rgba(255, 255, 255, .82); }
.apple-skin.apple-light.apple-ui button.metric:active{ transform: scale(.985); }
.apple-skin.apple-light.apple-ui button.metric:focus-visible{ outline-offset: -3px; }
.apple-skin.apple-light.apple-ui .metric::after{ content: ""; position: absolute; right: -30px; top: -38px; width: 130px; height: 130px; border-radius: 50%; background: radial-gradient(circle, rgba(0, 122, 255, .12), transparent 64%); pointer-events: none; }
.apple-skin.apple-light.apple-ui .metric-label{ display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; font-weight: 500; letter-spacing: .03em; }
.apple-skin.apple-light.apple-ui .metric-label > .icon{ width: 30px; height: 30px; padding: 6px; border-radius: 9px; background: var(--accent-soft); color: var(--accent); }
.apple-skin.apple-light.apple-ui .metric-value, .apple-skin.apple-light.apple-ui .metric-note{ display: block; }
.apple-skin.apple-light.apple-ui .metric-value{ position: relative; margin-top: 12px; color: var(--ink); font-size: 30px; font-weight: 700; line-height: 1; letter-spacing: -.04em; }
.apple-skin.apple-light.apple-ui .metric-value small{ margin-left: 5px; color: var(--muted); font-size: 13px; font-weight: 500; letter-spacing: 0; }
.apple-skin.apple-light.apple-ui .metric-note{ position: relative; margin-top: 9px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .overview-focus, .apple-skin.apple-light.apple-ui .dashboard-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 320px; align-items: start; gap: 18px; }
.apple-skin.apple-light.apple-ui .section-heading{ display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 14px; }
.apple-skin.apple-light.apple-ui .section-heading h2, .apple-skin.apple-light.apple-ui .section-heading > b{ color: var(--ink); font-size: 18px; font-weight: 700; letter-spacing: -.015em; }
.apple-skin.apple-light.apple-ui .section-heading p{ margin-top: 4px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .list-heading{ display: flex; align-items: center; justify-content: space-between; gap: 13px; min-height: 46px; padding: 12px 18px; border-bottom: .5px solid var(--line); background: rgba(255, 255, 255, .25); color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .list-heading h2, .apple-skin.apple-light.apple-ui .list-heading h3, .apple-skin.apple-light.apple-ui .list-heading b{ color: var(--muted); font-size: 13px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .task-row{ display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 15px 18px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .task-row:last-child{ border-bottom: 0; }
.apple-skin.apple-light.apple-ui .task-icon{ display: grid; width: 34px; height: 34px; flex: 0 0 auto; place-items: center; border: .5px solid var(--line); border-radius: 10px; background: rgba(255, 255, 255, .65); color: var(--muted); }
.apple-skin.apple-light.apple-ui .task-icon .icon{ width: 17px; height: 17px; }
.apple-skin.apple-light.apple-ui .task-copy{ min-width: 0; flex: 1; }
.apple-skin.apple-light.apple-ui .task-copy b, .apple-skin.apple-light.apple-ui .task-copy strong{ display: block; color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1.4; }
.apple-skin.apple-light.apple-ui .task-copy p, .apple-skin.apple-light.apple-ui .task-copy small{ display: block; margin-top: 5px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .task-kind{ color: var(--faint, #86868b); font-size: 11px; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .overview-bottom-grid{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 18px; margin-top: 22px; }
.apple-skin.apple-light.apple-ui .quick-links{ display: grid; gap: 10px; }
.apple-skin.apple-light.apple-ui .quick-link{ display: flex; align-items: center; gap: 12px; min-width: 0; padding: 15px 16px; border: var(--glass-border); border-radius: 16px; background: rgba(255, 255, 255, .62); color: var(--muted); text-align: left; }
.apple-skin.apple-light.apple-ui .quick-link:hover{ border-color: var(--line-strong); background: rgba(255, 255, 255, .82); }
.apple-skin.apple-light.apple-ui .quick-link > .icon{ width: 20px; height: 20px; color: var(--accent); }
.apple-skin.apple-light.apple-ui .quick-link > span{ min-width: 0; flex: 1; }
.apple-skin.apple-light.apple-ui .quick-link b{ display: block; color: var(--ink); font-size: 15px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .quick-link small{ display: block; margin-top: 3px; color: var(--muted); font-size: 13px; }

/* ---------- tabs / forms / pills ---------- */
.apple-skin.apple-light.apple-ui .tabs, .apple-skin.apple-light.apple-ui .requirements-tabs{ display: flex; align-items: center; flex-wrap: wrap; gap: 3px; }
.apple-skin.apple-light.apple-ui .tab, .apple-skin.apple-light.apple-ui .requirements-tabs > button{
  display: inline-flex; align-items: center; gap: 6px;
  min-height: 34px; padding: 0 13px;
  border: .5px solid transparent;
  border-radius: 9px;
  background: transparent;
  color: var(--muted);
  font-size: 13px;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}
.apple-skin.apple-light.apple-ui .tab:hover, .apple-skin.apple-light.apple-ui .requirements-tabs > button:hover{ background: rgba(120, 120, 128, .07); color: var(--ink); }
.apple-skin.apple-light.apple-ui .tab.active, .apple-skin.apple-light.apple-ui .requirements-tabs > button.active{ border-color: var(--line); background: rgba(255, 255, 255, .9); color: var(--ink); font-weight: 600; box-shadow: 0 1px 3px rgba(16, 24, 40, .07); }
.apple-skin.apple-light.apple-ui .segmented{ display: inline-flex; flex: 0 0 auto; gap: 2px; padding: 3px; border: var(--glass-border); border-radius: 11px; background: rgba(120, 120, 128, .10); }
.apple-skin.apple-light.apple-ui .segmented button{ display: inline-flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 12px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 13px; transition: background .34s var(--motion-spring), color .34s var(--motion-spring), box-shadow .34s var(--motion-spring); }
.apple-skin.apple-light.apple-ui .segmented button.active, .apple-skin.apple-light.apple-ui .segmented button[aria-pressed="true"]{ background: rgba(255, 255, 255, .94); color: var(--ink); font-weight: 600; box-shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 0 0 .5px rgba(60, 60, 67, .07); }
.apple-skin.apple-light.apple-ui .segmented .icon{ width: 14px; height: 14px; }
.apple-skin.apple-light.apple-ui .status-pill, .apple-skin.apple-light.apple-ui .kind-pill{
  display: inline-flex; align-items: center; min-height: 22px; max-width: 100%;
  padding: 2px 9px;
  border: .5px solid var(--line);
  border-radius: 999px;
  background: rgba(120, 120, 128, .08);
  color: var(--muted);
  font-size: 11px;
  font-weight: 500;
  line-height: 1.4;
  white-space: nowrap;
}
.apple-skin.apple-light.apple-ui .status-pill.status-approval{ border-color: rgba(255, 149, 0, .16); background: var(--amber-soft); color: var(--amber); }
.apple-skin.apple-light.apple-ui .status-pill.status-ready, .apple-skin.apple-light.apple-ui .status-pill.status-dev{ border-color: rgba(0, 122, 255, .14); background: var(--accent-soft); color: var(--blue); }
.apple-skin.apple-light.apple-ui .status-pill.status-accept{ border-color: rgba(255, 149, 0, .16); background: var(--amber-soft); color: var(--amber); }
.apple-skin.apple-light.apple-ui .status-pill.status-live{ border-color: rgba(52, 199, 89, .16); background: var(--green-soft); color: var(--green); }
.apple-skin.apple-light.apple-ui .kind-pill.priority-high{ border-color: rgba(255, 59, 48, .16); background: var(--red-soft); color: var(--red); }
.apple-skin.apple-light.apple-ui .kind-pill.priority-medium{ border-color: rgba(255, 149, 0, .16); background: var(--amber-soft); color: var(--amber); }
.apple-skin.apple-light.apple-ui .field{ display: grid; min-width: 0; align-content: start; gap: 7px; }
.apple-skin.apple-light.apple-ui .field.full{ grid-column: 1 / -1; }
.apple-skin.apple-light.apple-ui .field label{ color: var(--ink); font-size: 13px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .field small{ color: var(--faint, #86868b); font-size: 11px; line-height: 1.55; }
.apple-skin.apple-light.apple-ui input, .apple-skin.apple-light.apple-ui select, .apple-skin.apple-light.apple-ui textarea{
  min-height: 40px;
  padding: 8px 12px;
  border: .5px solid var(--line-strong);
  border-radius: 10px;
  background: rgba(255, 255, 255, .7);
  color: var(--ink);
  font-size: 15px;
  line-height: 1.4;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}
.apple-skin.apple-light.apple-ui input::placeholder, .apple-skin.apple-light.apple-ui textarea::placeholder{ color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui input:focus, .apple-skin.apple-light.apple-ui select:focus, .apple-skin.apple-light.apple-ui textarea:focus{ outline: 0; border-color: rgba(0, 122, 255, .5); background: #fff; box-shadow: 0 0 0 3.5px rgba(0, 122, 255, .12); }
.apple-skin.apple-light.apple-ui select{ appearance: none; padding-right: 30px; background-image: linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%); background-position: calc(100% - 15px) 50%, calc(100% - 10px) 50%; background-size: 5px 5px, 5px 5px; background-repeat: no-repeat; }
.apple-skin.apple-light.apple-ui textarea{ min-height: 100px; resize: vertical; }
.apple-skin.apple-light.apple-ui .checkbox-label{ color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .checkbox-label input{ min-height: 0; width: 16px; height: 16px; padding: 0; accent-color: var(--accent); }
.apple-skin.apple-light.apple-ui .search-field{ display: flex; align-items: center; gap: 8px; width: 250px; min-width: 150px; min-height: 38px; padding: 0 12px; border: var(--glass-border); border-radius: 10px; background: rgba(255, 255, 255, .66); color: var(--muted); transition: border-color .16s ease, box-shadow .16s ease, background .16s ease; }
.apple-skin.apple-light.apple-ui .search-field .icon{ width: 16px; height: 16px; }
.apple-skin.apple-light.apple-ui .search-field input{ min-width: 0; min-height: 36px; padding: 5px 0; border: 0; border-radius: 0; background: transparent; font-size: 14px; box-shadow: none; }
.apple-skin.apple-light.apple-ui .search-field input:focus{ outline: none; box-shadow: none; }
.apple-skin.apple-light.apple-ui .search-field:focus-within{ border-color: rgba(0, 122, 255, .5); background: #fff; box-shadow: 0 0 0 3.5px rgba(0, 122, 255, .12); }
.apple-skin.apple-light.apple-ui .compact-filter{ display: flex; align-items: center; gap: 7px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .compact-filter select{ min-height: 34px; min-width: 104px; padding: 5px 28px 5px 10px; font-size: 13px; border-radius: 9px; }
.apple-skin.apple-light.apple-ui .filter-bar{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; margin-bottom: 16px; padding: 12px 14px; border: var(--glass-border); border-radius: 16px; background: rgba(255, 255, 255, .58); }
.apple-skin.apple-light.apple-ui .filter-count{ display: inline-grid; min-width: 19px; height: 19px; padding: 0 5px; place-items: center; border-radius: 999px; background: rgba(120, 120, 128, .09); color: var(--muted); font-size: 11px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .filter-reset{ margin-left: auto; }
.apple-skin.apple-light.apple-ui .form-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.apple-skin.apple-light.apple-ui .form-actions{ display: flex; justify-content: flex-end; gap: 8px; margin-top: 20px; }
.apple-skin.apple-light.apple-ui .inline-error{ color: var(--red); font-size: 13px; line-height: 1.5; }
.apple-skin.apple-light.apple-ui .notice{ padding: 12px 14px; border: .5px solid rgba(255, 149, 0, .16); border-radius: 12px; background: var(--amber-soft); color: var(--amber); font-size: 13px; line-height: 1.55; }
.apple-skin.apple-light.apple-ui .notice.error{ border-color: rgba(255, 59, 48, .16); background: var(--red-soft); color: var(--red); }
.apple-skin.apple-light.apple-ui .notice b{ display: block; margin-bottom: 3px; font-size: 13px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .notice p{ margin: 0; }

/* ---------- reports ---------- */
.apple-skin.apple-light.apple-ui .reports-view-tabs{ margin-bottom: 18px; }
.apple-skin.apple-light.apple-ui .calendar-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 380px; align-items: start; gap: 18px; }
.apple-skin.apple-light.apple-ui .work-calendar{ padding: 20px; }
.apple-skin.apple-light.apple-ui .calendar-header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 12px; }
.apple-skin.apple-light.apple-ui .calendar-header h2{ color: var(--ink); font-size: 20px; font-weight: 700; letter-spacing: -.018em; }
.apple-skin.apple-light.apple-ui .calendar-header p{ margin-top: 4px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .calendar-header .actions{ gap: 5px; }
.apple-skin.apple-light.apple-ui .calendar-header .btn{ min-height: 30px; padding: 0 10px; font-size: 13px; }
.apple-skin.apple-light.apple-ui .calendar-summary{ display: flex; align-items: center; flex-wrap: wrap; gap: 8px 22px; padding: 0 0 14px; margin-bottom: 14px; border-bottom: .5px solid var(--line); color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .calendar-summary b, .apple-skin.apple-light.apple-ui .calendar-summary strong{ color: var(--ink); font-size: 22px; font-weight: 700; letter-spacing: -.03em; }
.apple-skin.apple-light.apple-ui .calendar-summary > label{ display: flex; align-items: center; gap: 7px; margin-left: auto; }
.apple-skin.apple-light.apple-ui .calendar-summary select{ min-height: 34px; font-size: 13px; }
.apple-skin.apple-light.apple-ui .calendar-weekdays{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 4px; margin-bottom: 6px; color: var(--faint, #86868b); font-size: 11px; text-align: center; }
.apple-skin.apple-light.apple-ui .calendar-grid{ display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 5px; }
.apple-skin.apple-light.apple-ui .calendar-day{
  position: relative; display: flex; flex-direction: column; align-items: flex-start;
  min-width: 0; min-height: 82px; padding: 8px;
  border: .5px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, .55);
  color: var(--muted);
  text-align: left;
  transition: background .16s ease, border-color .16s ease, transform .18s var(--motion-spring);
}
.apple-skin.apple-light.apple-ui .calendar-day:hover{ border-color: var(--line-strong); background: rgba(255, 255, 255, .9); }
.apple-skin.apple-light.apple-ui .calendar-day:active{ transform: scale(.985); }
.apple-skin.apple-light.apple-ui .calendar-day.heat-0{ background: rgba(255, 255, 255, .55); }
.apple-skin.apple-light.apple-ui .calendar-day.heat-1{ border-color: rgba(0, 122, 255, .10); background: rgba(0, 122, 255, .07); }
.apple-skin.apple-light.apple-ui .calendar-day.heat-2{ border-color: rgba(0, 122, 255, .13); background: rgba(0, 122, 255, .12); }
.apple-skin.apple-light.apple-ui .calendar-day.heat-3{ border-color: rgba(0, 122, 255, .17); background: rgba(0, 122, 255, .20); }
.apple-skin.apple-light.apple-ui .calendar-day.heat-4{ border-color: rgba(0, 122, 255, .22); background: rgba(0, 122, 255, .28); }
.apple-skin.apple-light.apple-ui .calendar-day.outside-month{ opacity: .34; }
.apple-skin.apple-light.apple-ui .calendar-day.future{ opacity: .5; }
.apple-skin.apple-light.apple-ui .calendar-day.today{ border-color: rgba(0, 122, 255, .55); box-shadow: inset 0 0 0 1px rgba(0, 122, 255, .25); }
.apple-skin.apple-light.apple-ui .calendar-day.selected{ border-color: var(--accent); background: var(--accent-soft); box-shadow: 0 0 0 2px rgba(0, 122, 255, .12); }
.apple-skin.apple-light.apple-ui .calendar-date{ display: flex; align-items: center; gap: 5px; color: var(--ink); font-size: 13px; font-weight: 600; line-height: 1.3; }
.apple-skin.apple-light.apple-ui .calendar-date small{ color: var(--blue); font-size: 10px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .calendar-hours{ margin-top: 8px; color: var(--blue); font-size: 13px; font-weight: 700; line-height: 1.2; }
.apple-skin.apple-light.apple-ui .calendar-hours small{ margin-left: 1px; color: var(--muted); font-size: 10px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .calendar-count{ margin-top: 2px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .calendar-no-log{ margin-top: auto; color: var(--faint, #86868b); font-size: 13px; }
.apple-skin.apple-light.apple-ui .calendar-legend{ display: flex; align-items: center; gap: 5px; margin-top: 13px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .calendar-legend > small{ margin-left: 6px; }
.apple-skin.apple-light.apple-ui .heat-key{ width: 11px; height: 11px; border-radius: 3px; border: .5px solid var(--line); background: rgba(255, 255, 255, .55); }
.apple-skin.apple-light.apple-ui .heat-key.heat-1{ background: rgba(0, 122, 255, .07); }
.apple-skin.apple-light.apple-ui .heat-key.heat-2{ background: rgba(0, 122, 255, .12); }
.apple-skin.apple-light.apple-ui .heat-key.heat-3{ background: rgba(0, 122, 255, .20); }
.apple-skin.apple-light.apple-ui .heat-key.heat-4{ background: rgba(0, 122, 255, .28); }
.apple-skin.apple-light.apple-ui .day-summary{ position: sticky; top: 78px; }
.apple-skin.apple-light.apple-ui .day-summary .panel-header h2{ font-size: 18px; }
.apple-skin.apple-light.apple-ui .day-summary .panel-header p{ font-size: 13px; }
.apple-skin.apple-light.apple-ui .day-log-list{ display: grid; gap: 10px; padding: 14px; }
.apple-skin.apple-light.apple-ui .day-log-card{ padding: 14px; border: var(--glass-border); border-radius: 14px; background: rgba(255, 255, 255, .6); }
.apple-skin.apple-light.apple-ui .day-log-card .avatar{ width: 26px; height: 26px; font-size: 11px; }
.apple-skin.apple-light.apple-ui .day-log-card .flex b{ color: var(--ink); font-size: 14px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .day-log-card p{ color: var(--ink-2, var(--sub)); font-size: 14px; line-height: 1.65; }
.apple-skin.apple-light.apple-ui .day-log-card .hint{ font-size: 11px; }
.apple-skin.apple-light.apple-ui .day-log-hours{ color: var(--blue); font-size: 18px; font-weight: 700; letter-spacing: -.03em; }
.apple-skin.apple-light.apple-ui .day-log-empty{ color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .report-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.apple-skin.apple-light.apple-ui .report-toolbar .hint{ font-size: 13px; }
.apple-skin.apple-light.apple-ui .week-select{ min-height: 36px; font-size: 13px; }
.apple-skin.apple-light.apple-ui .report-progress{ display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 20px; padding: 20px 22px; border: var(--glass-border); border-radius: 18px; background: rgba(255, 255, 255, .64); box-shadow: var(--card-shadow); }
.apple-skin.apple-light.apple-ui .report-progress .section-kicker{ color: var(--muted); }
.apple-skin.apple-light.apple-ui .report-progress h2{ margin-top: 5px; color: var(--ink); font-size: 26px; font-weight: 700; letter-spacing: -.03em; }
.apple-skin.apple-light.apple-ui .report-progress h2 span{ margin-left: 4px; color: var(--muted); font-size: 13px; font-weight: 400; }
.apple-skin.apple-light.apple-ui .submission-steps{ display: flex; flex-wrap: wrap; gap: 6px; }
.apple-skin.apple-light.apple-ui .submission-step{ display: inline-flex; align-items: center; gap: 5px; min-height: 26px; padding: 3px 9px; border: .5px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .55); color: var(--muted); font-size: 11px; }
.apple-skin.apple-light.apple-ui .submission-step .icon{ width: 13px; height: 13px; }
.apple-skin.apple-light.apple-ui .submission-step.complete{ border-color: rgba(52, 199, 89, .16); background: var(--green-soft); color: var(--green); }
.apple-skin.apple-light.apple-ui .report-card-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 16px; }
.apple-skin.apple-light.apple-ui .report-card .panel-header{ align-items: flex-start; padding: 18px; }
.apple-skin.apple-light.apple-ui .report-card .panel-header .avatar{ width: 32px; height: 32px; }
.apple-skin.apple-light.apple-ui .report-card .panel-header h2{ font-size: 16px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .report-card .panel-header p{ margin-top: 3px; font-size: 11px; }
.apple-skin.apple-light.apple-ui .report-card .panel-footer{ align-items: flex-start; padding: 13px 18px; }
.apple-skin.apple-light.apple-ui .report-card-body{ display: grid; gap: 18px; padding: 18px; }
.apple-skin.apple-light.apple-ui .report-section h3{ margin-bottom: 6px; color: var(--faint, #86868b); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.apple-skin.apple-light.apple-ui .report-section p{ color: var(--ink-2, var(--sub)); font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .report-no-blocker{ color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .report-linked{ display: flex; flex-wrap: wrap; gap: 6px; }
.apple-skin.apple-light.apple-ui .report-linked .kind-pill{ padding: 3px 8px; }
.apple-skin.apple-light.apple-ui .report-card-head{ display: flex; align-items: center; gap: 10px; padding: 18px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .report-card-foot{ display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px 18px; border-top: .5px solid var(--line); }

/* ---------- requirements ---------- */
.apple-skin.apple-light.apple-ui .requirement-controls{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px; }
.apple-skin.apple-light.apple-ui .requirements-layout{ display: grid; grid-template-columns: minmax(0, 1fr) 390px; align-items: start; gap: 18px; }
.apple-skin.apple-light.apple-ui .requirement-list{ min-width: 0; }
.apple-skin.apple-light.apple-ui .requirement-row{ position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 92px 28px; align-items: center; gap: 11px; min-height: 78px; padding: 14px 18px; border-bottom: .5px solid var(--line); background: transparent; cursor: pointer; }
.apple-skin.apple-light.apple-ui .requirement-row:last-child{ border-bottom: 0; }
.apple-skin.apple-light.apple-ui .requirement-row:hover{ background: rgba(0, 122, 255, .035); }
.apple-skin.apple-light.apple-ui .requirement-row.selected{ background: rgba(0, 122, 255, .06); }
.apple-skin.apple-light.apple-ui .requirement-row.selected::before{ position: absolute; inset: 12px auto 12px 0; width: 2px; border-radius: 0 2px 2px 0; background: var(--accent); content: ""; }
.apple-skin.apple-light.apple-ui .req-row-title{ color: var(--ink); font-size: 15px; font-weight: 500; line-height: 1.4; }
.apple-skin.apple-light.apple-ui .requirement-meta{ display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 5px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .req-priority{ color: var(--muted); }
.apple-skin.apple-light.apple-ui .req-priority.priority-high{ color: var(--red); font-weight: 600; }
.apple-skin.apple-light.apple-ui .req-owner .avatar{ width: 26px; height: 26px; font-size: 11px; }
.apple-skin.apple-light.apple-ui .requirement-detail{ position: sticky; top: 78px; min-width: 0; max-height: calc(100vh - 96px); overflow: auto; scrollbar-width: thin; scrollbar-color: rgba(120, 120, 128, .2) transparent; }
.apple-skin.apple-light.apple-ui .detail-head{ padding: 20px 20px 16px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .detail-head h2{ margin-top: 10px; color: var(--ink); font-size: 21px; font-weight: 700; line-height: 1.35; letter-spacing: -.018em; }
.apple-skin.apple-light.apple-ui .detail-head > span.mono{ display: block; margin-top: 6px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .detail-actions{ position: sticky; top: 0; z-index: 2; display: flex; align-items: center; flex-wrap: wrap; gap: 7px; padding: 12px 20px; border-bottom: .5px solid var(--line); background: rgba(255, 255, 255, .72); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); }
.apple-skin.apple-light.apple-ui .detail-actions .btn{ min-height: 32px; font-size: 13px; }
.apple-skin.apple-light.apple-ui .progress-track{ display: flex; align-items: center; gap: 3px; margin: 16px 20px; padding: 10px; border-radius: 10px; background: rgba(120, 120, 128, .06); }
.apple-skin.apple-light.apple-ui .progress-step{ flex: 1; min-width: 0; overflow: hidden; color: var(--faint, #86868b); font-size: 11px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.apple-skin.apple-light.apple-ui .progress-step.done{ color: var(--green); }
.apple-skin.apple-light.apple-ui .progress-step.current{ color: var(--blue); font-weight: 600; }
.apple-skin.apple-light.apple-ui .detail-block{ padding: 16px 20px; border-top: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .detail-block:first-of-type{ border-top: 0; }
.apple-skin.apple-light.apple-ui .detail-block h3, .apple-skin.apple-light.apple-ui .detail-section-title{ color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.apple-skin.apple-light.apple-ui .detail-block p, .apple-skin.apple-light.apple-ui .detail-block li{ color: var(--ink-2, var(--sub)); font-size: 14px; line-height: 1.7; }
.apple-skin.apple-light.apple-ui .detail-block ul{ margin: 8px 0 0; padding-left: 19px; }
.apple-skin.apple-light.apple-ui .detail-block li + li{ margin-top: 4px; }
.apple-skin.apple-light.apple-ui .detail-block summary{ cursor: pointer; }
.apple-skin.apple-light.apple-ui .detail-meta{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px 12px; padding: 16px 20px; }
.apple-skin.apple-light.apple-ui .detail-meta small{ display: block; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .detail-meta b{ display: block; margin-top: 3px; color: var(--ink-2, var(--sub)); font-size: 14px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .detail-empty{ display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 420px; color: var(--muted); }
.apple-skin.apple-light.apple-ui .detail-empty > .icon{ width: 34px; height: 34px; margin-bottom: 12px; color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .timeline{ display: grid; gap: 12px; }
.apple-skin.apple-light.apple-ui .timeline-item{ padding-left: 13px; border-left: 2px solid var(--line); }
.apple-skin.apple-light.apple-ui .timeline-item b{ display: block; color: var(--ink-2, var(--sub)); font-size: 13px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .timeline-item small{ display: block; margin-top: 2px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .timeline-item p{ margin-top: 4px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .kanban-scroll{ min-width: 0; overflow-x: auto; padding: 1px 1px 13px; scrollbar-width: thin; }
.apple-skin.apple-light.apple-ui .kanban-board{ display: grid; grid-template-columns: repeat(6, 236px); align-items: start; gap: 12px; min-width: max-content; }
.apple-skin.apple-light.apple-ui .kanban-column{ min-height: 320px; padding: 10px; border: var(--glass-border); border-radius: 16px; background: rgba(255, 255, 255, .5); }
.apple-skin.apple-light.apple-ui .kanban-column-head{ display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 2px 13px; color: var(--muted); font-size: 13px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .kanban-cards{ display: grid; gap: 9px; }
.apple-skin.apple-light.apple-ui .kanban-card{ display: block; min-width: 0; width: 100%; padding: 14px; border: var(--glass-border); border-radius: 14px; background: rgba(255, 255, 255, .74); text-align: left; box-shadow: 0 1px 2px rgba(16, 24, 40, .04); }
.apple-skin.apple-light.apple-ui .kanban-card:hover{ border-color: var(--line-strong); background: #fff; }
.apple-skin.apple-light.apple-ui .kanban-card.selected, .apple-skin.apple-light.apple-ui .kanban-card[aria-pressed="true"]{ border-color: rgba(0, 122, 255, .35); background: rgba(0, 122, 255, .05); }
.apple-skin.apple-light.apple-ui .kanban-card .requirement-meta{ margin: 0 0 8px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .kanban-card > b{ display: block; color: var(--ink); font-size: 14px; font-weight: 500; line-height: 1.6; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .kanban-card-foot{ display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-top: 12px; color: var(--muted); font-size: 11px; }
.apple-skin.apple-light.apple-ui .kanban-card-foot .avatar{ width: 22px; height: 22px; font-size: 10px; }
.apple-skin.apple-light.apple-ui .kanban-empty{ display: grid; min-height: 108px; place-content: center; border: 1px dashed var(--line); border-radius: 10px; color: var(--faint, #86868b); font-size: 12px; text-align: center; }
.apple-skin.apple-light.apple-ui .board-layout{ min-width: 0; }

/* ---------- GitHub ---------- */
.apple-skin.apple-light.apple-ui .github-tabs{ margin-bottom: 18px; }
.apple-skin.apple-light.apple-ui .github-repos{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; margin-bottom: 22px; }
.apple-skin.apple-light.apple-ui .github-repos .repo-card, .apple-skin.apple-light.apple-ui .repo-card{ padding: 20px; border: var(--glass-border); border-radius: 18px; background: rgba(255, 255, 255, .66); box-shadow: var(--card-shadow); }
.apple-skin.apple-light.apple-ui .repo-card h3{ color: var(--ink); font-size: 17px; font-weight: 600; letter-spacing: -.012em; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .repo-card h3 a{ color: inherit; }
.apple-skin.apple-light.apple-ui .repo-meta{ display: flex; flex-wrap: wrap; gap: 16px; margin: 11px 0; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .repo-meta b{ color: var(--muted); font-weight: 500; }
.apple-skin.apple-light.apple-ui .repo-card .notice{ margin-top: 10px; }
.apple-skin.apple-light.apple-ui .github-onboarding{ padding: 46px 34px 34px; text-align: center; }
.apple-skin.apple-light.apple-ui .github-onboarding .assistant-hero-icon{ width: 54px; height: 54px; margin: 0 auto 18px; border: 0; border-radius: 14px; background: var(--accent-soft); color: var(--accent); }
.apple-skin.apple-light.apple-ui .github-onboarding h2{ color: var(--ink); font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.apple-skin.apple-light.apple-ui .github-onboarding > p{ max-width: 500px; margin: 10px auto 22px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.apple-skin.apple-light.apple-ui .connection-steps{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; max-width: 860px; margin: 26px auto 22px; padding-top: 22px; border-top: .5px solid var(--line); text-align: left; }
.apple-skin.apple-light.apple-ui .connection-step > span{ display: grid; width: 28px; height: 28px; margin-bottom: 9px; place-items: center; border-radius: 8px; background: var(--accent-soft); color: var(--blue); font-size: 11px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .connection-step b{ display: block; color: var(--ink-2, var(--sub)); font-size: 14px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .connection-step p{ margin-top: 4px; color: var(--muted); font-size: 13px; line-height: 1.6; }
.apple-skin.apple-light.apple-ui .github-activity{ margin-top: 22px; }
.apple-skin.apple-light.apple-ui .discovery-toolbar{ display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 12px; }
.apple-skin.apple-light.apple-ui .repo-discovery-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 16px; }
.apple-skin.apple-light.apple-ui .discovery-card{ padding: 20px; }
.apple-skin.apple-light.apple-ui .discovery-card header{ display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
.apple-skin.apple-light.apple-ui .discovery-card h3{ color: var(--ink); font-size: 16px; font-weight: 600; letter-spacing: -.01em; }
.apple-skin.apple-light.apple-ui .discovery-card h3 a{ color: inherit; }
.apple-skin.apple-light.apple-ui .discovery-description{ margin-top: 10px; color: var(--muted); font-size: 14px; line-height: 1.6; }
.apple-skin.apple-light.apple-ui .discovery-stats{ display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .discovery-topics{ display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.apple-skin.apple-light.apple-ui .discovery-topics span{ padding: 3px 8px; border-radius: 999px; background: rgba(120, 120, 128, .08); color: var(--muted); font-size: 11px; }
.apple-skin.apple-light.apple-ui .repo-preview-meta{ display: flex; flex-wrap: wrap; gap: 12px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .readme-preview{ margin-top: 18px; }
.apple-skin.apple-light.apple-ui .readme-preview > h3{ color: var(--ink); font-size: 18px; }
.apple-skin.apple-light.apple-ui .readme-preview pre{ max-height: 54vh; padding: 16px; overflow: auto; border: var(--glass-border); border-radius: 12px; background: rgba(120, 120, 128, .06); font-size: 12px; }

/* ---------- assistant ---------- */
.apple-skin.apple-light.apple-ui .assistant-workspace{ width: min(100%, 1050px); margin: 0 auto; }
.apple-skin.apple-light.apple-ui .assistant-workspace .chat-panel{ height: calc(100dvh - 210px); min-height: 500px; }
.apple-skin.apple-light.apple-ui .chat-panel{ display: flex; min-height: 630px; flex-direction: column; }
.apple-skin.apple-light.apple-ui .chat-panel .panel-header{ min-height: 64px; flex: 0 0 auto; font-size: 13px; }
.apple-skin.apple-light.apple-ui .private-label{ display: inline-flex; align-items: center; gap: 5px; min-height: 24px; padding: 3px 8px; border: .5px solid var(--line); border-radius: 999px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .chat-messages{ display: grid; flex: 1; align-content: start; gap: 24px; min-height: 0; overflow-y: auto; padding: 26px; }
.apple-skin.apple-light.apple-ui .chat-messages:has(.assistant-empty){ display: flex; align-items: stretch; }
.apple-skin.apple-light.apple-ui .assistant-empty{ display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-start; flex-direction: column; min-width: 0; width: 100%; padding: 15px 0; text-align: center; }
.apple-skin.apple-light.apple-ui .assistant-empty > .icon{ width: 34px; height: 34px; margin-bottom: 16px; color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .assistant-hero-icon{ display: grid; width: 52px; height: 52px; margin-bottom: 18px; place-items: center; border: 0; border-radius: 14px; background: var(--accent-soft); color: var(--accent); }
.apple-skin.apple-light.apple-ui .assistant-hero-icon .icon{ width: 26px; height: 26px; }
.apple-skin.apple-light.apple-ui .assistant-empty h2, .apple-skin.apple-light.apple-ui .assistant-minimal-empty h2{ color: var(--ink); font-size: 24px; font-weight: 700; letter-spacing: -.02em; }
.apple-skin.apple-light.apple-ui .assistant-empty > p, .apple-skin.apple-light.apple-ui .assistant-minimal-empty p{ max-width: 440px; margin-top: 8px; color: var(--muted); font-size: 14px; line-height: 1.65; }
.apple-skin.apple-light.apple-ui .assistant-minimal-empty{ text-align: center; padding: 70px 20px; }
.apple-skin.apple-light.apple-ui .assistant-minimal-empty h2{ margin-bottom: 8px; }
.apple-skin.apple-light.apple-ui .chat-message{ display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.apple-skin.apple-light.apple-ui .chat-message > .avatar{ width: 28px; height: 28px; margin-top: 2px; border-radius: 9px; font-size: 11px; }
.apple-skin.apple-light.apple-ui .chat-message-content{ min-width: 0; flex: 1; }
.apple-skin.apple-light.apple-ui .chat-message.user{ flex-direction: row-reverse; }
.apple-skin.apple-light.apple-ui .chat-message.user .chat-message-content{ flex: 0 1 auto; max-width: 78%; padding: 12px 15px; border: .5px solid rgba(0, 122, 255, .12); border-radius: 16px 16px 4px 16px; background: var(--accent-soft); }
.apple-skin.apple-light.apple-ui .chat-message-name{ display: flex; align-items: center; gap: 8px; margin-bottom: 6px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .chat-message.user .chat-message-name{ justify-content: flex-end; }
.apple-skin.apple-light.apple-ui .chat-message-name b{ color: var(--muted); font-size: 12px; font-weight: 600; }
.apple-skin.apple-light.apple-ui .chat-message-text{ color: var(--ink-2, var(--sub)); font-size: 15px; line-height: 1.7; white-space: pre-wrap; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .chat-message-text code{ padding: 2px 5px; border-radius: 5px; background: rgba(120, 120, 128, .09); font-family: ui-monospace, SFMono-Regular, monospace; font-size: 12px; }
.apple-skin.apple-light.apple-ui .chat-compose{ flex: 0 0 auto; margin-top: auto; padding: 16px 18px; border-top: .5px solid var(--line); background: rgba(255, 255, 255, .5); }
.apple-skin.apple-light.apple-ui .chat-compose textarea{ min-height: 100px; font-size: 15px; }
.apple-skin.apple-light.apple-ui .chat-contexts{ display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-bottom: 12px; padding: 0; }
.apple-skin.apple-light.apple-ui .chat-contexts .checkbox-label{ font-size: 12px; }
.apple-skin.apple-light.apple-ui .compose-contexts-disclosure summary{ color: var(--muted); font-size: 12px; cursor: pointer; }
.apple-skin.apple-light.apple-ui .compose-footer{ display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
.apple-skin.apple-light.apple-ui .compose-footer .hint{ font-size: 11px; }
.apple-skin.apple-light.apple-ui .compose-context-bar{ display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px; color: var(--muted); font-size: 12px; }
.apple-skin.apple-light.apple-ui .inline-model-hint{ display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 18px; border-top: .5px solid var(--line); color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .source-tags{ display: flex; flex-wrap: wrap; gap: 5px; margin-top: 8px; }
.apple-skin.apple-light.apple-ui .source-tags span{ padding: 2px 7px; border-radius: 999px; background: rgba(120, 120, 128, .08); color: var(--faint, #86868b); font-size: 10px; }
.apple-skin.apple-light.apple-ui .chat-notice{ margin: 15px 17px 0; }
.apple-skin.apple-light.apple-ui .loading-dots{ color: var(--muted); font-size: 13px; }

/* ---------- team / settings ---------- */
.apple-skin.apple-light.apple-ui .account-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 18px; }
.apple-skin.apple-light.apple-ui .member-row{ display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; min-height: 68px; padding: 12px 20px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .member-row:last-child{ border-bottom: 0; }
.apple-skin.apple-light.apple-ui .member-row .avatar{ width: 34px; height: 34px; font-size: 12px; }
.apple-skin.apple-light.apple-ui .row-main{ min-width: 0; }
.apple-skin.apple-light.apple-ui .row-main b{ display: block; color: var(--ink); font-size: 15px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .row-main small{ display: block; margin-top: 3px; color: var(--faint, #86868b); font-size: 13px; overflow-wrap: anywhere; }
.apple-skin.apple-light.apple-ui .table-wrap{ overflow-x: auto; }
.apple-skin.apple-light.apple-ui .audit-table{ width: 100%; border-collapse: collapse; font-size: 13px; }
.apple-skin.apple-light.apple-ui .audit-table th{ padding: 10px 14px; border-bottom: .5px solid var(--line); color: var(--faint, #86868b); font-size: 11px; font-weight: 600; text-align: left; }
.apple-skin.apple-light.apple-ui .audit-table td{ padding: 12px 14px; border-bottom: .5px solid var(--line); color: var(--muted); }
.apple-skin.apple-light.apple-ui .settings-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 18px; }
.apple-skin.apple-light.apple-ui .settings-grid .panel-header h2{ font-size: 18px; }
.apple-skin.apple-light.apple-ui .settings-grid .panel-header p{ font-size: 13px; }
.apple-skin.apple-light.apple-ui .checkbox-field{ align-content: end; }
.apple-skin.apple-light.apple-ui .checkbox-label{ display: flex; align-items: center; gap: 8px; }
.apple-skin.apple-light.apple-ui .style-settings-panel .panel-body{ display: grid; gap: 8px; }
.apple-skin.apple-light.apple-ui .style-preview-page{ display: grid; gap: 20px; }
.apple-skin.apple-light.apple-ui .style-preview-heading{ display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.apple-skin.apple-light.apple-ui .style-preview-heading h1{ color: var(--ink); font-size: 30px; font-weight: 700; line-height: 1.15; letter-spacing: -.02em; }
.apple-skin.apple-light.apple-ui .style-preview-heading p, .apple-skin.apple-light.apple-ui .style-preview-caption > div > p{ margin-top: 6px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .style-look-switcher{ display: flex; flex-wrap: wrap; gap: 6px; }
.apple-skin.apple-light.apple-ui .style-look-tab{ display: inline-flex; align-items: center; gap: 7px; min-height: 36px; padding: 0 12px; border: .5px solid var(--line); border-radius: 999px; background: rgba(255, 255, 255, .6); color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .style-look-tab:hover{ border-color: var(--line-strong); background: #fff; }
.apple-skin.apple-light.apple-ui .style-look-tab.active{ border-color: rgba(0, 122, 255, .35); background: var(--accent-soft); color: var(--blue); font-weight: 600; }
.apple-skin.apple-light.apple-ui .style-look-swatch{ width: 22px; height: 22px; border: .5px solid var(--line); border-radius: 7px; }
.apple-skin.apple-light.apple-ui .style-preview-caption{ display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 57px; }
.apple-skin.apple-light.apple-ui .style-preview-title-row{ display: flex; align-items: center; gap: 9px; }
.apple-skin.apple-light.apple-ui .style-preview-title-row h2{ color: var(--ink); font-size: 18px; }
.apple-skin.apple-light.apple-ui .style-choice-tag{ padding: 2px 7px; border-radius: 999px; background: var(--accent-soft); color: var(--blue); font-size: 10px; }
.apple-skin.apple-light.apple-ui .style-settings-panel .panel-body .hint{ font-size: 13px; }

/* ---------- auth ---------- */
.apple-skin.apple-light.apple-ui .auth-page{ display: grid; min-height: 100vh; place-items: center; padding: 28px; background: transparent; }
.apple-skin.apple-light.apple-ui .auth-card{ width: min(400px, 100%); padding: 30px; border: var(--glass-border); border-radius: 20px; background: rgba(255, 255, 255, .72); box-shadow: var(--card-shadow); -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); }
.apple-skin.apple-light.apple-ui .auth-card .brand{ margin-bottom: 30px; }
.apple-skin.apple-light.apple-ui .auth-card h1{ color: var(--ink); font-size: 30px; font-weight: 700; line-height: 1.2; letter-spacing: -.022em; }
.apple-skin.apple-light.apple-ui .auth-card > p{ margin: 10px 0 25px; color: var(--muted); font-size: 13px; line-height: 1.7; }
.apple-skin.apple-light.apple-ui .auth-card form{ display: grid; gap: 16px; }
.apple-skin.apple-light.apple-ui .auth-card .btn{ min-height: 44px; margin-top: 5px; font-size: 15px; }
.apple-skin.apple-light.apple-ui .auth-foot{ margin-top: 23px; color: var(--faint, #86868b); font-size: 11px; text-align: center; }
.apple-skin.apple-light.apple-ui .auth-page:has(> .auth-aside){ grid-template-columns: minmax(390px, 44%) minmax(0, 1fr); padding: 0; place-items: stretch; }
.apple-skin.apple-light.apple-ui .auth-aside{ display: flex; flex-direction: column; min-height: 100vh; padding: 44px 52px 30px; background: rgba(250, 250, 252, .55); color: var(--muted); -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%); border-right: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .auth-aside > .brand small{ color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .auth-wordmark{ margin-top: auto; padding-top: 60px; }
.apple-skin.apple-light.apple-ui .auth-wordmark > .section-kicker{ color: var(--faint, #86868b); font-size: 12px; }
.apple-skin.apple-light.apple-ui .auth-wordmark h2{ max-width: 420px; margin-top: 14px; color: var(--ink); font-size: 36px; font-weight: 700; line-height: 1.28; letter-spacing: -.028em; }
.apple-skin.apple-light.apple-ui .auth-wordmark > p{ max-width: 350px; margin-top: 16px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.apple-skin.apple-light.apple-ui .auth-feature{ display: flex; align-items: center; gap: 13px; margin-top: 22px; color: var(--muted); font-size: 13px; }
.apple-skin.apple-light.apple-ui .auth-feature > span:not(.auth-number){ flex: 1; }
.apple-skin.apple-light.apple-ui .auth-feature > .icon{ width: 17px; height: 17px; color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .auth-number{ display: grid; width: 26px; height: 26px; flex: 0 0 auto; place-items: center; border: 0; border-radius: 8px; background: var(--accent-soft); color: var(--blue); font: 11px ui-monospace, SFMono-Regular, monospace; }
.apple-skin.apple-light.apple-ui .auth-bottom{ margin-top: auto; padding-top: 65px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .auth-main{ display: flex; min-width: 0; min-height: 100vh; align-items: center; justify-content: center; padding: 45px; background: rgba(255, 255, 255, .6); -webkit-backdrop-filter: blur(30px) saturate(180%); backdrop-filter: blur(30px) saturate(180%); }
.apple-skin.apple-light.apple-ui .auth-main .auth-card{ width: min(360px, 100%); padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.apple-skin.apple-light.apple-ui .auth-main .workspace-caption{ display: block; margin-bottom: 22px; padding: 0; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .auth-main .auth-card h1{ font-size: 32px; }
.apple-skin.apple-light.apple-ui .auth-main .auth-card > p{ font-size: 14px; }
.apple-skin.apple-light.apple-ui .auth-main .field label{ font-size: 13px; }
.apple-skin.apple-light.apple-ui .auth-main .field input{ min-height: 44px; font-size: 15px; }

/* ---------- layers ---------- */
.apple-skin.apple-light.apple-ui .modal-backdrop{ position: fixed; inset: 0; z-index: 20; display: grid; place-items: center; padding: 24px; background: rgba(20, 20, 24, .18); -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); }
.apple-skin.apple-light.apple-ui .modal{
  display: flex; flex-direction: column;
  width: min(660px, 100%); max-height: calc(100vh - 48px);
  overflow: hidden;
  border: .5px solid var(--line);
  border-radius: 22px;
  background: rgba(250, 250, 252, .94);
  -webkit-backdrop-filter: blur(40px) saturate(180%);
  backdrop-filter: blur(40px) saturate(180%);
  box-shadow: var(--float-shadow);
  animation: qwModalIn .34s var(--motion-spring);
}
.apple-skin.apple-light.apple-ui .modal.wide{ width: min(840px, 100%); }
@keyframes qwModalIn { from { opacity: 0; transform: translateY(10px) scale(.985); } to { opacity: 1; transform: none; } }
.apple-skin.apple-light.apple-ui .modal-head{ display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 24px 16px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .modal-head h2{ color: var(--ink); font-size: 20px; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; }
.apple-skin.apple-light.apple-ui .modal-head p{ margin-top: 4px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.apple-skin.apple-light.apple-ui .modal-body{ padding: 20px 24px; overflow: auto; }
.apple-skin.apple-light.apple-ui .modal-foot{ display: flex; justify-content: flex-end; gap: 8px; padding: 14px 24px; border-top: .5px solid var(--line); background: rgba(255, 255, 255, .35); }
.apple-skin.apple-light.apple-ui .close-btn{ display: grid; width: 32px; height: 32px; flex: none; place-items: center; border: 0; border-radius: 50%; background: rgba(120, 120, 128, .09); color: var(--muted); transition: background .16s ease, transform .18s var(--motion-spring); }
.apple-skin.apple-light.apple-ui .close-btn:hover{ background: rgba(120, 120, 128, .16); color: var(--ink); }
.apple-skin.apple-light.apple-ui .close-btn:active{ transform: scale(.92); }
.apple-skin.apple-light.apple-ui .close-btn .icon{ width: 15px; height: 15px; }
.apple-skin.apple-light.apple-ui .command-backdrop{ position: fixed; inset: 0; z-index: 24; display: flex; align-items: flex-start; justify-content: center; padding: 10vh 16px 16px; background: rgba(20, 20, 24, .18); -webkit-backdrop-filter: blur(14px) saturate(120%); backdrop-filter: blur(14px) saturate(120%); }
.apple-skin.apple-light.apple-ui .command-dialog{ width: min(620px, 100%); overflow: hidden; border: .5px solid var(--line); border-radius: 18px; background: rgba(250, 250, 252, .95); -webkit-backdrop-filter: blur(40px) saturate(180%); backdrop-filter: blur(40px) saturate(180%); box-shadow: var(--float-shadow); animation: qwModalIn .3s var(--motion-spring); }
.apple-skin.apple-light.apple-ui .command-search{ display: flex; align-items: center; gap: 10px; min-height: 56px; padding: 0 18px; border-bottom: .5px solid var(--line); }
.apple-skin.apple-light.apple-ui .command-search .icon{ color: var(--muted); width: 17px; height: 17px; }
.apple-skin.apple-light.apple-ui .command-search input{ flex: 1; min-width: 0; min-height: 54px; padding: 5px 0; border: 0; border-radius: 0; background: transparent; font-size: 15px; box-shadow: none; }
.apple-skin.apple-light.apple-ui .command-search input:focus{ outline: none; box-shadow: none; }
.apple-skin.apple-light.apple-ui .command-results{ max-height: min(56vh, 440px); overflow: auto; padding: 8px; }
.apple-skin.apple-light.apple-ui .command-group{ padding: 10px 10px 5px; color: var(--faint, #86868b); font-size: 11px; font-weight: 600; letter-spacing: .05em; }
.apple-skin.apple-light.apple-ui .command-result{ display: flex; align-items: center; gap: 10px; width: 100%; padding: 10px; border: 0; border-radius: 10px; background: transparent; color: var(--ink-2, var(--sub)); text-align: left; font-size: 13px; }
.apple-skin.apple-light.apple-ui .command-result:hover, .apple-skin.apple-light.apple-ui .command-result.active{ background: var(--accent-soft); }
.apple-skin.apple-light.apple-ui .command-result .icon{ width: 17px; height: 17px; color: var(--faint, #86868b); }
.apple-skin.apple-light.apple-ui .command-result.active .icon{ color: var(--accent); }
.apple-skin.apple-light.apple-ui .command-result b{ display: block; color: var(--ink); font-size: 14px; font-weight: 500; }
.apple-skin.apple-light.apple-ui .command-result small{ display: block; margin-top: 2px; color: var(--faint, #86868b); font-size: 11px; }
.apple-skin.apple-light.apple-ui .command-empty{ padding: 32px 16px; color: var(--muted); font-size: 13px; text-align: center; }
.apple-skin.apple-light.apple-ui .toast-region{ position: fixed; right: 24px; bottom: 24px; z-index: 30; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; pointer-events: none; }
.apple-skin.apple-light.apple-ui .toast{ max-width: min(460px, calc(100vw - 32px)); padding: 11px 16px; border: .5px solid var(--line); border-radius: 999px; background: rgba(250, 250, 252, .94); color: var(--ink-2, var(--sub)); font-size: 13px; box-shadow: var(--card-shadow); -webkit-backdrop-filter: blur(24px) saturate(180%); backdrop-filter: blur(24px) saturate(180%); pointer-events: auto; animation: qwToastIn .3s var(--motion-spring); }
.apple-skin.apple-light.apple-ui .toast.error{ border-color: rgba(255, 59, 48, .18); background: var(--red-soft); color: var(--red); }
@keyframes qwToastIn { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: none; } }
.apple-skin.apple-light.apple-ui .global-error{ position: fixed; left: 50%; bottom: 24px; z-index: 50; display: flex; align-items: center; gap: 10px; max-width: min(620px, calc(100vw - 32px)); padding: 10px 14px; border-radius: 14px; background: rgba(255, 59, 48, .94); color: #fff; box-shadow: var(--float-shadow); transform: translateX(-50%); font-size: 13px; }
.apple-skin.apple-light.apple-ui .global-error-label{ font-weight: 600; }
.apple-skin.apple-light.apple-ui .global-error button{ margin-left: auto; border: 0; border-radius: 999px; background: rgba(255, 255, 255, .18); color: #fff; padding: 4px 9px; font-size: 12px; }

/* ---------- responsive ---------- */
@media (max-width: 1280px) {
  .apple-skin.apple-light.apple-ui .sidebar{ width: 236px; }
  .apple-skin.apple-light.apple-ui .main-shell{ margin-left: 246px; }
  .apple-skin.apple-light.apple-ui main{ padding: 26px 26px 44px; }
  .apple-skin.apple-light.apple-ui .overview-focus, .apple-skin.apple-light.apple-ui .dashboard-grid, .apple-skin.apple-light.apple-ui .settings-grid, .apple-skin.apple-light.apple-ui .account-grid{ grid-template-columns: minmax(0, 1fr) 300px; }
  .apple-skin.apple-light.apple-ui .requirements-layout{ grid-template-columns: minmax(0, 1fr) 360px; }
  .apple-skin.apple-light.apple-ui .calendar-layout{ grid-template-columns: minmax(0, 1fr) 340px; }
  .apple-skin.apple-light.apple-ui .report-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1180px) {
  .apple-skin.apple-light.apple-ui .sidebar{ width: 224px; }
  .apple-skin.apple-light.apple-ui .main-shell{ margin-left: 234px; }
  .apple-skin.apple-light.apple-ui main{ padding: 24px 24px 40px; }
  .apple-skin.apple-light.apple-ui .page-head h1{ font-size: 32px; }
  .apple-skin.apple-light.apple-ui .greeting{ font-size: 28px; }
  .apple-skin.apple-light.apple-ui .overview-summary, .apple-skin.apple-light.apple-ui .metrics{ gap: 12px; }
  .apple-skin.apple-light.apple-ui .overview-focus, .apple-skin.apple-light.apple-ui .dashboard-grid, .apple-skin.apple-light.apple-ui .settings-grid, .apple-skin.apple-light.apple-ui .account-grid{ grid-template-columns: minmax(0, 1fr) 280px; }
  .apple-skin.apple-light.apple-ui .requirements-layout{ grid-template-columns: minmax(0, 1fr) 340px; }
  .apple-skin.apple-light.apple-ui .calendar-layout{ grid-template-columns: minmax(0, 1fr) 320px; }
  .apple-skin.apple-light.apple-ui .report-card-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .apple-skin.apple-light.apple-ui .sidebar{ width: 196px; }
  .apple-skin.apple-light.apple-ui .main-shell{ margin-left: 206px; }
  .apple-skin.apple-light.apple-ui main{ padding: 22px 22px 38px; }
  .apple-skin.apple-light.apple-ui .page-head h1{ font-size: 30px; }
  .apple-skin.apple-light.apple-ui .overview-focus, .apple-skin.apple-light.apple-ui .dashboard-grid, .apple-skin.apple-light.apple-ui .settings-grid, .apple-skin.apple-light.apple-ui .account-grid, .apple-skin.apple-light.apple-ui .requirements-layout, .apple-skin.apple-light.apple-ui .calendar-layout{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .requirement-detail{ position: static; max-height: none; }
  .apple-skin.apple-light.apple-ui .day-summary{ position: static; }
  .apple-skin.apple-light.apple-ui .report-card-grid{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .github-repos{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .sync-label, .apple-skin.apple-light.apple-ui .period-label{ display: none; }
  .apple-skin.apple-light.apple-ui .chat-layout{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .auth-page:has(> .auth-aside){ grid-template-columns: minmax(300px, 40%) minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .auth-aside{ padding: 34px 30px; }
  .apple-skin.apple-light.apple-ui .auth-wordmark h2{ font-size: 30px; }
  .apple-skin.apple-light.apple-ui .auth-main{ padding: 34px; }
}
@media (max-width: 760px) {
  .apple-skin.apple-light.apple-ui .app-shell{ padding: 0; }
  .apple-skin.apple-light.apple-ui .sidebar{ position: static; width: 100%; padding: 14px 15px 10px; border: 0; border-bottom: .5px solid var(--line); border-radius: 0; background: rgba(250, 250, 252, .82); }
  .apple-skin.apple-light.apple-ui .sidebar .brand{ padding: 0 3px 14px; }
  .apple-skin.apple-light.apple-ui .nav-shortcut, .apple-skin.apple-light.apple-ui .nav-label, .apple-skin.apple-light.apple-ui .nav-divider, .apple-skin.apple-light.apple-ui .sidebar-bottom{ display: none; }
  .apple-skin.apple-light.apple-ui .nav{ display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; }
  .apple-skin.apple-light.apple-ui .nav::-webkit-scrollbar{ display: none; }
  .apple-skin.apple-light.apple-ui .nav-item{ width: auto; min-height: 36px; flex: 0 0 auto; gap: 7px; padding: 7px 10px; border-radius: 9px; font-size: 13px; }
  .apple-skin.apple-light.apple-ui .nav-item > .icon, .apple-skin.apple-light.apple-ui .nav-icon, .apple-skin.apple-light.apple-ui .nav-icon .icon{ width: 17px; height: 17px; }
  .apple-skin.apple-light.apple-ui .nav-count{ display: none; }
  .apple-skin.apple-light.apple-ui .main-shell{ min-height: 80vh; margin-left: 0; border: 0; border-radius: 0; background: rgba(255, 255, 255, .82); }
  .apple-skin.apple-light.apple-ui .topbar{ top: 0; height: 52px; padding: 0 16px; }
  .apple-skin.apple-light.apple-ui .breadcrumbs{ gap: 6px; font-size: 12px; }
  .apple-skin.apple-light.apple-ui .topbar-actions{ gap: 6px; }
  .apple-skin.apple-light.apple-ui .topbar .btn{ min-height: 31px; font-size: 12px; padding: 0 10px; }
  .apple-skin.apple-light.apple-ui main{ padding: 22px 16px 34px; }
  .apple-skin.apple-light.apple-ui .page-head{ align-items: flex-start; flex-direction: column; gap: 14px; margin-bottom: 22px; }
  .apple-skin.apple-light.apple-ui .page-head h1{ font-size: 30px; }
  .apple-skin.apple-light.apple-ui .page-head p{ font-size: 13px; }
  .apple-skin.apple-light.apple-ui .overview-intro{ align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 20px; }
  .apple-skin.apple-light.apple-ui .greeting{ font-size: 24px; }
  .apple-skin.apple-light.apple-ui .overview-date{ display: none; }
  .apple-skin.apple-light.apple-ui .overview-summary, .apple-skin.apple-light.apple-ui .metrics{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .apple-skin.apple-light.apple-ui .metric{ min-height: 118px; padding: 15px; }
  .apple-skin.apple-light.apple-ui .metric-value{ font-size: 26px; }
  .apple-skin.apple-light.apple-ui .overview-focus, .apple-skin.apple-light.apple-ui .dashboard-grid, .apple-skin.apple-light.apple-ui .settings-grid, .apple-skin.apple-light.apple-ui .account-grid, .apple-skin.apple-light.apple-ui .requirements-layout, .apple-skin.apple-light.apple-ui .calendar-layout, .apple-skin.apple-light.apple-ui .overview-bottom-grid, .apple-skin.apple-light.apple-ui .quick-links{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .task-row{ flex-wrap: wrap; gap: 10px; padding: 14px; }
  .apple-skin.apple-light.apple-ui .task-row .btn{ margin-left: 46px; }
  .apple-skin.apple-light.apple-ui .task-kind{ display: none; }
  .apple-skin.apple-light.apple-ui .requirement-controls{ gap: 10px; }
  .apple-skin.apple-light.apple-ui .requirements-tabs{ gap: 1px; }
  .apple-skin.apple-light.apple-ui .requirements-tabs > button, .apple-skin.apple-light.apple-ui .tab{ padding: 0 9px; font-size: 12px; }
  .apple-skin.apple-light.apple-ui .segmented{ margin-left: auto; }
  .apple-skin.apple-light.apple-ui .filter-bar{ gap: 9px; padding: 12px; }
  .apple-skin.apple-light.apple-ui .filter-bar > .search-field{ flex-basis: 100%; }
  .apple-skin.apple-light.apple-ui .compact-filter{ flex: 1 1 120px; justify-content: space-between; gap: 5px; }
  .apple-skin.apple-light.apple-ui .compact-filter select{ min-width: 0; width: 92px; }
  .apple-skin.apple-light.apple-ui .search-field, .apple-skin.apple-light.apple-ui .search-input{ width: 100%; }
  .apple-skin.apple-light.apple-ui .requirement-row{ grid-template-columns: minmax(0, 1fr) 76px 24px; gap: 7px; padding: 14px 12px; }
  .apple-skin.apple-light.apple-ui .req-row-title{ white-space: normal; }
  .apple-skin.apple-light.apple-ui .requirement-detail{ max-height: none; }
  .apple-skin.apple-light.apple-ui .detail-head h2{ font-size: 19px; }
  .apple-skin.apple-light.apple-ui .detail-actions{ position: static; padding: 12px 16px; }
  .apple-skin.apple-light.apple-ui .progress-track{ margin: 14px 16px; padding: 9px; }
  .apple-skin.apple-light.apple-ui .progress-step{ font-size: 10px; }
  .apple-skin.apple-light.apple-ui .detail-block, .apple-skin.apple-light.apple-ui .detail-meta{ padding-right: 16px; padding-left: 16px; }
  .apple-skin.apple-light.apple-ui .kanban-board{ grid-template-columns: repeat(6, 224px); gap: 10px; }
  .apple-skin.apple-light.apple-ui .kanban-column{ min-height: 280px; }
  .apple-skin.apple-light.apple-ui .calendar-header{ gap: 10px; }
  .apple-skin.apple-light.apple-ui .calendar-header h2{ font-size: 18px; }
  .apple-skin.apple-light.apple-ui .calendar-header .btn{ min-height: 30px; padding: 0 8px; font-size: 12px; }
  .apple-skin.apple-light.apple-ui .work-calendar{ padding: 14px 12px; }
  .apple-skin.apple-light.apple-ui .calendar-summary{ gap: 6px 14px; margin-bottom: 12px; padding-bottom: 12px; font-size: 12px; }
  .apple-skin.apple-light.apple-ui .calendar-summary b{ font-size: 18px; }
  .apple-skin.apple-light.apple-ui .calendar-summary > label{ margin-left: 0; }
  .apple-skin.apple-light.apple-ui .calendar-weekdays{ font-size: 10px; }
  .apple-skin.apple-light.apple-ui .calendar-grid{ gap: 4px; }
  .apple-skin.apple-light.apple-ui .calendar-day{ min-height: 70px; padding: 6px 5px; border-radius: 10px; }
  .apple-skin.apple-light.apple-ui .calendar-date{ font-size: 11px; }
  .apple-skin.apple-light.apple-ui .calendar-date small{ display: none; }
  .apple-skin.apple-light.apple-ui .calendar-hours{ margin-top: 6px; font-size: 12px; }
  .apple-skin.apple-light.apple-ui .calendar-count{ font-size: 10px; }
  .apple-skin.apple-light.apple-ui .calendar-no-log{ font-size: 11px; }
  .apple-skin.apple-light.apple-ui .calendar-legend{ font-size: 10px; }
  .apple-skin.apple-light.apple-ui .day-summary{ position: static; }
  .apple-skin.apple-light.apple-ui .day-log-list{ gap: 8px; padding: 12px; }
  .apple-skin.apple-light.apple-ui .report-progress{ align-items: flex-start; flex-direction: column; gap: 14px; padding: 17px; }
  .apple-skin.apple-light.apple-ui .report-progress h2{ font-size: 22px; }
  .apple-skin.apple-light.apple-ui .report-card-grid{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .report-card .panel-header{ padding: 16px; }
  .apple-skin.apple-light.apple-ui .report-card-body{ padding: 16px; }
  .apple-skin.apple-light.apple-ui .github-onboarding{ padding: 32px 20px 24px; }
  .apple-skin.apple-light.apple-ui .github-onboarding h2{ font-size: 21px; }
  .apple-skin.apple-light.apple-ui .connection-steps{ grid-template-columns: minmax(0, 1fr); gap: 18px; margin-top: 24px; padding-top: 20px; }
  .apple-skin.apple-light.apple-ui .connection-step{ display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0 10px; }
  .apple-skin.apple-light.apple-ui .connection-step > span{ grid-row: span 2; margin: 0; }
  .apple-skin.apple-light.apple-ui .connection-step p{ margin-top: 4px; }
  .apple-skin.apple-light.apple-ui .repo-discovery-grid{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .discovery-card{ padding: 16px; }
  .apple-skin.apple-light.apple-ui .chat-panel{ min-height: 560px; }
  .apple-skin.apple-light.apple-ui .assistant-workspace .chat-panel{ height: auto; min-height: 560px; }
  .apple-skin.apple-light.apple-ui .chat-messages{ padding: 18px 16px; gap: 18px; }
  .apple-skin.apple-light.apple-ui .assistant-minimal-empty{ padding: 46px 12px; }
  .apple-skin.apple-light.apple-ui .assistant-minimal-empty h2{ font-size: 21px; }
  .apple-skin.apple-light.apple-ui .chat-message.user .chat-message-content{ max-width: 88%; }
  .apple-skin.apple-light.apple-ui .chat-message-text{ font-size: 14px; }
  .apple-skin.apple-light.apple-ui .chat-compose{ padding: 14px; }
  .apple-skin.apple-light.apple-ui .compose-footer{ align-items: flex-start; }
  .apple-skin.apple-light.apple-ui .compose-footer .hint{ max-width: 200px; }
  .apple-skin.apple-light.apple-ui .auth-page:has(> .auth-aside){ display: block; }
  .apple-skin.apple-light.apple-ui .auth-aside{ display: none; }
  .apple-skin.apple-light.apple-ui .auth-main{ min-height: 100vh; padding: 28px 20px; background: rgba(255, 255, 255, .7); }
  .apple-skin.apple-light.apple-ui .auth-main .auth-card h1{ font-size: 28px; }
  .apple-skin.apple-light.apple-ui .auth-card{ padding: 26px 22px; }
  .apple-skin.apple-light.apple-ui .modal-backdrop{ padding: 12px; }
  .apple-skin.apple-light.apple-ui .modal{ max-height: calc(100vh - 24px); border-radius: 20px; }
  .apple-skin.apple-light.apple-ui .modal-head{ padding: 19px 19px 15px; }
  .apple-skin.apple-light.apple-ui .modal-body{ padding: 18px 19px; }
  .apple-skin.apple-light.apple-ui .modal-foot{ padding: 13px 19px; }
  .apple-skin.apple-light.apple-ui .modal-head h2{ font-size: 18px; }
  .apple-skin.apple-light.apple-ui .form-grid{ grid-template-columns: minmax(0, 1fr); }
  .apple-skin.apple-light.apple-ui .field.full{ grid-column: auto; }
  .apple-skin.apple-light.apple-ui .checkbox-field{ padding-top: 0; }
  .apple-skin.apple-light.apple-ui .command-backdrop{ padding: 8vh 12px 12px; }
  .apple-skin.apple-light.apple-ui .command-dialog{ max-height: 80vh; }
  .apple-skin.apple-light.apple-ui .command-search{ min-height: 52px; padding: 0 14px; }
  .apple-skin.apple-light.apple-ui .command-result .command-key{ display: none; }
  .apple-skin.apple-light.apple-ui .toast-region{ right: 16px; bottom: 16px; }
  .apple-skin.apple-light.apple-ui .global-error{ bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .command-dialog, .apple-skin.apple-light.apple-ui .toast{ animation: none !important; }
  .apple-skin.apple-light.apple-ui .btn, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .calendar-day, .apple-skin.apple-light.apple-ui .nav-item, .apple-skin.apple-light.apple-ui .close-btn{ transition: none !important; }
}

/* ==========================================================================
   Visible frosted glass
   Pastel desk + low-alpha surfaces + real backdrop blur + specular edge.
   ========================================================================== */
.apple-skin.apple-light.apple-ui body{
  background:
    url('/glass-noise.png') repeat,
    radial-gradient(50% 44% at 94% 0%, #a9ccff 0%, rgba(169, 204, 255, 0) 66%),
    radial-gradient(42% 42% at 0% 100%, #c4dcff 0%, rgba(196, 220, 255, 0) 72%),
    radial-gradient(32% 30% at 78% 84%, #ffdcb9 0%, rgba(255, 220, 185, 0) 70%),
    linear-gradient(180deg, #f6f9fd 0%, #eaf0f9 100%);
  background-attachment: fixed;
}
.apple-skin.apple-light.apple-ui .main-shell{
  position: relative;
  background:
    url('/glass-noise.png') repeat,
    radial-gradient(circle 430px at 78% 20%, rgba(0, 122, 255, .22) 0 56%, transparent 57%),
    radial-gradient(circle 360px at 16% 84%, rgba(255, 149, 0, .18) 0 54%, transparent 55%),
    radial-gradient(55% 45% at 82% 8%, rgba(0, 122, 255, .36), transparent 70%),
    radial-gradient(45% 42% at 8% 92%, rgba(255, 149, 0, .28), transparent 72%),
    radial-gradient(38% 36% at 55% 55%, rgba(52, 199, 89, .16), transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(255, 255, 255, .20));
  -webkit-backdrop-filter: blur(36px) saturate(190%);
  backdrop-filter: blur(36px) saturate(190%);
  border: .5px solid rgba(255, 255, 255, .8);
  box-shadow: 0 0 0 .5px rgba(60, 60, 67, .10), 0 28px 68px -34px rgba(16, 24, 40, .36), inset 0 1px 0 rgba(255, 255, 255, .96), inset 0 -1px 0 rgba(60, 60, 67, .05);
}
.apple-skin.apple-light.apple-ui .main-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(40% 36% at 92% 2%, rgba(0, 122, 255, .16), transparent 70%),
    radial-gradient(38% 36% at 4% 100%, rgba(255, 149, 0, .10), transparent 72%),
    radial-gradient(30% 30% at 60% 74%, rgba(52, 199, 89, .06), transparent 72%);
}
.apple-skin.apple-light.apple-ui .main-shell::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: url('/glass-noise.png') repeat;
  opacity: .46;
  mix-blend-mode: soft-light;
}
.apple-skin.apple-light.apple-ui .topbar, .apple-skin.apple-light.apple-ui main{ position: relative; z-index: 1; }
.apple-skin.apple-light.apple-ui .topbar{ z-index: 4; }
.apple-skin.apple-light.apple-ui .sidebar{
  background:
    url('/glass-noise.png') repeat,
    radial-gradient(60% 36% at 100% 0%, rgba(0, 122, 255, .22), transparent 70%),
    radial-gradient(40% 34% at 0% 100%, rgba(255, 149, 0, .10), transparent 72%),
    linear-gradient(180deg, rgba(255, 255, 255, .30), rgba(248, 250, 253, .18));
  -webkit-backdrop-filter: blur(46px) saturate(195%);
  backdrop-filter: blur(46px) saturate(195%);
  border: .5px solid rgba(255, 255, 255, .8);
  box-shadow: 0 0 0 .5px rgba(60, 60, 67, .10), 0 28px 68px -34px rgba(16, 24, 40, .36), inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 0 rgba(60, 60, 67, .05);
}
.apple-skin.apple-light.apple-ui .topbar{
  background:
    url('/glass-noise.png') repeat,
    radial-gradient(50% 120% at 100% 0%, rgba(0, 122, 255, .20), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(250, 250, 252, .18));
  -webkit-backdrop-filter: blur(36px) saturate(190%);
  backdrop-filter: blur(36px) saturate(190%);
  border-bottom: .5px solid rgba(60, 60, 67, .08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96);
}
.apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .calendar-day, .apple-skin.apple-light.apple-ui .day-log-card, .apple-skin.apple-light.apple-ui .auth-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 30%),
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .20));
  background-blend-mode: normal, normal, normal;
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  border: .5px solid rgba(255, 255, 255, .72);
  box-shadow: 0 0 0 .5px rgba(60, 60, 67, .10), inset 0 1px 0 rgba(255, 255, 255, .98), inset 0 -1px 0 rgba(60, 60, 67, .05), 0 20px 48px -30px rgba(16, 24, 40, .26);
}
.apple-skin.apple-light.apple-ui .auth-main .auth-card{
  padding: 30px 28px;
  border: .5px solid rgba(255, 255, 255, .72);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0) 30%),
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .20));
  background-blend-mode: normal, normal, normal;
  -webkit-backdrop-filter: blur(26px) saturate(180%);
  backdrop-filter: blur(26px) saturate(180%);
  box-shadow: 0 0 0 .5px rgba(60, 60, 67, .10), inset 0 1px 0 rgba(255, 255, 255, .98), 0 20px 48px -30px rgba(16, 24, 40, .26);
}
.apple-skin.apple-light.apple-ui .auth-aside{
  background:
    url('/glass-noise.png') repeat,
    radial-gradient(50% 40% at 100% 0%, rgba(0, 122, 255, .16), transparent 70%),
    linear-gradient(180deg, rgba(255, 255, 255, .24), rgba(248, 250, 253, .14));
  -webkit-backdrop-filter: blur(42px) saturate(190%);
  backdrop-filter: blur(42px) saturate(190%);
  border-right: .5px solid rgba(255, 255, 255, .7);
}
.apple-skin.apple-light.apple-ui .auth-main{
  background: linear-gradient(180deg, rgba(255, 255, 255, .32), rgba(255, 255, 255, .18));
  -webkit-backdrop-filter: blur(42px) saturate(190%);
  backdrop-filter: blur(42px) saturate(190%);
}
.apple-skin.apple-light.apple-ui .drawer{
  background:
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(248, 249, 252, .70));
  background-blend-mode: soft-light, normal;
  -webkit-backdrop-filter: blur(44px) saturate(185%);
  backdrop-filter: blur(44px) saturate(185%);
}
.apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .command-dialog{
  background:
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .82), rgba(248, 249, 252, .70));
  background-blend-mode: soft-light, normal;
  -webkit-backdrop-filter: blur(44px) saturate(185%);
  backdrop-filter: blur(44px) saturate(185%);
}
.apple-skin.apple-light.apple-ui input, .apple-skin.apple-light.apple-ui select, .apple-skin.apple-light.apple-ui textarea{ background: rgba(255, 255, 255, .50); }
.apple-skin.apple-light.apple-ui .panel-header, .apple-skin.apple-light.apple-ui .panel-footer, .apple-skin.apple-light.apple-ui .list-heading{ background: rgba(255, 255, 255, .14); }
.apple-skin.apple-light.apple-ui .modal-foot, .apple-skin.apple-light.apple-ui .drawer-foot{ background: rgba(255, 255, 255, .24); }
@media (max-width: 760px) {
  .apple-skin.apple-light.apple-ui .auth-main .auth-card{ padding: 24px 20px; }
  .apple-skin.apple-light.apple-ui .main-shell{ background: linear-gradient(180deg, rgba(255, 255, 255, .40), rgba(255, 255, 255, .26)); }
  .apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .calendar-day, .apple-skin.apple-light.apple-ui .day-log-card{ background: linear-gradient(180deg, rgba(255, 255, 255, .54), rgba(255, 255, 255, .34)); }
}

@media (prefers-reduced-transparency: reduce) {
  .apple-skin.apple-light.apple-ui .sidebar, .apple-skin.apple-light.apple-ui .main-shell, .apple-skin.apple-light.apple-ui .topbar, .apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .calendar-day, .apple-skin.apple-light.apple-ui .day-log-card, .apple-skin.apple-light.apple-ui .auth-card, .apple-skin.apple-light.apple-ui .auth-aside, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .drawer, .apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .command-dialog{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #f5f5f7 !important;
    box-shadow: none !important;
  }
  .apple-skin.apple-light.apple-ui .main-shell, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .auth-aside{ background: #ffffff !important; }
  .apple-skin.apple-light.apple-ui body{ background: #f5f5f7 !important; }
}

/* ==========================================================================
   Liquid-glass pass: rich wallpaper, rim light, chromatic edge.
   The wallpaper is what the card's backdrop-filter actually refracts; without
   a detailed desk behind the glass the blur has nothing to show.
   ========================================================================== */
.apple-skin.apple-light.apple-ui body{
  background:
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .10), rgba(255, 255, 255, .04)),
    url('/glass-wallpaper.webp') center / cover no-repeat fixed,
    #f2f6fc;
}
.apple-skin.apple-light.apple-ui .main-shell{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)),
    url('/glass-wallpaper.webp') center / cover no-repeat fixed;
}
.apple-skin.apple-light.apple-ui .sidebar{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .05)),
    url('/glass-wallpaper.webp') center / cover no-repeat fixed;
}
.apple-skin.apple-light.apple-ui .auth-main{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .18), rgba(255, 255, 255, .06)),
    url('/glass-wallpaper.webp') center / cover no-repeat fixed;
}
.apple-skin.apple-light.apple-ui .auth-aside{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .12), rgba(255, 255, 255, .03)),
    url('/glass-wallpaper.webp') center / cover no-repeat fixed;
}
.apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .day-log-card, .apple-skin.apple-light.apple-ui .auth-card, .apple-skin.apple-light.apple-ui .drawer, .apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .command-dialog{
  position: relative;
}
.apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .day-log-card, .apple-skin.apple-light.apple-ui .auth-card, .apple-skin.apple-light.apple-ui .sidebar, .apple-skin.apple-light.apple-ui .topbar, .apple-skin.apple-light.apple-ui .auth-aside, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .drawer, .apple-skin.apple-light.apple-ui .command-dialog{
  box-shadow:
    0 0 0 .5px rgba(60, 60, 67, .10),
    0 20px 48px -30px rgba(16, 24, 40, .26),
    inset 0 1px 0 rgba(255, 255, 255, .98),
    inset 0 -1px 0 rgba(60, 60, 67, .05),
    inset 1px 1px 0 rgba(255, 178, 138, .08),
    inset -1px -1px 0 rgba(112, 174, 255, .10);
}
.apple-skin.apple-light.apple-ui .panel::before, .apple-skin.apple-light.apple-ui .metric::before, .apple-skin.apple-light.apple-ui .quick-link::before, .apple-skin.apple-light.apple-ui .repo-card::before, .apple-skin.apple-light.apple-ui .kanban-card::before, .apple-skin.apple-light.apple-ui .day-log-card::before, .apple-skin.apple-light.apple-ui .auth-card::before, .apple-skin.apple-light.apple-ui .sidebar::before, .apple-skin.apple-light.apple-ui .topbar::before, .apple-skin.apple-light.apple-ui .auth-aside::before, .apple-skin.apple-light.apple-ui .auth-main::before, .apple-skin.apple-light.apple-ui .modal::before, .apple-skin.apple-light.apple-ui .drawer::before, .apple-skin.apple-light.apple-ui .command-dialog::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 6;
  padding: 1px;
  border-radius: inherit;
  background: conic-gradient(from 215deg at 50% 50%,
    rgba(255, 255, 255, .92) 0deg,
    rgba(255, 255, 255, .10) 48deg,
    rgba(255, 255, 255, .62) 105deg,
    rgba(255, 255, 255, .05) 160deg,
    rgba(255, 255, 255, .52) 225deg,
    rgba(255, 255, 255, .95) 292deg,
    rgba(255, 255, 255, .92) 360deg);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .76;
}
.apple-skin.apple-light.apple-ui .main-shell{
  border-color: rgba(255, 255, 255, .86);
  box-shadow:
    0 0 0 .5px rgba(60, 60, 67, .11),
    0 28px 70px -34px rgba(16, 24, 40, .36),
    inset 0 1px 0 rgba(255, 255, 255, 1),
    inset 0 -1px 0 rgba(60, 60, 67, .06),
    inset 1px 1px 0 rgba(255, 178, 138, .07),
    inset -1px -1px 0 rgba(112, 174, 255, .10);
}
.apple-skin.apple-light.apple-ui .auth-main .auth-card{
  background:
    linear-gradient(180deg, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0) 28%),
    url('/glass-noise.png') repeat,
    linear-gradient(180deg, rgba(255, 255, 255, .40), rgba(255, 255, 255, .22));
  background-blend-mode: normal, soft-light, normal;
}
@media (max-width: 760px) {
  .apple-skin.apple-light.apple-ui .main-shell, .apple-skin.apple-light.apple-ui .sidebar, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .auth-aside{
    background-position: center top;
    background-size: cover;
  }
  .apple-skin.apple-light.apple-ui .panel::before, .apple-skin.apple-light.apple-ui .metric::before, .apple-skin.apple-light.apple-ui .quick-link::before, .apple-skin.apple-light.apple-ui .auth-card::before, .apple-skin.apple-light.apple-ui .sidebar::before, .apple-skin.apple-light.apple-ui .topbar::before, .apple-skin.apple-light.apple-ui .auth-aside::before, .apple-skin.apple-light.apple-ui .auth-main::before{
    opacity: .62;
  }
}
@media (prefers-reduced-transparency: reduce) {
  .apple-skin.apple-light.apple-ui .sidebar, .apple-skin.apple-light.apple-ui .main-shell, .apple-skin.apple-light.apple-ui .topbar, .apple-skin.apple-light.apple-ui .panel, .apple-skin.apple-light.apple-ui .metric, .apple-skin.apple-light.apple-ui .quick-link, .apple-skin.apple-light.apple-ui .repo-card, .apple-skin.apple-light.apple-ui .kanban-card, .apple-skin.apple-light.apple-ui .calendar-day, .apple-skin.apple-light.apple-ui .day-log-card, .apple-skin.apple-light.apple-ui .auth-card, .apple-skin.apple-light.apple-ui .auth-aside, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .drawer, .apple-skin.apple-light.apple-ui .modal, .apple-skin.apple-light.apple-ui .command-dialog{
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    background: #f5f5f7 !important;
    box-shadow: none !important;
  }
  .apple-skin.apple-light.apple-ui .main-shell, .apple-skin.apple-light.apple-ui .auth-main, .apple-skin.apple-light.apple-ui .auth-aside{ background: #ffffff !important; }
  .apple-skin.apple-light.apple-ui body{ background: #f5f5f7 !important; }
  .apple-skin.apple-light.apple-ui .panel::before, .apple-skin.apple-light.apple-ui .metric::before, .apple-skin.apple-light.apple-ui .quick-link::before, .apple-skin.apple-light.apple-ui .repo-card::before, .apple-skin.apple-light.apple-ui .kanban-card::before, .apple-skin.apple-light.apple-ui .day-log-card::before, .apple-skin.apple-light.apple-ui .auth-card::before, .apple-skin.apple-light.apple-ui .sidebar::before, .apple-skin.apple-light.apple-ui .topbar::before, .apple-skin.apple-light.apple-ui .auth-aside::before, .apple-skin.apple-light.apple-ui .auth-main::before, .apple-skin.apple-light.apple-ui .modal::before, .apple-skin.apple-light.apple-ui .drawer::before, .apple-skin.apple-light.apple-ui .command-dialog::before{ display: none !important; }
}

/* The app's global error banner sets hidden, but the base .global-error
   display rule can override the UA hidden rule. Honour the attribute. */
.apple-skin.apple-light.apple-ui [hidden]{ display: none !important; }