/* GENERATED by scripts/build-skin-p.mjs. Do not edit: change the base stylesheets or
   skin-p.materials.css and run the script again. System: docs/DESIGN.md. */

/* ── from theme.css ── */
:root[data-skin="p"] {
  --bg: #080809;
  --surface: #1A1B1D;
  --surface-2: #101012;
  --surface-3: #2A2B2E;
  --bg-deep: #080809;
  --ink: #F6F7F8;
  --ink-2: #C7C9CC;
  --ink-3: #AAACB1;
  --mute: #919499;
  --t4: #919499;
  --divider: #3E4043;
  --t5: #2B2C2E;
  --brand: #EAEBED;
  --brand-2: #D3D4D7;
  --brand-soft: rgba(234, 235, 237,0.14);
  --brand-rim: rgba(234, 235, 237,0.45);
  --accent: #BEC5CC;
  --accent-soft: rgba(190, 197, 204,0.14);
  --viz-1: #E5E6E8;
  --viz-2: #939CA6;
  --viz-3: #72747B;
  --viz-4: #BEC5CC;
  --viz-5: #ACB9C5;
  --viz-ord-1: #F6F7F8;
  --viz-ord-2: #BEC5CC;
  --viz-ord-3: #939CA6;
  --viz-ord-4: #72747B;
  --gold-2: #FFA55B;
  --green: #69D98D;
  --red: #FF6759;
  --orange: #FFA55B;
  --blue: #ACB9C5;
  --purple: #939CA6;
  --cyan: #BEC5CC;
  --sev-critical: #FF6759;
  --sev-high: #FFA55B;
  --sev-medium: #ACB9C5;
  --sev-low: #919499;
}
[data-skin="p"] ::selection {
  color: #080809;
}
[data-skin="p"] .up {
  text-transform: none;
  letter-spacing: 0.01em;
}
[data-skin="p"] .eyebrow {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: 400;
}
[data-skin="p"] .section-num {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .h1 {
  font-size: 36px;
  font-weight: 560;
}
[data-skin="p"] .h2 {
  font-weight: 650;
}
[data-skin="p"] .h3 {
  font-size: 17px;
  font-weight: 650;
}
[data-skin="p"] .lead {
  font-size: 14px;
}
[data-skin="p"] .mono-title {
  font-weight: 400;
  text-transform: none;
}
[data-skin="p"] .btn {
  font-size: 14px;
  font-weight: 400;
}
[data-skin="p"] .btn.gold {
  border-color: rgba(190, 197, 204,0.45);
}
[data-skin="p"] .btn.danger {
  border-color: rgba(255, 103, 89,0.4);
}
[data-skin="p"] .btn.danger:hover {
  background: rgba(255, 103, 89,0.08);
}
[data-skin="p"] .btn.sm {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .field > label {
  font-size: 12px;
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 400;
}
[data-skin="p"] .card .val {
  font-size: 36px;
  font-weight: 560;
}
[data-skin="p"] .card .val.xl {
  font-size: 56px;
}
[data-skin="p"] .card .val.sm {
  font-size: 28px;
}
[data-skin="p"] .card .delta {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
}
[data-skin="p"] .card .delta.up {
  background: rgba(105, 217, 141,0.12);
}
[data-skin="p"] .card .delta.dn {
  background: rgba(255, 103, 89,0.12);
}
[data-skin="p"] .ch-t {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .ch-sub {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] table {
  font-size: 14px;
}
[data-skin="p"] table th {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .badge {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 560;
}
[data-skin="p"] .badge::before {
  border-radius: 999px;
}
[data-skin="p"] .badge.gold {
  border-color: rgba(190, 197, 204,0.45);
}
[data-skin="p"] .badge.success {
  border-color: rgba(105, 217, 141,0.4);
}
[data-skin="p"] .badge.warn {
  border-color: rgba(255, 165, 91,0.4);
}
[data-skin="p"] .badge.danger {
  border-color: rgba(255, 103, 89,0.4);
}
[data-skin="p"] .badge.info {
  border-color: rgba(172, 185, 197,0.4);
}
[data-skin="p"] .pos {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.01em;
}
[data-skin="p"] .pos.p1 {
  background: rgba(105, 217, 141,0.18);
  border-color: rgba(105, 217, 141,0.4);
}
[data-skin="p"] .pos.p2 {
  background: rgba(105, 217, 141,0.10);
  border-color: rgba(105, 217, 141,0.25);
}
[data-skin="p"] .pos.p3 {
  background: rgba(190, 197, 204,0.16);
  border-color: rgba(190, 197, 204,0.35);
}
[data-skin="p"] .pos.p10 {
  background: rgba(172, 185, 197,0.10);
  border-color: rgba(172, 185, 197,0.25);
}
[data-skin="p"] .pos.p20 {
  background: rgba(255, 165, 91,0.10);
  border-color: rgba(255, 165, 91,0.22);
}
[data-skin="p"] .pos.over {
  background: rgba(255, 103, 89,0.10);
  border-color: rgba(255, 103, 89,0.22);
}
[data-skin="p"] .serp-chip {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  background: rgba(234, 235, 237,0.10);
  border: 1px solid rgba(234, 235, 237,0.25);
}
[data-skin="p"] .serp-chip.ai-overview {
  background: rgba(172, 185, 197,0.12);
  color: #ACB9C5;
  border-color: rgba(172, 185, 197,0.30);
}
[data-skin="p"] .serp-chip.featured {
  background: rgba(105, 217, 141,0.12);
  border-color: rgba(105, 217, 141,0.30);
}
[data-skin="p"] .serp-chip.paa {
  background: rgba(147, 156, 166,0.12);
  color: #939CA6;
  border-color: rgba(147, 156, 166,0.28);
}
[data-skin="p"] .serp-chip.ads {
  background: rgba(255, 165, 91,0.10);
  border-color: rgba(255, 165, 91,0.26);
}
[data-skin="p"] .serp-chip.local {
  background: rgba(190, 197, 204,0.12);
  color: #BEC5CC;
  border-color: rgba(190, 197, 204,0.30);
}
[data-skin="p"] .spark-empty {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .sev {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .sev.critical {
  background: rgba(255, 103, 89,0.14);
}
[data-skin="p"] .sev.high {
  background: rgba(255, 165, 91,0.14);
}
[data-skin="p"] .sev.medium {
  background: rgba(172, 185, 197,0.10);
}
[data-skin="p"] .ep-loading {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 400;
}
[data-skin="p"] .ep-loading-dot {
  border-radius: 999px;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .ep-loading-bar {
  background: rgba(234, 235, 237,0.10);
  border-radius: 999px;
}
[data-skin="p"] .ep-loading-bar::after {
  background: linear-gradient(90deg,
    rgba(234, 235, 237,0) 0%,
    rgba(234, 235, 237,.85) 50%,
    rgba(147, 156, 166,0) 100%);
}
[data-skin="p"] .ep-skel {
  background: linear-gradient(90deg,
    rgba(255,255,255,.04) 0%,
    rgba(234, 235, 237,.14) 50%,
    rgba(255,255,255,.04) 100%);
  border-radius: 6px;
}

/* ── from layout.css ── */
[data-skin="p"] .topbar {
  background: rgba(8, 8, 9,0.86);
}
[data-skin="p"] .topbar-brand-text {
  font-weight: 560;
}
[data-skin="p"] .topbar-tag {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .topbar-tag-ver {
  font-weight: 650;
}
[data-skin="p"] .topbar-crumb-item {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .topbar-crumb-sep {
  font-size: 12px;
}
[data-skin="p"] .client-switcher-dot {
  border-radius: 999px;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .client-switcher-name {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .client-switcher-domain {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .client-switcher-item .meta-name {
  font-size: 14px;
  font-weight: 560;
}
[data-skin="p"] .client-switcher-item .meta-domain {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .user-pill-avatar {
  border-radius: 999px;
  color: #080809;
  font-size: 12px;
  font-weight: 560;
}
[data-skin="p"] .user-pill-name {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .btn-logout {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .btn-logout:hover {
  border-color: rgba(255, 103, 89,0.4);
}
[data-skin="p"] .sidebar-brand-name {
  font-weight: 650;
}
[data-skin="p"] .sidebar-brand-tag {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .sidebar-section {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .nav-item {
  font-size: 14px;
  font-weight: 400;
}
[data-skin="p"] .nav-item::before {
  font-size: 12px;
  letter-spacing: 0.01em;
  font-weight: 400;
}
[data-skin="p"] .nav-item .badge-tiny {
  border-radius: 6px;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.01em;
}
[data-skin="p"] .nav-group-head {
  font-size: 12px;
  font-weight: 400;
}
[data-skin="p"] .nav-group-count {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  border-radius: 999px;
}
[data-skin="p"] .nav-group-chevron {
  font-size: 12px;
}
[data-skin="p"] .nav-grouped .nav-item {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .sidebar-foot-version {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .view-h-eyebrow {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .view-h-title {
  font-size: 36px;
  font-weight: 560;
}
[data-skin="p"] .gd-client-last {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .gd-last-dot {
  font-size: 12px;
}
[data-skin="p"] .gd-client-last-fresh .gd-last-dot {
  color: #69D98D;
}
[data-skin="p"] .gd-client-last-ok .gd-last-dot {
  color: #FFA55B;
}
[data-skin="p"] .gd-last-rel {
  font-weight: 650;
}
[data-skin="p"] .gd-last-abs {
  font-size: 12px;
}
[data-skin="p"] .admin-last-cell {
  font-family: var(--ff-mono);
  font-size: 12px;
}
[data-skin="p"] .admin-last-dot {
  font-size: 12px;
}
[data-skin="p"] .admin-last-fresh .admin-last-dot {
  color: #69D98D;
}
[data-skin="p"] .admin-last-ok .admin-last-dot {
  color: #FFA55B;
}
[data-skin="p"] .admin-last-rel {
  font-weight: 650;
  font-size: 12px;
}
[data-skin="p"] .admin-last-abs {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .fresh-bar {
  border-radius: 6px;
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .fresh-bar-dot {
  border-radius: 999px;
}
[data-skin="p"] .fresh-bar-fresh .fresh-bar-dot {
  background: #69D98D;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .fresh-bar-ok .fresh-bar-dot {
  background: #FFA55B;
}
[data-skin="p"] .fresh-bar-stale .fresh-bar-dot {
  background: #FF6759;
}
[data-skin="p"] .fresh-bar-running .fresh-bar-dot {
  background: #EAEBED;
}
[data-skin="p"] .fresh-bar-lbl {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 12px;
}
[data-skin="p"] .fresh-bar-time {
  font-weight: 650;
}
[data-skin="p"] .fresh-bar-cost {
  font-size: 12px;
  border-radius: 999px;
}
[data-skin="p"] .fresh-bar-cost-paid {
  color: #FFA55B;
  border-color: rgba(255, 165, 91,0.4);
  background: rgba(255, 165, 91,0.06);
}
[data-skin="p"] .fresh-bar-cost-free {
  color: #69D98D;
  border-color: rgba(105, 217, 141,0.4);
  background: rgba(105, 217, 141,0.06);
}
[data-skin="p"] .fresh-bar-btn {
  font-size: 12px !important;
}
[data-skin="p"] .last-update {
  border-radius: 6px;
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .last-update-fresh {
  border-color: rgba(105, 217, 141, 0.4);
  background: rgba(105, 217, 141, 0.05);
}
[data-skin="p"] .last-update-fresh .lu-icon {
  color: #69D98D;
}
[data-skin="p"] .last-update-ok {
  border-color: rgba(255, 165, 91, 0.4);
  background: rgba(255, 165, 91, 0.05);
}
[data-skin="p"] .last-update-ok .lu-icon {
  color: #FFA55B;
}
[data-skin="p"] .last-update-stale {
  border-color: rgba(255, 103, 89, 0.4);
  background: rgba(255, 103, 89, 0.05);
}
[data-skin="p"] .last-update-stale .lu-icon {
  color: #FF6759;
}
[data-skin="p"] .lu-label {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 12px;
}
[data-skin="p"] .lu-time {
  font-weight: 650;
}
[data-skin="p"] .lu-iso {
  font-size: 12px;
}
[data-skin="p"] .lu-source {
  border-radius: 999px;
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .lu-source-dot {
  font-size: 12px;
}
[data-skin="p"] .lu-source-fresh .lu-source-dot {
  color: #69D98D;
}
[data-skin="p"] .lu-source-ok .lu-source-dot {
  color: #FFA55B;
}
[data-skin="p"] .lu-source-lbl {
  text-transform: none;
}
[data-skin="p"] .section-bar .num {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .section-bar .label {
  font-size: 17px;
  font-weight: 650;
}
[data-skin="p"] .insight-strip-l {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .insight-strip-v {
  font-size: 17px;
  font-weight: 650;
}
[data-skin="p"] .insight-strip-s {
  font-size: 12px;
}
[data-skin="p"] .insight-strip-verdict {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .insight-strip-verdict.success {
  background: rgba(105, 217, 141,0.10);
  border-color: rgba(105, 217, 141,0.3);
}
[data-skin="p"] .insight-strip-verdict.danger {
  background: rgba(255, 103, 89,0.10);
  border-color: rgba(255, 103, 89,0.3);
}
[data-skin="p"] .insight-strip-verdict.halo {
  background: linear-gradient(90deg, rgba(255, 165, 91,0.18), rgba(234, 235, 237,0.12));
  border-color: rgba(255, 165, 91,0.4);
}
@media (max-width: 900px) {
  [data-skin="p"] .sidebar.open {
    box-shadow: var(--shadow-edge);
  }
  [data-skin="p"] .view-h-title {
    font-size: 22px;
  }
}
[data-skin="p"] .topbar-hamburger:hover {
  border-color: rgba(234, 235, 237,0.30);
}

/* ── from components.css ── */
[data-skin="p"] .modal h2 {
  font-size: 22px;
  font-weight: 560;
}
[data-skin="p"] .modal .sub {
  font-size: 14px;
}
[data-skin="p"] .toast {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .ep-popup {
  background: rgba(8, 8, 9,0.82);
}
[data-skin="p"] .ep-popup-card {
  background: radial-gradient(ellipse at top, rgba(234, 235, 237,0.18), transparent 65%),
              linear-gradient(160deg, rgba(190, 197, 204,0.12), rgba(15,15,15,0.96) 60%);
  border: 1px solid rgba(234, 235, 237,0.45);
  border-radius: 12px;
  box-shadow: var(--shadow-float);
}
[data-skin="p"] .ep-popup-title {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 560;
}
[data-skin="p"] .ep-popup-value {
  font-size: clamp(56px, 9vw, 56px);
  font-weight: 560;
  background: linear-gradient(180deg, #F6F7F8 0%, #EAEBED 50%, #BEC5CC 100%);
}
[data-skin="p"] .ep-popup-context {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .ep-popup-cta {
  color: #101012;
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
  box-shadow: var(--shadow-float);
}
[data-skin="p"] .ep-popup-cta:hover {
  box-shadow: var(--shadow-float);
}
[data-skin="p"] .tab {
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .tab.active {
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .login-left {
  background: radial-gradient(ellipse at 20% 30%, rgba(234, 235, 237,0.08), transparent 50%),
    radial-gradient(ellipse at 80% 70%, rgba(190, 197, 204,0.06), transparent 50%),
    var(--bg);
}
[data-skin="p"] .login-mark-text {
  font-weight: 560;
}
[data-skin="p"] .login-mark-tag {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .login-eyebrow {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 400;
}
[data-skin="p"] .login-headline {
  font-size: clamp(36px, 5vw, 56px);
  font-weight: 560;
}
[data-skin="p"] .login-headline em {
  font-weight: 400;
}
[data-skin="p"] .login-lede {
  font-size: 17px;
}
[data-skin="p"] .login-meta-label {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .login-meta-value {
  font-weight: 650;
}
[data-skin="p"] .login-foot {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .login-card h2 {
  font-weight: 560;
}
[data-skin="p"] .login-card .sub {
  font-size: 14px;
}
[data-skin="p"] .login-error {
  background: rgba(255, 103, 89,0.08);
  border: 1px solid rgba(255, 103, 89,0.3);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .gd-hero-cell.tone-good::before {
  background: #69D98D;
}
[data-skin="p"] .gd-hero-cell.tone-bad::before {
  background: #FF6759;
}
[data-skin="p"] .gd-hero-lbl {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 560;
}
[data-skin="p"] .gd-hero-val {
  font-size: 36px;
  font-weight: 560;
}
[data-skin="p"] .gd-hero-suffix {
  font-weight: 400;
}
[data-skin="p"] .gd-hero-sub {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .gd-roi {
  background: linear-gradient(135deg, rgba(234, 235, 237,0.10) 0%, rgba(234, 235, 237,0.02) 80%);
  border: 1px solid rgba(234, 235, 237,0.20);
}
[data-skin="p"] .gd-roi-num {
  font-weight: 650;
}
[data-skin="p"] .gd-podium-h {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .gd-podium-rank {
  font-size: 14px;
  font-weight: 650;
  border-radius: 999px;
}
[data-skin="p"] .gd-podium-rank.rank-1 {
  color: #BEC5CC;
  border-color: rgba(190, 197, 204,0.30);
  background: rgba(190, 197, 204,0.06);
}
[data-skin="p"] .gd-podium-rank.rank-2 {
  color: #C7C9CC;
  border-color: rgba(199, 201, 204,0.30);
  background: rgba(199, 201, 204,0.06);
}
[data-skin="p"] .gd-podium-rank.rank-3 {
  color: #72747B;
  border-color: rgba(114, 116, 123,0.30);
  background: rgba(114, 116, 123,0.06);
}
[data-skin="p"] .gd-podium-row:hover {
  background: rgba(234, 235, 237,0.04);
}
[data-skin="p"] .gd-podium-medal {
  font-size: 17px;
}
[data-skin="p"] .gd-podium-name {
  font-weight: 560;
}
[data-skin="p"] .gd-podium-sub {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .gd-podium-val {
  font-weight: 650;
}
[data-skin="p"] .gd-podium-empty {
  font-size: 12px;
}
[data-skin="p"] .gd-podium-foot {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .gd-alert {
  border-radius: 6px;
}
[data-skin="p"] .gd-alert.tone-critical {
  border-left-color: #FF6759;
  background: rgba(255, 103, 89,0.05);
}
[data-skin="p"] .gd-alert.tone-high {
  border-left-color: #FFA55B;
  background: rgba(255, 165, 91,0.05);
}
[data-skin="p"] .gd-alert.tone-medium {
  background: rgba(234, 235, 237,0.05);
}
[data-skin="p"] .gd-alert-dot {
  border-radius: 999px;
}
[data-skin="p"] .gd-alert.tone-critical .gd-alert-dot {
  background: #FF6759;
}
[data-skin="p"] .gd-alert.tone-high .gd-alert-dot {
  background: #FFA55B;
}
[data-skin="p"] .gd-activity {
  border-radius: 6px;
}
[data-skin="p"] .gd-activity-tag {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
  border-radius: 999px;
}
[data-skin="p"] .gd-client-card:hover {
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .gd-client-name {
  font-weight: 560;
}
[data-skin="p"] .gd-client-domain {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .gd-mini-cell {
  border-radius: 6px;
}
[data-skin="p"] .gd-mini-cell.tone-good {
  border-top-color: #69D98D;
}
[data-skin="p"] .gd-mini-cell.tone-bad {
  border-top-color: #FF6759;
}
[data-skin="p"] .gd-mini-k {
  font-size: 12px;
  letter-spacing: 0.01em;
  font-weight: 560;
  text-transform: none;
}
[data-skin="p"] .gd-mini-v {
  font-size: 14px;
  font-weight: 650;
}
[data-skin="p"] .gd-mover {
  border-radius: 6px;
}
[data-skin="p"] .gd-mover.good {
  background: rgba(105, 217, 141,0.06);
  border-color: rgba(105, 217, 141,0.20);
}
[data-skin="p"] .gd-mover.bad {
  background: rgba(255, 103, 89,0.06);
  border-color: rgba(255, 103, 89,0.20);
}
[data-skin="p"] .gd-mover-l {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .gd-mover.good .gd-mover-l {
  color: #69D98D;
}
[data-skin="p"] .gd-mover.bad .gd-mover-l {
  color: #FF6759;
}
[data-skin="p"] .gd-mover-v {
  font-weight: 560;
}
[data-skin="p"] .sk-bar {
  border-radius: 999px;
}
[data-skin="p"] .sk-bar.sk-h28 {
  border-radius: 6px;
}
[data-skin="p"] .sk-chart {
  border-radius: 6px;
}
[data-skin="p"] .sk-row-line {
  border-radius: 999px;
}
[data-skin="p"] .sk-label {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .ep-empty {
  border-radius: 6px;
}
[data-skin="p"] .ep-empty-icon {
  border-radius: 12px;
  border: 1px solid rgba(234, 235, 237,0.20);
}
[data-skin="p"] .ep-empty-h {
  font-weight: 560;
}
[data-skin="p"] .ep-empty-hint {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  border-radius: 999px;
}
[data-skin="p"] table tr:hover td {
  background: rgba(234, 235, 237,0.04);
}
[data-skin="p"] .topbar-cmd {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .topbar-cmd:hover {
  border-color: rgba(234, 235, 237,0.30);
  background: rgba(234, 235, 237,0.04);
}
[data-skin="p"] .topbar-cmd-label {
  font-weight: 400;
}
[data-skin="p"] .topbar-cmd-kbd {
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  font-weight: 560;
}
[data-skin="p"] .cmdp {
  box-shadow: var(--shadow-float);
}
[data-skin="p"] .cmdp-search-icon {
  font-weight: 650;
}
[data-skin="p"] .cmdp-input {
  font-size: 17px;
  font-weight: 400;
}
[data-skin="p"] .cmdp-kbd {
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .cmdp-section {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .cmdp-item {
  font-size: 14px;
}
[data-skin="p"] .cmdp-item:hover,
[data-skin="p"] .cmdp-item.active {
  background: rgba(234, 235, 237,0.08);
}
[data-skin="p"] .cmdp-dot {
  border-radius: 999px;
}
[data-skin="p"] .cmdp-label {
  font-weight: 400;
}
[data-skin="p"] .cmdp-hint {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .cmdp-foot {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .cmdp-foot kbd {
  font-size: 12px;
  border-radius: 999px;
}
[data-skin="p"] kbd {
  font-size: 12px;
  border-radius: 999px;
  font-weight: 560;
  letter-spacing: 0.01em;
}
[data-skin="p"] .tw-filter-input {
  border-radius: 6px;
}
[data-skin="p"] .tw-filter-input:focus {
  border-color: rgba(234, 235, 237,0.40);
}
[data-skin="p"] .tw-filter-count {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .tw-filter-btn {
  border-radius: 6px;
  font-size: 12px;
  letter-spacing: 0.01em;
  font-weight: 560;
}
[data-skin="p"] .tw-filter-btn:hover {
  border-color: rgba(234, 235, 237,0.30);
}
[data-skin="p"] th.tw-sortable:hover {
  background: rgba(234, 235, 237,0.04);
}
[data-skin="p"] .tw-sort-arrow {
  font-size: 12px;
}
[data-skin="p"] .fresh-badge {
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 560;
}
[data-skin="p"] .fresh-badge .fresh-dot {
  border-radius: 999px;
}
[data-skin="p"] .fresh-badge.fresh {
  color: #69D98D;
}
[data-skin="p"] .fresh-badge.fresh .fresh-dot {
  background: #69D98D;
}
[data-skin="p"] .fresh-badge.stale-warn {
  color: #BEC5CC;
}
[data-skin="p"] .fresh-badge.stale-warn .fresh-dot {
  background: #BEC5CC;
}
[data-skin="p"] .fresh-badge.stale-bad {
  color: #FF6759;
}
[data-skin="p"] .fresh-badge.stale-bad .fresh-dot {
  background: #FF6759;
}
[data-skin="p"] .ep-tip {
  border: 1px solid rgba(234, 235, 237,0.20);
  box-shadow: var(--shadow-float);
}
[data-skin="p"] .ep-tip-h {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .ep-tip-b {
  font-size: 12px;
}
[data-skin="p"] .rk-tierbar-track {
  border-radius: 6px;
}
[data-skin="p"] .rk-tierbar-l {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .rk-tierbar-dot {
  border-radius: 999px;
}
[data-skin="p"] .rk-tierbar-lbl {
  text-transform: none;
  letter-spacing: 0.01em;
}
[data-skin="p"] .rk-tierbar-num {
  font-weight: 650;
}
[data-skin="p"] .rk-card.rk-green {
  border-top-color: #69D98D;
}
[data-skin="p"] .rk-card.rk-red {
  border-top-color: #FF6759;
}
[data-skin="p"] .rk-card.rk-green .rk-icon {
  color: #69D98D;
}
[data-skin="p"] .rk-card.rk-red .rk-icon {
  color: #FF6759;
}
[data-skin="p"] .rk-h-t {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .rk-h-n {
  font-size: 12px;
  font-weight: 650;
  border-radius: 999px;
}
[data-skin="p"] .rk-h-sub {
  font-size: 12px;
}
[data-skin="p"] .rk-rank {
  font-weight: 650;
}
[data-skin="p"] .rk-rank.up {
  color: #69D98D;
  background: rgba(105, 217, 141,0.10);
  border: 1px solid rgba(105, 217, 141,0.25);
  border-radius: 999px;
  font-size: 12px;
}
[data-skin="p"] .rk-rank.down {
  color: #FF6759;
  background: rgba(255, 103, 89,0.08);
  border: 1px solid rgba(255, 103, 89,0.25);
  border-radius: 999px;
  font-size: 12px;
}
[data-skin="p"] .rk-card.rk-gold .rk-rank {
  color: #BEC5CC;
}
[data-skin="p"] .rk-card.rk-cyan .rk-rank {
  color: #BEC5CC;
}
[data-skin="p"] .rk-kw {
  font-weight: 560;
}
[data-skin="p"] .rk-sub {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .rk-empty {
  font-size: 12px;
}
[data-skin="p"] tr.row-selected {
  background: rgba(234, 235, 237, 0.06);
}
[data-skin="p"] tr.row-selected td {
  border-color: rgba(234, 235, 237, 0.18);
}
[data-skin="p"] .dr-kpi-lbl {
  font-weight: 560;
}
[data-skin="p"] .dr-kpi-val {
  font-weight: 560;
}
[data-skin="p"] .dr-kpi-val.is-text {
  font-size: 22px;
}
[data-skin="p"] .dr-kpi-unit {
  font-size: 17px;
}
[data-skin="p"] .dr-h {
  font-size: 17px;
  font-weight: 560;
}
[data-skin="p"] .dr-h2 {
  font-weight: 560;
}
[data-skin="p"] .dr-dot {
  border-radius: 999px;
}
[data-skin="p"] .ss-name {
  font-size: 17px;
  font-weight: 560;
}

/* ── from coach.css ── */
[data-skin="p"] .health-gauge-num {
  font-size: 56px;
  font-weight: 560;
}
[data-skin="p"] .health-gauge-of {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .health-status {
  font-weight: 560;
}
[data-skin="p"] .health-status-dot {
  border-radius: 999px;
}
[data-skin="p"] .health-pillar-l {
  font-size: 12px;
}
[data-skin="p"] .health-pillar-v {
  font-size: 17px;
  font-weight: 650;
}
[data-skin="p"] .health-pillar-v small {
  font-size: 12px;
  font-weight: 400;
}
[data-skin="p"] .health-pillar-bar {
  border-radius: 999px;
}
[data-skin="p"] .health-pillar-bar-fg {
  border-radius: 999px;
}
[data-skin="p"] .insight-sev {
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .insight-title {
  font-size: 14px;
  font-weight: 650;
}
[data-skin="p"] .insight-body {
  font-size: 14px;
}
[data-skin="p"] .insight-action-l {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  font-weight: 650;
}
[data-skin="p"] .insight-action-v {
  font-size: 12px;
}
[data-skin="p"] .insight-meta-pill {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  border-radius: 6px;
}
[data-skin="p"] .qw-effort {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  border-radius: 6px;
  font-weight: 560;
}
[data-skin="p"] .qw-effort.low {
  background: rgba(105, 217, 141,0.12);
}
[data-skin="p"] .qw-effort.medium {
  background: rgba(255, 165, 91,0.12);
}
[data-skin="p"] .qw-effort.high {
  background: rgba(255, 103, 89,0.10);
}
[data-skin="p"] .qw-lift {
  font-size: 17px;
  font-weight: 560;
}
[data-skin="p"] .qw-action-chip {
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .qw-action-chip.qw-on-page {
  background: rgba(190, 197, 204,0.10);
  color: #BEC5CC;
  border-color: rgba(190, 197, 204,0.25);
}
[data-skin="p"] .qw-action-chip.qw-contenido {
  background: rgba(234, 235, 237,0.10);
  border-color: rgba(234, 235, 237,0.25);
}
[data-skin="p"] .qw-action-chip.qw-estrategia {
  background: rgba(190, 197, 204,0.10);
  border-color: rgba(190, 197, 204,0.25);
}
[data-skin="p"] .qw-action-text {
  font-size: 12px;
}

/* ── from space.css ── */
[data-skin="p"] .space-recent {
  background: linear-gradient(180deg, rgba(234, 235, 237,0.04), rgba(234, 235, 237,0.01));
  border: 1px solid rgba(234, 235, 237,0.18);
}
[data-skin="p"] .space-recent-head {
  border-bottom: 1px dashed rgba(234, 235, 237,0.15);
}
[data-skin="p"] .recent-eyebrow {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #EAEBED;
}
[data-skin="p"] .recent-meta {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .recent-card {
  border-radius: 6px;
}
[data-skin="p"] .recent-card:hover {
  border-color: #EAEBED;
  background: rgba(234, 235, 237,0.06);
}
[data-skin="p"] .recent-status {
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .recent-done .recent-status {
  background: #69D98D;
}
[data-skin="p"] .recent-error .recent-status {
  background: #FF6759;
}
[data-skin="p"] .recent-running .recent-status {
  background: #EAEBED;
}
[data-skin="p"] .recent-name {
  font-size: 14px;
  font-weight: 650;
}
[data-skin="p"] .recent-domain {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .recent-bar {
  border-radius: 999px;
}
[data-skin="p"] .recent-bar-fill {
  background: linear-gradient(90deg, #EAEBED, #F6F7F8);
}
[data-skin="p"] .recent-pct {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .recent-arrow {
  font-size: 17px;
}
[data-skin="p"] .recent-card:hover .recent-arrow {
  color: #EAEBED;
}
[data-skin="p"] .pill {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
}
[data-skin="p"] .pill-gold {
  color: #FFA55B;
  border-color: rgba(255, 165, 91,0.4);
  background: rgba(255, 165, 91,0.06);
}
[data-skin="p"] .pill-cyan {
  color: #EAEBED;
  border-color: rgba(234, 235, 237,0.4);
  background: rgba(234, 235, 237,0.06);
}
[data-skin="p"] .pill-blue {
  color: #ACB9C5;
  border-color: rgba(172, 185, 197,0.4);
  background: rgba(172, 185, 197,0.06);
}
[data-skin="p"] .pill-green {
  color: #69D98D;
  border-color: rgba(105, 217, 141,0.4);
  background: rgba(105, 217, 141,0.06);
}
[data-skin="p"] .btn-mini {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
}
[data-skin="p"] .btn-mini:hover {
  border-color: #EAEBED;
  color: #EAEBED;
  background: rgba(234, 235, 237,0.06);
}
[data-skin="p"] .space-stage {
  background: radial-gradient(circle at 25% 30%, rgba(234, 235, 237,0.04), transparent 60%),
    radial-gradient(circle at 75% 70%, rgba(172, 185, 197,0.04), transparent 60%),
    #050505;
}
[data-skin="p"] .edge-particle {
  filter: drop-shadow(0 0 6px #EAEBED);
}
[data-skin="p"] .space-card {
  font-family: var(--ff-display);
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .node-g:hover .space-card {
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .space-card-director {
  border-color: rgba(255, 165, 91,0.32);
  background: linear-gradient(180deg, rgba(255, 165, 91,0.06), rgba(255, 165, 91,0.01));
}
[data-skin="p"] .space-card-director::before {
  background: #FFA55B;
}
[data-skin="p"] .space-card-director .sc-dot {
  background: #FFA55B;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .space-card-engine {
  border-color: rgba(234, 235, 237,0.28);
  background: linear-gradient(180deg, rgba(234, 235, 237,0.05), rgba(234, 235, 237,0.01));
}
[data-skin="p"] .space-card-engine::before {
  background: #EAEBED;
}
[data-skin="p"] .space-card-engine .sc-dot {
  background: #EAEBED;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .space-card-engine.is-running {
  border-color: #EAEBED;
  box-shadow: 0 0 0 2px rgba(234, 235, 237,0.18), 0 12px 28px rgba(234, 235, 237,0.15);
}
[data-skin="p"] .space-card.is-error {
  border-color: rgba(255, 103, 89,0.5);
}
[data-skin="p"] .space-card.is-error::before {
  background: #FF6759;
}
[data-skin="p"] .space-card.is-planned .sc-dot {
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .sc-badge {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .sc-badge-real {
  background: rgba(105, 217, 141,0.18);
  color: #69D98D;
  border: 1px solid rgba(105, 217, 141,0.5);
}
[data-skin="p"] .sc-lib {
  font-family: var(--ff-mono);
  font-size: 12px;
  color: rgba(105, 217, 141,0.7);
}
[data-skin="p"] .space-card-workspace {
  border-color: rgba(172, 185, 197,0.25);
  background: linear-gradient(180deg, rgba(172, 185, 197,0.04), rgba(172, 185, 197,0.01));
}
[data-skin="p"] .space-card-workspace::before {
  background: #ACB9C5;
}
[data-skin="p"] .sc-head {
  font-weight: 650;
}
[data-skin="p"] .sc-head-ws {
  font-size: 14px;
}
[data-skin="p"] .sc-dot {
  border-radius: 999px;
}
[data-skin="p"] .sc-icon {
  color: #ACB9C5;
}
[data-skin="p"] .sc-model {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .sc-meta-ws {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  color: rgba(172, 185, 197,0.7);
  text-transform: none;
}
[data-skin="p"] .sc-pill {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .sc-pill-active {
  background: rgba(105, 217, 141,0.15);
  color: #69D98D;
  border: 1px solid rgba(105, 217, 141,0.35);
}
[data-skin="p"] .sc-meta {
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .sc-tag {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  text-transform: none;
}
[data-skin="p"] .sc-stat-lbl {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .sc-stat-val {
  font-weight: 650;
}
[data-skin="p"] .sc-stat-r .sc-stat-val {
  color: #EAEBED;
  font-size: 12px;
}
[data-skin="p"] .sc-mono {
  font-family: var(--ff-mono);
  font-weight: 560;
}
[data-skin="p"] .space-drawer {
  background: #080809;
  box-shadow: var(--shadow-edge);
  font-family: var(--ff-display);
}
[data-skin="p"] .drawer-loading,
[data-skin="p"] .drawer-error {
  font-size: 14px;
}
[data-skin="p"] .drw-head {
  background: linear-gradient(180deg, #111 0%, #080809 100%);
}
[data-skin="p"] .drw-eyebrow {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #EAEBED;
}
[data-skin="p"] .drw-title {
  font-weight: 560;
}
[data-skin="p"] .drw-model {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .drw-close {
  border-radius: 6px;
}
[data-skin="p"] .drw-close:hover {
  border-color: #EAEBED;
  color: #EAEBED;
}
[data-skin="p"] .drw-desc {
  font-size: 14px;
}
[data-skin="p"] .drw-section-title {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .drw-mono {
  font-family: var(--ff-mono);
}
[data-skin="p"] .drw-tag {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  background: rgba(172, 185, 197,0.06);
  border: 1px solid rgba(172, 185, 197,0.25);
  border-radius: 999px;
  color: rgba(172, 185, 197,0.95);
  text-transform: none;
}
[data-skin="p"] .drw-tag-skill {
  background: rgba(234, 235, 237,0.06);
  border-color: rgba(234, 235, 237,0.3);
  color: rgba(234, 235, 237,0.95);
}
[data-skin="p"] .drw-k {
  font-size: 17px;
  font-weight: 650;
}
[data-skin="p"] .drw-l {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .drw-run {
  border-radius: 999px;
  font-family: var(--ff-mono);
  font-size: 12px;
}
[data-skin="p"] .drw-run-status {
  text-transform: none;
  letter-spacing: 0.01em;
  font-size: 12px;
  font-weight: 650;
}
[data-skin="p"] .drw-run-success .drw-run-status {
  color: #69D98D;
}
[data-skin="p"] .drw-run-error .drw-run-status {
  color: #FF6759;
}
[data-skin="p"] .drw-run-running .drw-run-status {
  color: #EAEBED;
}
[data-skin="p"] .drw-run-cost {
  color: #FFA55B;
}
[data-skin="p"] .btn-pink {
  background: #EAEBED;
  border: 1px solid #EAEBED;
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .btn-pink:hover {
  background: #F6F7F8;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .btn-mini-pink {
  background: #EAEBED;
  border-color: #EAEBED !important;
  font-weight: 650;
}
[data-skin="p"] .btn-mini-pink:hover {
  background: #F6F7F8 !important;
}
[data-skin="p"] .launch-modal {
  border: 1px solid rgba(234, 235, 237, 0.25);
  border-radius: 6px;
  box-shadow: var(--shadow-float);
  font-family: var(--ff-display);
}
[data-skin="p"] .lm-eyebrow {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  color: #EAEBED;
}
[data-skin="p"] .lm-title {
  font-weight: 560;
}
[data-skin="p"] .lm-desc {
  font-size: 14px;
}
[data-skin="p"] .lm-close {
  border-radius: 6px;
}
[data-skin="p"] .lm-close:hover {
  border-color: #EAEBED;
  color: #EAEBED;
}
[data-skin="p"] .lm-lbl {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .lm-form input[type="text"],
[data-skin="p"] .lm-form select {
  border-radius: 6px;
  font-family: var(--ff-display);
}
[data-skin="p"] .lm-form input:focus,
[data-skin="p"] .lm-form select:focus {
  border-color: #EAEBED;
  background: rgba(234, 235, 237, 0.04);
}
[data-skin="p"] .lm-checkbox {
  font-size: 14px;
}
[data-skin="p"] .lm-chip {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
  border-radius: 999px;
  text-transform: none;
}
[data-skin="p"] .lm-chip:hover {
  border-color: #EAEBED;
  color: #EAEBED;
}
[data-skin="p"] .lm-chip.is-active {
  background: rgba(234, 235, 237, 0.18);
  border-color: #EAEBED;
  color: #EAEBED;
  font-weight: 650;
}
[data-skin="p"] .lm-chip-global {
  border-color: rgba(172, 185, 197, 0.4);
  color: rgba(172, 185, 197, 0.95);
}
[data-skin="p"] .lm-chip-global:hover {
  border-color: #ACB9C5;
  color: #ACB9C5;
}
[data-skin="p"] .lm-chip-global.is-active {
  background: rgba(172, 185, 197, 0.18);
  border-color: #ACB9C5;
  color: #ACB9C5;
}
[data-skin="p"] .prg-bar {
  border-radius: 999px;
}
[data-skin="p"] .prg-bar-fill {
  background: linear-gradient(90deg, #EAEBED, #F6F7F8);
}
[data-skin="p"] .prg-bar-lbl {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .prg-step {
  border-radius: 6px;
}
[data-skin="p"] .prg-step.prg-running {
  border-color: #EAEBED;
  background: rgba(234, 235, 237, 0.08);
}
[data-skin="p"] .prg-step.prg-success {
  border-color: rgba(105, 217, 141, 0.3);
}
[data-skin="p"] .prg-step.prg-error {
  border-color: rgba(255, 103, 89, 0.4);
  background: rgba(255, 103, 89, 0.04);
}
[data-skin="p"] .prg-num {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .prg-icon {
  border-radius: 999px;
  font-weight: 650;
}
[data-skin="p"] .prg-running .prg-icon {
  background: #EAEBED;
}
[data-skin="p"] .prg-success .prg-icon {
  background: #69D98D;
}
[data-skin="p"] .prg-error .prg-icon {
  background: #FF6759;
}
[data-skin="p"] .prg-label {
  font-size: 14px;
  font-weight: 560;
}
[data-skin="p"] .prg-meta {
  font-family: var(--ff-mono);
  font-size: 12px;
  letter-spacing: 0.01em;
}
[data-skin="p"] .prg-agent {
  color: rgba(234, 235, 237, 0.85);
  text-transform: none;
}
[data-skin="p"] .prg-err {
  color: #FF6759;
}
[data-skin="p"] .sc-badge-ok {
  color: #69D98D;
  border-color: rgba(105, 217, 141,0.35);
}
[data-skin="p"] .sc-badge-warn {
  color: #FFA55B;
  border-color: rgba(255, 165, 91,0.35);
}
[data-skin="p"] .sc-badge-failed {
  color: #FF6759;
  border-color: rgba(255, 103, 89,0.4);
}
[data-skin="p"] .sc-badge-idle,
[data-skin="p"] .sc-badge-off,
[data-skin="p"] .sc-badge-planned {
  color: #919499;
}
[data-skin="p"] .drw-error {
  color: #FF6759;
}

/* ── materials (skin-p.materials.css) ── */
/* Skin P · materials. Hand-written half of the skin: what a token cannot express.
   Appended to the generated overrides by scripts/build-skin-p.mjs. System: docs/DESIGN.md.
   Reference: direction P of the iGamingX console (black, white, glass and metal). */

:root[data-skin="p"] {
  color-scheme: dark;
  font-synthesis-weight: none;

  /* Planes: five steps from sunk to raised */
  --well:      #030304;
  --bg:        #080809;
  --bg-deep:   #080809;
  --surface-2: #101012;
  --surface:   #1A1B1D;
  --surface-3: #2A2B2E;
  --bg-elev:   var(--surface);
  --bg-panel:  var(--surface-2);
  --row-chosen: #232427;

  /* Ink: white is for headings and figures */
  --ink:   #F6F7F8;
  --ink-2: #E5E6E8;
  --ink-3: #AAACB1;
  --mute:  #919499;
  --t1: var(--ink); --t2: #C7C9CC; --t3: var(--ink-3); --t4: #919499;
  --divider: #3E4043;
  --t5: #2B2C2E;

  /* Lines are opaque, so every pair is measured against a real colour */
  --hair-1: #232426;
  --hair-2: #2B2C2E;
  --hair-3: #3E4043;
  --hair: var(--hair-2);
  --hair-strong: var(--hair-3);
  --line-strong: #7E8085;

  /* The mark: platinum. No thematic colour anywhere in the interface */
  --brand:      #EAEBED;
  --brand-2:    #D3D4D7;
  --brand-soft: rgba(255, 255, 255, 0.06);
  --brand-rim:  #7E8085;
  --accent:      #BEC5CC;
  --accent-soft: rgba(190, 197, 204, 0.10);
  --primary-fill:       #EFF0F1;
  --primary-fill-hover: #D3D4D7;

  /* Series are metals, state keeps its colour */
  --viz-1: #E5E6E8; --viz-2: #939CA6; --viz-3: #72747B; --viz-4: #BEC5CC; --viz-5: #ACB9C5;
  --viz-ord-1: #F6F7F8; --viz-ord-2: #BEC5CC; --viz-ord-3: #939CA6; --viz-ord-4: #72747B;
  --gold: #BEC5CC; --gold-2: #FFA55B;
  --green: #69D98D; --red: #FF6759; --orange: #FFA55B;
  --blue: #ACB9C5; --purple: #939CA6; --cyan: #BEC5CC;
  --sev-critical: #FF6759; --sev-high: #FFA55B; --sev-medium: #ACB9C5; --sev-low: #919499;

  /* Three radii: control, card, capsule */
  --r-xs: 6px; --r-sm: 6px; --r: 12px; --r-lg: 12px; --r-pill: 999px;

  /* Three shadows, each with one job */
  --shadow-edge:   inset 0 0.5px 0 0 rgb(255 255 255 / 0.06);
  --shadow-float:  inset 0 0.5px 0 0 rgb(255 255 255 / 0.12), 0 24px 56px -16px rgb(0 0 0 / 0.8);
  --shadow-object: inset 0 0.5px 0 0 rgb(255 255 255 / 0.12), 0 1px 2px 0 rgb(0 0 0 / 0.6), 0 16px 40px -18px rgb(0 0 0 / 0.9);
  --shadow-1: var(--shadow-edge);
  --shadow-2: var(--shadow-edge);
  --shadow-card: var(--shadow-edge);
  --shadow-card-hover: var(--shadow-edge);
  --glow-control: none;

  /* Glass, only on navigation and on what floats */
  --glass-sidebar: rgb(42 43 46 / 0.30);
  --glass-bar:     rgb(16 16 18 / 0.72);
  --glass-popover: rgb(42 43 46 / 0.84);

  /* The specular edge: a polished rim, bright above, quiet at the foot */
  --rim-glass:
    radial-gradient(56px 120px at 0 0, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0) 100%),
    linear-gradient(180deg, rgb(255 255 255 / 0.22), rgb(255 255 255 / 0.08) 32px, rgb(255 255 255 / 0.08) calc(100% - 40px), rgb(255 255 255 / 0.03));
  --rim-card:
    radial-gradient(56px 96px at 0 0, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0) 100%),
    linear-gradient(180deg, rgb(255 255 255 / 0.11), rgb(255 255 255 / 0.04) 28px, rgb(255 255 255 / 0.04) calc(100% - 32px), rgb(255 255 255 / 0.015));
  --card-sheen: linear-gradient(180deg, rgb(255 255 255 / 0.03), rgb(255 255 255 / 0) 46%, rgb(0 0 0 / 0) 58%, rgb(0 0 0 / 0.1));

  /* Density and type */
  --row-h: 40px;
  --fs-micro: 12px; --fs-small: 12px; --fs-body: 14px;
  --ff-display: 'Host Grotesk', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --ff-num:     'Host Grotesk', ui-sans-serif, system-ui, sans-serif;
  /* Labels were set in mono capitals. In P a label is a phrase in the interface face;
     mono is kept for what a machine writes (--ff-code). */
  --ff-mono:    var(--ff-display);
  --ff-code:    'Reddit Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  --dur-1: 120ms; --dur-2: 200ms;
  --ease-out: cubic-bezier(0.32, 0.72, 0, 1);
}

/* ─── The window and its cold ambient light ─── */
html[data-skin="p"] { background-color: var(--bg); }
[data-skin="p"] body {
  isolation: isolate;
  background: var(--bg);
  color: var(--ink-2);
  line-height: 1.43;
  font-feature-settings: normal;
  font-variant-numeric: lining-nums;
}
[data-skin="p"] body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(900px 600px at 78% 112%, rgb(255 255 255 / 0.035), transparent 72%);
}
@media (min-width: 1024px) {
  [data-skin="p"] body::before {
    background:
      radial-gradient(180px 150px at 800px -36px, rgb(150 175 205 / 0.09), transparent 100%),
      radial-gradient(900px 600px at 78% 112%, rgb(255 255 255 / 0.035), transparent 72%);
  }
  /* Light behind the head of the sidebar: what its glass frosts */
  [data-skin="p"] body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: var(--sidebar-w);
    height: 160px;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(360px 72px at 130px -6px, rgb(255 255 255 / 0.085), rgb(255 255 255 / 0.04) 50%, transparent 100%);
  }
}
@media print { [data-skin="p"] body::before, [data-skin="p"] body::after { content: none; } }

[data-skin="p"] h1, [data-skin="p"] h2, [data-skin="p"] h3 { text-wrap: balance; }
[data-skin="p"] ::selection { background: #3E4043; color: #F6F7F8; }
/* Mono is for what a machine writes: code and key caps. The .mono utility was the label
   face of the old look; here a label is a phrase in the interface face, figures tabular. */
[data-skin="p"] code, [data-skin="p"] kbd, [data-skin="p"] pre,
[data-skin="p"] .cmdp-kbd, [data-skin="p"] .topbar-cmd-kbd { font-family: var(--ff-code); }
[data-skin="p"] .mono { font-family: var(--ff-display); font-variant-numeric: tabular-nums lining-nums; letter-spacing: 0; }

/* Focus: one platinum ring, always an outline */
[data-skin="p"] :focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
/* Fields too: the old look lit the border instead, which leaves a checkbox with no sign
   of focus at all. */
[data-skin="p"] :is(input, select, textarea):focus {
  outline: 2px solid var(--brand);
  outline-offset: 1px;
}

/* ─── Glass: the sidebar and the bar ─── */
[data-skin="p"] .sidebar {
  background:
    linear-gradient(128deg, rgb(255 255 255 / 0.1) 0%, rgb(255 255 255 / 0.04) 22%, rgb(255 255 255 / 0) 44%) 0 0 / 100% 64px no-repeat,
    var(--glass-sidebar);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  backdrop-filter: blur(16px) saturate(180%);
  border-right: 1px solid rgb(255 255 255 / 0.08);
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .sidebar-brand { border-bottom-color: transparent; }
[data-skin="p"] .sidebar-brand-tag { color: var(--ink-3); border-color: var(--hair-3); }
[data-skin="p"] .topbar {
  background: var(--glass-bar);
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgb(255 255 255 / 0.08);
}

/* On a phone the sidebar is a drawer over the page. Thin glass over a table is unreadable,
   so there it takes the denser glass of what floats. */
@media (max-width: 900px) {
  [data-skin="p"] .sidebar {
    background: var(--glass-popover);
    -webkit-backdrop-filter: blur(28px) saturate(180%);
    backdrop-filter: blur(28px) saturate(180%);
  }
  [data-skin="p"] .sidebar.open { box-shadow: var(--shadow-float); }
}

/* Navigation: the chosen entry rises and turns white. No coloured bar, no counters */
[data-skin="p"] .nav-group { border-bottom-color: transparent; }
[data-skin="p"] .nav-group-head { color: var(--ink-3); font-weight: 560; }
[data-skin="p"] .nav-group-count { display: none; }
[data-skin="p"] .nav-item {
  margin: 1px 8px;
  padding: 8px 10px;
  border-left: 0;
  border-radius: var(--r-xs);
  color: var(--t2);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
}
[data-skin="p"] .nav-item::before { content: none; }
[data-skin="p"] .nav-item:hover { background: rgb(255 255 255 / 0.05); color: var(--ink); }
[data-skin="p"] .nav-item.active {
  background: var(--surface-3);
  color: var(--ink);
  font-weight: 560;
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] .nav-item .icon { opacity: 1; }
[data-skin="p"] .nav-item.active .badge-tiny { background: var(--primary-fill); color: var(--bg); }

/* ─── The card: anodised aluminium with a rim of light ─── */
[data-skin="p"] :is(.card, .tw, .gd-hero-cell, .gd-client-card, .rk-card, .gd-podium-card, .ch, .login-card) {
  position: relative;
  isolation: isolate;
  background: var(--surface);
  border-color: transparent;
  border-radius: var(--r);
  box-shadow: var(--shadow-edge);
}
[data-skin="p"] :is(.card, .tw, .gd-hero-cell, .gd-client-card, .rk-card, .gd-podium-card, .ch, .login-card)::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--rim-card);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  pointer-events: none;
  z-index: 1;
}
[data-skin="p"] :is(.card, .gd-hero-cell, .gd-client-card, .rk-card, .gd-podium-card, .ch)::before {
  content: '';
  position: absolute;
  inset: 0;
  top: 0; left: 0;
  width: auto; height: auto;
  z-index: -1;
  border-radius: inherit;
  background: var(--card-sheen);
  pointer-events: none;
}
/* The base paints a coloured strip with this pseudo-element on toned cells. Here it is
   the sheen of the card, so the tone must not come back as a full coloured surface. */
[data-skin="p"] .gd-hero-cell[class*="tone-"]::before { background: var(--card-sheen); }
[data-skin="p"] .card:hover { border-color: transparent; transform: none; }
/* One box is one surface: a card inside a card loses its frame */
[data-skin="p"] .card :is(.card, .tw) { background: transparent; box-shadow: none; }
[data-skin="p"] .card :is(.card, .tw)::after, [data-skin="p"] .card .card::before { content: none; }

/* Figures: white, large, tabular; the label a phrase above them */
[data-skin="p"] :is(.gd-hero-lbl, .dr-kpi-lbl, .eyebrow, .view-h-eyebrow, .login-eyebrow) {
  font-family: var(--ff-display);
  font-size: 12px;
  line-height: 16px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--ink-3);
}
[data-skin="p"] :is(.gd-hero-val, .dr-kpi-val) {
  font-family: var(--ff-display);
  font-size: 36px;
  line-height: 40px;
  font-weight: 650;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums lining-nums;
}
[data-skin="p"] .gd-hero-cell[class*="tone-"] .gd-hero-val { color: var(--ink); }
[data-skin="p"] .gd-hero-sub { color: var(--ink-3); font-size: 12px; }
[data-skin="p"] :is(.view-h-title, .h1) {
  font-size: 28px;
  line-height: 32px;
  font-weight: 650;
  letter-spacing: -0.015em;
  color: var(--ink);
}
[data-skin="p"] .view-h { border-bottom-color: transparent; }
[data-skin="p"] .view-h-lede { color: var(--ink-3); font-size: 14px; max-width: 68ch; }

/* ─── Controls ─── */
/* What is pressed is a capsule. The one main action is platinum with black ink */
[data-skin="p"] .btn {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--r-pill);
  background: rgb(255 255 255 / 0.06);
  border: 1px solid transparent;
  color: var(--t2);
  font-family: var(--ff-display);
  font-size: 14px;
  font-weight: 560;
  letter-spacing: 0;
  text-transform: none;
  box-shadow: var(--shadow-edge);
  transition: background var(--dur-1) var(--ease-out), color var(--dur-1) var(--ease-out);
}
[data-skin="p"] .btn:hover { background: var(--surface-3); border-color: transparent; color: var(--ink); }
[data-skin="p"] .btn.primary {
  background: var(--primary-fill);
  color: var(--bg);
  border-color: transparent;
  box-shadow: none;
}
[data-skin="p"] .btn.primary:hover { background: var(--primary-fill-hover); color: var(--bg); border-color: transparent; }
[data-skin="p"] :is(.btn.ghost, .btn.gold) { background: transparent; border-color: var(--hair-3); color: var(--t2); box-shadow: none; }
[data-skin="p"] :is(.btn.ghost, .btn.gold):hover { background: var(--surface-3); color: var(--ink); }
[data-skin="p"] .btn.danger { background: transparent; border-color: var(--hair-3); color: var(--red); box-shadow: none; }
[data-skin="p"] .btn.danger:hover { background: #3A2625; }
[data-skin="p"] .btn.sm { height: 30px; padding: 0 12px; font-size: 12px; letter-spacing: 0.01em; }
[data-skin="p"] .btn.lg { height: 44px; padding: 0 22px; font-size: 14px; }
[data-skin="p"] :is(.btn-logout, .user-pill, .topbar-cmd, .client-switcher-btn) {
  border-radius: var(--r-pill);
  border-color: transparent;
  background: rgb(255 255 255 / 0.06);
  box-shadow: var(--shadow-edge);
  color: var(--t2);
}
[data-skin="p"] :is(.btn-logout, .topbar-cmd, .client-switcher-btn):hover { background: var(--surface-3); color: var(--ink); border-color: transparent; }
[data-skin="p"] .user-pill-avatar { background: var(--surface-3); color: var(--ink); }

/* Fields sit in the well; the edge is the 3:1 line */
[data-skin="p"] :is(input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="search"], textarea, select) {
  background: var(--well);
  border: 1px solid var(--hair-3);
  border-radius: var(--r-xs);
  color: var(--ink-2);
}
[data-skin="p"] :is(input, textarea, select):focus { border-color: var(--hair-3); background: var(--well); }
[data-skin="p"] :is(input, textarea)::placeholder { color: var(--mute); }
[data-skin="p"] .field > label { font-family: var(--ff-display); font-size: 12px; font-weight: 560; letter-spacing: 0.01em; text-transform: none; color: var(--ink-3); }

/* Tabs: the chosen one is white with a platinum line under it */
[data-skin="p"] .tab {
  font-family: var(--ff-display);
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0;
  text-transform: none;
  color: var(--ink-3);
  background: transparent;
  border-color: transparent;
  border-radius: 0;
}
[data-skin="p"] .tab:hover { color: var(--ink); background: transparent; }
[data-skin="p"] .tab.active { color: var(--ink); font-weight: 560; background: transparent; box-shadow: inset 0 -2px 0 0 var(--brand); }

/* Chips and badges: graphite capsules, no tint of their own */
[data-skin="p"] :is(.badge, .serp-chip, .fresh-badge, .lu-source, .gd-activity-tag, .topbar-tag) {
  border-radius: var(--r-pill);
  border-color: transparent;
  background: var(--surface-3);
  color: var(--t2);
  font-family: var(--ff-display);
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.01em;
  text-transform: none;
}
[data-skin="p"] .card :is(.badge, .serp-chip) { background: var(--surface-3); }

/* ─── Dense tables ─── */
[data-skin="p"] table { font-size: 14px; }
[data-skin="p"] table th {
  font-family: var(--ff-display);
  font-size: 12px;
  font-weight: 560;
  letter-spacing: 0.01em;
  text-transform: none;
  color: var(--mute);
  background: var(--surface);
  border-bottom: 1px solid var(--hair-1);
  height: 36px;
}
[data-skin="p"] table td { border-bottom: 1px solid var(--hair-1); color: var(--ink-2); height: var(--row-h); }
[data-skin="p"] table tr:last-child td { border-bottom-color: transparent; }
[data-skin="p"] table tr:hover td { background: var(--surface-3); }
[data-skin="p"] table td.muted, [data-skin="p"] .muted { color: var(--ink-3); }
[data-skin="p"] table td.num { color: var(--ink); }

/* ─── What floats: glass, with the float shadow ─── */
[data-skin="p"] :is(.client-switcher-menu, .cmdp, .modal, .toast, .ep-tip, .ep-popup-card) {
  background: var(--glass-popover);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  backdrop-filter: blur(28px) saturate(180%);
  border: 1px solid rgb(255 255 255 / 0.10);
  border-radius: var(--r);
  box-shadow: var(--shadow-float);
  color: var(--ink-2);
}
[data-skin="p"] :is(.modal-backdrop, .cmdp-backdrop) { background: rgb(3 3 4 / 0.6); }
[data-skin="p"] .client-switcher-item:hover, [data-skin="p"] .cmdp-item:is(:hover, .active) { background: rgb(255 255 255 / 0.08); }

/* Strips that sit on the window (freshness, context): one quiet surface, no outline */
[data-skin="p"] :is(.fresh-bar, .last-update, .insight-strip) {
  background: var(--surface-2);
  border: 1px solid var(--hair-1);
  border-radius: var(--r);
}

/* Bars and gauges were pink ramps: platinum on graphite */
[data-skin="p"] :is(.ep-loading-bar, .sk-bar) { background: var(--surface-3); }
[data-skin="p"] .rk-tierbar-track { background: var(--surface-3); border-radius: var(--r-pill); }

/* ─── Daily report ─── */
[data-skin="p"] .dr-kpi-hero .dr-kpi-val { font-size: 56px; line-height: 60px; letter-spacing: -0.025em; }
[data-skin="p"] .dr-kpi .dr-kpi-val.is-text { font-size: 22px; line-height: 40px; font-weight: 400; letter-spacing: -0.01em; color: var(--ink-3); }
[data-skin="p"] .dr-kpi-hero .dr-kpi-val.is-text { line-height: 60px; }
[data-skin="p"] .dr-kpi-unit { font-size: 22px; color: var(--ink-3); font-weight: 400; margin-left: 8px; letter-spacing: -0.01em; }
[data-skin="p"] .dr-h { font-size: 17px; line-height: 22px; font-weight: 560; letter-spacing: -0.005em; color: var(--ink); }
[data-skin="p"] .dr-arrow.up, [data-skin="p"] .dr-arrow.done { color: var(--t2); }
[data-skin="p"] .dr-arrow.down { color: var(--red); }
[data-skin="p"] .dr-dot.ok { background: var(--green); }
[data-skin="p"] .dr-dot.bad { background: var(--red); }
[data-skin="p"] .dr-dot.warn { background: var(--orange); }
[data-skin="p"] .dr-dot.off { background: var(--divider); }