/*
 * ============================================================================
 * STANDAR WAJIB: SEMUA WARNA BRAND/AKSEN HARUS PAKAI CSS VARIABLE INI
 * ============================================================================
 * Property360 punya sistem Tema Aplikasi (ThemeService::appThemeFor()) yang
 * mengoverride variable di bawah ini per user/agency lewat inline <style>
 * di app.php. Supaya halaman BARU otomatis ikut tema yang dipilih user
 * (bukan malah nge-hardcode biru lagi seperti yang ditemukan & disapu
 * bersih di sesi 76), WAJIB ikuti aturan ini setiap bikin halaman/fitur
 * baru di dalam /app/... atau /agency/...:
 *
 *   JANGAN tulis warna literal untuk elemen BRAND/AKSEN:
 *     ❌ background:#0090E3
 *     ❌ background:linear-gradient(135deg,#0090E3,#0077c8)
 *     ❌ border-color:#0090E3
 *     ❌ color:#0069b6  (warna link brand)
 *
 *   PAKAI variable ini sebagai gantinya:
 *     ✅ background:var(--p360-primary)
 *     ✅ background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep))
 *     ✅ border-color:var(--p360-primary)
 *     ✅ color:var(--p360-primary-deep)  (untuk link/teks aksen)
 *
 * PENGECUALIAN (SENGAJA tetap warna literal, TIDAK ikut tema):
 *   - Warna STATUS/SEMANTIK: sukses (hijau #0a7a3d/#16a36b), error (merah
 *     #be123c), warning (oranye #9a6700/#ef9716), notice info (biru netral
 *     #eff8ff/#135b8c) — ini warna MAKNA, harus konsisten di semua tema
 *     supaya "merah = error" tetap jelas apa pun temanya
 *   - Warna PIHAK KETIGA yang punya identitas sendiri: WhatsApp hijau
 *     #25D366, dsb
 *   - Swatch PREVIEW tema itu sendiri di /app/themes (tiap kartu tema
 *     HARUS tampilkan warna ASLI tema itu, bukan tema yang sedang aktif)
 *   - Halaman admin (/admin/...) — sengaja TIDAK ikut tema personal siapa
 *     pun, tetap netral biru standar (app.php tidak inject override tema
 *     untuk $isAdmin=true)
 *   - Warna color-picker DEFAULT milik user sendiri (misal fallback value
 *     input Warna Brand di Agency Branding) — itu default untuk pilihan
 *     bebas user, bukan representasi tema aplikasi
 *
 * Variable yang tersedia: --p360-primary, --p360-primary-deep,
 * --p360-primary-soft, --p360-sidebar, --p360-sidebar-2 (lihat definisi di
 * bawah untuk nilai default/fallback-nya).
 * ============================================================================
 */
:root{
  --p360-bg:#f7fbff;
  --p360-bg-2:#eef6ff;
  --p360-card:#ffffff;
  --p360-card-soft:#fbfdff;
  --p360-line:#d9e7f5;
  --p360-line-strong:#c6d9ed;
  --p360-ink:#102a43;
  --p360-ink-2:#173a5e;
  --p360-muted:#5f7892;
  --p360-muted-2:#8ba0b6;
  --p360-primary:#0090e3;
  --p360-primary-2:#43a5f5;
  --p360-primary-deep:#0077c8;
  --p360-primary-soft:#eaf5ff;
  --p360-navy:#0d1b2a;
  --p360-sidebar:#081d3f;
  --p360-sidebar-2:#0c3d7f;
  --p360-success:#16a36b;
  --p360-warning:#ef9716;
  --p360-danger:#e6545d;
  --p360-orange:#ff7a00;
  --shadow-xs:0 2px 10px rgba(16,42,67,.05);
  --shadow-sm:0 12px 28px rgba(16,42,67,.07);
  --shadow-md:0 20px 48px rgba(16,42,67,.09);
  --radius-xl:24px;
  --radius-lg:18px;
  --radius-md:14px;
  --safe-bottom:env(safe-area-inset-bottom, 0px);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;overflow-x:hidden;max-width:100vw}
.p360-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:16px}
.p360-table-scroll table{min-width:560px}
body{font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fbfdff 0,var(--p360-bg-2) 220px,var(--p360-bg) 100%);color:var(--p360-ink);font-size:14px;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit}img{display:block;max-width:100%}

/* shell */
.p360-app-body{background:linear-gradient(180deg,#fcfeff 0,#f1f7fe 180px,#f7fbff 100%)}
.p360-topbar{position:fixed;top:0;left:0;right:0;z-index:70;height:70px;padding:0 18px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(217,231,245,.96);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between}
.p360-topbar-left,.p360-top-actions{display:flex;align-items:center;gap:12px}.p360-top-actions{gap:10px}
.p360-brand,.p360-sidebar-brand{text-decoration:none;display:flex;align-items:center;gap:10px}.p360-brand-mark{width:34px;height:34px;object-fit:contain;flex:0 0 34px}.p360-brand-wordmark{width:126px;height:22px;object-fit:contain;object-position:left center}.p360-sidebar-brand .p360-brand-wordmark{width:118px;height:22px}.p360-sidebar-brand .p360-brand-mark{width:30px;height:30px;flex-basis:30px}
/* Logo custom agency/personal di topbar (BARU) — beda dari mark
   Property360 (SVG icon, object-fit:contain, bisa transparan bebas
   bentuk), ini foto/logo upload-an asli jadi dibulatkan + object-fit
   cover supaya rapi walau rasio fotonya bukan persegi. */
.p360-brand-mark-custom{border-radius:50%;object-fit:cover;border:1px solid var(--p360-line)}
.p360-brand-custom-name{font-size:14px;font-weight:800;color:var(--p360-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.p360-sidebar-poweredby{font-size:10px;line-height:1.4;color:rgba(255,255,255,.55);font-weight:600}
.p360-sidebar-poweredby b{color:rgba(255,255,255,.9);font-weight:800;font-size:12px}
.p360-profile-poweredby{text-align:center;font-size:11px;color:var(--p360-muted-2);margin:14px 0 4px}
.p360-profile-poweredby b{color:var(--p360-muted);font-weight:800}
.p360-icon-button{width:40px;height:40px;border:1px solid var(--p360-line);border-radius:14px;background:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:var(--shadow-xs)}
.p360-menu-trigger{gap:4px}.p360-menu-trigger span{display:block;width:15px;height:1.8px;border-radius:999px;background:#27415b}
.p360-workspace-switcher{position:relative}
.p360-workspace-pill{display:none;align-items:flex-start;gap:2px;flex-direction:column;padding:10px 13px;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid var(--p360-line);box-shadow:var(--shadow-xs);cursor:pointer;font-family:inherit;text-align:left;position:relative}
.p360-workspace-pill:hover{border-color:var(--p360-primary)}
.p360-workspace-caret{position:absolute;right:12px;top:50%;margin-top:-3px;color:var(--p360-muted);transition:transform .15s}
.p360-workspace-pill[aria-expanded="true"] .p360-workspace-caret{transform:rotate(180deg)}
.p360-workspace-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#fff;border:1px solid var(--p360-line);border-radius:14px;box-shadow:0 18px 45px rgba(15,35,60,.16);padding:8px;z-index:60}
.p360-workspace-dropdown-label{display:block;font-size:10.5px;font-weight:800;color:var(--p360-muted);text-transform:uppercase;padding:6px 10px}
.p360-workspace-option{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 10px;border-radius:10px;border:0;background:transparent;cursor:pointer;font-family:inherit;text-align:left}
.p360-workspace-option-cta{display:block!important;text-decoration:none;background:var(--p360-primary-soft)!important;margin-top:4px;border-top:1px dashed var(--p360-line)}
.p360-workspace-option-cta span{color:var(--p360-primary-deep);font-weight:800}
.p360-workspace-option:hover{background:#f1f7ff}
.p360-workspace-option.is-current{background:#eff8ff}
.p360-workspace-option span{font-size:13px;font-weight:700;color:var(--p360-ink)}
.p360-workspace-option small{font-size:11px;color:var(--p360-muted)}
.p360-workspace-pill small{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--p360-muted-2);font-weight:700}.p360-workspace-pill strong{font-size:13px;font-weight:700;color:var(--p360-ink-2)}
.p360-bell,.p360-avatar{width:40px;height:40px;border-radius:14px;border:1px solid var(--p360-line);background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-xs)}
.p360-bell{position:relative;text-decoration:none}.p360-bell:before{content:"";width:16px;height:16px;border:1.8px solid #26405a;border-bottom:0;border-radius:8px 8px 0 0;transform:translateY(-1px)}.p360-bell:after{content:"";position:absolute;bottom:10px;width:8px;height:2px;border-radius:99px;background:#26405a}.p360-bell-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--p360-danger);border:2px solid #fff}
.p360-avatar,.p360-avatar-static,.p360-profile-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,var(--p360-primary-deep),var(--p360-primary-2));color:#fff;font-weight:700}
.p360-avatar-static{width:42px;height:42px}.p360-avatar{cursor:pointer}
/* Sesi polish home (mobile-first): sebelumnya bar ini adalah banner kuning
   selebar layar dengan label "RUANG KERJA AKTIF" + kotak <select> bertepi
   tebal — persis pola form website, bukan komponen app. Sekarang jadi pill
   kecil (lebar ikut isinya) seperti chip lokasi di app mobile pada umumnya.
   <select> aslinya masih ada & tetap menutupi SELURUH pill (position:absolute;
   inset:0; opacity:0) supaya area tap tetap besar/mudah dan native picker HP
   tetap muncul — cuma tampilannya yang disembunyikan, fungsinya utuh. */
.p360-mobile-workspace{margin-top:70px;position:relative;z-index:10;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(217,231,245,.96);box-shadow:0 2px 6px rgba(16,42,67,.03);padding:10px 14px;display:flex;justify-content:center}
.p360-mobile-workspace label{position:relative;display:inline-flex;align-items:center;gap:8px;max-width:100%;background:#fff;border:1px solid var(--p360-line);border-radius:999px;padding:7px 30px 7px 7px;box-shadow:var(--shadow-xs);min-height:40px}
.p360-mobile-workspace .p360-mw-icon{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep));color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;box-shadow:0 2px 5px rgba(0,0,0,.12)}
.p360-mobile-workspace .p360-mw-text{display:flex;flex-direction:column;flex:0 0 auto;min-width:0}
.p360-mobile-workspace .p360-mw-text>span:first-child{display:none}
.p360-mobile-workspace .p360-mw-text strong{font-size:13px!important;font-weight:800;color:var(--p360-ink-2);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p360-mobile-workspace label::after{content:"";position:absolute;right:13px;top:50%;width:7px;height:7px;border-right:2px solid var(--p360-muted-2);border-bottom:2px solid var(--p360-muted-2);transform:translateY(-65%) rotate(45deg)}
.p360-mobile-workspace select{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;padding:0;margin:0;font-size:16px;cursor:pointer}
.p360-shell{display:block;min-height:calc(100vh - 106px);margin-top:70px}
/* FIX (masih kepotong di desktop setelah fix sebelumnya — ternyata ada
   DUA masalah, bukan cuma satu): rule di bawah ini sebelumnya TIDAK
   dibungkus media query sama sekali, jadi berlaku di SEMUA lebar layar.
   Selector sibling `.p360-mobile-workspace + .p360-shell` punya
   spesifisitas CSS lebih tinggi (2 class) dibanding `.p360-shell` biasa
   (1 class) — jadi menang di CSS cascade di SEMUA ukuran layar,
   termasuk desktop, walau pill "Ruang Kerja" mobile-nya sendiri sudah
   disembunyikan (display:none) di sana. Akibatnya margin-top:70px
   milik .p360-shell tetap ke-nolkan di desktop, dan topbar (fixed,
   70px) tetap menutupi 70px pertama konten. Sekarang dibungkus supaya
   HANYA berlaku di lebar layar yang sama dengan pill-nya kelihatan
   (di bawah 1100px, sama dengan breakpoint sidebar desktop). */
@media(max-width:1099.98px){
  .p360-mobile-workspace + .p360-shell{margin-top:0}
}
.p360-app-main{width:min(100%,1380px);margin:0 auto;padding:20px 14px calc(94px + var(--safe-bottom))}
.p360-actingas-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,#fff7e6,#fffbf0);border:1px solid #f5c56b;border-radius:14px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:#7a4a00}
.p360-actingas-banner b{color:#5c3600}
.p360-actingas-banner button{border:0;background:#e0930f;color:#fff;font-weight:800;font-size:12px;padding:8px 16px;border-radius:10px;cursor:pointer;white-space:nowrap}

/* sidebar */
.p360-sidebar{position:fixed;inset:0 auto 0 0;width:min(86vw,300px);z-index:92;background:linear-gradient(180deg,var(--p360-sidebar) 0,var(--p360-sidebar) 42%,var(--p360-sidebar-2) 100%);color:#fff;transform:translateX(-104%);transition:transform .24s ease;padding:16px 14px 16px;display:flex;flex-direction:column;box-shadow:20px 0 50px rgba(8,29,63,.30)}
.p360-sidebar.is-open{transform:none}
.p360-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 14px}.p360-drawer-head button,.p360-profile-cover button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.10);color:#fff;font-size:22px;cursor:pointer}
.p360-sidebar-user{display:flex;align-items:center;gap:12px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);border-radius:18px;margin-bottom:14px}.p360-sidebar-user b{display:block;font-size:16px;font-weight:700}.p360-sidebar-user small{display:block;margin-top:4px;color:#9ab0c6;font-size:12px}
.p360-sidebar nav{display:grid;gap:4px;overflow:auto;padding-right:2px}
.p360-nav-group-label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7893ad;margin:16px 4px 4px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.p360-sidebar nav small.p360-nav-group-label:first-of-type{margin-top:2px;padding-top:0;border-top:0}
.p360-sidebar nav a{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:14px;text-decoration:none;color:#d8e7f7;font-size:14px;font-weight:600;min-height:44px}.p360-sidebar nav a i{flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#f3f9ff}.p360-sidebar nav a span{line-height:1.2}.p360-sidebar nav a.is-active{background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep));color:#fff;box-shadow:0 12px 24px rgba(0,119,200,.34)}.p360-sidebar nav a:hover{background:rgba(255,255,255,.06)}.p360-sidebar nav a.is-active i{background:rgba(255,255,255,.15);color:#fff}
.p360-nav-btn{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:14px;text-decoration:none;color:#d8e7f7;font-size:14px;font-weight:600;min-height:44px;width:100%;border:0;background:none;cursor:pointer;font-family:inherit;text-align:left}
.p360-nav-btn i{flex:0 0 32px;width:32px;height:32px;border-radius:10px;background:rgba(255,255,255,.09);display:grid;place-items:center;color:#f3f9ff}
.p360-nav-btn span{line-height:1.2}
.p360-nav-btn:hover{background:rgba(255,255,255,.06)}
.p360-logout{margin-top:auto;width:auto;align-self:flex-start;min-height:0;padding:8px 14px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:transparent;color:#9ab0c6;font-size:12.5px;font-weight:700;cursor:pointer;opacity:.85;transition:.15s}
.p360-logout:hover{opacity:1;background:rgba(255,255,255,.06);color:#fff}
.p360-drawer-backdrop{position:fixed;inset:0;background:rgba(7,14,26,.45);z-index:85;opacity:0;visibility:hidden;transition:.18s}.p360-drawer-backdrop.is-open{opacity:1;visibility:visible}

/* profile drawer */
.p360-profile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(88vw,368px);background:#fff;z-index:95;transform:translateX(104%);transition:transform .22s ease;box-shadow:-20px 0 60px rgba(15,31,52,.18)}.p360-profile-drawer.is-open{transform:none}
.p360-profile-cover{display:flex;align-items:center;gap:10px;padding:18px 14px;background:linear-gradient(135deg,#0f2746,#18406e);color:#fff}.p360-profile-cover button{flex:0 0 auto}.p360-profile-avatar{flex:0 0 auto;width:42px;height:42px;font-size:16px}.p360-profile-cover>div{flex:1 1 auto;min-width:0;overflow:hidden}.p360-profile-cover b{font-size:15px;font-weight:700;display:block;word-break:break-word;line-height:1.25}.p360-profile-cover small{display:block;margin-top:2px;color:#c8d7e8;font-size:11.5px;word-break:break-all;line-height:1.3}
.p360-profile-drawer nav{display:grid;padding:10px 16px}.p360-profile-drawer nav a{padding:13px 6px;border-bottom:1px solid #edf2f7;text-decoration:none;color:var(--p360-ink-2);font-size:14px;font-weight:600}.p360-profile-drawer form{padding:12px 16px 16px}.p360-profile-drawer form button{width:100%;height:44px;border:0;border-radius:14px;background:#fff1f3;color:#cc3552;font-weight:700}

/* bottom nav */
.p360-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.99);border-top:1px solid var(--p360-line);display:grid;grid-template-columns:repeat(5,1fr);padding:8px 6px calc(8px + var(--safe-bottom));box-shadow:0 -14px 32px rgba(16,42,67,.08)}
.p360-bottom-nav a{text-decoration:none;text-align:center;padding:4px 2px;color:#8da0b3;transition:color .2s ease}
.p360-bottom-nav a span{display:grid;place-items:center;width:38px;height:36px;margin:0 auto 4px;border-radius:12px;color:#8da0b3;transition:background-color .28s cubic-bezier(.34,1.56,.64,1),transform .22s cubic-bezier(.34,1.56,.64,1),color .2s ease}
.p360-bottom-nav a:active span{transform:scale(.86)}
.p360-bottom-nav a small{display:block;font-size:10px;font-weight:700;transition:color .2s ease}
.p360-bottom-nav a.is-active{color:var(--p360-primary)}
.p360-bottom-nav a.is-active span{background:var(--p360-primary-soft);color:var(--p360-primary);transform:scale(1.04)}
.p360-bottom-nav a.p360-nav-hero{margin-top:-24px}
.p360-bottom-nav a.p360-nav-hero span{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep));color:#fff;box-shadow:0 12px 26px rgba(0,144,227,.38),0 0 0 5px #fff;margin-bottom:5px}
.p360-bottom-nav a.p360-nav-hero .p360-nav-icon::before{width:24px;height:24px}
.p360-bottom-nav a.p360-nav-hero:active span{transform:scale(.9)}
.p360-bottom-nav a.p360-nav-hero.is-active span{background:linear-gradient(135deg,var(--p360-primary-deep),var(--p360-primary));transform:scale(1.06)}
.p360-bottom-nav a.p360-nav-hero small{font-weight:800}

/* icon pseudo */
.p360-nav-icon{font-size:0}.p360-nav-icon::before{content:"";display:block;width:20px;height:20px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.icon-home::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 10.2V21h6v-5h6v5h6V10.2L12 3Zm-5 16H5v-7.9l7-5.6 7 5.6V19h-2v-5H7v5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3 3 10.2V21h6v-5h6v5h6V10.2L12 3Zm-5 16H5v-7.9l7-5.6 7 5.6V19h-2v-5H7v5Z'/%3E%3C/svg%3E")}
.icon-crm::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v10H7.8L4 17.8V4Zm2 2v7l1.4-1H18V6H6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 4h16v10H7.8L4 17.8V4Zm2 2v7l1.4-1H18V6H6Z'/%3E%3C/svg%3E")}
.icon-listings::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v14H4V5Zm2 2v2h12V7H6Zm0 4v6h5v-6H6Zm7 0v2h5v-2h-5Zm0 4v2h5v-2h-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h16v14H4V5Zm2 2v2h12V7H6Zm0 4v6h5v-6H6Zm7 0v2h5v-2h-5Zm0 4v2h5v-2h-5Z'/%3E%3C/svg%3E")}
.icon-coach::before,.icon-spark::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2Zm6 12 1 2.8L22 18l-3 1.2L18 22l-1.2-2.8L14 18l2.8-1.2L18 14ZM6 14l1 2.8L10 18l-3 1.2L6 22l-1.2-2.8L2 18l2.8-1.2L6 14Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 1.8 5.2L19 9l-5.2 1.8L12 16l-1.8-5.2L5 9l5.2-1.8L12 2Zm6 12 1 2.8L22 18l-3 1.2L18 22l-1.2-2.8L14 18l2.8-1.2L18 14ZM6 14l1 2.8L10 18l-3 1.2L6 22l-1.2-2.8L2 18l2.8-1.2L6 14Z'/%3E%3C/svg%3E")}
.icon-user::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12a4 4 0 1 0-4-4 4 4 0 0 0 4 4Zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5Z'/%3E%3C/svg%3E")}
/* FIX (dilaporkan founder: "icon Member dan Akun sama, tidak bisa
   dibedakan") — akar masalahnya persis di sini: icon-profile
   SEBELUMNYA copy-paste dari icon-user (SVG identik). Sekarang
   icon-profile pakai gear/settings (mewakili "akun/pengaturan"), beda
   total dari icon-user (orang). */
.icon-profile::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 8.5A3.5 3.5 0 1 0 15.5 12 3.5 3.5 0 0 0 12 8.5Zm8.94 2.44-1.6-.5a7.4 7.4 0 0 0-.55-1.33l1-1.4a1 1 0 0 0-.12-1.3l-1.3-1.3a1 1 0 0 0-1.3-.12l-1.4 1a7.4 7.4 0 0 0-1.33-.55l-.5-1.6a1 1 0 0 0-1-.7h-1.8a1 1 0 0 0-1 .7l-.5 1.6a7.4 7.4 0 0 0-1.33.55l-1.4-1a1 1 0 0 0-1.3.12l-1.3 1.3a1 1 0 0 0-.12 1.3l1 1.4a7.4 7.4 0 0 0-.55 1.33l-1.6.5a1 1 0 0 0-.7 1v1.8a1 1 0 0 0 .7 1l1.6.5c.14.46.32.9.55 1.33l-1 1.4a1 1 0 0 0 .12 1.3l1.3 1.3a1 1 0 0 0 1.3.12l1.4-1c.42.23.87.41 1.33.55l.5 1.6a1 1 0 0 0 1 .7h1.8a1 1 0 0 0 1-.7l.5-1.6c.46-.14.9-.32 1.33-.55l1.4 1a1 1 0 0 0 1.3-.12l1.3-1.3a1 1 0 0 0 .12-1.3l-1-1.4c.23-.42.41-.87.55-1.33l1.6-.5a1 1 0 0 0 .7-1v-1.8a1 1 0 0 0-.7-1Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 8.5A3.5 3.5 0 1 0 15.5 12 3.5 3.5 0 0 0 12 8.5Zm8.94 2.44-1.6-.5a7.4 7.4 0 0 0-.55-1.33l1-1.4a1 1 0 0 0-.12-1.3l-1.3-1.3a1 1 0 0 0-1.3-.12l-1.4 1a7.4 7.4 0 0 0-1.33-.55l-.5-1.6a1 1 0 0 0-1-.7h-1.8a1 1 0 0 0-1 .7l-.5 1.6a7.4 7.4 0 0 0-1.33.55l-1.4-1a1 1 0 0 0-1.3.12l-1.3 1.3a1 1 0 0 0-.12 1.3l1 1.4a7.4 7.4 0 0 0-.55 1.33l-1.6.5a1 1 0 0 0-.7 1v1.8a1 1 0 0 0 .7 1l1.6.5c.14.46.32.9.55 1.33l-1 1.4a1 1 0 0 0 .12 1.3l1.3 1.3a1 1 0 0 0 1.3.12l1.4-1c.42.23.87.41 1.33.55l.5 1.6a1 1 0 0 0 1 .7h1.8a1 1 0 0 0 1-.7l.5-1.6c.46-.14.9-.32 1.33-.55l1.4 1a1 1 0 0 0 1.3-.12l1.3-1.3a1 1 0 0 0 .12-1.3l-1-1.4c.23-.42.41-.87.55-1.33l1.6-.5a1 1 0 0 0 .7-1v-1.8a1 1 0 0 0-.7-1Z'/%3E%3C/svg%3E")}
/* BARU: icon-brand (tag/label) — khusus slot "Brand" di bottom-nav Agency, beda dari semua icon lain. */
.icon-brand::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.6 12.6 12.4 4.4A2 2 0 0 0 11 3.8H5a2 2 0 0 0-2 2v6a2 2 0 0 0 .6 1.4l8.2 8.2a2 2 0 0 0 2.8 0l6-6a2 2 0 0 0 0-2.8ZM7.5 8.5A1.5 1.5 0 1 1 9 7a1.5 1.5 0 0 1-1.5 1.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20.6 12.6 12.4 4.4A2 2 0 0 0 11 3.8H5a2 2 0 0 0-2 2v6a2 2 0 0 0 .6 1.4l8.2 8.2a2 2 0 0 0 2.8 0l6-6a2 2 0 0 0 0-2.8ZM7.5 8.5A1.5 1.5 0 1 1 9 7a1.5 1.5 0 0 1-1.5 1.5Z'/%3E%3C/svg%3E")}
.icon-wallet::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7a3 3 0 0 1 3-3h11v3h2a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Zm3-1a1 1 0 0 0-1 1v1h10V6H7Zm12 5h-4v4h4v-4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7a3 3 0 0 1 3-3h11v3h2a1 1 0 0 1 1 1v9a3 3 0 0 1-3 3H7a3 3 0 0 1-3-3V7Zm3-1a1 1 0 0 0-1 1v1h10V6H7Zm12 5h-4v4h4v-4Z'/%3E%3C/svg%3E")}
.icon-box::before,.icon-building::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 6v12l8 4 8-4V6l-8-4Zm0 2.2 5.4 2.7L12 9.6 6.6 6.9 12 4.2ZM6 8.5l5 2.5v8.3l-5-2.5V8.5Zm7 10.8V11l5-2.5v8.3l-5 2.5Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 4 6v12l8 4 8-4V6l-8-4Zm0 2.2 5.4 2.7L12 9.6 6.6 6.9 12 4.2ZM6 8.5l5 2.5v8.3l-5-2.5V8.5Zm7 10.8V11l5-2.5v8.3l-5 2.5Z'/%3E%3C/svg%3E")}
.icon-document::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h8l4 4v14H6V3Zm8 2.5V8h2.5L14 5.5ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h8l4 4v14H6V3Zm8 2.5V8h2.5L14 5.5ZM8 11h8v2H8v-2Zm0 4h8v2H8v-2Z'/%3E%3C/svg%3E")}
.icon-settings::before,.icon-tool::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m13.8 2 .6 2.2c.5.2 1 .4 1.5.8L18 4l2 2-1 2.1c.3.5.6 1 .8 1.5L22 10.2v2.6l-2.2.6c-.2.5-.4 1-.8 1.5L20 17l-2 2-2.1-1c-.5.3-1 .6-1.5.8L13.8 21h-3.6l-.6-2.2c-.5-.2-1-.4-1.5-.8L6 20l-2-2 1-2.1a7 7 0 0 1-.8-1.5L2 12.8v-3.6l2.2-.6c.2-.5.4-1 .8-1.5L4 5l2-2 2.1 1c.5-.3 1-.6 1.5-.8L10.2 2h3.6ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m13.8 2 .6 2.2c.5.2 1 .4 1.5.8L18 4l2 2-1 2.1c.3.5.6 1 .8 1.5L22 10.2v2.6l-2.2.6c-.2.5-.4 1-.8 1.5L20 17l-2 2-2.1-1c-.5.3-1 .6-1.5.8L13.8 21h-3.6l-.6-2.2c-.5-.2-1-.4-1.5-.8L6 20l-2-2 1-2.1a7 7 0 0 1-.8-1.5L2 12.8v-3.6l2.2-.6c.2-.5.4-1 .8-1.5L4 5l2-2 2.1 1c.5-.3 1-.6 1.5-.8L10.2 2h3.6ZM12 9a3 3 0 1 0 0 6 3 3 0 0 0 0-6Z'/%3E%3C/svg%3E")}
.icon-check::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9.5 16.2-4-4L4 13.7l5.5 5.5L20 8.7 18.5 7.2l-9 9Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m9.5 16.2-4-4L4 13.7l5.5 5.5L20 8.7 18.5 7.2l-9 9Z'/%3E%3C/svg%3E")}
.icon-calendar::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v17H4V4h3V2Zm11 8H6v9h12v-9ZM6 6v2h12V6H6Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 2h2v2h6V2h2v2h3v17H4V4h3V2Zm11 8H6v9h12v-9ZM6 6v2h12V6H6Z'/%3E%3C/svg%3E")}
.icon-network::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM5 14a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm14 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-6.1-5.8-1.8 5.1h1.8l1.8-5.1h-1.8ZM8.1 16h7.8v-2H8.1v2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a3 3 0 1 0 0 6 3 3 0 0 0 0-6ZM5 14a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm14 0a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm-6.1-5.8-1.8 5.1h1.8l1.8-5.1h-1.8ZM8.1 16h7.8v-2H8.1v2Z'/%3E%3C/svg%3E")}
.icon-search::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 4a6.5 6.5 0 1 0 4.03 11.6l4.43 4.43 1.41-1.41-4.43-4.43A6.5 6.5 0 0 0 10.5 4Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10.5 4a6.5 6.5 0 1 0 4.03 11.6l4.43 4.43 1.41-1.41-4.43-4.43A6.5 6.5 0 0 0 10.5 4Zm0 2a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Z'/%3E%3C/svg%3E")}
.icon-bell::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-4h-1V11a6 6 0 0 0-5-5.91V4a1 1 0 1 0-2 0v1.09A6 6 0 0 0 6 11v7H5v2h14v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 22a2.5 2.5 0 0 0 2.45-2h-4.9A2.5 2.5 0 0 0 12 22Zm7-4h-1V11a6 6 0 0 0-5-5.91V4a1 1 0 1 0-2 0v1.09A6 6 0 0 0 6 11v7H5v2h14v-2Z'/%3E%3C/svg%3E")}
.icon-calc::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h12v18H6V3Zm2 2v4h8V5H8Zm1 7H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2ZM9 16H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h12v18H6V3Zm2 2v4h8V5H8Zm1 7H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2ZM9 16H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2Z'/%3E%3C/svg%3E")}
.icon-chart::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19h14v2H3V5h2v14Zm12.3-9.7 1.4 1.4-4.7 4.7-3-3-4 4-1.4-1.4 5.4-5.4 3 3 3.3-3.3Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 19h14v2H3V5h2v14Zm12.3-9.7 1.4 1.4-4.7 4.7-3-3-4 4-1.4-1.4 5.4-5.4 3 3 3.3-3.3Z'/%3E%3C/svg%3E")}
.icon-plus::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M11 4h2v7h7v2h-7v7h-2v-7H4v-2h7V4Z'/%3E%3C/svg%3E")}

/* generic typography */
.p360-page-intro small,.p360-section-head small{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--p360-muted-2);font-weight:700}
.p360-page-intro h1,.p360-page-hero h1{margin:6px 0 8px;letter-spacing:-.045em;line-height:1.02;font-weight:700}
.p360-page-intro p,.p360-page-hero p{margin:0;color:var(--p360-muted);line-height:1.6;max-width:860px}
.p360-page-intro h1{font-size:44px}.p360-page-intro-compact p{max-width:780px}
.p360-panel-block,.p360-side-card,.p360-kpi-grid article,.p360-command-hub,.p360-premium-hero,.p360-admin-stats div,.p360-admin-grid>article,.p360-page-hero,.p360-home-hero{background:rgba(255,255,255,.96);border:1px solid rgba(219,229,239,.98);border-radius:20px;box-shadow:var(--shadow-sm)}
.p360-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}.p360-section-head h2{font-size:24px;line-height:1.08;letter-spacing:-.035em;margin:4px 0 0;font-weight:700}.p360-section-head a{color:var(--p360-primary);font-size:13px;font-weight:700;text-decoration:none}

/* home premium */
.p360-premium-hero{display:grid;gap:18px;padding:22px;background:radial-gradient(circle at 82% 22%,rgba(75,175,255,.12),transparent 28%),linear-gradient(180deg,var(--p360-sidebar) 0,var(--p360-primary-deep) 52%,var(--p360-primary) 100%);color:#fff;overflow:hidden;border:1px solid rgba(17,42,72,.15);box-shadow:0 18px 44px rgba(13,31,52,.16)}
.p360-premium-hero-copy{position:relative;z-index:2}.p360-premium-hero-copy .p360-kicker{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#d7eaff}
.p360-premium-hero h2{font-size:40px;line-height:1.02;letter-spacing:-.05em;font-weight:700;margin:14px 0 12px;max-width:620px}.p360-premium-hero p{font-size:15px;line-height:1.64;color:#d7e6f6;max-width:620px;margin:0}
.p360-premium-hero-art{display:flex;align-items:center;justify-content:center}.p360-premium-hero-art img{width:min(100%,330px);height:auto;filter:drop-shadow(0 26px 40px rgba(0,0,0,.18))}
.p360-hero-inline-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px;max-width:540px}.p360-hero-inline-stats div{padding:10px 8px 9px;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10)}.p360-hero-inline-stats .p360-stat-icon{display:block;width:22px;height:22px;color:#fff;opacity:.85;margin-bottom:6px}.p360-hero-inline-stats b{display:block;font-size:22px;line-height:1;font-weight:700}.p360-hero-inline-stats span{display:block;margin-top:4px;font-size:11px;line-height:1.3;color:#d7e6f6}
.p360-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.p360-hero-actions a,.p360-side-card a,.p360-coach-inline-body a,.p360-admin-hero a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 14px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;background:#fff;color:var(--p360-primary-deep);border:1px solid rgba(255,255,255,.18)}.p360-hero-actions a.is-secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.16)}
.p360-command-hub{padding:18px;margin-top:16px}.p360-command-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.p360-command-tile{display:grid;gap:4px;padding:16px;border-radius:16px;text-decoration:none;background:linear-gradient(180deg,#fff,#f9fbfe);border:1px solid #e3ebf3;min-height:106px}.p360-command-tile span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8396a8;font-weight:700}.p360-command-tile b{font-size:15px;line-height:1.25;color:var(--p360-ink-2);font-weight:700}.p360-command-tile small{font-size:12px;line-height:1.5;color:var(--p360-muted)}.p360-command-tile:hover{border-color:#cde0f5;box-shadow:var(--shadow-xs)}
/* Icon badge bulat berwarna di kiri-atas tiap tile — sebelumnya tile ini
   cuma teks polos (kategori kecil + judul + deskripsi), kelihatan seperti
   daftar link website. Pakai set icon .icon-xxx yang sudah ada (dipakai
   juga di sidebar), jadi konsisten dan tidak perlu aset baru. */
.p360-tile-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:11px;background:var(--p360-primary-soft);color:var(--p360-primary-deep);margin-bottom:6px}
.p360-tile-icon::before{width:18px;height:18px}
.p360-shortcut-editor{position:relative}.p360-shortcut-editor summary{cursor:pointer;list-style:none;color:var(--p360-primary-deep);font-size:13px;font-weight:700;padding:7px 12px;border-radius:10px;background:#eff6fc;white-space:nowrap}.p360-shortcut-editor summary::-webkit-details-marker{display:none}.p360-shortcut-editor[open] summary{background:#dcedfb}
.p360-shortcut-editor form{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:min(320px,86vw);background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:14px;box-shadow:0 20px 50px rgba(16,31,54,.16)}
.p360-shortcut-editor form p{margin:0 0 10px;font-size:12px;color:var(--p360-muted)}
.p360-shortcut-picker{display:grid;gap:4px;max-height:260px;overflow-y:auto;margin-bottom:12px}
.p360-shortcut-picker label{display:flex;align-items:center;gap:9px;font-size:13px;padding:7px 4px;color:var(--p360-ink-2)}
.p360-shortcut-picker input{width:18px;height:18px;flex-shrink:0}
.p360-shortcut-editor button{width:100%;height:46px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep));color:#fff;font-weight:800;font-size:13px;cursor:pointer}
.p360-etalase-preview{margin-top:16px;padding:18px;background:rgba(255,255,255,.96);border:1px solid rgba(219,229,239,.98);border-radius:20px;box-shadow:var(--shadow-sm)}
.p360-etalase-strip{display:flex;gap:12px;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.p360-etalase-card{flex:0 0 auto;width:158px;text-decoration:none;background:#fff;border:1px solid #e3ebf3;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-xs)}
.p360-etalase-card img{width:100%;height:106px;object-fit:cover;display:block}
.p360-etalase-noimg{width:100%;height:106px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:11px;text-align:center;padding:0 10px}
.p360-etalase-body{padding:10px 12px}
.p360-etalase-body b{display:block;font-size:13px;color:var(--p360-ink-2);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p360-etalase-body span{font-size:11.5px;color:var(--p360-primary-deep);font-weight:800}
/* BARU: widget ringkas Level & XP di Beranda */
.p360-gami-strip{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#0090E3,#0C3F82);color:#fff;border-radius:16px;padding:14px 16px;margin:0 0 16px;text-decoration:none}
.p360-gami-badge{font-size:12.5px;font-weight:800;background:rgba(255,255,255,.18);padding:5px 12px;border-radius:999px;white-space:nowrap}
.p360-gami-xp{font-size:13px;font-weight:700;color:#cfe4f7;flex:1}
.p360-gami-arrow{font-size:11.5px;font-weight:700;color:#fde68a;white-space:nowrap}
.p360-streak-strip{margin:0 0 16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}
.p360-streak-strip summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:12px 16px}
.p360-streak-strip summary::-webkit-details-marker{display:none}
.p360-streak-strip.has-streak{background:linear-gradient(90deg,#fff7ed,#fff)}
.p360-streak-flame{font-size:20px;flex-shrink:0}
.p360-streak-text{flex:1;font-size:13px;color:var(--p360-muted)}
.p360-streak-text b{color:#c2410c;font-size:15px}
.p360-streak-rank{font-size:11px;font-weight:800;color:var(--p360-primary-deep);background:var(--p360-primary-soft);padding:5px 10px;border-radius:999px;white-space:nowrap;flex-shrink:0}
.p360-streak-detail{padding:0 16px 16px;font-size:12.5px;color:var(--p360-muted)}
.p360-streak-detail p{margin:0 0 8px}
.p360-streak-detail .p360-progress{margin-bottom:6px}
.p360-streak-cal-link{display:inline-block;margin-top:4px;color:var(--p360-primary-deep);font-weight:700;text-decoration:none;font-size:12.5px}
.p360-streak-cal-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:16px}
.p360-streak-cal-summary div{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;text-align:center}
.p360-streak-cal-summary strong{display:block;font-size:20px;color:#122033}
.p360-streak-cal-summary span{display:block;font-size:11px;color:#64748b;margin-top:2px}
.p360-streak-cal-hint{font-size:12px;color:#94a3b8;margin:0 0 12px}
.p360-streak-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.p360-streak-cal-dow{text-align:center;font-size:10px;font-weight:700;color:#94a3b8;padding-bottom:4px}
.p360-streak-cal-pad{visibility:hidden}
.p360-streak-cal-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f1f5f9;color:#94a3b8;font-size:12px;font-weight:700}
.p360-streak-cal-day.is-valid{background:linear-gradient(135deg,#fed7aa,#c2410c);color:#fff}
.p360-streak-cal-day.is-today{box-shadow:0 0 0 2px var(--p360-primary)}
.p360-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.p360-kpi-grid article{padding:16px 16px 14px}.p360-kpi-grid strong{display:block;font-size:30px;letter-spacing:-.045em;color:#102842;font-weight:700}.p360-kpi-grid span{display:block;margin-top:5px;color:#364f68;font-weight:600}.p360-kpi-grid small{display:block;margin-top:6px;color:#8393a4;font-size:12px;line-height:1.45}
.p360-premium-grid{display:grid;gap:16px;margin-top:16px}.p360-premium-main,.p360-premium-side{display:grid;gap:16px}
.p360-panel-block{padding:18px}
.p360-workboard-list{display:grid;gap:12px}.p360-workboard-item{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fcfdff,#f7fafd);border:1px solid #e3ebf3;text-decoration:none}.p360-workboard-label{font-size:10px;font-weight:700;color:#8a9cad;letter-spacing:.12em;text-transform:uppercase}.p360-workboard-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px}.p360-workboard-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf5ff;color:var(--p360-primary);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.10em;margin-bottom:8px}.p360-workboard-item b{display:block;font-size:16px;line-height:1.28;color:var(--p360-ink-2);font-weight:700}.p360-workboard-item small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--p360-muted)}.p360-workboard-item em{font-style:normal;font-size:12px;color:var(--p360-primary);font-weight:700;white-space:nowrap}
.p360-pipeline-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.p360-pipeline-grid article{padding:16px;border-radius:16px;background:#f8fbfe;border:1px solid #e4edf5}.p360-pipeline-grid small{font-size:11px;color:#8799ab;letter-spacing:.10em;text-transform:uppercase;font-weight:700}.p360-pipeline-grid strong{display:block;font-size:28px;line-height:1;margin-top:10px;font-weight:700;color:var(--p360-ink)}.p360-pipeline-grid span{display:block;margin-top:6px;color:var(--p360-muted);font-size:12px;line-height:1.5}
.p360-shortcuts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.p360-shortcuts-grid a{text-decoration:none;text-align:center;padding:8px 4px}.p360-shortcuts-grid a span{display:grid;place-items:center;width:52px;height:52px;margin:0 auto;border-radius:16px;background:linear-gradient(180deg,#f5f9ff,#e6effc);color:#1a5ec0;font-size:20px;border:1px solid #d9e6f4}.p360-shortcuts-grid a:nth-child(2n) span{background:linear-gradient(180deg,#f3fcf8,#e4f8ef);color:#17895d}.p360-shortcuts-grid a:nth-child(3n) span{background:linear-gradient(180deg,#fff8ee,#fdeacf);color:#c97d00}.p360-shortcuts-grid a:nth-child(5n) span{background:linear-gradient(180deg,#f6f2ff,#ebe1ff);color:#7354dd}.p360-shortcuts-grid small{display:block;margin-top:7px;font-size:11px;color:#23384f;font-weight:600}
.p360-side-card{padding:18px}.p360-side-card small{display:block;color:#8a9bac;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.p360-side-card h3{margin:8px 0 10px;font-size:18px;line-height:1.18;letter-spacing:-.03em;font-weight:700;color:var(--p360-ink)}.p360-side-card p,.p360-side-card ul{margin:0;color:var(--p360-muted);line-height:1.58;font-size:13px}.p360-side-card ul{padding-left:18px;margin-top:8px}.p360-side-card li+li{margin-top:6px}.p360-side-card a{margin-top:12px;background:#f4f9ff;border:1px solid #dce8f7;color:var(--p360-primary)}
.p360-mini-agenda{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px dashed #e6edf5}.p360-mini-agenda b{font-size:22px;line-height:1;color:#132c47;font-weight:700;min-width:62px}.p360-mini-agenda span{font-size:13px;color:var(--p360-muted);padding-top:3px}
.p360-progress{height:10px;border-radius:999px;background:#e7eef5;overflow:hidden;margin:12px 0}.p360-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--p360-primary),var(--p360-primary-2))}

/* general module pages */
.p360-page-hero{display:grid;gap:18px;align-items:center;padding:22px;background:linear-gradient(180deg,#fff,#f8fbff)}
.p360-page-hero-premium img{width:min(100%,340px);max-height:250px;justify-self:center;object-fit:contain}.p360-page-hero-premium h1{font-size:34px;font-weight:700}.p360-page-hero-premium.is-coach img{max-height:300px;width:min(100%,300px)}.p360-page-grid{display:grid;gap:16px;margin-top:16px}.p360-page-grid-premium{grid-template-columns:1fr}
.p360-action-tiles{display:grid;gap:10px}.p360-action-tiles a{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:14px;border-radius:16px;background:#f9fbfe;border:1px solid #e2eaf3;text-decoration:none}.p360-action-tiles a span{width:40px;height:40px;border-radius:12px;background:var(--p360-primary-soft);color:var(--p360-primary-deep);display:grid;place-items:center;font-size:14px;font-weight:700}.p360-action-tiles a b{display:block;font-size:14px;line-height:1.3;color:var(--p360-ink-2);font-weight:700}.p360-action-tiles a small{display:block;margin-top:4px;color:var(--p360-muted);font-size:12px}
.p360-feed-list{display:grid;gap:10px}.p360-feed-list article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#f8fbfe;border:1px solid #e4edf6}.p360-feed-list article b{display:block;font-size:14px;line-height:1.35;font-weight:700;color:var(--p360-ink-2)}.p360-feed-list article small{display:block;margin-top:4px;font-size:12px;color:var(--p360-muted);line-height:1.48}.p360-feed-list article a{text-decoration:none;color:var(--p360-primary);font-weight:700;font-size:12px}.p360-feed-list.compact article{grid-template-columns:1fr}
.p360-coach-inline-body{display:grid;gap:14px;align-items:center}.p360-coach-inline-body img{width:min(100%,220px);max-height:220px;justify-self:center;object-fit:contain}.p360-coach-inline-body p{margin:0;color:var(--p360-muted);line-height:1.62;font-size:14px}.p360-quota-grid{display:grid;gap:12px}.p360-quota{padding:15px;border:1px solid #e4edf6;border-radius:16px;background:#f8fbfe}.p360-quota>div{display:flex;justify-content:space-between;gap:12px;margin-bottom:10px}.p360-quota strong{font-size:14px;font-weight:700}.p360-quota span{font-size:12px;color:var(--p360-muted)}
progress{appearance:none;width:100%;height:10px;border-radius:999px;overflow:hidden}progress::-webkit-progress-bar{background:#e5edf4;border-radius:999px}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--p360-primary),var(--p360-primary-2));border-radius:999px}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--p360-primary),var(--p360-primary-2))}

/* admin */
.p360-admin-hero{display:grid;gap:18px;padding:22px;background:linear-gradient(180deg,#0b3d7a,#0a5eb8);color:#fff;border:1px solid rgba(14,39,70,.1)}.p360-admin-hero h1{font-size:34px;line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;font-weight:700}.p360-admin-hero span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#cfe1f9;font-weight:700}.p360-admin-hero p{margin:0 0 16px;color:#d9e7f7;line-height:1.6}.p360-admin-hero>div>div{display:flex;gap:10px;flex-wrap:wrap}
.p360-admin-priority{padding:16px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.11)}.p360-admin-priority b{font-size:13px;font-weight:700}.p360-admin-priority ul{margin:10px 0 0;padding-left:18px;color:#edf3ff;line-height:1.7;font-size:13px}
.p360-admin-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.p360-admin-stats div{padding:16px}.p360-admin-stats small{display:block;font-size:12px;color:#73889d;font-weight:600}.p360-admin-stats strong{display:block;font-size:28px;line-height:1.05;margin:8px 0 6px;font-weight:700}.p360-admin-stats span{font-size:12px;color:var(--p360-success);font-weight:700}.p360-admin-grid{display:grid;gap:16px;margin-top:16px}.p360-admin-grid>article{padding:18px}.p360-admin-chart .p360-bars{height:220px}
.p360-bars{display:flex;align-items:flex-end;gap:10px;padding-top:18px;height:180px}.p360-bars span{position:relative;flex:1;min-height:20px;border-radius:10px 10px 4px 4px;background:linear-gradient(180deg,var(--p360-primary-2),var(--p360-primary))}.p360-bars i{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-style:normal;font-size:10px;color:var(--p360-muted)}

/* auth notices if reused */
.p360-form-error,.p360-form-notice{padding:12px 13px;border-radius:13px;margin:12px 0;font-size:12px;line-height:1.45}.p360-form-error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.p360-form-notice{background:#eff8ff;border:1px solid #cfe8fa;color:#135b8c}

/* responsive */
@media (min-width:760px){
  .p360-premium-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr)}
  .p360-command-hub-grid{grid-template-columns:repeat(3,1fr)}
  .p360-kpi-grid{grid-template-columns:repeat(4,1fr)}
  .p360-shortcuts-grid{grid-template-columns:repeat(8,1fr)}
  .p360-admin-hero{grid-template-columns:1.55fr .9fr}
  .p360-admin-stats{grid-template-columns:repeat(4,1fr)}
  .p360-admin-grid{grid-template-columns:1.45fr .9fr}
  .p360-page-grid{grid-template-columns:repeat(2,1fr)}
  .p360-quota-grid{grid-template-columns:repeat(2,1fr)}
  .p360-coach-inline-body{grid-template-columns:220px 1fr}
}
@media (min-width:1100px){
  .p360-workspace-pill{display:flex}
  .p360-menu-trigger{display:none}
  .p360-mobile-workspace{display:none}
  /* AKAR MASALAH ditemukan setelah laporan sidebar "ketarik ke atas" di
     halaman panjang: `html,body{overflow-x:hidden}` (baris 32) diam-diam
     membuat body jadi scroll-container-nya SENDIRI (aturan CSS: kalau salah
     satu overflow-x/overflow-y bukan 'visible', yang lain otomatis jadi
     'auto') — ini bikin `position:sticky` pada sidebar jadi tidak bisa
     diandalkan, karena sticky bergantung pada scroll-container yang benar.
     FIX: sidebar desktop sekarang pakai `position:fixed` (nempel ke
     viewport langsung, sama sekali tidak terpengaruh overflow ancestor
     manapun) — bukan lagi `position:sticky`. Ini pola yang SAMA dengan
     `.p360-bottom-nav` di bawah, yang sudah lama terbukti aman dipakai. */
  .p360-shell{display:block;min-height:calc(100vh - 70px);margin-top:70px}
  /* FIX (dilaporkan: judul halaman terpotong topbar di DESKTOP, padahal
     di HP normal): baris ".p360-mobile-workspace + .p360-shell{margin-top:0}"
     SEHARUSNYA cuma berlaku saat pill "Ruang Kerja" mobile itu benar-benar
     kelihatan (supaya margin-top-nya tidak dobel dengan margin-top milik
     .p360-shell). Tapi baris itu SEBELUMNYA juga ikut dicopy ke breakpoint
     desktop ini — dan CSS selector sibling (`+`) tetap mencocokkan elemen
     walau elemennya display:none (display:none tidak menghapus posisinya
     di DOM). Akibatnya margin-top:70px milik .p360-shell di atas ikut
     ke-nolkan lagi di desktop, padahal topbar (fixed, tinggi 70px) tetap
     ada dan kelihatan — jadi konten mulai dari y=0 dan 46px pertama
     ketutup topbar. Baris itu TIDAK diulang di sini lagi — cukup ada
     satu kali di baris 122 untuk konteks mobile saja. */
  .p360-sidebar{position:fixed;top:70px;left:0;bottom:0;transform:none;width:232px;height:auto;z-index:20;box-shadow:none;border-right:1px solid rgba(255,255,255,.06)}
  .p360-app-main{margin-left:232px;width:min(calc(100% - 232px),1380px);padding:24px 22px 28px}
  .p360-drawer-head{display:none}
  .p360-drawer-backdrop{display:none}
  .p360-profile-drawer{top:70px;height:calc(100vh - 70px)}
  .p360-bottom-nav{display:none}
  .p360-page-intro h1{font-size:56px}
  .p360-premium-grid{grid-template-columns:minmax(0,1.66fr) minmax(300px,.72fr)}
  .p360-premium-side{position:sticky;top:88px;align-self:start}
}
@media (max-width:700px){
  .p360-page-intro h1{font-size:34px}
  .p360-premium-hero h2{font-size:30px}
  .p360-workboard-body{grid-template-columns:1fr}
  .p360-pipeline-grid{grid-template-columns:1fr}
}
@media (max-width:480px){
  .p360-brand-mark{width:32px;height:32px;flex-basis:32px}
  .p360-brand-wordmark{width:112px;height:20px}
  .p360-app-main{padding-inline:12px}
  .p360-panel-block,.p360-side-card,.p360-command-hub,.p360-kpi-grid article,.p360-premium-hero,.p360-page-hero{border-radius:18px}
  .p360-premium-hero,.p360-page-hero{padding:18px}
  .p360-premium-hero h2,.p360-page-hero h1{font-size:28px}
  .p360-section-head h2{font-size:21px}
  .p360-shortcuts-grid{grid-template-columns:repeat(4,1fr);gap:8px}
  .p360-shortcuts-grid a span{width:48px;height:48px}
  .p360-kpi-grid{grid-template-columns:repeat(2,1fr)}
  .p360-admin-stats{grid-template-columns:repeat(2,1fr)}
  .p360-hero-inline-stats{gap:6px}
  .p360-hero-inline-stats div{padding:9px 6px 8px}
  .p360-hero-inline-stats b{font-size:19px}
  .p360-hero-inline-stats span{font-size:10.5px}
}

.p360-topbar .p360-brand-wordmark{width:142px;height:24px}
.p360-topbar .p360-brand-mark{width:36px;height:36px;flex-basis:36px}
/* BARU: logo header penuh (lockup ikon+nama jadi 1 gambar) — tinggi
   dibuat sama dengan tinggi icon+wordmark gabungan yang biasa, lebar
   menyesuaikan rasio aslinya (TIDAK dipaksa bulat/persegi seperti
   avatar/icon company). */
.p360-brand-mark-full{height:34px;width:auto;max-width:220px;object-fit:contain}
@media(max-width:480px){.p360-brand-mark-full{height:28px;max-width:170px}}
.p360-page-intro small,.p360-section-head small{color:var(--p360-primary-deep)}
.p360-section-head a,.p360-side-card a,.p360-workboard-item em{color:var(--p360-primary-deep)}
.p360-sidebar nav a:hover{background:rgba(255,255,255,.10)}
.p360-command-tile span,.p360-workboard-label,.p360-kicker{color:#dfeeff}
.p360-page-hero-copy small{color:var(--p360-primary-deep);font-weight:800;letter-spacing:.12em}
.p360-page-hero-copy p{max-width:64ch}
.p360-shortcuts-grid a span{box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}

/* V12.9 full-page sweep + production asset system */
body{font-family:Poppins,Inter,"Segoe UI",Roboto,Arial,sans-serif}
.p360-command-tile span,.p360-workboard-label,.p360-kicker{color:var(--p360-primary-deep)}
.p360-premium-hero .p360-kicker{color:#eaf6ff}
.p360-production-hero,.p360-page-hero-production{position:relative;overflow:hidden}
.p360-production-hero{background:linear-gradient(135deg,var(--p360-sidebar-2) 0,var(--p360-primary-deep) 58%,var(--p360-primary-2) 100%)}
.p360-page-hero-production{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);background:linear-gradient(145deg,#ffffff 0,#f5faff 100%);min-height:330px}
.p360-page-hero-production:before{content:"";position:absolute;right:-80px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(67,165,245,.16),rgba(67,165,245,0) 70%);pointer-events:none}
.p360-page-hero-production .p360-page-hero-copy{position:relative;z-index:2}
.p360-production-art{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;align-self:stretch;min-height:250px;padding:8px}
.p360-production-art img{display:block;width:100%;height:100%;max-width:430px;max-height:310px;object-fit:contain;object-position:center center;border-radius:18px}
.p360-production-hero .p360-production-art img{max-width:390px;max-height:330px;border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 48px rgba(0,61,120,.22)}
.p360-page-hero-production .p360-production-art{background:linear-gradient(180deg,rgba(234,245,255,.86),rgba(255,255,255,.64));border:1px solid #d9e9f7;border-radius:20px}
.p360-page-intro{margin-bottom:16px}
.p360-page-intro h1{font-size:clamp(34px,4.4vw,52px);max-width:960px}
.p360-page-intro p{max-width:850px;font-size:15px}
.p360-page-grid-production{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start}
.p360-module-main-panel{grid-row:span 2}
.p360-module-table{display:grid;gap:10px}
.p360-module-row{display:grid;grid-template-columns:minmax(0,1fr) auto 28px;gap:14px;align-items:center;padding:16px;border:1px solid #dfeaf5;border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbff);text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.p360-module-row:hover{transform:translateY(-1px);border-color:#bcd8f1;box-shadow:0 10px 24px rgba(16,88,156,.08)}
.p360-module-row b{display:block;font-size:15px;color:var(--p360-ink);line-height:1.35}
.p360-module-row small{display:block;margin-top:5px;color:var(--p360-muted);font-size:12px;line-height:1.45}
.p360-module-row>span{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border-radius:999px;background:#eaf5ff;color:var(--p360-primary-deep);font-size:11px;font-weight:700;white-space:nowrap}
.p360-module-row>em{font-style:normal;font-size:24px;color:#7d95ad}
.p360-coach-inline{overflow:hidden}
.p360-coach-inline-body{grid-template-columns:minmax(160px,220px) 1fr}
.p360-coach-inline-body img{width:100%;height:200px;max-height:none;object-fit:contain;object-position:center;border-radius:18px;background:linear-gradient(180deg,#eff8ff,#ffffff);border:1px solid #dbeaf7;padding:8px}
.p360-empty-production{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:24px;align-items:center;padding:20px}
.p360-empty-production img{width:100%;height:260px;object-fit:contain;border-radius:18px;border:1px solid #dbeaf7;background:#f4faff}
.p360-empty-production small{font-size:11px;letter-spacing:.12em;color:var(--p360-primary-deep);font-weight:800}
.p360-empty-production h2{font-size:28px;letter-spacing:-.035em;margin:8px 0}
.p360-empty-production p{color:var(--p360-muted);line-height:1.6}
.p360-kpi-grid article{position:relative;overflow:hidden}
.p360-kpi-grid article:after{content:"";position:absolute;right:-18px;bottom:-24px;width:70px;height:70px;border-radius:50%;background:rgba(0,144,227,.055)}
.p360-page-hero-production .p360-hero-actions a:first-child{background:linear-gradient(135deg,var(--p360-primary),var(--p360-primary-deep));color:#fff;border-color:transparent}
.p360-page-hero-production .p360-hero-actions .is-secondary{background:#fff;color:var(--p360-primary-deep);border-color:#cfe2f4}
.p360-sidebar nav{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.p360-sidebar nav::-webkit-scrollbar{width:5px}.p360-sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.24);border-radius:99px}

@media (min-width:1100px){
  .p360-sidebar nav a{min-height:42px;padding-block:8px}
  .p360-sidebar-user{margin-bottom:10px}
}
@media (max-width:900px){
  .p360-page-hero-production{grid-template-columns:1fr}
  .p360-page-grid-production{grid-template-columns:1fr}
  .p360-module-main-panel{grid-row:auto}
  .p360-production-art{min-height:220px}
  .p360-page-hero-production .p360-production-art{max-height:300px}
}
@media (max-width:600px){
  .p360-page-intro h1{font-size:34px}
  .p360-page-hero-production{padding:16px;min-height:0}
  .p360-production-art{padding:0;min-height:200px}
  .p360-production-art img{max-height:235px;border-radius:14px}
  .p360-production-hero .p360-production-art img{max-height:245px}
  .p360-module-row{grid-template-columns:1fr auto;padding:14px}
  .p360-module-row>em{display:none}
  .p360-module-row>span{align-self:start}
  .p360-coach-inline-body{grid-template-columns:1fr}
  .p360-coach-inline-body img{height:210px}
  .p360-empty-production{grid-template-columns:1fr;padding:8px}
  .p360-empty-production img{height:220px}
}

/* ---- Hero CTA "Buat Workspace Agency" di Home (BARU) — cuma muncul
   untuk agen yang belum punya agency sama sekali, supaya ngeh fitur
   ini ada tanpa perlu nemu sendiri lewat dropdown Ruang Kerja. ---- */
.p360-agency-cta-hero{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#eef8ff,#f8fbff);border:1px solid #cfe8fa;border-radius:18px;padding:18px 20px;margin-bottom:18px;flex-wrap:wrap}
.p360-agency-cta-hero .ic{font-size:32px;flex:0 0 auto;line-height:1}
.p360-agency-cta-hero .text{flex:1;min-width:220px}
.p360-agency-cta-hero .text b{display:block;font-size:15px;color:#122033;margin-bottom:4px}
.p360-agency-cta-hero .text p{margin:0;font-size:12.5px;line-height:1.55;color:#425b70}
.p360-agency-cta-hero>a{flex:0 0 auto;display:inline-block;background:var(--p360-primary);color:#fff;font-weight:800;font-size:13px;padding:11px 18px;border-radius:12px;text-decoration:none;white-space:nowrap}
@media(max-width:480px){.p360-agency-cta-hero{flex-direction:column;text-align:center}.p360-agency-cta-hero>a{width:100%;text-align:center}}
/* BARU: CTA "Cek Website Saya" + "Bagikan via WA" di Beranda — hijau
   (warna WA) biar terasa positif/mengundang, beda dari CTA agency
   yang biru, supaya keduanya tidak tertukar visual. */
.p360-mysite-cta{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#eafcf1,#f5fef8);border:1px solid #b7e4c7;border-radius:18px;padding:18px 20px;margin-bottom:18px;flex-wrap:wrap}
.p360-mysite-cta .ic{font-size:32px;flex:0 0 auto;line-height:1}
.p360-mysite-cta .text{flex:1;min-width:220px}
.p360-mysite-cta .text b{display:block;font-size:15px;color:#122033;margin-bottom:4px}
.p360-mysite-cta .text p{margin:0;font-size:12.5px;line-height:1.55;color:#425b70}
.p360-mysite-cta .btns{display:flex;gap:8px;flex:0 0 auto;align-items:center}
.p360-mysite-cta .btns a{display:inline-block;font-weight:800;font-size:12.5px;padding:11px 16px;border-radius:12px;text-decoration:none;white-space:nowrap}
.p360-mysite-cta .btns a.secondary{background:#fff;color:#0a7a3d;border:1px solid #b7e4c7}
.p360-mysite-cta .btns a.primary{background:#25D366;color:#fff}
.p360-mysite-cta .btns a.info-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border-radius:999px;background:#fff;color:#0a7a3d;border:1px solid #b7e4c7;font-weight:800;font-size:13px}
@media(max-width:480px){.p360-mysite-cta{flex-direction:column;text-align:center}.p360-mysite-cta .btns{width:100%}.p360-mysite-cta .btns a{flex:1;text-align:center}.p360-mysite-cta .btns a.info-btn{flex:0 0 auto}}

/* Overlay 074 — viewport-safe application shell
   Sidebar adalah flex column. Nav harus menjadi satu-satunya area scroll;
   tanpa min-height:0 browser dapat membiarkan nav melewati viewport dan
   memotong menu bagian atas/bawah pada halaman panjang. */
.p360-sidebar{overflow:hidden!important}
.p360-sidebar nav{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain;padding-bottom:10px!important}
.p360-sidebar>form{flex:0 0 auto;margin-top:8px}
.p360-sidebar-user{flex:0 0 auto}
.p360-nav-group{min-width:0}
.p360-nav-group-items{min-width:0}
.p360-sidebar nav a,.p360-nav-btn{width:100%;box-sizing:border-box}
.p360-sidebar nav a span,.p360-nav-btn span{min-width:0;overflow-wrap:anywhere}
@media (min-width:1100px){
  .p360-sidebar{height:calc(100dvh - 70px)!important;max-height:calc(100dvh - 70px)!important}
  .p360-app-main{min-width:0;overflow:visible}
}
@supports not (height:100dvh){
  @media (min-width:1100px){.p360-sidebar{height:calc(100vh - 70px)!important;max-height:calc(100vh - 70px)!important}}
}

/* Overlay 075 — Custom Domain detail UI + shell final polish */
.p360-domain-detail{display:grid;gap:18px;max-width:1500px;margin:0 auto;color:#102a43}
.p360-domain-detail *{box-sizing:border-box}
.p360-domain-detail-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px 28px;border:1px solid #d7e6f3;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f5faff 58%,#eaf5ff 100%);box-shadow:0 16px 40px rgba(17,75,123,.08)}
.p360-domain-detail-hero:after{content:"";position:absolute;right:-70px;top:-100px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(0,144,227,.14),rgba(0,144,227,0) 70%);pointer-events:none}
.p360-domain-detail-copy,.p360-domain-hero-actions{position:relative;z-index:1}.p360-domain-back{display:inline-flex;margin-bottom:14px;color:#37688f;font-size:12px;font-weight:700;text-decoration:none}.p360-domain-back:hover{text-decoration:underline}
.p360-domain-title-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.p360-domain-title-row h1{margin:4px 0 0;font-size:clamp(30px,4vw,46px);line-height:1;letter-spacing:-.045em;color:#102a43}.p360-domain-detail-copy>p{margin:10px 0 0;color:#607d96;font-size:13px}.p360-domain-eyebrow{display:block;color:#0b73b7;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.p360-domain-live-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:8px 12px;background:#eef2f6;color:#526b7f;font-size:10px;font-weight:900;letter-spacing:.05em}.p360-domain-live-pill.is-live,.p360-domain-live-pill.ok{background:#dff8e8;color:#147341}.p360-domain-live-pill.wait{background:#fff3d4;color:#8d6200}.p360-domain-live-pill.bad{background:#ffe4e4;color:#a12c2c}.p360-domain-live-pill.muted{background:#e8edf2;color:#5a6d7d}.p360-domain-live-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(22,115,65,.10)}
.p360-domain-hero-actions{display:flex;gap:9px;flex-wrap:wrap}.p360-domain-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.p360-domain-btn:hover{transform:translateY(-1px)}.p360-domain-btn-primary{background:linear-gradient(135deg,#0090e3,#056db3);color:#fff;box-shadow:0 8px 18px rgba(0,112,181,.18)}.p360-domain-btn-soft{background:#fff;color:#18557f;border-color:#cfe0ee}.p360-domain-btn-success{background:#128a50;color:#fff}.p360-domain-btn-warning{background:#fff5d9;color:#8a5b00;border-color:#f1d38d}.p360-domain-btn-danger{background:#b42318;color:#fff}
.p360-domain-alert{display:flex;gap:8px;align-items:flex-start;border-radius:14px;padding:13px 15px;font-size:12px;font-weight:600}.p360-domain-alert span{font-weight:500}.p360-domain-alert.is-success{background:#ebfaf1;border:1px solid #c7ecd5;color:#176b40}.p360-domain-alert.is-error{background:#fff1f0;border:1px solid #f4c7c3;color:#98261f}
.p360-domain-health-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.p360-domain-health-card{display:flex;gap:12px;align-items:flex-start;padding:17px;border:1px solid #dce7f0;border-radius:17px;background:#fff;box-shadow:0 8px 22px rgba(15,63,99,.045)}.p360-domain-health-icon{display:flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#edf2f7;color:#526b7f;font-weight:900}.p360-domain-health-card.is-ok .p360-domain-health-icon{background:#dcf7e7;color:#137440}.p360-domain-health-card.is-wait .p360-domain-health-icon{background:#fff2cd;color:#976500}.p360-domain-health-card.is-bad .p360-domain-health-icon{background:#ffe0df;color:#ac2922}.p360-domain-health-body span{display:block;color:#6d879c;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.p360-domain-health-body strong{display:block;margin-top:3px;color:#102a43;font-size:15px}.p360-domain-health-body small{display:block;margin-top:5px;color:#71889b;font-size:10.5px;line-height:1.45}
.p360-domain-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:start}.p360-domain-main,.p360-domain-aside{display:grid;gap:18px}.p360-domain-panel{padding:22px;border:1px solid #dce7f0;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(15,63,99,.05)}.p360-domain-panel h2{margin:5px 0 0;color:#102a43;font-size:20px;letter-spacing:-.025em}.p360-domain-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.p360-domain-panel-head p,.p360-domain-panel>p{margin:7px 0 0;color:#6b8295;font-size:12px;line-height:1.6}
.p360-domain-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.p360-domain-action-card{position:relative;display:flex;flex-direction:column;min-height:150px;padding:16px;border:1px solid #dbe7f0;border-radius:15px;background:linear-gradient(180deg,#fff,#f8fbfe);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.p360-domain-action-card:hover{transform:translateY(-1px);border-color:#b9d7ec;box-shadow:0 10px 22px rgba(15,80,127,.08)}.p360-domain-action-tag{align-self:flex-start;margin-bottom:14px;padding:5px 8px;border-radius:999px;background:#e9f5ff;color:#0b70b3;font-size:9px;font-weight:900}.p360-domain-action-card strong{font-size:14px;color:#18384f}.p360-domain-action-card small{margin-top:5px;color:#71889b;font-size:11px;line-height:1.45}.p360-domain-action-card button{margin-top:auto;padding:12px 0 0;border:0;background:transparent;color:#086da9;font:inherit;font-size:11px;font-weight:800;text-align:left;cursor:pointer}
.p360-domain-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p360-domain-info-item{min-width:0;padding:14px;border:1px solid #e1eaf2;border-radius:14px;background:#fbfdff}.p360-domain-info-item span{display:block;margin-bottom:6px;color:#72899b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.055em}.p360-domain-info-item strong{display:block;color:#18384f;font-size:13px;overflow-wrap:anywhere}.p360-domain-info-item small{display:block;margin-top:4px;color:#7a90a2;font-size:10.5px;overflow-wrap:anywhere}.p360-domain-info-wide{grid-column:span 2}.p360-domain-copy-line{display:flex;gap:7px;align-items:center;min-width:0}.p360-domain-copy-line code{display:block;flex:1;min-width:0;padding:8px 10px;border-radius:9px;background:#edf5fb;color:#174765;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p360-domain-copy-line button{flex:0 0 auto;min-height:32px;padding:0 9px;border:1px solid #cfdeea;border-radius:9px;background:#fff;color:#17567f;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.p360-domain-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.p360-domain-time-grid>div{padding:12px;border-radius:12px;background:#f5f9fc}.p360-domain-time-grid span{display:block;color:#788e9f;font-size:9.5px;text-transform:uppercase;font-weight:800}.p360-domain-time-grid strong{display:block;margin-top:5px;color:#28475e;font-size:11px;overflow-wrap:anywhere}
.p360-domain-timeline{position:relative}.p360-domain-timeline:before{content:"";position:absolute;left:7px;top:9px;bottom:9px;width:2px;background:#dce8f1}.p360-domain-event{position:relative;display:grid;grid-template-columns:18px 150px minmax(0,1fr);gap:12px;padding:0 0 18px}.p360-domain-event:last-child{padding-bottom:0}.p360-domain-event-marker{position:relative;z-index:1;width:15px;height:15px;margin-top:3px;border:4px solid #dff1ff;border-radius:50%;background:#0b83ca}.p360-domain-event-time strong{display:block;font-size:11px;color:#28475e}.p360-domain-event-time small{display:block;margin-top:3px;color:#7a90a2;font-size:10px}.p360-domain-event-content strong{display:inline-block;color:#18384f;font-size:12.5px}.p360-domain-event-change{display:inline-flex;margin-left:7px;padding:3px 7px;border-radius:999px;background:#edf5fb;color:#4a6e86;font-size:9.5px;font-weight:800}.p360-domain-event-content p{margin:5px 0 0;color:#617c90;font-size:11px;line-height:1.5}.p360-domain-empty{padding:24px;border:1px dashed #cddde9;border-radius:14px;color:#71889b;text-align:center;font-size:12px}
.p360-domain-sticky-card{position:sticky;top:88px}.p360-domain-public-status{display:flex;gap:11px;align-items:flex-start;margin:15px 0;padding:14px;border-radius:13px;background:#f3f6f9;color:#5e7283}.p360-domain-public-status.is-live{background:#eaf9f0;color:#176b40}.p360-domain-public-status>span{font-weight:900}.p360-domain-public-status strong{display:block;font-size:12px}.p360-domain-public-status small{display:block;margin-top:4px;font-size:10.5px;line-height:1.45}.p360-domain-summary-list{margin:0}.p360-domain-summary-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #e8eef3}.p360-domain-summary-list dt{color:#72899b;font-size:10.5px}.p360-domain-summary-list dd{margin:0;color:#28475e;font-size:10.5px;font-weight:800;text-align:right}.p360-domain-danger-zone{border-color:#f1d6d3;background:linear-gradient(180deg,#fff,#fffafa)}.p360-domain-danger-zone hr{border:0;border-top:1px solid #f0deda;margin:18px 0}.p360-domain-danger-zone form{margin-top:13px}.p360-domain-release-form{display:grid;gap:8px}.p360-domain-release-form input{width:100%;min-height:41px;padding:0 11px;border:1px solid #e2bdb9;border-radius:10px;background:#fff;color:#402d2b;font:inherit;font-size:11px}.p360-domain-release-form .p360-domain-btn{width:100%}
.p360-domain-copy-toast{position:fixed;right:22px;bottom:22px;z-index:9999;padding:12px 16px;border-radius:12px;background:#102a43;color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.22);font-size:12px;font-weight:800;opacity:0;transform:translateY(10px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.p360-domain-copy-toast.is-visible{opacity:1;transform:translateY(0)}
/* Keep shell controls usable on short desktop viewports. */
.p360-sidebar>form{padding-bottom:max(8px,env(safe-area-inset-bottom))}.p360-sidebar nav{padding-right:3px!important}.p360-sidebar nav a.is-active,.p360-sidebar nav a[aria-current="page"]{box-shadow:inset 3px 0 0 rgba(255,255,255,.7)}
@media(max-width:1100px){.p360-domain-layout{grid-template-columns:1fr}.p360-domain-sticky-card{position:static}.p360-domain-aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.p360-domain-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p360-domain-action-grid{grid-template-columns:1fr}.p360-domain-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p360-domain-event{grid-template-columns:18px 1fr}.p360-domain-event-time{grid-column:2}.p360-domain-event-content{grid-column:2}.p360-domain-aside{grid-template-columns:1fr}}
@media(max-width:600px){.p360-domain-detail{gap:12px}.p360-domain-detail-hero{align-items:flex-start;flex-direction:column;padding:20px;border-radius:18px}.p360-domain-hero-actions{width:100%}.p360-domain-hero-actions .p360-domain-btn{flex:1}.p360-domain-health-grid{grid-template-columns:1fr}.p360-domain-panel{padding:17px;border-radius:16px}.p360-domain-panel-head{flex-direction:column}.p360-domain-panel-head form,.p360-domain-panel-head .p360-domain-btn{width:100%}.p360-domain-info-grid{grid-template-columns:1fr}.p360-domain-info-wide{grid-column:auto}.p360-domain-time-grid{grid-template-columns:1fr}.p360-domain-copy-line{align-items:stretch;flex-wrap:wrap}.p360-domain-copy-line code{flex-basis:100%}.p360-domain-title-row h1{font-size:30px}.p360-domain-copy-toast{left:16px;right:16px;bottom:16px;text-align:center}}

/* Overlay 082: runtime production audit */
.p360-domain-panel-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.p360-runtime-audit{margin:18px 0;padding:20px;border:1px solid #dbe4ee;border-radius:20px;background:#fff}.p360-runtime-audit.is-pass{border-color:#a7e7c1;background:linear-gradient(135deg,#f3fff7,#fff)}.p360-runtime-audit.is-fail{border-color:#f6c6c6;background:linear-gradient(135deg,#fff7f7,#fff)}.p360-runtime-audit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.p360-runtime-audit-head h2{margin:4px 0 3px;font-size:20px}.p360-runtime-audit-head p{margin:0;color:#64748b;font-size:13px}.p360-runtime-audit-score{padding:8px 12px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:.06em;background:#dcfce7;color:#166534}.p360-runtime-audit.is-fail .p360-runtime-audit-score{background:#fee2e2;color:#991b1b}.p360-runtime-audit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.p360-runtime-audit-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}.p360-runtime-audit-item>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:900;background:#dcfce7;color:#166534}.p360-runtime-audit-item.is-fail>span{background:#fee2e2;color:#991b1b}.p360-runtime-audit-item strong{display:block;font-size:12px;color:#0f172a}.p360-runtime-audit-item small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#64748b;word-break:break-word}@media(max-width:1100px){.p360-runtime-audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.p360-runtime-audit-head{display:grid}.p360-runtime-audit-grid{grid-template-columns:1fr}.p360-domain-panel-actions{width:100%;display:grid}.p360-domain-panel-actions form,.p360-domain-panel-actions button{width:100%}}

/* Overlay 083 — Production Smoke Test Center */
.p360-smoke-page{max-width:1240px;margin:0 auto;padding:8px 0 40px}.p360-smoke-hero{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:30px;border-radius:26px;background:linear-gradient(135deg,#071d31,#0d3150);color:#fff;box-shadow:0 18px 50px rgba(7,29,49,.18)}.p360-smoke-hero h2{margin:7px 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.05}.p360-smoke-hero p{max-width:800px;margin:0;color:#d4e2ed}.p360-smoke-eyebrow{font-size:11px!important;letter-spacing:.16em;font-weight:800;color:#67d3bc!important;margin:0}.p360-smoke-run,.p360-smoke-card-head button{border:0;border-radius:14px;padding:13px 18px;font-weight:800;cursor:pointer;background:#e1aa3f;color:#10283b;white-space:nowrap;box-shadow:0 8px 24px rgba(225,170,63,.24)}.p360-smoke-alert{margin-top:16px;padding:14px 16px;border-radius:14px;font-weight:700}.p360-smoke-alert.ok{background:#eaf9f4;color:#166b59}.p360-smoke-alert.bad{background:#fff0f0;color:#a52f2f}.p360-smoke-summary{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin:18px 0}.p360-smoke-summary>div{background:#fff;border:1px solid #e5ebf0;border-radius:18px;padding:18px;display:flex;flex-direction:column}.p360-smoke-summary span{font-size:12px;color:#718090}.p360-smoke-summary strong{font-size:26px;color:#153047}.p360-smoke-score.ok{border-left:5px solid #28a880}.p360-smoke-score.warn{border-left:5px solid #dda82f}.p360-smoke-score.bad{border-left:5px solid #d95353}.p360-smoke-score small{color:#84919d}.p360-smoke-card,.p360-smoke-empty{background:#fff;border:1px solid #e3eaf0;border-radius:22px;padding:22px;margin-top:16px;box-shadow:0 8px 28px rgba(23,47,68,.05)}.p360-smoke-card-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.p360-smoke-card-head h3{margin:3px 0;color:#17334a}.p360-smoke-card-head a{font-weight:800;color:#0f766e}.p360-smoke-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p360-smoke-check{display:grid;grid-template-columns:12px 1fr auto;gap:11px;align-items:center;border:1px solid #edf1f4;border-radius:14px;padding:12px}.p360-smoke-check div{display:flex;flex-direction:column;min-width:0}.p360-smoke-check small{color:#7b8994;white-space:normal;word-break:break-word}.p360-smoke-dot{width:10px;height:10px;border-radius:50%}.p360-smoke-dot.ok{background:#2aab83}.p360-smoke-dot.warn{background:#dfa72d}.p360-smoke-dot.bad{background:#d95353}.p360-smoke-check b{font-size:10px;letter-spacing:.08em}.p360-smoke-check b.ok{color:#188166}.p360-smoke-check b.warn{color:#a97500}.p360-smoke-check b.bad{color:#b63737}.p360-smoke-empty{text-align:center;padding:50px}.p360-smoke-empty>div{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#e8f8f3;color:#178568;margin:0 auto 12px;font-size:24px}.p360-manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.p360-manual-grid label{display:flex;gap:10px;align-items:flex-start;border:1px solid #e9eef2;border-radius:14px;padding:13px;cursor:pointer}.p360-manual-grid input{margin-top:3px;accent-color:#188f72}@media(max-width:800px){.p360-smoke-hero{align-items:stretch;flex-direction:column}.p360-smoke-summary{grid-template-columns:repeat(3,1fr)}.p360-smoke-score{grid-column:1/-1}.p360-smoke-checks,.p360-manual-grid{grid-template-columns:1fr}.p360-smoke-card-head{align-items:flex-start;flex-direction:column}}@media print{.app-sidebar,.app-topbar,.p360-smoke-run,.p360-smoke-card-head button{display:none!important}.app-main{margin:0!important}.p360-smoke-page{max-width:none}.p360-smoke-hero{background:#fff!important;color:#111!important;box-shadow:none;border:1px solid #ccc}.p360-smoke-hero p{color:#444}.p360-smoke-card{break-inside:avoid;box-shadow:none}}

/* Overlay 222 — semantic Platform Console icon set. Each admin destination
   receives a distinct silhouette so menu meaning can be recognised before
   reading the label. */
.icon-dashboard::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3Zm10 0h8v5h-8V3ZM3 13h8v8H3v-8Zm10-3h8v11h-8V10Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h8v8H3V3Zm10 0h8v5h-8V3ZM3 13h8v8H3v-8Zm10-3h8v11h-8V10Z'/%3E%3C/svg%3E")}
.icon-users::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 20v-1c0-3 3.1-5 7-5s7 2 7 5v1H2Zm14.5 0v-1c0-1.5-.6-2.8-1.7-3.8.7-.2 1.4-.3 2.2-.3 2.8 0 5 1.5 5 3.7V20h-5.5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm6-1a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM2 20v-1c0-3 3.1-5 7-5s7 2 7 5v1H2Zm14.5 0v-1c0-1.5-.6-2.8-1.7-3.8.7-.2 1.4-.3 2.2-.3 2.8 0 5 1.5 5 3.7V20h-5.5Z'/%3E%3C/svg%3E")}
.icon-agency::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V5l8-3 8 3v16h-6v-5h-4v5H4Zm3-13h2V6H7v2Zm4 0h2V6h-2v2Zm4 0h2V6h-2v2ZM7 12h2v-2H7v2Zm4 0h2v-2h-2v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V5l8-3 8 3v16h-6v-5h-4v5H4Zm3-13h2V6H7v2Zm4 0h2V6h-2v2Zm4 0h2V6h-2v2ZM7 12h2v-2H7v2Zm4 0h2v-2h-2v2Zm4 0h2v-2h-2v2Z'/%3E%3C/svg%3E")}
.icon-receipt::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 2h14v20l-3-2-2 2-2-2-2 2-2-2-3 2V2Zm3 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 2h14v20l-3-2-2 2-2-2-2 2-2-2-3 2V2Zm3 5v2h8V7H8Zm0 4v2h8v-2H8Zm0 4v2h5v-2H8Z'/%3E%3C/svg%3E")}
.icon-lifecycle::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l3.5-4L8 9H5.6A7 7 0 1 0 12 5V3Zm-1 4h2v5.2l3.2 2-1 1.7-4.2-2.6V7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1-8.5 6H1l3.5-4L8 9H5.6A7 7 0 1 0 12 5V3Zm-1 4h2v5.2l3.2 2-1 1.7-4.2-2.6V7Z'/%3E%3C/svg%3E")}
.icon-package::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 9 5-9 5-9-5 9-5Zm-9 8 8 4.4V22l-8-4.5V10Zm18 0v7.5L13 22v-7.6l8-4.4Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 9 5-9 5-9-5 9-5Zm-9 8 8 4.4V22l-8-4.5V10Zm18 0v7.5L13 22v-7.6l8-4.4Z'/%3E%3C/svg%3E")}
.icon-gift::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10h18v4H3v-4Zm2 5h6v7H5v-7Zm8 0h6v7h-6v-7ZM11 3c-2-3-7-1-6 3 .5 2 3 3 6 3V3Zm2 0v6c3 0 5.5-1 6-3 1-4-4-6-6-3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 10h18v4H3v-4Zm2 5h6v7H5v-7Zm8 0h6v7h-6v-7ZM11 3c-2-3-7-1-6 3 .5 2 3 3 6 3V3Zm2 0v6c3 0 5.5-1 6-3 1-4-4-6-6-3Z'/%3E%3C/svg%3E")}
.icon-calculator::before{mask-image:var(--p360-icon-calc);-webkit-mask-image:var(--p360-icon-calc)}
.icon-book::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h7v16H6a2 2 0 0 0-2 2V3Zm9 0h7v18a2 2 0 0 0-2-2h-5V3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h7v16H6a2 2 0 0 0-2 2V3Zm9 0h7v18a2 2 0 0 0-2-2h-5V3Z'/%3E%3C/svg%3E")}
.icon-content::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 4v2h10V7H7Zm0 4v2h10v-2H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 3h16v18H4V3Zm3 4v2h10V7H7Zm0 4v2h10v-2H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E")}
.icon-template::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16H3V4Zm2 2v3h14V6H5Zm0 5v7h5v-7H5Zm7 0v2h7v-2h-7Zm0 4v3h7v-3h-7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v16H3V4Zm2 2v3h14V6H5Zm0 5v7h5v-7H5Zm7 0v2h7v-2h-7Zm0 4v3h7v-3h-7Z'/%3E%3C/svg%3E")}
.icon-property-settings::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11 12 3l9 8v10h-7v-6h-4v6H3V11Zm15 3h2v2h-2v-2Zm-3-3h2v2h-2v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 11 12 3l9 8v10h-7v-6h-4v6H3V11Zm15 3h2v2h-2v-2Zm-3-3h2v2h-2v-2Z'/%3E%3C/svg%3E")}
.icon-palette::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 0 0 0 18h1.5c1.4 0 2.2-1.6 1.4-2.7-.6-.8 0-2 1-2H18a3 3 0 0 0 3-3c0-5.7-4-10.3-9-10.3ZM7 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4 1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 0 0 0 18h1.5c1.4 0 2.2-1.6 1.4-2.7-.6-.8 0-2 1-2H18a3 3 0 0 0 3-3c0-5.7-4-10.3-9-10.3ZM7 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3-4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm4 1a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Zm3 4a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E")}
.icon-domain::before,.icon-domain-check::before,.icon-domain-history::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3a15 15 0 0 0-1.3-5A8 8 0 0 1 18.9 11ZM12 4c1.1 1.3 1.8 3.8 2 7h-4c.2-3.2.9-5.7 2-7ZM9.4 6A15 15 0 0 0 8 11H5.1a8 8 0 0 1 4.3-5ZM5.1 13H8a15 15 0 0 0 1.4 5 8 8 0 0 1-4.3-5Zm6.9 7c-1.1-1.3-1.8-3.8-2-7h4c-.2 3.2-.9 5.7-2 7Zm2.6-2a15 15 0 0 0 1.3-5h3a8 8 0 0 1-4.3 5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm6.9 9h-3a15 15 0 0 0-1.3-5A8 8 0 0 1 18.9 11ZM12 4c1.1 1.3 1.8 3.8 2 7h-4c.2-3.2.9-5.7 2-7ZM9.4 6A15 15 0 0 0 8 11H5.1a8 8 0 0 1 4.3-5ZM5.1 13H8a15 15 0 0 0 1.4 5 8 8 0 0 1-4.3-5Zm6.9 7c-1.1-1.3-1.8-3.8-2-7h4c-.2 3.2-.9 5.7-2 7Zm2.6-2a15 15 0 0 0 1.3-5h3a8 8 0 0 1-4.3 5Z'/%3E%3C/svg%3E")}
.icon-usability::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-7 9h14v2h-5v9h-4v-9H5v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2a4 4 0 1 0 0 8 4 4 0 0 0 0-8Zm-7 9h14v2h-5v9h-4v-9H5v-2Z'/%3E%3C/svg%3E")}
.icon-system-overview::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm3 12h8v2H8v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v12H3V4Zm2 2v8h14V6H5Zm3 12h8v2H8v-2Z'/%3E%3C/svg%3E")}
.icon-feedback::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h18v14H8l-5 4V3Zm4 5v2h10V8H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 3h18v14H8l-5 4V3Zm4 5v2h10V8H7Zm0 4v2h7v-2H7Z'/%3E%3C/svg%3E")}
.icon-security::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 20 5v6c0 5.2-3.4 9.4-8 11-4.6-1.6-8-5.8-8-11V5l8-3Zm-1 6v4H8l4 5 4-5h-3V8h-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 2 20 5v6c0 5.2-3.4 9.4-8 11-4.6-1.6-8-5.8-8-11V5l8-3Zm-1 6v4H8l4 5 4-5h-3V8h-2Z'/%3E%3C/svg%3E")}
.icon-system-check::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v12H3V4Zm4 5 3 3 6-6 1.5 1.5L10 15 5.5 10.5 7 9Zm1 9h8v2H8v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v12H3V4Zm4 5 3 3 6-6 1.5 1.5L10 15 5.5 10.5 7 9Zm1 9h8v2H8v-2Z'/%3E%3C/svg%3E")}
.icon-diagnostic::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3h4v3h3l2 3-2 2v3l2 2-2 3h-3v3h-4v-3H7l-2-3 2-2v-3L5 9l2-3h3V3Zm2 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-1 2h2v4h-2v-4Zm0 5h2v2h-2v-2Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 3h4v3h3l2 3-2 2v3l2 2-2 3h-3v3h-4v-3H7l-2-3 2-2v-3L5 9l2-3h3V3Zm2 5a5 5 0 1 0 0 10 5 5 0 0 0 0-10Zm-1 2h2v4h-2v-4Zm0 5h2v2h-2v-2Z'/%3E%3C/svg%3E")}
.icon-rocket::before{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3c4-1 7 0 7 0s1 3 0 7l-5 5-5-2-2-5 5-5Zm2 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM8 14l2 2-4 5-3-1-1-3 6-3Zm5 2 2 2-2 4-3-1 3-5Z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 3c4-1 7 0 7 0s1 3 0 7l-5 5-5-2-2-5 5-5Zm2 3a2 2 0 1 0 0 4 2 2 0 0 0 0-4ZM8 14l2 2-4 5-3-1-1-3 6-3Zm5 2 2 2-2 4-3-1 3-5Z'/%3E%3C/svg%3E")}
/* explicit aliases where a semantic icon intentionally reuses a mature glyph */
.icon-calculator::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h12v18H6V3Zm2 2v4h8V5H8Zm1 7H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2ZM9 16H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6 3h12v18H6V3Zm2 2v4h8V5H8Zm1 7H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2ZM9 16H8v2h1v-2Zm4 0h-2v2h2v-2Zm3 0h-1v2h1v-2Z'/%3E%3C/svg%3E")}


/* Overlay 280A — missing sidebar icon coverage.
   Keep icons mask-based so they inherit Agent/Owner/Admin theme colors. */
.icon-property::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V9.4L12 3l8 6.4V21h-6v-6h-4v6H4Zm2-2h2v-6h8v6h2v-8.6l-6-4.8-6 4.8V19Zm1-9h3v2H7v-2Zm7 0h3v2h-3v-2Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 21V9.4L12 3l8 6.4V21h-6v-6h-4v6H4Zm2-2h2v-6h8v6h2v-8.6l-6-4.8-6 4.8V19Zm1-9h3v2H7v-2Zm7 0h3v2h-3v-2Z'/%3E%3C/svg%3E");
}
.icon-star::before{
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2.6 2.9 5.88 6.49.94-4.7 4.58 1.11 6.46L12 17.4l-5.8 3.06L7.31 14l-4.7-4.58 6.49-.94L12 2.6Zm0 4.52-1.58 3.2-3.54.52 2.56 2.49-.6 3.52L12 15.19l3.16 1.66-.6-3.52 2.56-2.49-3.54-.52L12 7.12Z'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2.6 2.9 5.88 6.49.94-4.7 4.58 1.11 6.46L12 17.4l-5.8 3.06L7.31 14l-4.7-4.58 6.49-.94L12 2.6Zm0 4.52-1.58 3.2-3.54.52 2.56 2.49-.6 3.52L12 15.19l3.16 1.66-.6-3.52 2.56-2.49-3.54-.52L12 7.12Z'/%3E%3C/svg%3E");
}