#view-script-center{background:#f4f6fa;color:#26344a}
#view-script-center .sc-top{height:70px;background:#fff;border-bottom:1px solid #e0e6ee;display:flex;align-items:center;gap:24px;padding:0 36px}
#view-script-center .sc-top a{font-weight:750;color:#193455;text-decoration:none}
#view-script-center .sc-top span{font-size:13px;color:#64748b}
#view-script-center .sc-top #sc-identity{margin-left:auto}
#view-script-center .sc-main{max-width:1380px;padding:30px;margin:auto}
#view-script-center .sc-heading{display:flex;justify-content:space-between;align-items:center}
#view-script-center .sc-heading h1{font-size:28px;margin:6px 0}
#view-script-center .sc-heading p{color:#67768b}
#view-script-center .sc-eyebrow{letter-spacing:2px;font-size:11px}
#view-script-center .sc-counts{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}
#view-script-center .sc-counts>div{background:white;border:1px solid #e3e8f0;border-radius:12px;padding:16px 24px;min-width:140px}
#view-script-center .sc-counts strong{display:block;font-size:28px;color:#20354c}
#view-script-center .sc-counts span{font-size:13px;color:#64748b}
#view-script-center .sc-tabs{display:flex;gap:12px;border-bottom:1px solid #dbe3ee;margin-bottom:22px}
#view-script-center .sc-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:15px 18px;cursor:pointer;font:inherit;color:#64748b}
#view-script-center .sc-tabs .active{color:#245dc1;border-color:#245dc1;font-weight:700}
#view-script-center .sc-card{padding:24px;border:1px solid #e0e6ef;border-radius:12px;background:#fff;margin-bottom:20px}
#view-script-center .sc-card h2{font-size:18px;margin-top:0}
#view-script-center .sc-toolbar{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin:12px 0}
#view-script-center .sc-section label{display:block;font-size:13px;color:#46566f}
#view-script-center .sc-section input:not([type=checkbox]),#view-script-center .sc-section select,#view-script-center .sc-section textarea{display:block;padding:10px 12px;border:1px solid #cfd8e5;border-radius:7px;margin-top:7px;background:white;font:inherit;color:#27364c;max-width:100%;box-sizing:border-box}
#view-script-center .sc-section textarea{width:100%;line-height:1.65}
#view-script-center .sc-form{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;align-items:end}
#view-script-center .sc-form input{width:100%}
#view-script-center .sc-check{padding:12px}
#view-script-center .sc-muted{font-size:13px;color:#708097;line-height:1.8}
#view-script-center .sc-scripts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#view-script-center .sc-script{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:20px}
#view-script-center .sc-script header{display:flex;gap:16px;align-items:center}
#view-script-center .sc-script img{width:70px;height:70px;object-fit:contain;background:#f8fafc;border-radius:8px}
#view-script-center .sc-script h3{font-size:15px;line-height:1.5;margin:0}
#view-script-center .sc-script pre{font:13px/1.85 system-ui,"Microsoft YaHei";white-space:pre-wrap;max-height:250px;overflow:auto;background:#f7f9fc;padding:16px;border-radius:8px}
#view-script-center .sc-script footer{display:flex;align-items:center;justify-content:space-between;color:#728096;font-size:12px}
#view-script-center .sc-table-wrap{overflow:auto}
#view-script-center .sc-section table{width:100%;border-collapse:collapse;font-size:13px}
#view-script-center .sc-section td,#view-script-center .sc-section th{text-align:left;padding:13px 10px;border-bottom:1px solid #e6ebf2}
#view-script-center .sc-section td:first-child{max-width:300px}
#view-script-center .sc-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 0;border-bottom:1px solid #e6ebf2}
#view-script-center .sc-row .grow{flex:1}
#view-script-center .sc-row p{margin:4px 0}
#view-script-center .sc-row button{font-size:12px}
#view-script-center #sc-message:not(:empty){padding:14px 18px;background:#fff5dc;border:1px solid #f1d495;border-radius:9px;margin:15px 0}
#view-script-center .sc-empty{padding:55px;text-align:center;color:#758498;background:white;border-radius:12px;grid-column:1/-1}
#view-script-center .hidden{display:none!important}
#view-script-center summary{cursor:pointer;font-weight:600}
#view-script-center #sc-pairing{background:#f2f6ff;padding:18px;margin-top:18px;border-radius:9px}
#view-script-center #sc-pairing input{width:100%}
@media(max-width:800px){#view-script-center .sc-main{padding:16px}
#view-script-center .sc-top{padding:0 16px}
#view-script-center .sc-scripts,#view-script-center .sc-form{grid-template-columns:1fr}
#view-script-center .sc-tabs{gap:0}
#view-script-center .sc-tabs button{padding:13px 9px}
#view-script-center .sc-heading h1{font-size:23px}
#view-script-center .sc-counts>div{min-width:95px;flex:1;padding:15px}
#view-script-center .sc-top>span:not(#sc-identity){display:none}
}
#view-script-center #sc-account-key{width:100%;max-width:720px}
#view-script-center #sc-account-advanced{margin:18px 0}
#view-script-center #sc-account-advanced .sc-form{margin-top:16px}
#view-script-center .sc-section input[type=checkbox]{width:18px;height:18px;min-height:18px;padding:0;margin:0;vertical-align:middle}
#view-script-center .sc-tabs{flex-wrap:wrap}
#view-script-center .sc-run-controls{position:sticky;top:64px;z-index:10;box-shadow:0 4px 14px #20354c12;padding:14px 20px}
#view-script-center .sc-run-controls .sc-toolbar{margin:8px 0}
#view-script-center .sc-run-controls p{margin:4px 0}
#view-script-center .sc-run-controls strong{font-size:17px}
#view-script-center .sc-section details{margin:16px 0}
#view-script-center .sc-section details textarea{margin-bottom:16px}
#view-script-center .sc-tabs{background:#fff;border-radius:10px}
#view-script-center .sc-counts{margin:14px 0}
#view-script-center #sc-accounts{margin-top:16px}
#view-script-center #sc-account-feedback:not(:empty){padding:12px;border-radius:8px;background:#edf7ef;color:#216436}
#view-script-center #sc-account-feedback[data-kind=error]{background:#fff0ee;color:#b42318}
#view-script-center #sc-account-count{font-size:14px;color:#65748a}
#view-script-center .sc-account-status{flex:1;min-width:240px;max-width:100%;padding:12px;border:1px solid #e0e7ef;border-radius:10px}
#view-script-center .sc-account-error{color:#a12b20;background:#fff4f2;padding:10px;border-radius:8px;overflow-wrap:anywhere}
#view-script-center .sc-account-error p{margin:6px 0}
#view-script-center .sc-account-error span{font-size:12px}

#view-selection .selection-header{ display:flex; align-items:center; gap:24px; padding:18px 28px; background:#fff; border-bottom:1px solid var(--line); }
#view-selection .selection-header h1{ font-size:20px; margin:0; }
#view-selection .selection-header #sel-current-user{ margin-left:auto; color:var(--muted); }
#view-selection .back-link{ display:flex; align-items:center; gap:8px; text-decoration:none; color:var(--blue); }
#view-selection .selection-main{ padding:24px 28px; max-width:1920px; margin:auto; }
#view-selection .selection-heading,#view-selection .selection-toolbar,#view-selection .selection-pagination{ display:flex; align-items:center; justify-content:space-between; gap:16px; }
#view-selection .selection-heading h2{ font-size:18px; margin:0; }
#view-selection .selection-actions{ display:flex; align-items:center; gap:8px; }
#view-selection .selection-filters{ display:flex; flex-wrap:wrap; gap:14px; align-items:end; margin:22px 0 0; padding-bottom:18px; border-bottom:1px solid var(--line); }
#view-selection .selection-filters label{ display:flex; flex-direction:column; gap:6px; color:var(--muted); font-size:12px; }
#view-selection .selection-filters input,#view-selection .selection-filters select,#view-selection #sel-employee{ height:36px; padding:6px 9px; border:1px solid #cdd4df; border-radius:4px; background:#fff; color:var(--ink); max-width:100%; }
#view-selection .selection-filters input[type=number]{ width:104px; }
#view-selection .selection-filters .check-label{ flex-direction:row; align-items:center; height:36px; }
#view-selection .selection-filters input[type=checkbox]{ height:16px; }
#view-selection .selection-main input[type=checkbox]{ width:16px; height:16px; min-width:16px; padding:0; margin:0; flex:none; }
#view-selection .selection-filters input,#view-selection .selection-filters select{ min-width:0; }
#view-selection .selection-filters .search-field input{ width:225px; }
#view-selection #sel-message{ color:var(--red); min-height:20px; margin:10px 0; overflow-wrap:anywhere; }
#view-selection .collection-status{ border-bottom:1px solid var(--line); padding:0 0 14px; margin-bottom:12px; }
#view-selection .status-line{ display:flex; flex-wrap:wrap; gap:10px 24px; align-items:center; }
#view-selection .status-line strong{ color:var(--green); }
#view-selection .status-line span{ color:var(--muted); font-size:12px; }
#view-selection .collection-status details{ margin-top:10px; }
#view-selection .collection-status summary{ cursor:pointer; color:var(--muted); font-size:12px; }
#view-selection .category-status{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:0 24px; margin-top:8px; }
#view-selection .category-status div{ padding:10px 0; min-height:48px; border-bottom:1px solid var(--line); font-size:12px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
#view-selection .category-link{ border:0; padding:4px 0; background:transparent; color:var(--ink); text-align:left; font-size:15px; font-weight:700; line-height:1.5; overflow-wrap:anywhere; }
#view-selection .category-link:hover,#view-selection .category-link.active{ color:var(--blue); text-decoration:underline; text-underline-offset:4px; }
#view-selection .category-link:focus-visible,#view-selection .page-number:focus-visible{ outline:2px solid var(--blue); outline-offset:2px; }
#view-selection .category-status span{ flex:none; }
#view-selection .category-status span{ color:var(--muted); }
#view-selection .category-status .complete{ color:var(--green); }
#view-selection .category-status .failed{ color:var(--red); }
#view-selection .selection-toolbar{ min-height:48px; margin-bottom:8px; }
#view-selection .selection-toolbar #sel-total{ font-weight:600; }
#view-selection .selection-table-wrap{ width:100%; overflow-x:auto; background:white; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
#view-selection .selection-table{ width:100%; min-width:1460px; table-layout:fixed; border-collapse:collapse; }
#view-selection .selection-table th,#view-selection .selection-table td{ padding:12px 9px; text-align:left; border-bottom:1px solid #edf0f3; font-size:12px; overflow-wrap:anywhere; }
#view-selection .selection-table th{ background:#f7f9fb; color:var(--muted); font-weight:500; height:42px; }
#view-selection .selection-table tr:last-child td{ border-bottom:0; }
#view-selection .selection-table tbody tr:hover{ background:#f8fbff; }
#view-selection .selection-table th:nth-child(1){ width:36px; }
#view-selection .selection-table th:nth-child(2){ width:80px; }
#view-selection .selection-table th:nth-child(3){ width:265px; }
#view-selection .selection-table th:nth-child(4){ width:170px; }
#view-selection .selection-table td:nth-child(n+5):nth-child(-n+12){ font-variant-numeric:tabular-nums; }
#view-selection .selection-table .commission-amount{ font-weight:600; white-space:nowrap; }
#view-selection .selection-table .product-title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; line-height:1.6; color:var(--ink); text-decoration:none; }
#view-selection .selection-table .product-title:hover{ color:var(--blue); }
#view-selection .selection-table small{ display:block; color:var(--muted); margin-top:6px; line-height:1.5; }
#view-selection .selection-thumb,#view-selection .selection-image-empty{ display:grid; place-items:center; width:60px; height:60px; border-radius:4px; background:#f3f5f8; color:#8591a4; }
#view-selection .selection-thumb img{ width:60px; height:60px; object-fit:contain; }
#view-selection .selection-image-empty{ font-size:11px; }
#view-selection .selection-pagination{ margin-top:16px; color:var(--muted); }
#view-selection .selection-actions button:disabled{ opacity:.5; cursor:default; }
#view-selection .selection-preview{ position:fixed; z-index:200; pointer-events:none; width:300px; height:300px; max-width:calc(100vw - 20px); max-height:calc(100vh - 20px); background:#fff; border:1px solid var(--line); border-radius:6px; padding:6px; box-shadow:0 6px 26px #17203326; }
#view-selection .selection-preview img{ width:100%; height:100%; object-fit:contain; }
#view-selection .selection-table th:first-child,#view-selection .selection-table td:first-child{ text-align:center; }
#view-selection .selection-pagination{ flex-wrap:wrap; justify-content:flex-start; }
#view-selection .selection-pagination nav{ margin-left:auto; flex-wrap:nowrap; gap:5px; }
#view-selection .page-size-label{ display:flex; align-items:center; gap:8px; white-space:nowrap; }
#view-selection #sel-page-size{ min-width:80px; width:80px; }
#view-selection .page-numbers{ display:flex; align-items:center; gap:4px; }
#view-selection .page-number{ min-width:34px; height:34px; padding:0 7px; border:1px solid var(--line); border-radius:4px; color:var(--ink); background:#fff; font-variant-numeric:tabular-nums; }
#view-selection .page-number:hover{ border-color:var(--blue); color:var(--blue); }
#view-selection .page-number.active{ background:var(--blue); border-color:var(--blue); color:white; }
#view-selection .page-gap{ min-width:15px; text-align:center; }
#view-selection .column-sort{ display:flex; align-items:center; gap:4px; border:0; padding:0; min-height:28px; background:none; color:inherit; font:inherit; cursor:pointer; }
#view-selection .column-sort svg{ width:14px; height:14px; flex:none; }
#view-selection [aria-sort="ascending"] .column-sort,#view-selection [aria-sort="descending"] .column-sort{ color:var(--blue); font-weight:700; }
#view-selection #sel-cart-count{ min-width:24px; font-variant-numeric:tabular-nums; }
#view-selection #sel-cart-dialog{ width:960px; max-width:calc(100vw - 28px); max-height:calc(100dvh - 40px); padding:20px; border:1px solid var(--line); border-radius:6px; color:var(--ink); }
#view-selection #sel-cart-dialog::backdrop{ background:#0006; }
#view-selection .cart-header,#view-selection .cart-footer{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
#view-selection .cart-header h2{ margin:0; font-size:18px; }
#view-selection .cart-header h2 span{ margin-left:8px; color:var(--muted); font-size:14px; }
#view-selection #sel-cart-message{ min-height:20px; margin:10px 0; color:var(--red); overflow-wrap:anywhere; }
#view-selection .cart-table-wrap{ overflow:auto; max-height:55dvh; min-height:160px; border-block:1px solid var(--line); }
#view-selection .cart-table{ width:100%; min-width:660px; table-layout:fixed; border-collapse:collapse; }
#view-selection .cart-table th,#view-selection .cart-table td{ padding:10px 8px; text-align:left; border-bottom:1px solid var(--line); font-size:12px; overflow-wrap:anywhere; }
#view-selection .cart-table th{ position:sticky; top:0; background:#f7f9fb; color:var(--muted); }
#view-selection .cart-table th:first-child{ width:76px; }
#view-selection .cart-table th:nth-child(2){ width:38%; }
#view-selection .cart-table th:last-child{ width:60px; }
#view-selection .cart-table .button{ width:32px; min-width:32px; height:32px; padding:6px; }
#view-selection .cart-product-title{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:1.5; }
#view-selection .cart-table a{ color:var(--ink); text-decoration:none; }
#view-selection .cart-table small{ display:block; color:var(--muted); margin-top:5px; }
#view-selection .cart-footer{ margin-top:16px; flex-wrap:wrap; }
#view-selection #sel-cart-page{ min-width:55px; text-align:center; font-size:12px; }
@media(max-width:700px){#view-selection #sel-cart-dialog{ padding:12px; }
#view-selection .selection-heading{ flex-wrap:wrap; }
#view-selection .selection-heading h2{ max-width:none; }
#view-selection .cart-footer > .selection-actions{ margin-left:auto; }
#view-selection .cart-table-wrap{ max-height:50dvh; }
}
@media(max-width:700px){#view-selection .selection-pagination nav{ flex:1 1 100%; margin-left:0; overflow-x:auto; padding:3px; }
#view-selection .selection-pagination nav .button{ min-width:32px; padding:5px; }
#view-selection .page-numbers{ gap:3px; }
#view-selection .page-number{ min-width:30px; padding:0 4px; }
#view-selection .category-status{ grid-template-columns:minmax(0,1fr); }
}
@media(max-width:700px){#view-selection .selection-header{ padding:14px; gap:12px; }
#view-selection .selection-header h1{ font-size:18px; }
#view-selection .selection-main{ padding:18px 14px; }
#view-selection .selection-heading{ align-items:start; }
#view-selection .selection-heading h2{ font-size:16px; max-width:140px; }
#view-selection .selection-filters{ gap:12px; }
#view-selection .selection-filters label{ flex:1 1 140px; min-width:0; }
#view-selection .selection-filters input,#view-selection .selection-filters select,#view-selection .selection-filters .search-field input{ width:100%; }
#view-selection .selection-filters .check-label{ flex:0 1 auto; }
#view-selection .selection-toolbar{ flex-wrap:wrap; }
#view-selection .selection-actions{ flex-wrap:wrap; }
#view-selection .selection-preview{ width:220px; height:220px; }
}
#view-selection .category-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}
#view-selection .category-options label{display:flex;align-items:center;gap:8px}
#view-selection .category-status input[type=checkbox]{width:17px;height:17px;flex:none}
#view-selection .category-options input{width:17px;height:17px}
#view-selection #sel-category-summary{color:#66758b;font-size:13px}

#view-script-center .sc-main,#view-selection .selection-main{padding:0;max-width:none} .embedded-page header[hidden]{display:none!important} #view-script-center .sc-heading{display:none} #view-selection .selection-actions{flex-wrap:wrap} #view-script-center .sc-run-controls{border-left:4px solid #2465d1} .embedded-page{min-width:0}