/* RUANG PILIHAN AFFILIATE STUDIO — dashboard experience v1.8.9 */
:root{
  --ink:#171925;--muted:#73788a;--line:#e7e9f0;--paper:#f6f7fb;--white:#fff;
  --green:#7055e8;--green2:#5d43d4;--lime:#f1edff;--orange:#b77938;
  --shadow:0 5px 18px rgba(27,29,48,.045);--shadow-hover:0 14px 34px rgba(27,29,48,.085);
  --dash-bg:#f6f7fb;--dash-panel:#fff;--dash-soft:#f8f9fc;--dash-border:#e7e9f0;
  --dash-sidebar:#fff;--dash-sidebar-soft:#f2efff;--dash-sidebar-text:#74798b;
  --dash-radius:17px;--dash-radius-sm:12px;--rp-accent:#7256e8;--rp-accent-dark:#5e43d2;--rp-accent-soft:#f1edff;
}
html[data-theme="dark"]{
  color-scheme:dark;--ink:#eef0f7;--muted:#9ba1b4;--line:#303346;--paper:#11131b;--white:#1a1d29;
  --green:#a996ff;--green2:#c1b5ff;--lime:#29243f;--orange:#e3b17a;
  --shadow:0 5px 18px rgba(0,0,0,.18);--shadow-hover:0 14px 34px rgba(0,0,0,.28);
  --dash-bg:#11131b;--dash-panel:#1a1d29;--dash-soft:#202333;--dash-border:#303346;
  --dash-sidebar:#171a25;--dash-sidebar-soft:#30294b;--dash-sidebar-text:#a4a9bb;
  --rp-accent:#a996ff;--rp-accent-dark:#bcb0ff;--rp-accent-soft:#30294b;
}
html{scroll-behavior:smooth}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:inherit}h1,h2,h3,h4,b,strong{font-family:inherit;letter-spacing:-.035em}h1{font-size:clamp(25px,2.1vw,32px)!important;font-weight:760!important;line-height:1.12!important}h2{font-size:clamp(20px,1.65vw,25px)!important;font-weight:740!important}h3{font-size:15px!important;font-weight:730!important}p{line-height:1.65}.muted,.eyebrow{color:var(--muted)!important}.eyebrow{font-size:9px!important;letter-spacing:.15em!important;font-weight:780!important;text-transform:uppercase;margin-bottom:7px!important}
/* App frame and sidebar */
#appShell.app-shell{grid-template-columns:258px minmax(0,1fr)!important;min-height:100vh;background:var(--dash-bg)!important;transition:grid-template-columns .2s ease}
#appShell .sidebar{position:sticky!important;top:0!important;height:100vh!important;overflow-y:auto!important;background:var(--dash-sidebar)!important;color:var(--ink)!important;padding:22px 15px 18px!important;border-right:1px solid var(--dash-border)!important;box-shadow:5px 0 24px rgba(21,24,43,.025)!important;display:flex!important;flex-direction:column!important}
#appShell .brand{display:flex!important;align-items:center!important;gap:11px!important;padding:4px 7px 25px!important;margin-bottom:8px!important;border-bottom:1px solid var(--dash-border)!important;min-height:63px}
.rp-brand-mark{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#211d34,#4b3a8f);color:#fff;font-size:13px;font-weight:850;letter-spacing:-.08em;box-shadow:0 7px 18px rgba(91,67,210,.2)}
.rp-brand-mark.small{width:38px;height:38px;flex-basis:38px;border-radius:12px;font-size:11px}
#appShell .brand-copy{min-width:0;flex:1}#appShell .brand-copy b{display:block;color:var(--ink)!important;font-size:13px!important;font-weight:800!important;white-space:nowrap}#appShell .brand-copy small{display:block;color:var(--muted)!important;font-size:10px!important;letter-spacing:.06em;margin-top:3px}
.sidebar-collapse{width:30px!important;min-width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--dash-border)!important;background:var(--dash-soft)!important;color:var(--muted)!important;border-radius:9px!important;font-size:20px!important;line-height:1}
#nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:3px!important;min-width:0}
.nav-section-label{padding:16px 11px 6px!important;color:#9a9eae!important;font-size:9px!important;line-height:1.2;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}
#appShell .nav-item{display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:43px!important;margin:0!important;padding:9px 11px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;color:var(--dash-sidebar-text)!important;text-align:left!important;font-size:12px!important;font-weight:650!important;letter-spacing:-.01em!important;box-shadow:none!important;transform:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease!important}
#appShell .nav-item .nav-icon{width:19px;height:19px;flex:0 0 19px;display:grid;place-items:center;color:currentColor!important}
#appShell .nav-item .nav-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
#appShell .nav-item .nav-label{display:block!important;min-width:0;font-size:11.5px!important;font-weight:680!important;letter-spacing:-.01em!important;color:inherit!important}
#appShell .nav-item:hover{background:var(--dash-soft)!important;color:var(--ink)!important;border-color:var(--dash-border)!important}
#appShell .nav-item.active{background:var(--rp-accent-soft)!important;color:var(--rp-accent-dark)!important;border-color:color-mix(in srgb,var(--rp-accent) 17%,var(--dash-border))!important;box-shadow:inset 3px 0 var(--rp-accent)!important}
#appShell .nav-item.active .nav-icon{color:var(--rp-accent)!important}
#appShell .sidebar-bottom{margin-top:auto!important;padding:17px 8px 1px!important;border-top:1px solid var(--dash-border)!important;color:var(--muted)!important;font-size:10px!important}
#appShell .sidebar-bottom .online-dot{background:#28a879!important;box-shadow:0 0 0 4px rgba(40,168,121,.12)!important}
#appShell .sidebar-bottom .ghost{width:100%!important;margin-top:12px!important;color:var(--muted)!important;background:transparent!important;border:1px solid var(--dash-border)!important}
#appShell.sidebar-collapsed.app-shell{grid-template-columns:78px minmax(0,1fr)!important}
#appShell.sidebar-collapsed .sidebar{padding-left:10px!important;padding-right:10px!important}
#appShell.sidebar-collapsed .brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}
#appShell.sidebar-collapsed .brand-copy,#appShell.sidebar-collapsed .nav-label,#appShell.sidebar-collapsed .nav-section-label,#appShell.sidebar-collapsed .sidebar-bottom{display:none!important}
#appShell.sidebar-collapsed .brand{flex-direction:column!important;gap:9px!important}
#appShell.sidebar-collapsed .sidebar-collapse{display:grid!important;place-items:center!important;transform:rotate(180deg)!important}
#appShell.sidebar-collapsed .nav-item{justify-content:center!important;padding:10px 5px!important}
/* Main header */
#appShell .main{max-width:1680px!important;width:100%!important;margin:0 auto!important;padding:0 clamp(20px,3.2vw,48px) 42px!important;min-width:0}
#appShell .topbar{position:sticky!important;top:0!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;min-height:92px!important;margin:0 calc(clamp(20px,3.2vw,48px)*-1) 27px!important;padding:15px clamp(20px,3.2vw,48px)!important;background:color-mix(in srgb,var(--dash-panel) 92%,transparent)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid var(--dash-border)!important;box-shadow:0 3px 16px rgba(25,28,46,.025)!important}
#appShell .topbar-heading{display:flex!important;align-items:center!important;gap:13px!important;min-width:0}
#appShell #pageTitle{margin:0!important;color:var(--ink)!important;font-size:28px!important;letter-spacing:-.055em!important;font-weight:800!important}
#appShell #pageDescription{margin:5px 0 0!important;color:var(--muted)!important;font-size:11px!important;line-height:1.45!important;max-width:650px}
#appShell .topbar-right{display:flex!important;align-items:center!important;gap:11px!important;color:var(--muted)!important;font-size:11px!important;white-space:nowrap}
#appShell .topbar-right .theme-toggle{border:1px solid var(--dash-border)!important;background:var(--dash-panel)!important;color:var(--ink)!important;border-radius:10px!important;min-height:36px!important;padding:8px 12px!important}
.workspace-store-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:8px 12px;border-radius:10px;background:var(--rp-accent-soft);border:1px solid color-mix(in srgb,var(--rp-accent) 18%,var(--dash-border));color:var(--rp-accent-dark)!important;text-decoration:none;font-size:11px;font-weight:750}
.store-link-dot{width:7px;height:7px;border-radius:50%;background:#22a476;box-shadow:0 0 0 3px rgba(34,164,118,.12)}
/* Shared page surfaces */
.tab-content{max-width:1450px;margin:0 auto;animation:rpPageIn .22s ease both}@keyframes rpPageIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
.section-intro,.publish-page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:18px!important;margin:0 0 20px!important;padding:2px 1px 0!important}
.section-intro h2,.publish-page-head h2{margin:0 0 5px!important;color:var(--ink)!important;font-size:22px!important;letter-spacing:-.045em!important}
.section-intro p,.publish-page-head p{max-width:760px!important;color:var(--muted)!important;font-size:11.5px!important;line-height:1.6!important}
.panel,.form-panel,.preview-panel{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:16px!important;padding:20px!important;margin:0 0 16px!important;box-shadow:var(--shadow)!important;min-width:0}
.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:13px!important;margin-bottom:15px!important}
.panel-head h3{margin:0 0 4px!important;color:var(--ink)!important;font-size:14px!important}
.panel-head p,.panel>p.muted{font-size:11px!important;color:var(--muted)!important}
button{min-height:38px!important;padding:9px 14px!important;border-radius:10px!important;font-size:11px!important;font-weight:720!important;letter-spacing:-.01em!important;box-shadow:none!important;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease!important}
button:hover{transform:translateY(-1px)!important}button:active{transform:translateY(0)!important}
button.primary{background:var(--rp-accent)!important;color:#fff!important;border:1px solid var(--rp-accent)!important;box-shadow:0 5px 13px rgba(114,86,232,.16)!important}
button.primary:hover{background:var(--rp-accent-dark)!important;border-color:var(--rp-accent-dark)!important}
button.secondary,.secondary{background:var(--rp-accent-soft)!important;color:var(--rp-accent-dark)!important;border:1px solid color-mix(in srgb,var(--rp-accent) 15%,var(--dash-border))!important}
button.ghost,.ghost{background:transparent!important;color:var(--muted)!important;border:1px solid var(--dash-border)!important}
button.ghost:hover{background:var(--dash-soft)!important;color:var(--ink)!important;border-color:var(--rp-accent)!important}
input,select,textarea{min-height:41px!important;padding:10px 12px!important;border-radius:10px!important;background:var(--dash-panel)!important;color:var(--ink)!important;border:1px solid var(--dash-border)!important;font-size:11.5px!important;box-shadow:none!important}
textarea{min-height:88px!important;line-height:1.55!important}input:focus,select:focus,textarea:focus{border-color:var(--rp-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rp-accent) 13%,transparent)!important;outline:0!important}
.stack label,.form-grid label,.product-dialog label{font-size:10.5px!important;font-weight:720!important;color:var(--muted)!important;gap:7px!important}
.form-grid{gap:13px!important}.check{background:var(--dash-soft)!important;border:1px solid var(--dash-border)!important;border-radius:10px!important;padding:10px 12px!important;color:var(--ink)!important}.check input{min-height:auto!important;accent-color:var(--rp-accent)!important}
.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;min-width:0;transition:border-color .16s ease,box-shadow .16s ease}
.data-card:hover{border-color:color-mix(in srgb,var(--rp-accent) 35%,var(--dash-border))!important;box-shadow:var(--shadow)!important}
.data-card b{color:var(--ink)!important;font-size:12px!important}.data-card small{color:var(--muted)!important;font-size:10px!important;line-height:1.55!important;overflow-wrap:anywhere}
.item-list,.card-list{display:grid!important;gap:10px!important}.status,.pill{border-radius:999px!important;font-size:9px!important;font-weight:780!important;letter-spacing:.035em;padding:6px 9px!important}
.status.PUBLISHED,.status.APPROVED,.pill.green{background:#e7f6ef!important;color:#18764f!important}.status.FAILED,.status.REJECTED{background:#fff0ef!important;color:#b44945!important}.status.SCHEDULED,.status.NEEDS_REVIEW,.pill.orange{background:#fff5e8!important;color:#9b672c!important}
.notice{border-radius:12px!important;padding:13px 15px!important;font-size:10.5px!important;line-height:1.65!important;margin:0 0 15px!important;background:#eef8f3!important;border:1px solid #d6eee2!important;color:#276b4b!important}.notice.warning{background:#fff7ec!important;border-color:#f2e3cd!important;color:#875d2b!important}
.table-wrap{border:1px solid var(--dash-border)!important;border-radius:13px!important;background:var(--dash-panel)!important;overflow:auto!important}.data-table{min-width:680px!important;border-collapse:separate!important;border-spacing:0!important;font-size:10.5px!important}.data-table th{background:var(--dash-soft)!important;color:var(--muted)!important;font-size:9px!important;letter-spacing:.08em;padding:12px!important}.data-table td{padding:12px!important;border-bottom:1px solid var(--dash-border)!important;color:var(--ink)!important}.data-table tbody tr:hover td{background:var(--dash-soft)!important}
.empty-state{background:var(--dash-soft)!important;border:1px dashed var(--dash-border)!important;border-radius:13px!important;color:var(--muted)!important;padding:26px!important}.empty-note{color:var(--muted)!important;font-size:11px!important}
/* Overview dashboard */
#tab-overview .hero{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:178px!important;padding:30px!important;margin:0 0 17px!important;border:1px solid #29283a!important;border-radius:19px!important;background:radial-gradient(circle at 85% 0%,rgba(151,126,255,.34),transparent 32%),linear-gradient(118deg,#191b28 0%,#27233c 56%,#39305c 100%)!important;box-shadow:0 15px 34px rgba(30,25,57,.13)!important}
#tab-overview .hero .eyebrow{color:#c1b5ff!important}#tab-overview .hero h2{max-width:670px!important;color:#fff!important;font-size:clamp(23px,2.35vw,31px)!important;line-height:1.17!important;letter-spacing:-.055em!important}#tab-overview .hero p:not(.eyebrow){max-width:660px!important;color:#c8c6d5!important;font-size:11.5px!important;margin-top:9px!important}#tab-overview .hero-orbit{font-size:90px!important;color:#d8d0ff!important;opacity:.23!important}
#tab-overview .stats-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important;margin:0 0 18px!important}
#tab-overview .stat-card{position:relative!important;overflow:hidden!important;background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:15px!important;padding:17px 18px!important;box-shadow:var(--shadow)!important}
#tab-overview .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rp-accent),#b9aaff)}
#tab-overview .stat-card span{color:var(--muted)!important;font-size:10px!important;font-weight:720!important}#tab-overview .stat-card strong{display:block;color:var(--ink)!important;font-size:28px!important;font-weight:820!important;letter-spacing:-.06em!important;margin:8px 0 2px!important}#tab-overview .stat-card small{color:var(--muted)!important;font-size:9px!important}
#tab-overview .grid-two{display:grid!important;grid-template-columns:1.05fr .95fr!important;gap:15px!important;margin-bottom:16px!important}
#tab-overview .workflow{display:grid!important;gap:8px!important;margin-top:12px!important}#tab-overview .workflow div{display:flex!important;align-items:center!important;gap:12px!important;padding:10px 11px!important;border:1px solid var(--dash-border)!important;background:var(--dash-soft)!important;border-radius:11px!important;color:var(--muted)!important;font-size:10.5px!important}#tab-overview .workflow b{background:var(--rp-accent-soft)!important;color:var(--rp-accent-dark)!important;border-radius:8px!important;padding:7px 8px!important;font-size:10px!important}
#tab-overview .platform-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}#tab-overview .platform-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:7px!important;padding:9px 10px!important;border:1px solid var(--dash-border)!important;border-radius:11px!important;background:var(--dash-soft)!important;font-size:10px!important}#tab-overview .platform-row>span:last-child{font-size:8px!important;color:var(--muted)!important;background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:20px!important;padding:5px 7px!important}
#tab-overview .quick-actions-panel{margin:0!important}#tab-overview .quick-actions-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin-bottom:14px!important}#tab-overview .quick-actions-heading h3{font-size:16px!important}#tab-overview .quick-actions-heading p:not(.eyebrow){font-size:10px!important;color:var(--muted)!important}#tab-overview .workspace-chip{font-size:8px!important;font-weight:800!important;letter-spacing:.1em!important;padding:7px 9px!important;border-radius:999px!important;color:var(--rp-accent-dark)!important;background:var(--rp-accent-soft)!important}#tab-overview .quick-actions-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}#tab-overview .quick-action{display:flex!important;align-items:center!important;gap:10px!important;text-align:left!important;min-width:0!important;padding:12px!important;border:1px solid var(--dash-border)!important;border-radius:12px!important;background:var(--dash-panel)!important;color:var(--ink)!important}#tab-overview .quick-action-icon{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;flex:0 0 32px!important;border-radius:9px!important;background:var(--rp-accent-soft)!important;color:var(--rp-accent-dark)!important}#tab-overview .quick-action-copy{display:grid!important;gap:3px!important;min-width:0}#tab-overview .quick-action-copy b{font-size:10px!important}#tab-overview .quick-action-copy small{font-size:8.5px!important;color:var(--muted)!important}#tab-overview .quick-action-arrow{margin-left:auto!important;color:var(--muted)!important}
/* Product catalog: compact form rail + roomy inventory */
#tab-products{display:grid!important;grid-template-columns:minmax(290px,.78fr) minmax(0,1.45fr)!important;gap:15px!important;align-items:start!important}
#tab-products>.section-intro{grid-column:1/-1!important;margin-bottom:3px!important}
#tab-products>.form-panel{grid-column:1!important;grid-row:2!important;align-self:start!important}
#tab-products>.product-research-source{grid-column:1!important;grid-row:3!important}
#tab-products>#productList{grid-column:2!important;grid-row:2/span 2!important;align-self:stretch!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-content:start!important;gap:10px!important}
#tab-products .form-panel h3{margin-bottom:6px!important}#tab-products .product-form-help{font-size:10px!important;line-height:1.55!important;margin-bottom:14px!important}#tab-products .product-card{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:15px!important;padding:16px!important;border-radius:14px!important}#tab-products .product-main{min-width:0!important;flex:1!important;display:grid!important;gap:6px!important}#tab-products .product-main>b{font-size:12.5px!important;line-height:1.45!important}#tab-products .product-market-line{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;color:var(--muted)!important;font-size:10px!important}#tab-products .product-main>small{overflow-wrap:anywhere!important;font-size:9.5px!important}#tab-products .commission-status{padding:6px 8px!important;border-radius:8px!important;background:var(--dash-soft)!important;border:1px solid var(--dash-border)!important}#tab-products .product-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;flex-wrap:wrap!important;max-width:155px!important}#tab-products .product-actions .meta{font-size:8px!important;letter-spacing:.08em!important;color:#20865e!important;background:#e8f7ef!important;border-radius:20px!important;padding:5px 7px!important}#tab-products .product-actions button{min-height:31px!important;padding:6px 9px!important;font-size:9px!important}#tab-products .product-intelligence{margin-top:5px!important;padding:9px 10px!important;background:var(--dash-soft)!important;border:1px solid var(--dash-border)!important;border-radius:10px!important;font-size:10px!important}#tab-products .product-research-source label{font-size:10px!important;font-weight:700!important;color:var(--ink)!important}
/* Shopee connector */
#tab-shopee{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;align-items:start!important}
#tab-shopee>.section-intro,#tab-shopee>#shopeeStatusBox,#tab-shopee>.notice.warning{grid-column:1/-1!important}
#tab-shopee>.grid-two{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;align-items:start!important;margin:0!important}
#tab-shopee>.grid-two{grid-column:1/-1!important}
#tab-shopee>.grid-two>div{display:grid!important;gap:12px!important;align-content:start!important;min-width:0!important}
#tab-shopee>.grid-two>.panel{margin:0!important}#tab-shopee>.panel{margin:0!important}#tab-shopee>.panel{grid-column:1/-1!important}
#tab-shopee .panel h3{margin-bottom:10px!important}#tab-shopee .divider-line{margin:17px 0!important;border-color:var(--dash-border)!important}
/* Account workspace */
#tab-accounts>.grid-two{display:grid!important;grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr)!important;gap:15px!important;align-items:start!important}
#tab-accounts>.grid-two>.panel{min-width:0!important}#tab-accounts .account-toolbar{display:grid!important;grid-template-columns:1.25fr .85fr .85fr!important;gap:7px!important;margin:15px 0!important;padding-top:14px!important;border-top:1px solid var(--dash-border)!important}#tab-accounts .item-list{gap:8px!important}#tab-accounts .item-row{border:1px solid var(--dash-border)!important;border-radius:11px!important;padding:11px!important;background:var(--dash-soft)!important}
/* Global storefront admin */
#tab-linkhub>.linkhub-page-head,#tab-linkhub>.linkhub-process-strip,#tab-linkhub>.linkhub-workspace{display:none!important}
#globalStorefrontAdmin{padding:clamp(18px,2.3vw,28px)!important;border-radius:18px!important;background:var(--dash-panel)!important}
.rp-store-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:18px!important;margin-bottom:18px!important;padding-bottom:17px!important;border-bottom:1px solid var(--dash-border)!important}
.rp-store-head h2{font-size:25px!important;letter-spacing:-.055em!important}.rp-store-head p:not(.eyebrow){font-size:11px!important;color:var(--muted)!important}
.rp-store-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;padding:16px!important;border:1px solid var(--dash-border)!important;border-radius:14px!important;background:var(--dash-soft)!important}
.rp-store-settings .span-2{grid-column:1/-1!important}.rp-store-save{display:flex!important;align-items:end!important}
.rp-store-identity{padding:18px 0!important}.rp-store-logo-box{border:1px solid var(--dash-border)!important;border-radius:14px!important;box-shadow:none!important}
.rp-store-url{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px!important;background:var(--rp-accent-soft)!important;border:1px solid color-mix(in srgb,var(--rp-accent) 17%,var(--dash-border))!important;border-radius:13px!important;margin:15px 0!important}
.rp-store-catalog-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:23px 0 13px!important}
.rp-store-product-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.rp-store-product{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:13px!important;align-items:start!important;background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:14px!important;padding:12px!important}
.rp-store-product-photo{width:112px!important;aspect-ratio:1!important;border-radius:11px!important;background:var(--dash-soft)!important;overflow:hidden!important}.rp-store-product-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
.rp-store-product-info{display:grid!important;gap:6px!important;min-width:0!important}.rp-store-product-info>b{font-size:11px!important;line-height:1.4!important}.rp-store-product-info>strong{font-size:15px!important;color:var(--ink)!important}.rp-store-product-info>small{font-size:9px!important;color:var(--muted)!important}
.rp-image-tools{padding-top:8px!important;border-top:1px solid var(--dash-border)!important}.rp-image-tools label{font-size:9px!important}.rp-image-tools input{min-height:35px!important;font-size:9px!important}.rp-image-tools .button-row button{font-size:9px!important;padding:6px 8px!important;min-height:29px!important}
.rp-category{display:inline-flex!important;width:max-content!important;max-width:100%!important;border-radius:999px!important;font-size:8px!important;padding:5px 7px!important}.rp-product-link{font-size:9px!important;color:var(--rp-accent-dark)!important}
/* Compose, publishing, hunter and AI */
#tab-compose>.grid-two{display:grid!important;grid-template-columns:minmax(330px,1fr) minmax(300px,.9fr)!important;gap:15px!important;align-items:start!important}
#tab-compose>.grid-two>.panel{margin:0!important;min-width:0!important}#tab-compose .preview-panel{position:sticky!important;top:110px!important}
#tab-publishing{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;align-items:start!important}
#tab-publishing>.publish-page-head,#tab-publishing>#publisherStatus,#tab-publishing>#publishStats,#tab-publishing>.publish-queue-panel{grid-column:1/-1!important}
#tab-publishing>.publish-queue-panel{margin:0!important}#tab-publishing .publish-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
#tab-publishing .publisher-status-card{display:flex!important;gap:12px!important;align-items:center!important;background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:13px!important;padding:14px!important}
#tab-publishing .publish-item{padding:15px!important;margin:0 0 9px!important;border:1px solid var(--dash-border)!important;border-radius:13px!important;background:var(--dash-panel)!important}
#tab-hunter{display:grid!important;grid-template-columns:minmax(310px,.88fr) minmax(0,1.12fr)!important;gap:15px!important;align-items:start!important}
#tab-hunter>.section-intro,#tab-hunter>.notice.warning{grid-column:1/-1!important}#tab-hunter>.panel{grid-column:1!important;grid-row:2!important}#tab-hunter>#opportunityList{grid-column:2!important;grid-row:2!important;align-self:start!important}
#tab-ai{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important;align-items:start!important}
#tab-ai>.section-intro,#tab-ai>#aiCards{grid-column:1/-1!important}#tab-ai>.panel{margin:0!important;min-width:0!important}
#tab-ai>.panel:nth-of-type(3),#tab-ai>.panel:nth-of-type(6),#tab-ai>.panel:nth-of-type(7){grid-column:1/-1!important}#tab-ai>.panel:nth-of-type(4),#tab-ai>.panel:nth-of-type(5){grid-column:auto!important}
#tab-ai #performanceForm{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}#tab-ai #performanceForm .span-2{grid-column:1/-1!important}
#tab-ai #aiCards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;margin:0!important}
#tab-ai #aiCards .stat-card{background:var(--dash-panel)!important;border:1px solid var(--dash-border)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;padding:15px!important}
#tab-ai #learningStats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
#tab-ai .workflow{display:grid!important;gap:8px!important;margin-top:12px!important}#tab-ai .workflow>div{display:flex!important;gap:11px!important;align-items:center!important;padding:10px!important;background:var(--dash-soft)!important;border:1px solid var(--dash-border)!important;border-radius:11px!important;font-size:10px!important}#tab-ai .workflow b{background:var(--rp-accent-soft)!important;color:var(--rp-accent-dark)!important;border-radius:8px!important;padding:7px 8px!important}
/* Dialog, feedback and footer */
dialog{border:1px solid var(--dash-border)!important;border-radius:18px!important;background:var(--dash-panel)!important;color:var(--ink)!important;box-shadow:0 28px 90px rgba(13,14,26,.24)!important}dialog::backdrop{background:rgba(15,17,29,.48)!important;backdrop-filter:blur(4px)}
.toast{border-radius:12px!important;padding:12px 15px!important;box-shadow:0 14px 35px rgba(20,20,35,.2)!important}
#appShell footer{color:var(--muted)!important;font-size:9px!important;padding:30px 10px!important}#appShell footer span{padding:0 4px;color:var(--rp-accent)!important}
.auth-shell{min-height:100vh!important;background:radial-gradient(ellipse at 15% 12%,rgba(114,86,232,.12),transparent 35%),radial-gradient(ellipse at 88% 90%,rgba(37,168,128,.08),transparent 28%),var(--dash-bg)!important}
.auth-card{width:min(460px,100%)!important;padding:36px!important;border:1px solid var(--dash-border)!important;border-radius:22px!important;background:var(--dash-panel)!important;box-shadow:0 24px 70px rgba(25,27,49,.1)!important}
.auth-card .rp-brand-mark{margin-bottom:20px!important}.auth-card h1{font-size:28px!important;letter-spacing:-.055em!important}.auth-card>p.muted{font-size:11px!important;color:var(--muted)!important}
.mobile-menu-close{display:none!important}
@media(max-width:1180px){#appShell.app-shell{grid-template-columns:226px minmax(0,1fr)!important}#appShell .main{padding-left:22px!important;padding-right:22px!important}#appShell .topbar{margin-left:-22px!important;margin-right:-22px!important;padding-left:22px!important;padding-right:22px!important}#tab-overview .quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tab-ai #aiCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.rp-store-product-grid{grid-template-columns:1fr!important}}
@media(max-width:900px){#appShell.app-shell{grid-template-columns:78px minmax(0,1fr)!important}#appShell .sidebar{padding-left:10px!important;padding-right:10px!important}#appShell .brand-copy,#appShell .nav-label,#appShell .nav-section-label,#appShell .sidebar-bottom{display:none!important}#appShell .brand{justify-content:center!important;padding-left:0!important;padding-right:0!important}#appShell .sidebar-collapse{display:none!important}#appShell .nav-item{justify-content:center!important;padding:10px 5px!important}#appShell .main{padding-left:18px!important;padding-right:18px!important}#tab-products{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr)!important}#tab-compose>.grid-two{grid-template-columns:1fr 1fr!important}}
@media(max-width:680px){#appShell.app-shell,#appShell.sidebar-collapsed.app-shell{display:block!important;min-height:100vh!important}#appShell .sidebar{position:fixed!important;z-index:40!important;top:0!important;bottom:0!important;left:0!important;width:min(285px,86vw)!important;height:100dvh!important;padding:17px 14px!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:16px 0 50px rgba(20,22,40,.15)!important}#appShell.sidebar-open .sidebar{transform:translateX(0)!important}#appShell .brand{justify-content:flex-start!important;padding:4px 6px 19px!important}#appShell .brand-copy{display:block!important}#appShell .nav-section-label{display:block!important}#appShell .nav-item{justify-content:flex-start!important;padding:9px 11px!important}#appShell .nav-item .nav-label{display:block!important}#appShell .sidebar-bottom{display:block!important}#appShell .mobile-menu-close{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:1px solid var(--dash-border)!important;background:var(--dash-soft)!important;color:var(--muted)!important;border-radius:9px!important;font-size:20px!important}
#navBackdrop{display:none!important;position:fixed!important;inset:0!important;z-index:35!important;background:rgba(15,17,29,.42)!important;border:0!important;border-radius:0!important}#appShell.sidebar-open #navBackdrop{display:block!important}
#appShell .main{padding:0 13px 28px!important}#appShell .topbar{position:sticky!important;top:0!important;margin:0 -13px 18px!important;padding:12px 13px!important;min-height:78px!important;gap:8px!important}#appShell #pageTitle{font-size:22px!important}#appShell #pageDescription{font-size:9px!important;max-width:230px!important}#appShell .topbar-right{gap:5px!important}#appShell .topbar-right #userEmail{display:none!important}#appShell .workspace-store-link{font-size:9px!important;padding:7px 8px!important;min-height:32px!important}#appShell .topbar-right .theme-toggle{font-size:0!important;min-width:34px!important;width:34px!important;padding:6px!important}#appShell .topbar-right .theme-toggle .theme-toggle-icon{font-size:15px!important}
#tab-overview .hero{padding:22px!important;min-height:0!important}#tab-overview .hero-orbit{display:none!important}#tab-overview .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tab-overview .stat-card{padding:13px!important}#tab-overview .stat-card strong{font-size:23px!important}#tab-overview .grid-two{grid-template-columns:1fr!important}#tab-overview .platform-list{grid-template-columns:1fr 1fr!important}#tab-overview .quick-actions-grid{grid-template-columns:1fr 1fr!important}
#tab-products,#tab-shopee,#tab-accounts>.grid-two,#tab-compose>.grid-two,#tab-publishing,#tab-hunter,#tab-ai{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important}#tab-products>.section-intro,#tab-products>.form-panel,#tab-products>.product-research-source,#tab-products>#productList,#tab-shopee>.section-intro,#tab-shopee>#shopeeStatusBox,#tab-shopee>.grid-two,#tab-shopee>.panel,#tab-shopee>.notice.warning,#tab-accounts>.grid-two,#tab-publishing>.publish-page-head,#tab-publishing>#publisherStatus,#tab-publishing>#publishStats,#tab-publishing>.publish-queue-panel,#tab-hunter>.section-intro,#tab-hunter>.panel,#tab-hunter>#opportunityList,#tab-hunter>.notice.warning,#tab-ai>.section-intro,#tab-ai>#aiCards,#tab-ai>.panel{grid-column:1!important;grid-row:auto!important}
#tab-shopee>.grid-two{grid-template-columns:1fr!important}#tab-shopee>.grid-two>div{grid-template-columns:1fr!important}#tab-accounts .account-toolbar{grid-template-columns:1fr!important}#tab-compose>.grid-two{grid-template-columns:1fr!important}#tab-compose .preview-panel{position:static!important}#tab-publishing .publish-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tab-ai #aiCards{grid-template-columns:repeat(2,minmax(0,1fr))!important}#tab-ai #performanceForm{grid-template-columns:1fr!important}#tab-ai #performanceForm .span-2{grid-column:1!important}#tab-ai #learningStats{grid-template-columns:1fr 1fr!important}
#globalStorefrontAdmin{padding:15px!important}.rp-store-settings{grid-template-columns:1fr!important}.rp-store-settings .span-2{grid-column:1!important}.rp-store-url{align-items:flex-start!important;flex-direction:column!important}.rp-store-product-grid{grid-template-columns:1fr!important}.rp-store-product{grid-template-columns:92px minmax(0,1fr)!important}.rp-store-product-photo{width:92px!important}.section-intro,.publish-page-head{align-items:flex-start!important;flex-direction:column!important}.section-intro>.button-row{width:100%!important;flex-wrap:wrap!important}.panel{padding:15px!important}.data-card{flex-wrap:wrap!important}.product-actions{max-width:none!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}