.spa-header{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap}.spa-header h3{margin:0;font-size:20px}.spa-header p{margin:7px 0 0;color:#78738e;font-size:14px}.spa-header .spacer{flex:1}.spa-queue{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 12px}.spa-toolbar{display:flex;gap:10px;align-items:center;margin:12px 0}.spa-toolbar input{flex:1;max-width:520px;min-width:0}.spa-message{font-size:14px;min-height:20px;margin:8px 0;color:#827c97}.spa-message.err{color:#b91c1c}.spa-orders{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.spa-order{border:1px solid #e5e1f2;border-radius:16px;padding:18px;background:#fff;min-width:0;display:flex;flex-direction:column;gap:12px;box-shadow:0 3px 14px #34236005}.spa-order.review-target{outline:3px solid #a99af1;outline-offset:2px}.spa-order-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spa-order-top strong{font-size:16px;flex:1;overflow-wrap:anywhere}.spa-order p{margin:0;font-size:14px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.spa-order .spa-copy{max-height:112px;overflow:auto;background:#f8f7fc;padding:10px 12px;border-radius:10px}.spa-meta{display:flex;gap:8px 16px;flex-wrap:wrap;color:#77718d;font-size:13px;line-height:1.6}.spa-ops{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.spa-ops .btn{min-height:38px}.spa-preview summary{font-size:14px;color:#6e58cb;cursor:pointer;min-height:28px}.spa-preview [data-spa-assets]{margin-top:10px}.spa-empty{padding:35px;text-align:center;color:#8d879f;grid-column:1/-1}.spa-pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin:14px 0}.spa-overlay{display:none;position:fixed;inset:0;z-index:9998;background:#17122770;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.spa-dialog{width:min(960px,100%);max-height:calc(100dvh - 40px);background:white;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 15px 55px #19112b40}.spa-dialog-head{padding:17px 20px;display:flex;gap:12px;align-items:center;background:linear-gradient(125deg,#f3efff,#fff7e8);border-bottom:1px solid #e9e3f5}.spa-dialog-head strong{font-size:18px;flex:1}.spa-dialog-head button{min-width:38px;min-height:38px}.spa-dialog-scroll{padding:18px 20px;overflow:auto;overscroll-behavior:contain;min-height:0}.spa-review-summary{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;line-height:1.65;margin-bottom:16px;color:#706987}.spa-review-summary span{background:#f7f5fd;padding:6px 10px;border-radius:9px}.spa-review-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.spa-review-layout.single{grid-template-columns:1fr}.spa-review-section{min-width:0}.spa-review-section h4{font-size:15px;margin:0 0 10px}.spa-review-section textarea{font:inherit;font-size:15px;line-height:1.7;min-height:120px;width:100%;box-sizing:border-box}.spa-review-section select{width:100%;font-size:14px}.spa-original{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f5fb;border:1px solid #e8e4f1;border-radius:10px;padding:12px;font-size:15px;line-height:1.7}.spa-asset-list{display:grid;gap:12px;margin:12px 0}.spa-asset{border:1px solid #e7e2f1;border-radius:12px;background:#faf9fd;overflow:hidden;min-width:0}.spa-asset-head{padding:9px 11px;display:flex;gap:8px;align-items:center;font-size:14px;overflow-wrap:anywhere}.spa-asset-head label{flex:1;display:flex;gap:8px;align-items:center;min-width:0;cursor:pointer}.spa-asset-head label input{flex:none;width:18px;height:18px}.spa-asset-head span{min-width:0;flex:1}.spa-asset-head button{flex:none;font-size:13px;padding:5px 9px;border-radius:7px;border:1px solid #ddd5f0;background:white;cursor:pointer;min-height:32px}.spa-asset img{display:block;width:100%;height:auto;background:white;cursor:zoom-in}.spa-asset iframe{width:100%;height:400px;border:0;background:white}.spa-asset-state{padding:16px;font-size:13px;color:#827b94}.spa-asset-state.err{color:#b91c1c}.spa-dialog-foot{padding:12px 20px;border-top:1px solid #e8e3f3;display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:white}.spa-dialog-foot .msg{flex:1;min-width:160px;font-size:14px;overflow-wrap:anywhere}.spa-dialog-foot .btn{min-height:42px;font-size:14px}.spa-reason{margin-top:15px}.spa-reason input{width:100%;box-sizing:border-box;font-size:14px}.spa-note{font-size:13px;color:#8c849f;line-height:1.7;margin:7px 0}.spa-file-view{position:fixed;inset:0;z-index:10010;background:#100b22ed;display:flex;flex-direction:column;padding:12px;box-sizing:border-box}.spa-file-view header{display:flex;align-items:center;gap:8px;padding-bottom:10px;color:white;flex:none;flex-wrap:wrap}.spa-file-view header b{flex:1;font-size:14px;overflow-wrap:anywhere}.spa-file-view button,.spa-file-view a{border:1px solid #ffffff30;background:#ffffff18;color:white;border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none;cursor:pointer}.spa-file-canvas{overflow:auto;flex:1;min-height:0;display:flex;align-items:flex-start;justify-content:center}.spa-file-canvas img{height:auto;max-width:none;flex:none}.spa-file-canvas.whole{align-items:center}.spa-file-canvas.whole img{max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.spa-file-canvas iframe{height:100%;width:100%;border:0}.spa-file-canvas p{color:white;font-size:15px}.spa-tag{display:inline-flex;padding:4px 8px;border-radius:7px;font-size:12px;white-space:nowrap;background:#f1eefb;color:#7155b7}.spa-tag.pending{background:#fff2d4;color:#9d6410}.spa-tag.live{background:#e8f6ef;color:#22784d}.spa-tag.rejected{background:#fff0f1;color:#b94052}.spa-tag.edit{background:#f1eafe;color:#7951b6}.spa-alert{color:#b54828;font-size:13px}.spa-ledger{border-top:1px dashed #e8e2f3;padding-top:10px}.spa-ledger summary{cursor:pointer;font-size:13px;color:#7b7392}.spa-ledger div{font-size:13px;line-height:1.8;padding-top:6px;color:#7b7392}
@media(max-width:720px){.spa-orders{grid-template-columns:1fr}.spa-order{padding:15px}.spa-header h3{font-size:18px}.spa-header p{font-size:13px}.spa-overlay{padding:0;align-items:stretch}.spa-dialog{width:100%;max-height:100dvh;border-radius:0}.spa-dialog-head,.spa-dialog-scroll{padding:14px}.spa-review-layout{grid-template-columns:1fr}.spa-dialog-foot{padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.spa-dialog-foot .msg{flex-basis:100%;min-width:0}.spa-dialog-foot .btn{flex:1;min-height:44px}.spa-dialog-foot .spa-secondary{flex:0 0 auto}.spa-queue .ptab{min-height:38px}.spa-pager{justify-content:center}.spa-file-view header b{flex-basis:100%}.spa-file-view header button{min-height:40px}.spa-review-summary{font-size:13px}.spa-asset-head{flex-wrap:wrap}.spa-asset-head label{flex-basis:100%}.spa-toolbar{flex-wrap:wrap}}

body.spa-review-open{overflow:hidden}
.spa-ops .spa-time-edit{background:#fff8e8;border-color:#eddbac;color:#94641b;font-weight:600}.spa-ops .spa-time-edit:hover{background:#fff0ce}.spa-time-dialog{width:min(650px,100%)}.spa-time-current{padding:14px 16px;border:1px solid #e7e0f4;background:#f8f6fd;border-radius:12px}.spa-time-current>span{display:block;color:#817791;font-size:13px;margin-bottom:7px}.spa-time-current>strong{font-size:20px;color:#514064;line-height:1.5;overflow-wrap:anywhere}.spa-time-current>p{font-size:13px;color:#817791;line-height:1.6;margin:7px 0 0}.spa-time-section{margin-top:19px}.spa-time-section h4,.spa-time-label{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 10px;font-size:15px;font-weight:600;color:#514064}.spa-time-label>span{font-size:12px;font-weight:400;color:#877c97}.spa-time-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.spa-time-presets .btn{min-height:42px;background:white;border:1px solid #ddd4ee;color:#79609b}.spa-time-presets .btn.active{border-color:#9175d6;color:#6950a1;background:#f0eafa;box-shadow:0 0 0 1px #9175d6}.spa-time-duration{display:flex;gap:9px;flex-wrap:wrap;align-items:center;margin-top:12px}.spa-time-duration label{display:flex;align-items:center;gap:7px;color:#7a708a;font-size:14px}.spa-time-duration input{width:76px;min-width:0;padding:8px;min-height:40px;box-sizing:border-box}.spa-time-duration .btn{min-height:40px}.spa-time-section #toTimeEnd,.spa-time-section textarea{font:inherit;font-size:15px;border:1px solid #ded8ee;border-radius:9px;padding:10px 12px;width:100%;box-sizing:border-box;min-width:0;max-width:100%;background:white;color:#514064}.spa-time-section textarea{resize:vertical;min-height:76px;line-height:1.6}.spa-time-preview{font-size:14px;color:#337658;padding:10px 0 0;line-height:1.7;overflow-wrap:anywhere}.spa-time-preview.err{color:#b34d4d}.spa-time-notice{font-size:13px;line-height:1.8;color:#8a6d32;background:#fffaf0;border:1px solid #f0e1bb;border-radius:10px;padding:11px 13px;margin-top:18px}.spa-time-ledger div+div{border-top:1px dashed #e8e2f3;margin-top:8px;padding-top:8px}.spa-time-ledger b{font-weight:500;color:#766187}.spa-time-ledger span{font-size:12px;color:#968aa1}.spa-time-dialog .spa-dialog-foot .btn{white-space:nowrap}
@media(max-width:720px){.spa-time-dialog{width:100%}.spa-time-current>strong{font-size:18px}.spa-time-duration{gap:8px}.spa-time-duration input{width:64px}.spa-time-duration .btn{flex:1;padding:8px}.spa-time-presets .btn{min-height:44px;padding:8px}.spa-time-dialog .spa-dialog-scroll{padding-bottom:22px}.spa-time-dialog #toTimeEnd{font-size:16px;min-height:44px}.spa-time-dialog .spa-dialog-foot #toTimeSave{flex:1.4}}
.spa-asset-head > span{display:flex;gap:8px;align-items:center;flex:1;min-width:0}

.spa-review-section textarea{border:1px solid #ded8ee;border-radius:10px;padding:10px 12px;resize:vertical}.spa-review-section+.spa-review-section{margin-top:14px}.spa-dialog-foot .msg:empty{display:none}
.spa-ops .spa-live-edit{background:#f1edff;border-color:#d4c9ff;color:#634ac0;font-weight:600}.spa-ops .spa-live-edit:hover{background:#e9e2ff}.spa-live-dialog{width:min(900px,100%)}.spa-live-notice{background:#eff8f3;border:1px solid #d3eadc;color:#377452;border-radius:10px;padding:11px 13px;font-size:14px;line-height:1.7;margin-bottom:16px}.spa-live-notice.pending{background:#fff8e9;border-color:#f0dcb0;color:#96641d}.spa-live-dialog h4{display:flex;align-items:center;gap:10px;justify-content:space-between}.spa-live-dialog h4 .spa-note{font-weight:400;margin:0}.spa-live-upload{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spa-live-upload .spa-note{margin:0}.spa-live-assets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.spa-live-asset{min-width:0;border:1px solid #e5def1;border-radius:12px;background:#fcfbff;overflow:hidden}.spa-live-thumb{display:flex;align-items:center;justify-content:center;width:100%;height:230px;border:0;border-bottom:1px solid #eee8f6;padding:8px;background:#f6f4fa;color:#8b819d;cursor:zoom-in;box-sizing:border-box}.spa-live-thumb img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.spa-live-asset-title{display:flex;gap:8px;justify-content:space-between;padding:10px 12px;font-size:13px;color:#81778e}.spa-live-asset-title b{min-width:0;overflow-wrap:anywhere;line-height:1.5;font-size:14px;color:#4b425b}.spa-live-asset-title span{flex:none}.spa-live-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0 10px 10px}.spa-live-actions button{border:1px solid #dfd7ef;border-radius:7px;background:white;color:#736187;font:inherit;font-size:13px;min-height:36px;cursor:pointer;padding:5px 3px;white-space:nowrap}.spa-live-actions .spa-live-remove{color:#bc5361;border-color:#f0d9df;background:#fff8f9}.spa-live-actions button:disabled{opacity:.45;cursor:default}.spa-live-empty{grid-column:1/-1;border:1px dashed #ddd4ee;border-radius:10px;text-align:center;padding:25px 12px;color:#8c809f;font-size:14px}.spa-live-progress{display:flex;align-items:center;gap:10px;padding:12px;background:#f6f2ff;border-radius:10px;margin-top:10px;font-size:13px;color:#7155b7}.spa-live-progress[hidden]{display:none}.spa-live-progress progress{width:150px;max-width:40%;height:10px;accent-color:#7960d2}.spa-live-dialog .spa-dialog-foot .btn{white-space:nowrap}.spa-live-dialog .spa-dialog-foot #toLiveSave{min-width:160px}
@media(max-width:720px){.spa-live-dialog{width:100%}.spa-live-dialog .spa-dialog-foot #toLiveSave{flex:1.5;min-width:0}.spa-live-assets{grid-template-columns:1fr}.spa-live-thumb{height:220px}.spa-live-actions button{min-height:42px}.spa-live-notice{font-size:13px}.spa-live-upload .spa-note{flex-basis:100%}.spa-live-dialog .spa-dialog-scroll{padding-bottom:20px}}
@media(max-width:720px){.spa-dialog-foot .spa-secondary{display:none}.spa-dialog-foot .btn{padding:8px 10px;white-space:nowrap}.spa-dialog-foot #toRvPassNext,.spa-dialog-foot #toEdPassNext{flex:1.4}.spa-dialog-foot .msg:empty{display:none}}
