.site-operations{--so-border:#dce3eb;--so-muted:#718096;--so-ink:#17212b;color:var(--so-ink)}
.so-payment-channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:26px}.so-payment-channels button{text-align:left;padding:18px 22px;border:1px solid #dce3eb;border-radius:12px;background:#f8fafc;color:#33465a}.so-payment-channels button[aria-pressed=true]{border-color:#bd8c32;background:#fff8e8;box-shadow:inset 0 0 0 1px #bd8c32}.so-payment-channels b{display:block;font-size:21px}.so-payment-channels span{display:block;margin-top:8px;font-size:13px;font-weight:400;color:#647587}.so-payment-choice{grid-column:1/-1;padding:14px 16px;border:1px solid #dce3eb;border-radius:10px;background:#f8fafc}.so-payment-choice select{max-width:320px}.so-payment-choice p{margin-bottom:0}.so-filters:has([name=payment_provider]){grid-template-columns:minmax(180px,2fr) repeat(5,minmax(110px,1fr)) auto auto}@media(max-width:1400px){.so-filters:has([name=payment_provider]){grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.so-filters:has([name=payment_provider]){grid-template-columns:1fr}.so-payment-channels{gap:8px}.so-payment-channels button{padding:14px}}
.so-media-box{padding:18px;border:1px solid #dce5ec;background:#f7f9fc;border-radius:12px}
.so-media-box [hidden]{display:none!important}.so-media-box p{font-size:13px;color:#647586;line-height:1.65;margin:10px 0}
.so-source-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.so-source-heading h3{margin:0}.so-source-heading p{margin:5px 0 14px}
.so-source-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.so-source-tabs [aria-pressed=true]{background:#172d39;color:#fff;border-color:#172d39}
.so-media-box [data-upload-options]{display:grid;gap:14px;margin-top:18px;border-top:1px solid #dce5ec;padding-top:16px}.so-media-box .so-check{align-items:flex-start;line-height:1.65;font-weight:400}
.so-media-box .so-actions input{flex:1;min-width:100px;width:auto}.so-media-box .so-transfer-status{color:#287057;font-weight:600}.so-media-box .so-transfer-status.so-error{color:#aa3636}
.so-asset-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #dce5ec}.so-asset-choice div{min-width:0}.so-asset-choice b{display:block;font-size:14px;overflow-wrap:anywhere}.so-asset-choice small{display:block;color:#718096;font-size:12px;margin-top:5px}.so-asset-choice button{flex:none}
.so-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}.so-preview-card{border:1px solid #dce5ec;border-radius:14px;overflow:hidden;background:#fff}.so-preview-media{height:200px;background:#eef3f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.so-preview-media img,.so-preview-media video{width:100%;height:100%;object-fit:contain}.so-preview-copy{padding:20px;white-space:pre-wrap;overflow:auto;max-height:100%;box-sizing:border-box;font-size:14px;line-height:1.8;width:100%}.so-preview-info{padding:18px}.so-preview-info h3{font-size:17px;margin:14px 0 6px;overflow-wrap:anywhere}.so-preview-info p{font-size:13px;color:#718096}.so-preview-info button{width:100%;margin-top:12px}.so-external{border:1px solid #dce5ec;border-radius:8px;padding:12px;color:#28495a;text-decoration:none;font-size:14px}
@media(max-width:1100px){.so-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.so-preview-grid{grid-template-columns:1fr}.so-media-box{padding:12px}.so-source-tabs button{flex:1}}
/* One padding layer; persistent title/actions with scrollable fields. */
dialog.so-dialog { width:min(800px,calc(100dvw - 32px)); padding:0; overflow:hidden; --so-muted:#718096; }
dialog.so-dialog > form { display:flex; flex-direction:column; max-height:calc(100dvh - 48px); padding:0; margin:0; }
dialog.so-dialog > form > header { flex:none; padding:18px 24px; margin:0; border-bottom:1px solid #e4e9ed; background:linear-gradient(110deg,#f5f8fa,#fff); }
dialog.so-dialog .so-form-grid { overflow:auto; min-height:0; padding:22px 24px; gap:16px 20px; overscroll-behavior:contain; }
dialog.so-dialog > form > footer { flex:none; margin:0; padding:14px 24px; border-top:1px solid #e4e9ed; background:#f8fafb; gap:10px; }
dialog.so-dialog > form > .so-error { flex:none; margin:0; padding:10px 24px; max-height:90px; overflow:auto; background:#fff2f0; }
dialog.so-dialog > form > .so-error:empty { display:none; }
dialog.so-dialog .so-note { margin:0; padding:12px 14px; background:#f5f8fa; border:1px solid #e5ebef; border-radius:10px; color:#657582; font-weight:400; }
dialog.so-dialog textarea { min-height:90px; max-height:240px; resize:vertical; }
dialog.so-dialog input:not([type=checkbox]),dialog.so-dialog select { height:42px; }
@media(max-width:600px) { dialog.so-dialog > form > header,dialog.so-dialog > form > footer { padding:14px 16px; } dialog.so-dialog .so-form-grid { padding:16px; } }
.site-operations label,.so-dialog label{margin:0}
.so-filters>button{height:42px;align-self:end}
.so-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.so-heading h2{margin:6px 0;font-size:30px}.so-heading p{color:var(--so-muted);margin:8px 0}.so-heading .so-kicker{color:#ac7928;font-size:12px;letter-spacing:2px;font-weight:700}.so-site-picker{display:flex;align-items:end;gap:10px}.so-site-picker select{min-width:180px}
.so-tabs{display:flex;gap:8px;border-bottom:1px solid var(--so-border);margin-bottom:24px;padding-bottom:12px;flex-wrap:wrap}.so-tabs button.active{background:#17212b;color:white;border-color:#17212b}.so-body{background:#fff;border:1px solid var(--so-border);padding:24px;border-radius:16px}
.site-operations button,.so-dialog button{border:1px solid #d6dfe8;background:#fff;color:#283647;border-radius:9px;padding:10px 15px;cursor:pointer;font:inherit;font-size:14px;white-space:nowrap}.site-operations button.primary,.so-dialog button.primary{background:#17212b;color:#fff;border-color:#17212b}.site-operations button:disabled,.so-dialog button:disabled{opacity:.5;cursor:default}.site-operations button:hover:not(:disabled),.so-dialog button:hover:not(:disabled){box-shadow:0 2px 8px #17212b18}
.site-operations label,.so-dialog label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;color:#536172;min-width:0}.site-operations input,.site-operations select,.site-operations textarea,.so-dialog input,.so-dialog select,.so-dialog textarea{box-sizing:border-box;width:100%;border:1px solid #d6dfe8;border-radius:8px;min-height:42px;padding:10px 12px;background:#fff;color:#17212b;font:inherit;font-size:14px}.site-operations input:focus,.site-operations select:focus,.so-dialog input:focus,.so-dialog textarea:focus,.so-dialog select:focus{outline:2px solid #c79536;outline-offset:2px}
.so-filters{display:grid;grid-template-columns:minmax(200px,2fr) repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:12px;padding-bottom:24px;border-bottom:1px solid var(--so-border)}.so-filters:not(:has([name=mode])){grid-template-columns:minmax(240px,2fr) minmax(160px,1fr) auto auto}.so-list-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0;gap:16px}.so-list-heading h3{margin:0;font-size:18px}.so-actions{display:flex;gap:8px;flex-wrap:wrap}.so-note{font-size:13px;line-height:1.7;color:var(--so-muted);white-space:normal}.so-note p{margin:8px 0}.so-table-scroll{overflow:auto}.site-operations table,.so-dialog table{width:100%;border-collapse:collapse;font-size:14px}.site-operations th,.so-dialog th{background:#f4f6fa;color:#657386;font-size:12px;text-align:left;padding:13px 14px;white-space:nowrap}.site-operations td,.so-dialog td{padding:16px 14px;border-bottom:1px solid #e6ebf0;vertical-align:top;max-width:320px;overflow-wrap:anywhere}.site-operations td small,.so-dialog td small{display:block;margin-top:6px;color:var(--so-muted,#718096);font-size:12px;line-height:1.6}.so-number{font-variant-numeric:tabular-nums;text-align:right!important;white-space:nowrap;font-weight:600}.so-clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.so-tag{display:inline-block;padding:4px 8px;border-radius:6px;background:#f1f3f7;color:#58677a;font-size:12px;white-space:nowrap}.so-tag.good{background:#e7f5ef;color:#237352}.so-pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:20px;font-size:13px;color:var(--so-muted)}.so-pager span{margin-right:auto}.so-empty{padding:55px 20px;text-align:center;color:var(--so-muted)}.so-error{color:#aa3636;white-space:pre-wrap;font-size:14px;line-height:1.6}.so-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:22px 0 12px}.so-stats article{padding:18px;background:#f6f8fb;border:1px solid #e5eaf0;border-radius:10px}.so-stats span{font-size:12px;color:var(--so-muted);display:block}.so-stats b{display:block;font-size:24px;margin-top:10px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.so-dialog{width:min(960px,calc(100vw - 36px));max-height:90vh;border:1px solid #dce3eb;border-radius:18px;padding:28px;box-shadow:0 24px 80px #18233340;color:#17212b;background:#fff}.so-dialog::backdrop{background:#17212b80;backdrop-filter:blur(3px)}.so-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.so-dialog h2{font-size:22px;margin:0}.so-dialog .so-close{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:25px;background:#f5f7fa;color:#66788a}.so-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.so-wide{grid-column:1/-1}.so-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.so-dialog h3{font-size:16px;margin:10px 0}.so-payment-intro{margin-bottom:24px}.so-payment-intro p{color:#718096;font-size:14px;line-height:1.6}.so-check{flex-direction:row!important;align-items:center;gap:10px!important}.so-check input{width:18px!important;min-height:18px!important}.so-code{padding:12px;background:#f4f6fa;border-radius:8px;font-family:monospace;overflow-wrap:anywhere}.so-order-lines{display:grid;gap:14px}.so-order-line{display:grid;grid-template-columns:minmax(200px,2fr) 80px 140px;gap:12px;padding:16px;border:1px solid #dce3eb;border-radius:10px}.so-order-line [hidden]{display:none}.so-detail{background:#f6f8fb;border-radius:10px;padding:16px;overflow-wrap:anywhere}.so-detail p{font-size:14px;margin:7px 0}
@media(max-width:1250px){.so-filters{grid-template-columns:repeat(3,minmax(120px,1fr))}.so-heading{align-items:start;flex-direction:column}.so-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.so-body{padding:14px}.so-filters,.so-filters:not(:has([name=mode])),.so-form-grid,.so-order-line{grid-template-columns:1fr}.so-site-picker{flex-wrap:wrap}.so-stats{grid-template-columns:repeat(2,1fr)}.so-list-heading{align-items:start;flex-direction:column}.so-dialog{padding:18px}.so-stats b{font-size:20px}.so-pager{flex-wrap:wrap}}