/* RUANG PILIHAN / SOCIAL AFFILIATE BOT — dashboard refresh v1.8.8 */
:root{
  --ink:#17251e;--muted:#6e7c73;--line:#e5ebe6;--paper:#f4f7f4;--white:#fff;
  --green:#176a4c;--green2:#21815e;--lime:#e6f3e9;--orange:#b97043;
  --shadow:0 12px 34px rgba(25,48,35,.055);--shadow-hover:0 18px 42px rgba(25,48,35,.095);
  --dash-bg:#f4f7f4;--dash-panel:#fff;--dash-soft:#f7faf7;--dash-border:#e5ebe6;
  --dash-sidebar:#14281f;--dash-sidebar-soft:#203c2e;--dash-sidebar-text:#a9beb1;
  --dash-radius:18px;--dash-radius-sm:12px;
}
html[data-theme="dark"]{
  color-scheme:dark;--ink:#e9f0eb;--muted:#9aa99f;--line:#2b3c32;--paper:#111a15;--white:#19251e;
  --green:#82c9a4;--green2:#9cdbb8;--lime:#203b2d;--orange:#e0a274;
  --shadow:0 12px 34px rgba(0,0,0,.2);--shadow-hover:0 18px 42px rgba(0,0,0,.32);
  --dash-bg:#101813;--dash-panel:#19251e;--dash-soft:#202e25;--dash-border:#2b3c32;
  --dash-sidebar:#0d1711;--dash-sidebar-soft:#1e3427;--dash-sidebar-text:#a8bdb0;
}
html{scroll-behavior:smooth}
.auth-shell{min-height:100vh;background:radial-gradient(ellipse at 12% 10%,rgba(33,129,94,.10),transparent 34%),radial-gradient(ellipse at 90% 88%,rgba(200,168,106,.10),transparent 28%),var(--dash-bg)!important;padding:26px!important}
.auth-card{width:min(480px,100%)!important;padding:clamp(27px,5vw,42px)!important;background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:24px!important;box-shadow:0 28px 80px rgba(20,42,29,.12)!important}
.auth-card .brand-mark{width:52px!important;height:52px!important;border-radius:16px!important;margin-bottom:22px!important}
.auth-card h1{font-size:29px!important;letter-spacing:-.05em!important;margin:4px 0 8px!important}.auth-card>p{font-size:12px!important;color:var(--muted)!important;margin-bottom:23px!important}
body{background:var(--dash-bg)!important;color:var(--ink)!important;font-family:Inter,"Plus Jakarta Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}a{transition:color .16s ease}h1,h2,h3,h4,b,strong{font-family:inherit;letter-spacing:-.025em}h1{font-size:clamp(25px,2.4vw,34px);font-weight:760}h2{font-size:clamp(20px,1.8vw,25px);font-weight:740}h3{font-size:15px;font-weight:720}p{line-height:1.65}.muted,.eyebrow{color:var(--muted)!important}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:750}
.app-shell{grid-template-columns:252px minmax(0,1fr)!important;background:var(--dash-bg)!important;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:linear-gradient(180deg,#172d22 0%,#102219 100%)!important;padding:23px 15px 18px!important;border-right:1px solid rgba(255,255,255,.06);box-shadow:8px 0 28px rgba(14,31,21,.045)}
.brand{padding:5px 9px 28px!important;gap:12px!important}.brand-mark{width:42px!important;height:42px!important;border-radius:13px!important;background:linear-gradient(145deg,#d7c49b,#ac9262)!important;color:#203026!important;box-shadow:0 6px 18px rgba(0,0,0,.14);font-size:13px!important}.brand b{font-size:13px!important;font-weight:760!important;color:#f2f6f2}.brand small{font-size:10px!important;color:#9eb5a6!important;letter-spacing:.04em}
#nav{display:grid;gap:5px}.nav-item{width:100%;min-height:45px;margin:0!important;padding:11px 13px!important;border-radius:12px!important;display:flex;align-items:center;gap:11px!important;background:transparent!important;color:var(--dash-sidebar-text)!important;font-size:13px!important;font-weight:600!important;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-item span{font-size:12px;font-weight:650!important;letter-spacing:-.01em}.nav-item:hover{background:rgba(255,255,255,.075)!important;color:#fff!important;transform:translateX(2px)}.nav-item.active{background:linear-gradient(100deg,#284b38,#203d2d)!important;color:#fff!important;box-shadow:inset 3px 0 #d2bb8d,0 7px 18px rgba(0,0,0,.12)}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:24px!important;padding:17px 8px 4px!important;color:#a9beb1!important}.sidebar-bottom .online-dot{background:#71d6a0;box-shadow:0 0 0 4px rgba(113,214,160,.12)}.sidebar-bottom .ghost{color:#c1d1c6!important;border-color:rgba(255,255,255,.14)!important;border-radius:10px!important}
.main{max-width:1660px!important;padding:27px clamp(18px,3.2vw,48px) 42px!important}.topbar{position:sticky;top:0;z-index:4;min-height:58px;margin:-27px calc(clamp(18px,3.2vw,48px)*-1) 25px!important;padding:12px clamp(18px,3.2vw,48px)!important;background:color-mix(in srgb,var(--dash-bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--dash-border) 75%,transparent)}.topbar h1,.topbar h2{margin:0}.mobile-menu-toggle{border:1px solid var(--dash-border)!important;border-radius:11px!important;background:var(--dash-panel)!important;color:var(--ink)!important}.topbar-right{gap:12px!important;color:var(--muted);font-size:12px}.topbar-right .pill{border:1px solid var(--dash-border)}
.tab-content{animation:dashFade .24s ease both}@keyframes dashFade{from{opacity:.55;transform:translateY(4px)}to{opacity:1;transform:none}}.section-intro,.publish-page-head,.linkhub-page-head,.publish-page-head{margin-bottom:22px!important;align-items:center!important}.section-intro h2,.publish-page-head h2,.linkhub-page-head h2{margin:0 0 6px!important}.section-intro p,.publish-page-head p,.linkhub-page-head p{max-width:760px;font-size:12px!important;color:var(--muted)!important}
.hero{border-radius:22px!important;padding:30px!important;box-shadow:0 18px 42px rgba(14,70,47,.12);background:linear-gradient(115deg,#155b42 0%,#1e7654 60%,#285a43 100%)!important}.hero h2{font-size:clamp(22px,2.1vw,29px)!important;letter-spacing:-.04em}.hero p:not(.eyebrow){font-size:13px!important}.hero-orbit{opacity:.22!important}
.stats-grid{gap:14px!important;margin-bottom:19px!important}.stat-card{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:17px!important;padding:19px!important;box-shadow:var(--shadow)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)!important;border-color:color-mix(in srgb,var(--green) 28%,var(--dash-border))!important}.stat-card span{color:var(--muted)!important;font-size:11px}.stat-card strong{font-size:clamp(23px,2vw,29px)!important;color:var(--ink)!important;margin:8px 0 4px!important;font-weight:760!important}.stat-card small{font-size:10px;color:var(--muted)!important}
.panel,.form-panel,.preview-panel{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:var(--dash-radius)!important;padding:21px!important;margin-bottom:17px!important;box-shadow:var(--shadow)!important}.panel-head{margin-bottom:18px!important;align-items:center}.panel-head h3{margin:0 0 4px!important}.panel-head p{font-size:11px!important;color:var(--muted)!important}.grid-two{gap:17px!important}.workflow{gap:11px!important}.workflow div{background:var(--dash-soft);border:1px solid var(--dash-border);border-radius:13px;padding:12px 14px}.workflow b{border-radius:9px!important}
button{min-height:38px;border-radius:11px!important;padding:10px 15px!important;font-weight:680!important;letter-spacing:-.01em;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease!important}button:hover{transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{background:linear-gradient(110deg,#176a4c,#21815e)!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 6px 15px rgba(23,106,76,.15)!important}button.primary:hover{background:#12573e!important;box-shadow:0 8px 20px rgba(23,106,76,.2)!important}.secondary{background:var(--lime)!important;color:var(--green)!important;border:1px solid color-mix(in srgb,var(--green) 12%,var(--dash-border))!important}.secondary:hover{background:color-mix(in srgb,var(--lime) 70%,var(--green) 12%)!important}.ghost{background:transparent!important;border:1px solid var(--dash-border)!important;color:var(--muted)!important}.ghost:hover{border-color:color-mix(in srgb,var(--green) 38%,var(--dash-border))!important;color:var(--green)!important}.danger-text{color:#b5473b!important}
input,select,textarea{min-height:42px!important;padding:10px 12px!important;border-radius:11px!important;background:var(--dash-panel)!important;color:var(--ink)!important;border:1px solid var(--dash-border)!important;font-size:12px!important;box-shadow:none!important;transition:border-color .16s ease,box-shadow .16s ease!important}textarea{min-height:84px!important}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 72%,transparent)!important}input:focus,select:focus,textarea:focus{border-color:color-mix(in srgb,var(--green) 58%,var(--dash-border))!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)!important;outline:0!important}.stack label,.form-grid label,.product-dialog label{font-size:11px!important;font-weight:680!important;color:var(--muted)!important;gap:7px!important}.form-grid{gap:14px!important}.check{background:var(--dash-soft)!important;border:1px solid var(--dash-border)!important;border-radius:11px!important;padding:10px 12px!important;color:var(--ink)!important}.check input{min-height:auto!important;accent-color:var(--green)}
.data-card,.item-row,.preview-item{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:13px!important;padding:14px!important;margin:0!important;box-shadow:none!important}.data-card{transition:border-color .16s ease,box-shadow .16s ease}.data-card:hover{border-color:color-mix(in srgb,var(--green) 28%,var(--dash-border))!important;box-shadow:var(--shadow)!important}.data-card b{font-size:12px!important;color:var(--ink)!important}.data-card small{font-size:10px!important;color:var(--muted)!important}.item-list,.card-list{gap:10px!important}.item-row{border-top:1px solid var(--dash-border)!important;display:flex;align-items:center;gap:10px}.table-wrap{border:1px solid var(--dash-border);border-radius:14px;background:var(--dash-panel);overflow:auto}.data-table{min-width:680px!important;border-collapse:separate!important;border-spacing:0!important;font-size:11px!important}.data-table th{background:var(--dash-soft)!important;color:var(--muted)!important;font-size:9px!important;letter-spacing:.09em;padding:12px!important}.data-table td{padding:13px 12px!important;border-bottom:1px solid var(--dash-border)!important;color:var(--ink)!important}.data-table tr:last-child td{border-bottom:0!important}.data-table tbody tr:hover td{background:color-mix(in srgb,var(--dash-soft) 75%,transparent)}
.status,.pill{border-radius:999px!important;font-size:9px!important;font-weight:760!important;letter-spacing:.04em;padding:6px 9px!important}.status.PUBLISHED,.status.APPROVED,.pill.green{background:#e7f5eb!important;color:#21744b!important}.status.FAILED,.status.REJECTED{background:#fff0ee!important;color:#b5473b!important}.status.SCHEDULED,.status.NEEDS_REVIEW,.pill.orange{background:#fff4e6!important;color:#9b6424!important}.notice{border-radius:13px!important;padding:13px 15px!important;font-size:11px!important;line-height:1.65!important;margin-top:14px!important}.notice.warning{background:#fff7eb!important;border-color:#f2e2c8!important;color:#815b2e!important}.empty-state,.empty-note{border-radius:13px!important}.empty-state{background:var(--dash-soft)!important;border:1px dashed var(--dash-border)!important;color:var(--muted)!important}.empty-note{color:var(--muted)!important}
.nav-item:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 36%,transparent)!important;outline-offset:2px}.toast{border-radius:13px!important;padding:13px 16px!important;box-shadow:0 15px 40px rgba(0,0,0,.2)!important;font-size:12px!important}dialog{border:1px solid var(--dash-border)!important;border-radius:20px!important;background:var(--dash-panel)!important;color:var(--ink)!important;box-shadow:0 30px 90px rgba(0,0,0,.24)!important}dialog::backdrop{background:rgba(11,21,15,.5);backdrop-filter:blur(4px)}
#tab-linkhub>.linkhub-page-head,#tab-linkhub>.linkhub-process-strip,#tab-linkhub>.linkhub-workspace{display:none!important}#globalStorefrontAdmin{padding:clamp(17px,2.1vw,27px)!important}.rp-store-admin{border-radius:20px!important}.rp-store-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:17px}.rp-store-head h2{font:750 clamp(23px,2.1vw,29px) Inter,ui-sans-serif,system-ui!important;letter-spacing:-.045em!important}.rp-store-head p:not(.eyebrow){font-size:12px}.rp-store-settings{padding:17px!important;border:1px solid var(--dash-border)!important;border-radius:15px!important;background:var(--dash-soft)!important}.rp-store-identity{padding:20px 0!important}.rp-store-logo-box{border-radius:17px!important;box-shadow:0 8px 24px rgba(0,0,0,.12)}.rp-store-url{padding:18px!important;background:var(--dash-soft);border:1px solid var(--dash-border)!important;border-radius:14px!important;margin:17px 0}.rp-store-catalog-head{margin:22px 0 13px!important}.rp-store-product{background:var(--dash-panel);border:1px solid var(--dash-border)!important;border-radius:15px!important;padding:13px!important;transition:box-shadow .18s,border-color .18s}.rp-store-product:hover{box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--green) 28%,var(--dash-border))!important}.rp-store-product-photo{border-radius:12px!important}.rp-store-product-info>b{font-size:12px!important}.rp-image-tools{border-color:var(--dash-border)!important}.rp-image-tools input{min-height:36px!important}.rp-category{border-radius:999px!important}
.linkhub-form-section,.product-dialog,.account-setting-row,.trend-source-card,.trend-platform-grid,.learning-patterns,.publish-queue-panel,.publish-list,.publisher-status-card{border-color:var(--dash-border)}.trend-source-card,.publisher-status-card{border-radius:14px!important;background:var(--dash-soft)!important}.trend-platform-grid{border-top-color:var(--dash-border)!important}.publish-list .data-card,.learning-patterns .data-card{margin-bottom:8px!important}
footer{color:var(--muted)!important;font-size:10px!important;padding:26px 10px!important}
@media(max-width:1080px){.app-shell{grid-template-columns:224px minmax(0,1fr)!important}.main{padding-left:22px!important;padding-right:22px!important}.topbar{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important}.rp-store-product-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){.app-shell{display:block!important}.sidebar{position:fixed!important;z-index:20!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:auto!important;max-height:72px!important;padding:6px 7px calc(6px + env(safe-area-inset-bottom))!important;border-right:0!important;border-top:1px solid rgba(255,255,255,.1);overflow-x:auto!important;overflow-y:hidden!important;box-shadow:0 -8px 28px rgba(12,30,19,.16)}.brand,.sidebar-bottom{display:none!important}#nav{display:flex!important;gap:3px!important;min-width:max-content!important;justify-content:flex-start!important}.nav-item{width:auto!important;min-width:50px!important;min-height:48px!important;margin:0!important;padding:8px 10px!important;justify-content:center!important;border-radius:10px!important;font-size:16px!important}.nav-item span{display:none!important}.nav-item.active{box-shadow:inset 0 2px #d2bb8d!important}.main{padding:18px 13px 96px!important}.topbar{position:relative!important;top:auto!important;margin:-18px -13px 19px!important;padding:14px 13px!important;min-height:55px}.topbar-right{gap:7px!important}.hero{padding:22px!important;border-radius:17px!important}.hero h2{font-size:20px!important}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.stat-card{padding:13px!important;border-radius:14px!important}.stat-card strong{font-size:22px!important}.panel{padding:15px!important;border-radius:15px!important}.grid-two{grid-template-columns:1fr!important}.section-intro,.panel-head,.publish-page-head{align-items:flex-start!important;flex-wrap:wrap}.form-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}.span-2{grid-column:span 1!important}.data-card{flex-wrap:wrap}.data-card>*{min-width:0}.rp-store-head,.rp-store-url,.rp-store-catalog-head{align-items:flex-start!important;flex-direction:column!important}.rp-store-product-grid{grid-template-columns:1fr!important}.rp-store-product{grid-template-columns:90px minmax(0,1fr)!important;gap:10px!important}.rp-store-product-photo{width:90px!important}.button-row{gap:7px}.button-row button{flex:0 0 auto}.table-wrap{max-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}