:root{
  --bg:#edf3fb;
  --panel:#ffffff;
  --panel-2:#f6f9fd;
  --text:#162033;
  --muted:#6f7f95;
  --line:#dbe5f2;
  --line-2:#e9eef6;
  --blue:#3b82f6;
  --blue-2:#dbe9ff;
  --green:#17b26a;
  --amber:#f59e0b;
  --red:#ef4444;
  --shadow:0 18px 60px rgba(15, 30, 60, .08);
  --radius:24px;
}
body.theme-dark{
  --bg:#08111d;
  --panel:#0f1a2a;
  --panel-2:#142338;
  --text:#edf4ff;
  --muted:#97abc5;
  --line:#223754;
  --line-2:#1b2e47;
  --blue:#7a86ff;
  --blue-2:#23365d;
  --green:#24c37a;
  --amber:#f6b54b;
  --red:#ff6b76;
  --shadow:0 24px 72px rgba(0,0,0,.32);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:"Segoe UI",Inter,system-ui,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#f7fbff 0%,#edf4fb 100%);transition:background .2s ease,color .2s ease}
body.theme-dark{background:radial-gradient(circle at top,#153057 0%,#08111d 62%)}
a{color:var(--blue);text-decoration:none}
button,input,textarea,select{font:inherit}
.hidden{display:none !important}
.light-shell,.admin-shell{min-height:100vh}
.shadow-card{background:var(--panel);border:1px solid rgba(220,229,241,.9);box-shadow:var(--shadow);border-radius:var(--radius)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:linear-gradient(135deg,#0f89f2 0%,#35b7ff 100%)}
.auth-card{width:min(820px,100%);padding:34px;border-radius:32px;background:rgba(255,255,255,.97);box-shadow:0 30px 90px rgba(12,55,110,.18)}
.auth-card h1{margin:12px 0 10px;font-size:40px;line-height:1.08}
.lead{margin:0;color:var(--muted);font-size:15px;line-height:1.7}
.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#6b86ad}
.auth-grid{display:grid;grid-template-columns:1fr 220px;gap:14px;margin-top:22px}
.field{display:flex;flex-direction: column;gap:8px;}
.field label{font-size:13px;font-weight:700;color:#40516a}
input,textarea,select{width:100%;padding:10px 10px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--text);outline:none;transition:.18s ease}
textarea{resize:vertical;min-height:110px}
input:focus,textarea:focus,select:focus{border-color:#9ec3ff;box-shadow:0 0 0 4px rgba(59,130,246,.12)}
.btn{appearance:none;border:none;border-radius:16px;padding:12px 16px;font-weight:800;cursor:pointer;transition:.18s ease;display:inline-flex;align-items:center;justify-content:center;gap: 0px;}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(135deg,#4f8cff,#6ba4ff);color:#fff;box-shadow:0 14px 30px rgba(59,130,246,.22)}
.btn-soft{background:#f1f6fd;color:#27446e;border:1px solid #dbe7f6;font-size: 12px;}
.btn-danger{background:#fff0f1;color:#b42318;border:1px solid #ffd3d8}
.btn-block{width:100%}
.btn-sm{padding:9px 12px;border-radius:12px;font-size:13px}
.btn-xl{min-height:52px}
.inline-note,.notice-box{margin-top:14px;border-radius:16px;padding:12px 14px;font-size:14px;line-height:1.55;background:#f5f8fd;border:1px solid var(--line);color:#49627e}
.notice-box.ok{background:#eefaf4;border-color:#ccefdc;color:#136a43}
.notice-box.error{background:#fff2f2;border-color:#ffd6d8;color:#b42318}
.mini-card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}
.mini-card{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.mini-card span{display:block;color:var(--muted);font-size:12px}
.mini-card strong{display:block;margin-top:8px;font-size:16px}
.workspace{display:grid;grid-template-columns:248px minmax(0,1fr);gap:14px;padding:12px;height:100vh;overflow:hidden}
.sidebar-panel{padding:18px;display:flex;flex-direction:column;justify-content:flex-start;gap:14px;position:sticky;top:12px;align-self:start;height:calc(100vh - 24px);overflow:auto}
.brand-block { gap: 14px; display: flex; flex-direction: row; }
.brand-logo{width:56px;height:56px;border-radius:18px;background:#fff;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(26,163,224,.14)}
.brand-logo img{width:100%;height:100%;display:block;object-fit:cover}
.brand-title{font-size:26px;font-weight:800;display: none;}
.brand-sub{color:var(--muted);margin-top:4px;}
.sidebar-copy{color:var(--muted);line-height:1.7;font-size:14px;margin:18px 0 0;display:none;}
.sidebar-nav{display:grid;gap:8px;margin:8px 0 0}
.nav-btn{padding:14px 16px;border-radius:16px;border:1px solid transparent;background:#f4f8fd;color:#223454;font-weight:700;text-align:left;cursor:pointer}
.nav-btn.active,.nav-btn:hover{background:#edf4ff;border-color:#c9dbfb;color:#1b4ea1}
.sidebar-foot{display:grid;gap:12px;margin-top:auto;padding-top:8px}
.license-box{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.license-box strong{display:block;margin-top:8px;font-size:18px}
.muted{color:var(--muted)}
.main-panel{display:grid;gap:14px;min-width:0;height:calc(100vh - 24px);overflow:auto;padding-right:2px}
.top-shell{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:12px;position:sticky;top:0;z-index:10}
.page-title{font-size:24px;font-weight:800;line-height:1.15}
.page-subtitle{margin-top:4px;color:var(--muted);font-size:13px;line-height:1.5}
.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.theme-toggle{width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--text);cursor:pointer;font-size:18px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}
.theme-toggle:hover{transform:translateY(-1px)}
.status-chip{padding:12px 14px;border-radius:999px;background:#f3f8ff;border:1px solid #dce8f6;color:#214777;font-weight:700;display:inline-flex;align-items:center;gap:10px}
.status-dot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 6px rgba(23,178,106,.14)}
.status-dot.offline{background:var(--red);box-shadow:0 0 0 6px rgba(239,68,68,.14)}
body.theme-dark .status-chip{background:#13263e;border-color:#284263;color:#eaf2ff}
body.theme-dark .theme-toggle{background:#13263e;border-color:#284263}
body.theme-dark .btn-soft{background:#13263e;border-color:#284263;color:#eaf2ff}
body.theme-dark input,body.theme-dark textarea,body.theme-dark select{background:#0d1828;color:#edf4ff}
body.theme-dark .nav-btn{background:#13233a;color:#dbe8fb}
body.theme-dark .nav-btn.active,body.theme-dark .nav-btn:hover{background:#1c3354;border-color:#31527b;color:#fff}
body.theme-dark .empty-box,body.theme-dark .selection-bar,body.theme-dark .stack-item,body.theme-dark .website-card,body.theme-dark .license-box,body.theme-dark .setting-card,body.theme-dark .mini-card{background:var(--panel-2);border-color:var(--line)}
body.theme-dark .data-table{background:var(--panel)}
body.theme-dark .data-table thead th{background:#122236;color:#9cb2d0}
body.theme-dark .data-table tbody tr:hover td{background:#122236}
body.theme-dark .progress{background:#203754}
body.theme-dark .thumb{background:#13263e}
.view{display:none}
.view-active{display:block}
.hero-panel{padding:20px;display:grid;grid-template-columns:1fr;gap:16px}
.hero-panel h2{margin:8px 0 10px;font-size:28px;line-height:1.12;max-width:760px}
.hero-panel p{margin:0;color:var(--muted);line-height:1.65;max-width:780px;font-size:14px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.hero-panel .action-row{margin-top:20px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px}
.metric-card{padding:16px}
.metric-key{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#6982a8;font-weight:800}
.metric-value{font-size:26px;font-weight:800;margin-top:10px}
.metric-sub{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}
.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}
.website-layout{grid-template-columns:1.1fr .95fr}
.batch-layout{grid-template-columns:1.15fr .85fr}
.jobs-layout{grid-template-columns:1.2fr .9fr}
.section-card{padding:16px;min-width:0}
.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px}
.section-head.wrap{/* flex-wrap:wrap; */}
.section-head h3{margin:0;font-size:20px}
.section-head p{margin:6px 0 0;color:var(--muted);line-height:1.65}
.sticky-col{position:sticky;top:18px;align-self:start}
.stack-list{display:grid;gap:12px}
.stack-item,.website-card{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.stack-item.clickable{cursor:pointer}
.pro-item:hover,.website-card:hover{border-color:#cadbf7;background:#f9fbff}
.item-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.item-meta{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:13px;margin-top:8px;flex-wrap:wrap}
.item-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.item-grid-3 div{padding:10px 12px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.item-grid-3 span{display:block;color:var(--muted);font-size:12px}
.item-grid-3 strong{display:block;font-size:16px;margin-top:6px}
.compact-grid{margin-top:10px}
.website-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
.website-card h4{margin:0;font-size:20px}
.pipeline-strip{margin-top:12px;padding:12px 14px;border-radius:14px;font-size:14px}
.pipeline-strip.ok{background:#eefaf4;color:#166b43;border:1px solid #d0efde}
.pipeline-strip.warn{background:#fff8eb;color:#9a6700;border:1px solid #f9e1b3}
.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.span-12{grid-column:span 12}.span-6{grid-column:span 6}
.switch-row{display:flex;gap:16px;flex-wrap:wrap;color:#43566f;font-weight:600}
.auto-link-box,.helper-box{padding:14px;border-radius:16px;background:#f7fbff;border:1px dashed #cbdcf6;color:#355784;line-height:1.6}
.toolbar-grid{display:grid;grid-template-columns:1fr 1.3fr .9fr auto;gap:14px;align-items:end}
.compact-field{width: 100%;}
.import-box{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;margin:18px 0}
.grow{min-width:0}
.selection-bar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 16px;border-radius:18px;background:#f7fbff;border:1px solid var(--line);margin-bottom:16px}
.compact-actions{gap: 8px;}
.table-shell{overflow:auto;border-radius:18px;border:1px solid var(--line);max-height:calc(100vh - 330px)}
.data-table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}
.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid #edf1f7;text-align:left;vertical-align:top}
.data-table thead th{position:sticky;top:0;background:#f8fbff;color:#667fa4;font-size:12px;text-transform:uppercase;letter-spacing:.08em;z-index:1}
.data-table tbody tr:hover td{background:#fbfdff}
.product-cell{display:flex;gap:12px;align-items:flex-start;min-width:310px}
.thumb{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--line);background:#edf3fb}
.thumb-empty{display:block}
.product-title{font-weight:700;line-height:1.5}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;border:1px solid transparent;white-space:nowrap}
.badge.blue{background:#edf4ff;color:#275db5;border-color:#d3e3ff}
.badge.green{background:#eefaf4;color:#166b43;border-color:#d0efde}
.badge.red{background:#fff2f2;color:#b42318;border-color:#ffd6d8}
.badge.amber{background:#fff8eb;color:#9a6700;border-color:#f9e1b3}
.badge.slate{background:#f2f5f9;color:#5e6f86;border-color:#dde5ef}
.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.check-stack{display:grid;gap:12px;margin:18px 0;color:#40546d;font-weight:600}
.progress{width:120px;height:10px;background:#edf2f7;border-radius:999px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px}
.progress span{display:block;height:100%;background:linear-gradient(90deg,#4f8cff,#73b0ff)}
.detail-grid{display:grid;gap:10px;margin-bottom:14px}.detail-row{display:flex;justify-content:space-between;gap:14px;padding:10px 12px;background:var(--panel-2);border:1px solid var(--line);border-radius:14px}.detail-row span{color:var(--muted)}
.log-box{margin-top:8px;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;white-space:pre;overflow:auto;max-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;border:1px solid #1e293b;text-align:left;direction:ltr;word-break:normal;overflow-wrap:normal;tab-size:2;}
.empty-box{padding:34px 16px;border-radius:18px;border:1px dashed #cfdaea;background:#fbfdff;color:var(--muted);text-align:center;line-height:1.8}
.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.setting-card{padding:16px;border-radius:18px;background:var(--panel-2);border:1px solid var(--line)}
.setting-card span{display:block;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.setting-card strong{display:block;font-size:18px;margin-top:8px;line-height:1.5}
.admin-shell{padding:18px}
.admin-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px;min-height:100vh}
.admin-main{display:grid;gap:18px;min-width:0}
.admin-tabs{display:none}.admin-tabs.active{display:block}
.login-panel{width:min(740px,100%);padding:30px}
.code-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#f1f6fd;border:1px solid var(--line);font-family:Consolas,monospace;font-size:12px}
.max-560{max-width:560px}.max-920{max-width:920px}.max-720{max-width:720px}

.notice-box,.inline-note,.helper-box,.auto-link-box,.pipeline-strip,.setting-card strong,.detail-row strong,.item-head strong,.product-title,.muted,.license-box{overflow-wrap:anywhere;word-break:break-word;white-space:normal}
.notice-box.hidden{display:none !important}
.detail-row strong{text-align:right;max-width:58%}
.website-card .action-row,.section-card .action-row{align-items:center;margin-top: 10px;}

.switch-row.span-12.website-pipeline-options label {display: flex;flex-direction: row;}
.switch-row.span-12.website-pipeline-options label input { width: 40px; } 
section.section-card .switch-row { gap: 5px; } 
section.section-card .switch-row label { display: contents; } 
section.section-card .switch-row label input { width: 35px; }
.brand-title{font-size:22px;line-height:1.15}
.brand-sub,.sidebar-copy,.muted{font-size:13px}
.nav-btn{padding:12px 14px}
.btn{padding: 10px 10px;}
.btn-danger{background:#fff2f2;color:#b42318;border:1px solid #ffd6d8;font-size: 12px;}
.compact-grid{margin-top:10px}
.sticky-col{position:sticky;top:84px;align-self:start;max-height:calc(100vh - 100px);overflow:auto}
.log-box{max-height:220px}
@media (max-width:1200px), (max-height:820px){
  .workspace{grid-template-columns:220px minmax(0,1fr);gap:12px;padding:10px}
  .sidebar-panel{padding:14px;height:calc(100vh - 20px);top:10px}
  .main-panel{height:calc(100vh - 20px)}
  .top-shell,.hero-panel,.section-card{padding:14px}
  .page-title{font-size:22px}
  .hero-panel h2{font-size:24px}
  .metric-value{font-size:22px}
  .brand-logo{width:48px;height:48px;font-size:22px}
  .toolbar-grid{grid-template-columns:1fr 1fr}
  .import-box{grid-template-columns:1fr}
  .item-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .table-shell{max-height:calc(100vh - 290px)}
}
@media (max-width:980px){
  .workspace,.admin-layout,.grid-2,.website-layout,.batch-layout,.jobs-layout,.dashboard-grid{grid-template-columns:1fr}
  .sticky-col{position:static}
  .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-panel{grid-template-columns:1fr}
}
@media (max-width:760px){
  .workspace,.admin-shell{padding:12px}
  .auth-grid,.mini-card-row,.toolbar-grid,.import-box,.settings-grid,.item-grid-3,.option-grid{grid-template-columns:1fr}
  .span-6{grid-column:span 12}
  .page-title{font-size:26px}
  .hero-panel h2{font-size:30px}
}

.job-log-head{margin-top:14px;margin-bottom:8px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#64748b}

.log-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.log-toolbar .btn{padding:8px 12px}
.notice-box strong{display:inline}


.notice-box.full-row{grid-column:1 / -1;width:100%;display:block}
.log-box{user-select:text;-webkit-user-select:text}


#websiteFormResult{grid-column:1 / -1 !important;width:100% !important;display:block;writing-mode:horizontal-tb !important;text-orientation:mixed !important;word-break:break-word;overflow-wrap:anywhere;white-space:normal;min-height:44px}
.log-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:10px 0}
.log-box{margin-top:8px;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px;white-space:pre-wrap;overflow:auto;max-height:280px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;border:1px solid #1e293b}
.job-log-head{margin-top:12px;font-weight:700;color:#0f172a}

.job-selection-bar{margin-bottom:14px;padding:12px 14px}
.job-checkbox{width:16px;height:16px}
.data-table td .action-row.compact-actions{flex-wrap:wrap}
.log-toolbar{display:flex;gap:8px;align-items:center;justify-content:flex-end;margin:10px 0;flex-wrap:wrap}

.log-box{white-space:pre !important;text-align:left !important;direction:ltr !important;word-break:normal !important;overflow-wrap:normal !important;max-height:320px !important}


.library-toolbar-grid{grid-template-columns:220px 240px 1fr auto}
.library-shell{max-height:calc(100vh - 285px)}
.library-thumb{display:grid;place-items:center;font-size:22px;font-weight:700;color:#234a7d;background:#eef4ff}
.library-thumb-video{background:#eef4ff;color:#2b5fb8}
@media (max-width:1200px), (max-height:820px){
  .library-toolbar-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .library-toolbar-grid{grid-template-columns:1fr}
}


.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:2px}
.asset-card{padding:14px;border-radius:18px;background:#f8fbff;border:1px solid var(--line);display:grid;gap:10px}
.asset-card-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;flex-wrap:wrap}
.asset-card-head strong{font-size:15px}
.asset-hint{font-size:12px;color:var(--muted)}
.asset-hint code{background:#eef4ff;border:1px solid #d7e5fb;border-radius:999px;padding:3px 8px;font-size:11px}
.asset-status{font-size:13px;line-height:1.6;color:#355784;min-height:42px;overflow-wrap:anywhere}
.website-asset-note{margin-top:12px}
@media (max-width:980px){.asset-grid{grid-template-columns:1fr}}

.hero-panel.hero-split{grid-template-columns:minmax(0,1.4fr) minmax(320px,.9fr);align-items:start}
.admin-notice-panel{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fbfdff;min-height:100%}
.compact-head{margin-bottom:10px}
.compact-head h3{margin:0 0 4px;font-size:18px}
.compact-head p{margin:0;color:var(--muted);font-size:13px;line-height:1.5;max-width:none}
.admin-notice-body{display:grid;gap:10px}
.admin-notice-meta{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.admin-notice-title{font-size:18px;font-weight:800;color:var(--ink);line-height:1.3}
.admin-notice-line{padding:10px 12px;border-radius:14px;background:#f5f8fd;border:1px solid var(--line);color:#31445a;line-height:1.6}
.admin-notice-list{margin:0;padding-left:18px;display:grid;gap:8px;color:#31445a}
.admin-notice-list li{line-height:1.6}
@media (max-width: 1100px){.hero-panel.hero-split{grid-template-columns:1fr}}


/* product import + inline batch composer */
.import-grid{display: grid; grid-template-columns: minmax(135px, 1.1fr) auto minmax(144px, 2fr) auto;}
.inline-batch-layout{margin-top:22px}
.batch-inline-card{padding:0;border:1px solid rgba(170,190,220,.35)}
.data-table tbody tr.row-locked td{opacity:.82}
.product-lock-note{display:inline-block;margin-top:6px;color:#8a5b00;font-size:12px}
.btn[disabled]{opacity:.55;cursor:not-allowed;pointer-events:none}
@media (max-width:1100px){
  .import-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .import-grid{grid-template-columns:1fr}
}

/* compact product quick-create */
.compact-quick-create{margin-top:18px;padding:18px 18px 16px;border:1px solid rgba(170,190,220,.35)}
.compact-quick-create-head{align-items:center}
.quick-create-count{display:grid;gap:4px;min-width:110px;padding:10px 14px;border-radius:16px;background:#f7fbff;border:1px solid var(--line);text-align:center}
.quick-create-count span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.quick-create-count strong{font-size:28px;line-height:1;color:var(--ink)}
.quick-selected-strip{margin:14px 0 16px}
.selected-chip-list{display:flex;flex-wrap:wrap;gap:10px}
.selected-chip{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:260px;max-width:360px;padding:12px 14px;border-radius:16px;background:#f8fbff;border:1px solid var(--line)}
.selected-chip-main{display:grid;gap:4px;min-width:0}
.selected-chip-main strong{font-size:14px;line-height:1.4;color:var(--ink)}
.selected-chip-main span{font-size:12px;line-height:1.4;color:var(--muted)}
.selected-chip-remove{width:28px;height:28px;border-radius:999px;border:1px solid #d8e4f3;background:#fff;color:#36506f;font-size:18px;cursor:pointer;flex:0 0 auto}
.selected-chip-more,.selected-chip-empty{display:flex;align-items:center;padding:12px 14px;border-radius:16px;background:#f7fbff;border:1px dashed #ccd8e8;color:var(--muted);font-size:13px}
.quick-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) repeat(2,minmax(220px,1fr));gap:14px;align-items:center}
.quick-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:#f8fbff;border:1px solid var(--line);font-weight:600;color:#40546d}
.quick-check input{margin:0}
.quick-create-footer{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-top:16px;flex-wrap:wrap}
.quick-helper{flex:1 1 420px;margin:0}
@media (max-width:1200px){
  .quick-create-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .selected-chip{min-width:100%;max-width:none}
  .quick-create-grid{grid-template-columns:1fr}
  .quick-create-footer{flex-direction:column}
}

/* product view refresh */
.products-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.78fr);gap:14px;align-items:start}
.products-main-card{min-width:0}
.products-side-card{top:84px;max-height:calc(100vh - 110px);overflow:auto}
.products-head h3{font-size:18px}
.products-head p{font-size:13px;margin-top:4px}
.products-toolbar-grid{grid-template-columns:1fr 1.35fr .95fr auto}
.products-selection-bar{padding:12px 14px;font-size:13px}
.products-table{min-width:100%;table-layout:fixed}
.products-table th,.products-table td{padding:10px 12px;font-size:13px}
.products-table thead th{font-size:11px}
.products-col-check{width:44px}
.products-col-id{width:86px}
.products-col-name{width:auto}
.products-col-site{width:100px}
.products-col-price{width:72px}
.products-col-status{width:112px}
.products-col-actions{width:170px}
.product-thumb{width:48px;height:48px;border-radius:12px}
.product-cell{gap:10px;min-width:0}
.product-copy{min-width:0}
.product-title{font-size:13px;line-height:1.35}
.product-link{font-size:11px;line-height:1.35;margin-top:2px}
.product-lock-note{font-size:11px;line-height:1.35}
.products-row-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.products-row-actions .btn{width:100%;padding:8px 10px;font-size:12px}
.products-row-actions a.btn:nth-child(3){grid-column:1 / -1}
.compact-quick-create{margin-top:0;padding:16px}
.compact-quick-grid{grid-template-columns:1fr 1fr;gap:12px}
.quick-check{padding:10px 12px;font-size:13px}
.quick-selected-strip{margin:10px 0 14px}
.selected-chip-list{display:grid;gap:8px;max-height:220px;overflow:auto}
.selected-chip{max-width:none;min-width:0;padding:10px 12px}
.selected-chip-main strong{font-size:13px}
.selected-chip-main span{font-size:11px}
.quick-create-count{min-width:90px;padding:8px 10px}
.quick-create-count strong{font-size:22px}
.compact-quick-footer{margin-top:14px}
.quick-helper{font-size:12px;line-height:1.5}
.quick-action-row{width:100%;justify-content:space-between}
.quick-action-row .btn-primary{flex:1}
@media (max-width:1350px){
  .products-workspace{grid-template-columns:1fr}
  .products-side-card{position:static;max-height:none}
  .products-table-shell{max-height:calc(100vh - 360px)}
}
@media (max-width:1100px){
  .products-toolbar-grid,.products-import-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .products-toolbar-grid,.products-import-grid,.compact-quick-grid{grid-template-columns:1fr}
  .products-table{min-width:760px}
}

/* 2026-03-24: product + library cleanup */
.products-workspace{grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:16px}
.products-toolbar-grid{/* grid-template-columns:minmax(180px,.8fr) minmax(220px,1.1fr) minmax(160px,.7fr) auto; */gap:12px}
.products-import-grid{gap:12px;align-items:end}
#productsTable th,#productsTable td{font-size:12px;padding:8px 10px;vertical-align:top}
#productsTable thead th{font-size:10px;letter-spacing:.06em}
.products-col-check{width:40px}
.products-col-id{width:76px}
.products-col-status{width:110px}
.products-col-actions{width:170px}
.product-cell.compact-product-cell{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:flex-start}
.product-thumb{width:42px;height:42px;border-radius:10px;object-fit:cover}
.product-title{font-size:12.5px;line-height:1.35;font-weight:700}
.product-meta-inline,.product-link,.product-lock-note{font-size:10.5px;line-height:1.35}
.product-copy{display:grid;gap:2px}
.products-row-actions.slim-actions{display:flex;flex-wrap:wrap;gap:6px}
.products-row-actions.slim-actions .btn{width:auto;min-width:0;padding:7px 10px;font-size:12px;border-radius:12px}
.products-selection-bar{padding:10px 12px;font-size:12px}
.products-table-shell { max-height: calc(90vh - 450px); }
.products-side-card{max-height:calc(100vh - 120px)}
.quick-selected-strip{margin:10px 0 12px}
.selected-chip-list{max-height:124px;overflow:auto}
.selected-chip{padding:9px 11px}
.selected-chip-main strong{font-size:12.5px}
.selected-chip-main span{font-size:10.5px}
.quick-create-grid,.compact-quick-grid{grid-template-columns:1fr 1fr;gap:10px}
.quick-check.inline-check,.quick-check{display:flex;justify-content:flex-start;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;text-align:left}
.quick-check.inline-check span,.quick-check span{white-space:nowrap}
.quick-check input{margin:0}
.quick-helper{font-size:11.5px;line-height:1.45}
.quick-action-row .btn{padding:10px 14px}
.library-toolbar-grid{grid-template-columns:160px 180px minmax(220px,1fr) auto}
.library-shell{max-height:calc(100vh - 250px)}
.library-thumb-image{width:90px;height:68px;object-fit:cover;border-radius:12px}
.library-preview-video{display:block;width:140px;max-width:100%;height:82px;border-radius:12px;background:#000}
.library-preview-audio{display:block;width:220px;max-width:100%}
#libraryTable th,#libraryTable td{vertical-align:middle;font-size:12px}
#libraryTable thead th{font-size:10px}
@media (max-width:1350px){
  .products-workspace{grid-template-columns:1fr}
  .products-side-card{position:static;max-height:none}
}
@media (max-width:980px){
  .products-toolbar-grid,.products-import-grid,.quick-create-grid,.compact-quick-grid,.library-toolbar-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .products-toolbar-grid,.products-import-grid,.quick-create-grid,.compact-quick-grid,.library-toolbar-grid{grid-template-columns:1fr}
  #productsTable{min-width:680px}
}

/* 2026-03-24 UX polish: video workspace + icons */
.nav-btn{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.nav-ico,.section-ico,.btn-ico,.check-ico{display:inline-flex;align-items:center;justify-content:center;line-height:1}
.nav-ico{width:20px;font-size:16px}
.section-ico{width:22px;margin-right:8px;font-size:18px;vertical-align:-2px}
.btn-ico{margin-right:6px;font-size:13px}
.check-ico{width:18px;color:#355784;font-size:14px;margin-right:2px}
.products-workspace{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr) !important;gap:18px}
.products-main-card,.products-side-card{min-width:0}
.products-toolbar-grid{gap:10px}
.products-import-grid{gap:10px !important}
.products-selection-bar{padding:10px 12px !important;font-size:12px}
#productsTable th, #productsTable td { font-size: 12px; padding: 8px 10px; vertical-align: top; text-align: center; }
#productsTable thead th{font-size:10px;letter-spacing:.06em}
.products-col-check{width:44px !important}
.products-col-main{width:auto !important}
.products-col-status{width:108px !important}
.products-col-actions{width:150px !important}
.product-main-cell{display:grid;grid-template-columns:92px minmax(0,1fr);gap:10px;align-items:flex-start}
.product-main-id strong{display:inline-flex;align-items:center;justify-content:flex-start;min-width:74px;padding:4px 0;font-size:22px;line-height:1.05;color:var(--ink)}
.product-cell.compact-product-cell{display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:flex-start}
.product-thumb{width:40px !important;height:40px !important;border-radius:10px}
.product-copy{display:grid;gap:2px}
.product-title{font-size:12.5px !important;line-height:1.28 !important;font-weight:700;max-width:100%;word-break:break-word}
.product-meta-inline,.product-link,.product-lock-note{font-size:10.5px !important;line-height:1.32 !important}
.product-link{max-width:100%;display:block}
.products-row-actions.slim-actions{display:grid !important;grid-template-columns:1fr 1fr;gap:6px;align-items:start}
.products-row-actions.slim-actions .btn{padding:7px 10px !important;font-size:12px !important;min-height:34px;border-radius:12px;width:100%;justify-content:center}
.products-row-actions.slim-actions .btn-ico{margin-right:4px}
.products-row-actions.slim-actions a[href*='youtube']{grid-column:1 / -1}
.compact-quick-create{padding:16px 16px 14px !important}
.compact-quick-create-head h3{font-size:18px}
.quick-selected-strip{margin:10px 0 12px !important}
.selected-chip-list{display:grid !important;gap:8px;max-height:148px !important;overflow:auto}
.selected-chip{padding:10px 12px !important;border-radius:14px}
.selected-chip-main strong{font-size:12.5px !important}
.selected-chip-main span{font-size:10.5px !important}
.quick-create-grid,.compact-quick-grid{grid-template-columns:1fr 1fr !important;gap:10px !important}
.quick-check.inline-check,.quick-check{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:8px !important;padding:11px 12px !important;font-size:12.5px !important;text-align:left !important}
.quick-check.inline-check input,.quick-check input{margin:0;flex:0 0 auto}
.quick-check.inline-check span:last-child,.quick-check span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quick-helper{font-size:11.5px !important;line-height:1.45 !important}
.quick-action-row{display:flex;justify-content:space-between;gap:10px;align-items:center}
.quick-action-row .btn{min-height:42px}
.quick-action-row .btn-primary{flex:1}
.library-toolbar-grid{grid-template-columns:150px 170px minmax(240px,1fr) 110px !important;margin-bottom: 15px;}
.library-shell{max-height:calc(100vh - 250px) !important}
.library-preview-video{width:150px;height:86px}
.library-preview-audio{width:210px}
#libraryTable th,#libraryTable td{font-size:12px}
#libraryTable .btn{padding:7px 10px;font-size:12px}
@media (max-width:1400px){
  .products-workspace{grid-template-columns:minmax(0,1.44fr) minmax(330px,.96fr) !important}
  .product-main-cell{grid-template-columns:84px minmax(0,1fr)}
}
@media (max-width:1180px){
  .products-workspace{grid-template-columns:1fr !important}
  .products-side-card{position:static;max-height:none}
}
@media (max-width:760px){
  .products-toolbar-grid,.products-import-grid,.compact-quick-grid,.library-toolbar-grid{grid-template-columns:1fr !important}
  .products-table{min-width:620px !important}
}


/* 2026-03-24 compact video workspace refresh */
.products-workspace{grid-template-columns:minmax(0,1.5fr) minmax(360px,1fr) !important;gap:16px !important;align-items:start}
.products-main-card,.products-side-card{overflow:hidden}
.products-toolbar-grid{gap:8px !important}
.products-import-grid{gap:8px !important;align-items:end}
#productsTable th,#productsTable td{padding:9px 10px !important;font-size:12px !important;vertical-align:middle !important}
#productsTable thead th{font-size:10px !important;letter-spacing:.06em !important}
.products-col-check{width:46px !important;text-align:center}
.products-col-date{width:116px !important;color:var(--muted);font-weight:600}
.products-col-wc{width:92px !important}
.products-col-website{width:auto !important}
.products-col-status{width:110px !important}
.products-col-actions{width:214px !important}
.product-website-cell{display:grid;gap:3px;min-width:0}
.product-website-name{font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-sub-meta{font-size:11px;color:var(--muted)}
.product-lock-note{display:block;font-size:10.5px;line-height:1.35;color:#8f5a3d}
.single-line-actions{display:flex !important;flex-wrap:nowrap !important;gap:8px !important;align-items:center !important}
.single-line-actions .btn{min-width:0 !important;white-space:nowrap !important;padding:7px 10px !important}
.single-line-actions a[href*='youtube']{display:none !important}
.compact-quick-create{padding:16px !important}
.quick-selected-strip{margin:10px 0 10px !important}
.selected-chip-list{max-height:138px !important;display:grid !important;gap:8px !important}
.selected-chip{padding:10px 12px !important;border-radius:14px !important;background:#fbfdff !important}
.quick-create-grid,.compact-quick-grid{grid-template-columns:1fr 1fr !important;gap:10px !important}
.quick-toggle{display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:10px !important;padding:12px 14px !important;min-height:46px;border-radius:14px !important;background:#f8fbff !important;border:1px solid var(--line) !important;font-size:12.5px !important;font-weight:600 !important;color:#3f5878 !important;white-space:nowrap !important}
.quick-toggle input{margin:0 !important;accent-color:#4d84ff}
.quick-toggle .check-ico{width:18px !important;margin:0 !important;font-size:14px !important}
.quick-toggle .quick-toggle-text{display:inline-flex !important;align-items:center !important;white-space:nowrap !important}
.quick-action-row .btn{min-height:44px !important}
.quick-action-row .btn-primary{justify-content:center !important}
.quick-helper{font-size:11px !important;line-height:1.45 !important;padding:12px 14px !important}
.library-shell{max-height:calc(100vh - 238px) !important}
#libraryTable th,#libraryTable td{font-size:11.5px !important;padding:10px 12px !important;vertical-align:middle !important}
#libraryTable thead th{font-size:10px !important}
.library-preview-video{width:128px !important;height:72px !important;border-radius:12px !important}
.library-preview-audio{width:184px !important}
.library-thumb-image{width:70px !important;height:56px !important;border-radius:12px !important}
#libraryTable .product-title{font-size:12.5px !important;line-height:1.35 !important}
#libraryTable .muted{font-size:10.5px !important;line-height:1.35 !important}
#libraryTable .action-row{display:flex !important;flex-wrap:wrap !important;gap:6px !important}
#libraryTable .btn{padding:7px 10px !important;font-size:12px !important}
@media (max-width: 1360px){
  .products-workspace{grid-template-columns:minmax(0,1.38fr) minmax(330px,.96fr) !important}
  .products-col-actions{width:200px !important}
}
@media (max-width: 1180px){
  .products-workspace{grid-template-columns:1fr !important}
  .products-side-card{position:static !important;max-height:none !important}
  .quick-action-row{grid-template-columns:1fr !important}
}
@media (max-width: 760px){
  .products-toolbar-grid,.products-import-grid,.compact-quick-grid{grid-template-columns:1fr !important}
  .products-col-actions{width:180px !important}
  #productsTable{min-width:760px !important}
}

/* 2026-03-24 video page visual cleanup */
.products-workspace{
  grid-template-columns:minmax(0,1.6fr) minmax(380px,1.05fr) !important;
  gap:18px !important;
  align-items:start !important;
}
.products-main-card,.products-side-card{
  border-radius:24px !important;
  padding:16px !important;
}
.products-head{margin-bottom:10px !important}
.products-control-surface{
  background:linear-gradient(180deg,#fbfdff 0%,#f6faff 100%);
  border:1px solid rgba(174,195,224,.45);
  border-radius:18px;
  padding:12px;
  margin-bottom:10px;
}
.products-filter-surface .field label,
.products-import-surface .field label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#57729a !important;
}
.products-toolbar-grid{gap:10px !important;}
.products-import-grid{
  gap:10px !important;
  align-items:end !important;
}
.compact-textarea{min-height:50px !important;max-height:50px !important;padding-top:12px;padding-bottom:12px}
.products-selection-bar { margin-top: 2px !important; padding: 5px 10px !important; border-radius: 18px !important; background: #fbfdff !important; }
.products-selection-bar #selectionInfo{
  font-size:12.5px !important;
  color:#607b9a !important;
  font-weight:700 !important;
  line-height: 50px;
}
.products-table { table-layout: auto; border-collapse: separate !important; border-spacing: 0 !important; }
#productsTable thead th{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  background:#f8fbff !important;
  border-bottom:1px solid #e1e9f4 !important;
  font-size:10.5px !important;
  letter-spacing:.08em !important;
  padding:12px 10px !important;
}
#productsTable tbody td{
  padding:12px 10px !important;
  font-size:12px !important;
  border-bottom:1px solid #eef3f9 !important;
  vertical-align:middle !important;
}
#productsTable tbody tr:hover{background:#fafcff}
.products-col-check{width:44px !important;text-align:center !important}
.products-col-date{width:104px !important;color:#6d85a3 !important;font-weight:700 !important}
.products-col-wc{width:92px !important}
.products-col-wc strong{font-size:13px !important}
.products-col-website{width:128px !important}
.products-col-status{width:112px !important}
.products-col-actions{width:166px !important}
.product-website-cell.simple-website-cell { display: flex !important; flex-direction: column !important; gap: 4px !important; align-items: center; }
.product-website-name{
  font-size:13px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  color:#1d3557 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.compact-lock{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:2px 7px !important;
  border-radius:999px !important;
  background:#fff6ef !important;
  color:#a15d2c !important;
  font-size:10px !important;
  line-height:1 !important;
}
.single-line-actions{
  justify-content:flex-start !important;
  gap:6px !important;
}
.single-line-actions .btn{
  min-width:74px !important;
  padding:8px 10px !important;
  border-radius:12px !important;
  font-size:12px !important;
}
.compact-quick-create{
  padding:16px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
}
.compact-quick-create-head{
  margin-bottom:8px !important;
  padding-bottom:6px !important;
  border-bottom:1px solid rgba(181,198,223,.45) !important;
}
.quick-create-count{
	display:grid;
	gap: 5px;
	border:1px solid var(--line);
	text-align:center;
	padding:10px 12px !important;
	border-radius:18px !important;
	background:#f7fbff !important;
}
.quick-selected-strip{
  margin:10px 0 12px !important;
  padding:6px !important;
  border-radius:16px !important;
  border:1px solid rgba(185,201,224,.45) !important;
  background:#fbfdff !important;
}
.selected-chip-list{
  max-height:118px !important;
  gap:7px !important;
}
.selected-chip{
  padding:9px 10px !important;
  border-radius:12px !important;
}
.selected-chip-main strong{
  font-size:12px !important;
  line-height:1.3 !important;
}
.selected-chip-main span{
  font-size:10.5px !important;
}
.quick-create-grid,.compact-quick-grid{
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:stretch !important;
}
.quick-create-grid .field label{
  font-size:12px !important;
  font-weight:700 !important;
  color:#57729a !important;
}
.quick-toggle{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  min-height:46px !important;
  padding:10px 12px !important;
  border-radius:14px !important;
  background:#fbfdff !important;
  border:1px solid #dbe6f3 !important;
  box-shadow:none !important;
}
.quick-toggle:hover{background:#f6faff !important}
.quick-toggle input{
  margin:0 !important;
  accent-color:#4d84ff !important;
  width:15px !important;
  height:15px !important;
  flex:0 0 auto !important;
}
.quick-toggle .check-ico{
  width:auto !important;
  min-width:18px !important;
  font-size:15px !important;
  line-height:1 !important;
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.quick-toggle .quick-toggle-text{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  font-size:12.5px !important;
  font-weight:700 !important;
  color:#36506f !important;
  white-space:nowrap !important;
}
.quick-toggle-youtube .check-ico{color:#ea4335 !important}
.quick-toggle-wp .check-ico{color:#21759b !important}
.quick-toggle-senprints .check-ico{color:#b06a14 !important}
.quick-toggle-chrome .check-ico{color:#3a445a !important}
.quick-helper{
  padding:11px 12px !important;
  border-radius:14px !important;
  font-size:11px !important;
  line-height:1.5 !important;
  color:#56718f !important;
}
.quick-action-row{
  grid-template-columns:154px minmax(0,1fr) !important;
  gap:10px !important;
}
.quick-action-row .btn{
  min-height:44px !important;
  border-radius:14px !important;
}
#batchInlineResult{margin-top:10px !important}

/* compact library list */
.library-shell{
  max-height:calc(100vh - 246px) !important;
  border-radius:20px !important;
  border:1px solid rgba(176,193,217,.45) !important;
}
#libraryTable thead th{
  position:sticky !important;
  top:0 !important;
  z-index:2 !important;
  background:#f8fbff !important;
}
#libraryTable tbody td{
  padding:12px 12px !important;
  vertical-align:middle !important;
}
#libraryTable .product-title{
  font-size:13px !important;
  line-height:1.35 !important;
}
#libraryTable .muted{
  font-size:11px !important;
  line-height:1.35 !important;
}

@media (max-width: 1480px){
  .products-workspace{grid-template-columns:minmax(0,1.5fr) minmax(350px,.98fr) !important}
  .products-col-actions{width:156px !important}
}
@media (max-width: 1180px){
  .products-workspace{grid-template-columns:1fr !important}
  .products-toolbar-grid,.products-import-grid,.quick-create-grid,.compact-quick-grid{grid-template-columns:1fr !important}
}