/* The native application owns the shell; imported screens share its palette. */
@media screen {
  :where(:root:not(:has(.page-property-register))) {
  &:root:not([data-theme="dark"]) {
    --sidebar:#002d28;
    --sidebar-muted:#a0b4ab;
    --bg:#f5f5f5;
    --accent:#5a8c00;
    --accent-dark:#477000;
    --accent-light:#f0f5df;
    --green:#00503c;
    --green-light:#e8f1ed;
  }
  &:root[data-theme="dark"] {
    --sidebar:#002d28;
    --accent:#c2d352;
    --accent-dark:#d4e36a;
    --accent-light:#303a1e;
  }
  ::selection {background:#c2d35266}
  body>.sidebar {background:#002d28;border-right-color:#ffffff14}
  #sidebar .brand-mark {
    background:#c2d35214;color:#c2d352;border:1px solid #c2d3588c;border-radius:5px;
  }
  #sidebar .brand-360 {color:#c2d352}
  #sidebar :is(.brand small,.workspace-label small,.workspace-user small) {color:#a0b4ab}
  #sidebar .nav-section-label {color:#91ab9f}
  #sidebar .nav-item {border-radius:5px;color:#c0cec7}
  #sidebar .nav-item svg {color:#c2d352;opacity:1}
  #sidebar .nav-item:hover,#sidebar .nav-item.active {background:#00503c;color:#fff}
  #sidebar .nav-item.active::before {background:#c2d352}
  #sidebar .sidebar-note {border-color:#c2d35247}
  #sidebar .sidebar-note-line {background:linear-gradient(90deg,#c2d352 28%,#ffffff13 28%)}
  body>.workspace>.topbar {background:#002d28;border-color:#ffffff1f}
  body>.workspace>.topbar .breadcrumb {color:#b8c9c1}
  body>.workspace>.topbar .breadcrumb strong {color:#fff}
  body>.workspace>.topbar .breadcrumb-divider {color:#7f9b8f}
  body>.workspace>.topbar .global-search {
    padding:0 9px;background:#fff;color:#7d8b83;border:1px solid #fff;border-radius:5px;
  }
  body>.workspace>.topbar .global-search input {background:transparent;color:#24332e}
  body>.workspace>.topbar .global-search kbd {background:#f5f5f5;color:#7c8880}
  body>.workspace>.topbar .environment-badge {color:#c0cec7;border-color:#ffffff2e}
  body>.workspace>.topbar .environment-badge .status-dot {background:#c2d352}
  body>.workspace>.topbar .icon-button {background:transparent;color:#fff;border-color:#ffffff38}
  body>.workspace>.topbar .icon-button:hover {color:#c2d352;border-color:#c2d352}
  body>.workspace>.topbar .btn-primary {
    color:#002d28;background:#c2d352;border-color:#c2d352;box-shadow:none;
  }
  body>.workspace>.topbar .btn-primary:hover {background:#d0df69;border-color:#d0df69}
  &:root[data-theme="dark"] .btn-primary {background:#5a8c00;border-color:#5a8c00;color:#fff}
  &:root[data-theme="dark"] .btn-primary:hover {background:#6b9e0a;border-color:#6b9e0a}
  }
  :root:has(.page-property-register) #sidebar .nav-subitem {padding-left:38px}
  :root:has(.page-property-register) #sidebar .nav-subitem .nav-label {font-size:11px}
}

.workspace-section-nav,.workspace-section-link,.workspace-section-action {box-sizing:border-box}
.workspace-section-nav {
  min-width:0;max-width:100%;margin-bottom:20px;padding:14px 16px;
  background:var(--surface);border:1px solid var(--line);border-radius:5px;
}
.workspace-section-nav-heading {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;
}
.workspace-section-title {min-width:0;color:var(--ink);font-size:13px;font-weight:600;overflow-wrap:anywhere}
.workspace-section-action {max-width:100%;border-radius:5px;white-space:normal;text-align:left}
.workspace-section-links {display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.workspace-section-link {
  display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:100%;padding:7px 10px;
  color:var(--muted);border:1px solid transparent;border-radius:4px;font-size:13px;line-height:1.3;text-decoration:none;
}
.workspace-section-link>.icon {flex:none;width:16px;height:16px}
.workspace-section-link>span {min-width:0;overflow-wrap:anywhere}
.workspace-section-link:hover {background:var(--accent-light);color:var(--accent)}
.workspace-section-link.active,.workspace-section-link[aria-current="page"] {
  background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600;
}
.workspace-section-link:focus-visible,.workspace-section-action:focus-visible {outline:2px solid var(--accent);outline-offset:2px}

.unified-work-tracker {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;align-items:start;
}
.unified-work-tracker>.panel {min-width:0}
.unified-context-actions {display:flex;justify-content:flex-end;margin-bottom:12px}
.unified-native-settings {margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.unified-native-settings>h2 {margin-bottom:18px}
.unified-native-settings .settings-grid {min-width:0}
.unified-native-settings .settings-grid>* {min-width:0}

@media(max-width:1050px) {
  .unified-work-tracker {gap:16px}
}
@media(max-width:760px) {
  .unified-work-tracker {grid-template-columns:minmax(0,1fr);margin-bottom:20px}
  .unified-native-settings {margin-top:22px;padding-top:20px}
}