/* Application shell and shared layout */

:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--panel-inset:22px;--surface:#fff;--surface-muted:#f8fafc;--blue:#2878f0;--ink:#202d45;--muted:#8290a5;--line:#e8edf4;--bg:#f5f7fb;--green:#13a477}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);color:var(--ink);background:var(--bg)}button,input,select,textarea{}button,a,select{cursor:pointer}button{border:1px solid #dce3ee;background:var(--surface);color:#536079;transition:.16s;white-space:nowrap}button:hover{border-color:var(--blue);color:var(--blue)}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:var(--blue);color:white;border-color:var(--blue)}.primary:hover{background:#1766df;color:white}.danger{color:#de5261}.small{padding:5px 9px;}.link{border:0;background:none;color:var(--blue);padding:3px 7px}.shell{display:grid;grid-template-columns:228px 1fr;min-height:100vh}.side{background:#fff;border-right:1px solid var(--line);padding:28px 18px;position:fixed;inset:0 auto 0 0;width:228px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;padding:0 13px 32px;letter-spacing:-.5px}.logo-mark{width:33px;height:33px;background:var(--blue);color:white;display:grid;place-items:center;border-radius:10px;}.nav-group{color:#9aa6b8;padding:18px 15px 9px;letter-spacing:1.3px}.nav{display:flex;align-items:center;gap:13px;padding:12px 15px;margin:4px 0;border-radius:7px;color:#647188;text-decoration:none;}.nav.active{background:#eef4ff;color:var(--blue)}.nav svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.workspace{padding:12px;border-radius:8px;background:#f7f9fc;color:#6a7890}.workspace b{display:block;color:#28364c;margin-bottom:5px}.main{grid-column:2;min-width:0}.topbar{height:76px;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid var(--line);padding:0 36px}.breadcrumb{color:#94a0b1;}.breadcrumb span{color:#41516c;margin-left:10px}.top-right{display:flex;align-items:center;gap:20px}.avatar{height:33px;width:33px;border-radius:50%;background:#e7effe;color:var(--blue);display:grid;place-items:center;}.demo{background:#fff5e6;color:#b47724;border:1px solid #fae2bc;border-radius:20px;padding:5px 10px}.content{padding:32px 36px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.heading h1{margin:0 0 9px;letter-spacing:-.5px}.sub{color:var(--muted);line-height:1.7}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:25px}.stat{background:white;border:1px solid var(--line);padding:20px 22px}.stat-head{display:flex;justify-content:space-between;color:#78869c;}.stat-icon{color:#96acd2}.stat-value{margin:11px 0}.stat-foot{color:#98a5b6}.stat-foot em{font-style:normal;color:var(--green)}.panel{background:white;border:1px solid var(--line);overflow:hidden;margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:var(--space-5) var(--panel-inset);border-bottom:1px solid var(--line);gap:var(--space-4)}.panel-head>div:not(.actions){flex:1 1 240px;min-width:0}.panel-head>.actions{flex:0 0 auto}.panel-head b{font-weight:var(--weight-heading)}.panel-head h3{margin:0;}.tabs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);border-bottom:1px solid var(--line);padding:0 var(--panel-inset)}.tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:0 0 auto;min-height:48px;margin:0;padding:12px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;box-shadow:none;color:var(--muted);line-height:var(--control-line-height)}.tab:hover{background:transparent;border-color:transparent;border-bottom-color:var(--control-border);color:var(--blue)}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.toolbar{padding:20px 22px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea{border:1px solid #dce3ee;background:white;color:#3f4e67;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #edf4ff}input::placeholder,textarea::placeholder{color:#aab4c3}.search{width:240px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap;text-align:left}th{color:#8a96a8;background:#fafbfd;padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 18px;border-bottom:1px solid #f0f3f7;}tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcff}th:first-child,td:first-child{padding-left:22px}input[type=checkbox]{accent-color:var(--blue);width:15px;height:15px;box-shadow:none}.domain-name{}.domain-sub{color:#a0aabc;margin-top:6px}.badge{padding:4px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:5px}.badge:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.green{background:#eafaF3;color:#159b70}.amber{background:#fff7e8;color:#c59035}.red{background:#fff0f1;color:#d45a68}.neutral{background:#f0f3f8;color:#8090a9}.provider{display:inline-block;padding:4px 9px;border:1px solid #e3e9f3;border-radius:5px;color:#697b98;background:#f9fbff}.cf{color:#d7822f;background:#fff7ee;border-color:#f9e5ce}.mono{font-family:ui-monospace,SFMono-Regular,monospace;color:#8390a5;line-height:1.7}.table-foot{display:flex;justify-content:space-between;padding:var(--space-4) var(--panel-inset);color:var(--muted);align-items:center;flex-wrap:wrap;gap:var(--space-3)}.info{padding:15px 20px;background:#eff5ff;border:1px solid #dceaff;border-radius:8px;color:#657d9f;line-height:1.8;display:flex;gap:12px;margin-bottom:24px}.info strong{color:#315c97}.empty{padding:55px;text-align:center;color:#94a1b5}.footer{color:#a7b0bd;text-align:center;margin:25px}.two{display:grid;grid-template-columns:1.65fr 1fr;gap:22px}.padded{padding:22px}.chart{width:100%;height:200px}.legend{color:#90a0b5;display:flex;gap:18px}.chart-labels{display:flex;justify-content:space-between;color:#9ca8b9;margin-top:9px}.progress{height:7px;background:#f0f3f8;border-radius:5px;margin:9px 0 20px;overflow:hidden}.progress>div{height:100%;background:var(--blue);border-radius:5px}.row{display:flex;justify-content:space-between;align-items:center}.security-item{padding:20px 0;border-bottom:1px solid var(--line)}.security-item:last-child{border:0}.switch{width:36px;height:20px;border:0;border-radius:12px;background:#c8d2e0;padding:3px;display:inline-flex}.switch:before{content:"";width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002}.switch.on{background:var(--blue);justify-content:flex-end}.modal-layer{position:fixed;inset:0;background:#14243d66;backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;padding:22px;z-index:10}.modal{background:white;border-radius:12px;width:680px;max-height:90vh;overflow:auto;box-shadow:0 20px 100px #14243d33}.modal.wide{width:880px}.modal-head{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.modal-head h2{margin:0;}.close{padding:0 6px;border:none;color:#96a0ad}.modal-body{padding:25px 28px}.section-title{border-left:3px solid var(--blue);padding-left:12px;margin:0 0 22px;}.form-row{display:grid;grid-template-columns:95px 1fr;gap:15px;align-items:center;margin-bottom:17px}.form-row label{color:#657188;}.form-row input,.form-row select{width:100%}.form-row textarea{width:100%;resize:vertical}.form-divider{border:0;border-top:1px solid var(--line);margin:26px 0}.credential{display:grid;grid-template-columns:120px 1fr;margin-bottom:12px}.credential span{background:#f8fafc;border:1px solid #dce3ee;border-right:0;border-radius:6px 0 0 6px;padding:10px;color:#68778f;}.credential input{width:100%}.modal-foot{padding:17px 28px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px}.help{color:#93a0b3;line-height:1.7;margin:8px 0 17px}.error{color:#cc5263;line-height:1.6}.preview-list{background:#f7f9fc;border-radius:6px;padding:12px;max-height:150px;overflow:auto;margin-top:12px;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253b59;color:white;padding:12px 22px;border-radius:8px;box-shadow:0 5px 20px #253b5925;z-index:30;}.pill{border-radius:4px;padding:4px 7px;background:#f3f5f9;color:#8592a6}.spark{color:#93a1b5}.api-card{display:flex;gap:14px;align-items:center}.api-logo{height:32px;width:32px;border-radius:8px;background:#fff3e6;color:#df8a2f;display:grid;place-items:center;}.required{color:#dd6270}.note{background:#fff9ef;color:#a07837;padding:12px;border-radius:6px;line-height:1.7;margin-bottom:20px}.batch-box{width:100%;height:160px;font-family:ui-monospace,monospace;line-height:1.8}.stat.green-accent{border-top:3px solid #28b78d}.stat.blue-accent{border-top:3px solid #4c8df5}.stat.amber-accent{border-top:3px solid #eab75e}.stat.purple-accent{border-top:3px solid #a68add}.mobile-menu{display:none}.check-summary{display:flex;gap:25px;color:#77879e;padding:12px 0}button:focus-visible,a:focus-visible{outline:3px solid #a4caff;outline-offset:3px}@media(max-width:1100px){.content{padding:25px 22px}.topbar{padding:0 22px}.shell{grid-template-columns:190px 1fr}.side{width:190px}.logo{}.stats{gap:10px}.stat{padding:16px}.two{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}.side{display:none}.main{width:100%}.topbar{height:62px}.content{padding:20px 15px}.heading{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr}.stat-value{}.top-right{gap:10px}.mobile-menu{display:block;max-width:150px}.breadcrumb{display:none}.modal-body{padding:20px}.form-row{grid-template-columns:1fr;gap:6px}.toolbar{padding:15px}.search{width:180px}.credential{grid-template-columns:95px 1fr}.modal-layer{padding:10px}.tabs{gap:16px}.heading h1{}}
.ns-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;background:#f8fbff;border-bottom:1px solid var(--line)}.ns-banner strong{color:#657188}.ns-banner .mono{color:#3e5270;}
.ns-lines{min-width:240px;width:100%}.ns-line{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ns-line:last-child{margin-bottom:0}.ns-value{font-family:ui-monospace,SFMono-Regular,monospace;min-width:0;width:100%;color:#3e5270;background:#fff}.ns-copy{padding:7px 10px;flex-shrink:0}.ns-banner>div{flex:1;max-width:560px}
.ns-form-row{align-items:start;margin-top:24px;margin-bottom:8px}.ns-form-row>label{padding-top:12px}.ns-form-row .ns-lines{min-width:0}.ns-form-row .ns-value{background:#f9fbff;border-color:#e3e9f3}.ns-line{gap:8px}.ns-copy{height:36px;min-width:48px;border-radius:6px;border-color:#d9e5f7;color:var(--blue);background:#fff}.ns-copy:hover{background:#edf4ff}.ns-guide{margin:12px 0 0;}.ns-source{margin:22px 0 0;padding:12px 16px;line-height:1.7;}.modal-body>.section-title{margin-bottom:24px}.ns-banner .ns-lines{max-width:520px}
.batch-modal{width:960px!important;max-width:calc(100vw - 40px);display:flex;flex-direction:column}.batch-modal .modal-head{padding:18px 22px;flex-shrink:0}.batch-modal .modal-head h2{}.batch-modal .modal-body{padding:18px 22px;overflow:auto}.batch-modal .batch-notice{padding:10px 13px;margin-bottom:16px;line-height:1.6;border:1px solid #f4e9ce;background:#fffbf3;color:#9f8046}.batch-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px}.batch-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.batch-section-head h3{margin:0}.batch-count{background:#eaf2ff;color:var(--blue);padding:3px 7px;border-radius:12px}.batch-domains-pane{border:1px solid var(--line);background:#fafbfd;padding:14px}.batch-domain-search{width:100%}.batch-select-actions{display:flex;align-items:center;gap:5px;margin:9px 0}.batch-select-actions button{}.batch-select-actions .sub{margin-left:auto}.batch-domain-list{max-height:295px;overflow:auto}.batch-domain-item{display:flex;align-items:center;gap:9px;padding:10px 8px;border-radius:6px;cursor:pointer;margin-bottom:3px}.batch-domain-item[hidden]{display:none}.batch-domain-item:hover{background:#f0f4fa}.batch-domain-item.checked{background:#edf4ff}.batch-domain-item input{flex-shrink:0;margin:0}.batch-domain-text{min-width:0}.batch-domain-text b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.batch-domain-text small{display:block;color:#98a5b7;margin-top:4px}.batch-description{color:#93a0b3;line-height:1.6;margin:0 0 12px}.batch-template{background:white;border:1px solid var(--line);padding:12px 14px;margin-bottom:10px}.batch-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.batch-row-title{color:#78889f;}.batch-remove{line-height:18px;color:#a6b0be;padding:0 3px}.batch-remove:hover{color:#de5261}.bt-core{display:grid;grid-template-columns:124px 115px minmax(0,1fr);gap:9px}.bt-core label,.bt-options-fields label{color:#95a0b1;display:flex;flex-direction:column;gap:6px}.bt-core input,.bt-core select,.bt-options-fields input,.bt-options-fields select{width:100%;min-width:0}.bt-options{margin-top:12px;padding-top:9px;border-top:1px solid #f0f3f7}.bt-options summary{color:#8999b0;cursor:pointer}.bt-options-fields{display:grid;grid-template-columns:100px 110px 90px;gap:10px;margin-top:12px}.bt-options-fields [hidden]{display:none}.batch-validation{margin-top:14px;background:#f6f9fd;border:1px solid #eaf0f7;border-radius:7px;padding:11px 13px;max-height:135px;overflow:auto;line-height:1.8;color:#8596ad}.batch-modal .modal-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 22px;flex-shrink:0}.batch-footer-actions{display:flex;gap:8px}.batch-footer-actions button{}.batch-modal #batch-summary{}.batch-modal #batch-summary b{color:#496489;}#batch-record-templates{max-height:330px;overflow:auto;padding-right:2px}@media(max-width:720px){.batch-layout{grid-template-columns:1fr}.batch-domain-list{max-height:150px}.batch-modal .modal-foot{flex-wrap:wrap;gap:10px}.bt-core{grid-template-columns:124px 95px minmax(0,1fr)}.batch-footer-actions{width:100%;justify-content:flex-end}}
select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5L6 6l4.5-4.5' fill='none' stroke='%237c8aa0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:12px 8px}select[multiple]{background-image:none}
.delete-modal .modal-head{padding:19px 24px}.delete-modal .modal-head h2{}.delete-modal .modal-body{padding:22px 24px}.delete-warning{background:#fff5f5;border:1px solid #f6dfe2;border-radius:8px;padding:12px 15px;color:#b25261;line-height:1.8;margin-bottom:18px}.delete-target-table{border:1px solid var(--line);overflow:auto;max-height:230px}.delete-target-table th{border-top:0}.delete-target-table td{padding:12px 16px}.delete-value{max-width:260px;overflow:hidden;text-overflow:ellipsis}.delete-confirm-field{display:flex;flex-direction:column;gap:10px;margin-top:22px}.delete-confirm-field label{color:#6b7b92}.delete-confirm-field code{color:#24364e;background:#f2f5f9;padding:3px 6px;border-radius:4px;}.delete-confirm-field input{font-family:ui-monospace,SFMono-Regular,monospace}.delete-confirm-field .help{margin:0}.delete-modal .modal-foot{padding:15px 24px;gap:9px}.delete-foot-spacer{flex:1}.danger-primary{background:#d95b6b;border-color:#d95b6b;color:#fff}.danger-primary:hover{background:#c8495a;color:#fff;border-color:#c8495a}.danger-primary:disabled{cursor:not-allowed;opacity:.45}.delete-zone-link{margin-right:auto}.delete-result-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);}.delete-result-row small{width:100%}.delete-results{max-height:260px;overflow:auto}.delete-loading{padding:25px 0;color:#8b9bb1;}table th:has(input[aria-label="全选解析记录"]){width:44px}@media(max-width:600px){.delete-modal .modal-foot{flex-wrap:wrap}.delete-foot-spacer{display:none}}
.tc-progress{height:5px;width:120px;background:#edf1f8;border-radius:4px;overflow:hidden;margin-bottom:6px}.tc-progress span{height:100%;display:block;background:var(--blue);transition:width .3s}.tc-success{color:#12a177}.tc-failed{color:#dc5968}.tc-history{margin-top:18px;padding:14px 18px}.tc-history summary{cursor:pointer;color:#8393a9}.tc-tabs{border:0;padding:0}.tc-detail-summary{display:flex;gap:14px;align-items:center;margin-bottom:12px}.tc-times{color:#8c9bb0;line-height:1.8;margin-bottom:15px}.tc-item-value{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-error{padding:12px 20px}.tc-progress+small{color:#95a1b3}.task-center-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.badge.blue{background:#edf4ff;color:#3478ec}@media(max-width:650px){.task-center-stats{grid-template-columns:1fr}}
.domain-record-link{display:inline-block;color:var(--text,#25344f);text-decoration:none;cursor:pointer}.domain-record-link:hover{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.domain-record-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px;border-radius:3px}
#domain-rows td{padding-top:15px;padding-bottom:15px}#domain-rows .domain-sub{margin-top:5px}#domain-rows .badge{}
.domain-config-inline{display:flex;align-items:center;gap:7px;white-space:nowrap}.domain-config-name{color:#8b9bb1;max-width:150px;overflow:hidden;text-overflow:ellipsis}#domain-rows td{padding-top:13px;padding-bottom:13px}
#domain-rows td:last-child{text-align:left;white-space:nowrap}#domain-rows td:last-child>.link{padding-left:0;padding-right:0;margin-right:14px}#domain-rows td:last-child>.link:last-child{margin-right:0}
.domain-note{display:block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#92a1b5}
.domain-manage-modal{width:540px;max-width:calc(100vw - 32px)}.domain-manage-modal .modal-head{padding:18px 22px}.domain-manage-modal .modal-head h2{}.domain-manage-modal .modal-body{padding:20px 22px}.manage-domain-name{color:var(--ink);margin-bottom:22px}.domain-manage-modal .form-row{grid-template-columns:82px minmax(0,1fr);gap:12px;margin-bottom:18px}.domain-manage-modal .form-row label{}.manage-config-value{display:flex;gap:10px;align-items:center;color:#71839c;}.manage-config-value .provider{}.manage-note-row{align-items:start!important}.manage-note-row label{padding-top:9px}.manage-note-row textarea{width:100%;resize:vertical;min-height:80px;line-height:1.7;padding:8px 10px}.domain-danger-zone:not([hidden]){display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);margin-top:22px;padding-top:17px}.domain-danger-zone b{color:#975b65}.domain-danger-zone p{color:#a3aaba;margin:6px 0 0}.domain-danger-zone .delete-zone-link{margin:0;padding:7px 11px;white-space:nowrap}.domain-manage-modal .modal-foot{padding:14px 22px}.domain-manage-modal .modal-foot button{}
.domain-tab-count{display:inline-block;margin-left:7px;color:#99a6b8;min-width:16px;padding:1px 5px;border-radius:8px;background:#f1f4f8}.tab.active .domain-tab-count{color:var(--blue);background:#eaf2ff}
#content .toolbar #search[aria-label="搜索域名"]{width:210px;min-width:150px;max-width:100%}@media(max-width:650px){#content .toolbar #search[aria-label="搜索域名"]{width:180px}}
#domain-export{height:36px;padding:8px 12px;border:1px solid #dce3ee;border-radius:6px;background:#fff;color:#3f4e67;line-height:18px;box-shadow:none}#domain-export:hover{border-color:#b3c8e9;color:#3f4e67}#domain-export:focus-visible{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #edf4ff}#content .toolbar #search[aria-label="搜索域名"]{height:36px}
.domain-pagination{display:flex;align-items:center;gap:8px;color:#718099}.domain-pagination .per-page-label{margin-right:2px}.domain-pages{display:flex;align-items:center;border:1px solid #dce3ee;border-radius:7px;overflow:hidden;margin-left:6px;background:white}.domain-pages button,.domain-pages .current-page{height:36px;min-width:40px;display:grid;place-items:center;padding:0;border:0;border-right:1px solid #dce3ee;border-radius:0;background:white;color:#3f4e67}.domain-pages button:last-child{border-right:0}.domain-pages button svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.domain-pages button:hover:not(:disabled){background:#f3f7ff;color:var(--blue)}.domain-pages button:disabled{cursor:default;color:#b6c0ce;background:#fafbfd;opacity:.55}.domain-pages .current-page{min-width:46px}.domain-pagination .styled-select{min-width:64px}.table-foot.domain-table-foot{border-top:1px solid var(--line);justify-content:flex-start;gap:16px;flex-wrap:wrap}.domain-table-foot #row-count,.domain-table-foot .per-page-label,.domain-table-foot #selected-count,#domain-pagination .ui-select-trigger,.domain-pages .current-page{line-height:24px;color:#8390a3}.domain-table-foot #row-count{border-right:1px solid var(--line);padding-right:16px;line-height:24px}.domain-table-foot #selected-count{margin-left:auto}@media(max-width:650px){.domain-table-foot #row-count{border-right:0}.domain-table-foot #selected-count{margin-left:0}}

.task-center-panel .task-search{width:240px;max-width:100%}.task-center-panel .actions button{}.task-table-foot{border-top:1px solid var(--line);color:#8390a3}.task-center-panel td:last-child .link{padding-left:0}

.record-view-tabs{gap:26px}.record-view-tabs .tab{}.task-status-tabs .tab{padding:12px 0}.task-status-tabs{background:#fafbfd}

.api-list-panel #search{width:210px;max-width:100%;height:36px}.api-list-panel .actions button{}.api-table-foot{border-top:1px solid var(--line);color:#8390a3}.api-list-panel td:last-child .link{padding-left:0;padding-right:0;margin-right:14px}.api-list-panel td:last-child .link:last-child{margin-right:0}

#content .list-toolbar{justify-content:flex-start;align-items:center;gap:10px}#content .list-toolbar>.filters,#content .list-toolbar>.actions{display:contents}#content .list-toolbar button{}#content .list-toolbar .ui-select-trigger{}

/* Configuration and detail dialogs share one global drawer width. */
:root{--drawer-width:50vw}
#modal-root .modal-layer{justify-content:flex-end;align-items:stretch;padding:0;background:#25344a55;backdrop-filter:none}
#modal-root .modal{position:fixed;right:0;top:0;bottom:0;margin:0;width:var(--drawer-width);max-width:100vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;overflow:hidden;display:flex;flex-direction:column;box-shadow:-8px 0 36px #14243d18;animation:drawer-enter .42s cubic-bezier(.25,.8,.25,1) both}
#modal-root .modal.wide{width:var(--drawer-width)}
#modal-root .modal.batch-modal{width:var(--drawer-width)!important;max-width:100vw}
#modal-root .modal-head{flex:none;min-height:76px;padding:22px 30px;background:white}
#modal-root .modal-head h2{}
#modal-root .modal-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:28px 30px}
#modal-root .modal-foot{flex:none;min-height:72px;padding:18px 30px;background:white;flex-wrap:wrap}
#modal-root .modal .cf-settings-pane{max-height:none;overflow:visible;padding-right:0}
#modal-root .cf-bundle-modal .batch-domain-list{max-height:calc(100dvh - 370px);min-height:220px}
#modal-root .cf-bundle-modal .batch-domains-pane{align-self:start;position:sticky;top:0}
#modal-root .cf-confirm-overlay{border-radius:0}
@keyframes drawer-enter{from{transform:translate3d(100vw,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes drawer-exit{from{transform:translate3d(0,0,0)}to{transform:translate3d(100vw,0,0)}}
@keyframes drawer-mask-in{from{background:#25344a00}to{background:#25344a55}}
@keyframes drawer-mask-out{from{background:#25344a55}to{background:#25344a00}}
#modal-root .modal-layer{overflow:hidden;animation:drawer-mask-in .32s ease both}
#modal-root .modal-layer.drawer-closing{animation:drawer-mask-out .24s ease both;pointer-events:none}
#modal-root .modal-layer.drawer-closing .modal{animation:drawer-exit .24s cubic-bezier(.4,0,1,1) both}

@media(max-width:800px){#modal-root .modal,#modal-root .modal.wide,#modal-root .modal.batch-modal{width:100vw!important}#modal-root .modal-head,#modal-root .modal-foot{padding:18px 20px}#modal-root .modal-body{padding:20px}#modal-root .cf-bundle-modal .batch-domains-pane{position:static}#modal-root .cf-bundle-modal .batch-domain-list{max-height:220px}}
@media(prefers-reduced-motion:reduce){#modal-root .modal,#modal-root .modal-layer,#modal-root .modal-layer.drawer-closing,#modal-root .modal-layer.drawer-closing .modal{animation:none}}

/* Separate the pinned action column from horizontally scrolling data. */
table.has-action-column th:last-child,table.has-action-column td:last-child{position:sticky;right:0;border-left:1px solid var(--line);box-shadow:-7px 0 9px -7px #263b5d40;background:white;z-index:2}
table.has-action-column th:last-child{background:#fafbfd;z-index:3}
table.has-action-column tbody tr:hover td:last-child{background:#fbfcff}

.batch-template .bt-core{grid-template-columns:140px minmax(0,1fr)}
.batch-template .bt-core>label:last-child{grid-column:1 / -1}
@media(max-width:600px){.batch-template .bt-core{grid-template-columns:1fr}.batch-template .bt-core>label:last-child{grid-column:auto}}

.batch-template .bt-options-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.batch-template .bt-options-fields>label{display:flex;flex-direction:column;gap:7px;min-width:0;margin:0;line-height:16px}
.batch-template .bt-options-fields>label>select,.batch-template .bt-options-fields>label>input,.batch-template .bt-options-fields>label>.ui-select{width:100%;margin:0}
.batch-template .bt-options-fields .ui-select-trigger{}
.batch-template .bt-options-fields>label[hidden]{display:none}
.batch-template .bt-options-fields .bt-priority-wrap{grid-column:1 / -1}
@media(max-width:600px){.batch-template .bt-options-fields{grid-template-columns:1fr}.batch-template .bt-options-fields .bt-priority-wrap{grid-column:auto}}


/* dropdowns layouts */
.ui-select{display:inline-flex;position:relative;vertical-align:middle;min-width:0}.ui-select-native{display:none!important}.ui-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;border:1px solid #dce3ee;background:white;color:#3f4e67;text-align:left;box-shadow:none}.ui-select-label{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-select-arrow{display:flex;align-items:center;flex-shrink:0;color:#7c8aa0;margin-left:4px}.ui-select-trigger:hover{border-color:#b3c8e9;color:#3f4e67}.ui-select-trigger:focus-visible,.ui-select-trigger.open{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #edf4ff}.ui-select-menu{position:fixed;z-index:1000;overflow-y:auto;background:#fff;border:1px solid #e1e8f1;box-shadow:0 8px 26px #233b5c1c,0 2px 6px #233b5c08;color:#536079}.ui-select-option{display:flex;align-items:center;min-height:32px;padding:7px 10px;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;padding-right:27px}.ui-select-option:hover,.ui-select-option.active{background:#f2f6fd;color:#2878f0}.ui-select-option.selected{background:#edf4ff;color:#2878f0;}.ui-select-option.selected:after{content:'✓';position:absolute;right:10px;color:#2878f0}.ui-select-option.disabled{opacity:.45;cursor:not-allowed}.form-row>.ui-select,.credential>.ui-select,.bt-core label>.ui-select,.bt-options-fields label>.ui-select{width:100%}.bt-core .ui-select-trigger,.bt-options-fields .ui-select-trigger{gap:4px}.bt-core .ui-select-arrow,.bt-options-fields .ui-select-arrow{margin-left:0}.bt-core .ui-select-trigger,.bt-options-fields .ui-select-trigger{}.filters>.ui-select{max-width:300px}.top-right>.ui-select .ui-select-trigger{}.panel-head .ui-select-trigger{}


/* domain-detail layouts */
.detail-return-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}.detail-back{color:#8392a9;padding:0}.detail-switch{display:flex;align-items:center;gap:10px;color:#9aa7b9;}.detail-switch .ui-select{width:190px}.detail-switch .ui-select-trigger{}.domain-detail .heading{margin-bottom:20px}.domain-detail .heading h1{}.domain-detail .heading .sub{margin-top:9px}.domain-detail-summary{display:grid;grid-template-columns:minmax(220px,1fr) minmax(340px,1.1fr);gap:30px;padding:22px 26px;background:#fff;border:1px solid var(--line);margin-bottom:22px;align-items:center}.detail-eyebrow{color:#95a3b7;margin-bottom:11px}.detail-badges{display:flex;gap:10px;align-items:center}.detail-meta-line{color:#9ba8ba;margin-top:15px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.detail-meta-line b{color:#6c7f99}.detail-meta-line span{margin-left:16px}.detail-metadata p{color:#8c9db4;line-height:1.8;margin:11px 0 0}.domain-detail .detail-ns{padding:0;border:0;background:transparent;margin:0}.detail-ns strong{color:#95a3b7;}.detail-ns .ns-lines{margin-top:10px!important}.detail-ns .ns-line{gap:8px}.detail-ns input{max-width:330px}.detail-ns button{}.detail-record-title h3{margin:0 0 7px}.detail-record-title .sub{}.detail-record-actions{gap:7px;flex-wrap:wrap;justify-content:flex-end}.detail-record-actions button{}.domain-detail .panel-head{gap:15px;align-items:center;padding:18px 22px}.domain-detail .table-foot{}.detail-sync-info{padding:11px 15px;margin-bottom:15px}@media(max-width:800px){.domain-detail-summary{grid-template-columns:1fr;gap:20px;padding:20px}.domain-detail .panel-head{align-items:flex-start;flex-direction:column}.detail-record-actions{justify-content:flex-start}.detail-return-bar{align-items:flex-start}.detail-switch .ui-select{width:145px}.domain-detail .heading{gap:15px;flex-wrap:wrap}}


/* profile layouts */
.top-right{position:relative}.top-right button.avatar{border:0;padding:0;cursor:pointer;flex-shrink:0}.top-right button.avatar:hover{background:#dce9ff}.personal-menu{position:absolute;right:0;top:47px;width:260px;z-index:50;border:1px solid #e1e8f1;border-radius:10px;background:white;box-shadow:0 8px 26px #233b5c1c;padding:8px;color:var(--ink)}.personal-summary{padding:12px;border-bottom:1px solid var(--line);margin-bottom:5px}.personal-summary b{}.personal-role{background:#eef4ff;color:#7184a1;padding:3px 6px;border-radius:4px;margin-left:9px}.personal-summary p{color:#8390a3;margin:9px 0 0;word-break:break-all}.personal-menu>button{display:block;width:100%;text-align:left;border:0;padding:10px 12px;}.personal-menu>button:hover{background:#f2f6fd}.personal-modal{width:540px;max-width:calc(100vw - 32px)}.personal-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.personal-tabs button{padding:0 0 12px;border:0;border-radius:0;color:#8390a3;border-bottom:2px solid transparent}.personal-tabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.personal-readonly{background:#fafbfd;border:1px solid var(--line);padding:12px 15px;margin-bottom:22px}.personal-readonly>div{display:flex;align-items:center;gap:18px;padding:6px 0;}.personal-readonly span{min-width:72px;color:#8390a3}.personal-readonly b{color:#536079;overflow-wrap:anywhere}.personal-local-note{color:#8390a3;line-height:1.8}.personal-modal .form-row{grid-template-columns:80px minmax(0,1fr)}


/* enhancements layouts */
.note-edit{border:0;background:none;padding:3px 0;text-align:left;min-width:30px;font-family:var(--font-family);color:#92a1b5}.note-edit:hover{color:var(--blue);text-decoration:underline}.inline-note-form{min-width:150px;max-width:200px}.inline-note-form input{width:100%}.inline-note-form .link{padding:6px 8px 0 0}.inline-note-form .note-cancel{color:#8390a3}.execution-log-panel .search{width:240px}.execution-log-panel td{white-space:normal}.execution-log-panel td:first-child,.execution-log-panel td:nth-child(3),.execution-log-panel td:nth-child(5),.execution-log-panel td:last-child{white-space:nowrap}.log-target{max-width:300px;min-width:140px;overflow-wrap:anywhere}.log-error{display:block;max-width:180px;max-height:44px;overflow:hidden;overflow-wrap:anywhere;color:#d45a68}.log-table-foot,#log-pagination .ui-select-trigger,#log-pagination .current-page{color:#8390a3}.log-table-foot #operation-log-count{border-right:1px solid var(--line);padding-right:16px;line-height:24px}.log-date-label{display:flex;align-items:center;gap:6px;color:#8390a3;}.log-date-label input{}.batch-result-summary{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-bottom:18px}.batch-result-summary b{}.result-filter{display:flex;gap:10px;margin-bottom:15px}.result-filter button{}.result-reason{white-space:normal;max-width:350px;overflow-wrap:anywhere}.batch-finished{position:fixed;bottom:20px;right:24px;z-index:40;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:14px 18px;background:white;border:1px solid #dce3ee;border-radius:9px;box-shadow:0 6px 22px #233b5c25;}.batch-finished .link{white-space:nowrap}@media(max-width:650px){.batch-finished{right:16px;flex-wrap:wrap}.log-table-foot #operation-log-count{border-right:0}}

.note-edit{display:inline-flex;align-items:center;gap:8px;max-width:190px}.note-edit:hover{text-decoration:none}.note-edit .domain-note{color:inherit;max-width:160px}.note-pencil{width:14px;height:14px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:0}#domain-rows tr:hover .note-pencil,#domain-rows tr:has(input[type=checkbox]:checked) .note-pencil,.note-edit:focus-visible .note-pencil{opacity:1}#domain-rows tr:has(input[type=checkbox]:checked){background:#f7faff}@media(hover:none){.note-pencil{opacity:1}}


/* business layouts */
.rental-foot{border-top:1px solid var(--line);color:#8390a3}.rental-settings{max-width:650px}.rental-checks{display:flex;gap:20px;flex-wrap:wrap}.rental-checks label{display:flex;align-items:center;gap:6px}.rental-account-summary{display:flex;gap:36px;flex-wrap:wrap;padding:24px 22px;border-bottom:1px solid var(--line)}.rental-account-summary>div>span{display:block;color:#8390a3;margin-bottom:10px}.rental-account-summary b{}.rental-order-id{font-family:ui-monospace,SFMono-Regular,monospace;color:#657188}
.rental-settings input[type=checkbox],.rental-checks input[type=checkbox],.modal-body input[id^=rental-plan-][type=checkbox]{width:15px;height:15px;padding:0;flex-shrink:0}.rental-settings .form-row>label:last-child:not(:first-child){display:flex;align-items:center;gap:8px}.rental-settings .form-row>.badge{justify-self:start}.modal-body .form-row>label:has(input[id^=rental-plan-][type=checkbox]){display:flex;align-items:center;gap:8px}

.logo .rental-brand{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo .logo-mark{flex-shrink:0}


.modal-body input#payment-clear{width:15px}.modal-body label:has(#payment-clear){display:flex;align-items:center;gap:8px}

#usdt-qr:not(:empty){background:white;padding:14px;display:inline-block;border:1px solid var(--line);border-radius:6px}#usdt-qr img,#usdt-qr canvas{max-width:100%}
.user-name{padding:0;}.user-detail-title{margin-bottom:20px}.user-detail-title h3{margin:0 0 8px}.user-detail-tabs{padding:0;margin-bottom:18px}.user-detail-row{display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;padding:16px 0;border-bottom:1px solid var(--line);}.user-detail-row>span{color:var(--muted)}.user-detail-row>div{overflow-wrap:anywhere}.user-resource-list{border:1px solid var(--line);padding:0 16px;margin-bottom:24px}.user-resource-list>div{padding:13px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.user-resource-list>div:last-child{border-bottom:0}.user-adjustment{padding:18px 0;border-bottom:1px solid var(--line)}.user-adjustment>div:first-child{display:flex;justify-content:space-between;gap:12px}.user-adjustment p{overflow-wrap:anywhere}#managed-user-footer{flex-wrap:wrap;gap:12px}#managed-user-footer select{margin-left:8px}@media(max-width:600px){.user-detail-row{grid-template-columns:110px minmax(0,1fr);gap:12px}}

.finance-query{flex:1}.finance-query .search{width:240px}.finance-date-range{display:flex;align-items:center;gap:8px}.finance-date-range input{width:145px}.finance-query-error:empty{display:none}.finance-query-error:not(:empty){padding:0 22px 14px}@media(max-width:600px){.finance-date-range{width:100%}.finance-date-range input{flex:1;min-width:0}}


/* cloudflare-settings layouts */
.cf-batch-menu{position:relative;color:#536079}.cf-batch-menu summary{list-style:none;cursor:pointer;border:1px solid #dce3ee;border-radius:6px;height:36px;padding:8px 12px;background:white;display:flex;align-items:center;gap:10px}.cf-batch-menu summary::-webkit-details-marker{display:none}.cf-batch-menu[open] summary{border-color:var(--blue);color:var(--blue)}.cf-batch-menu [role=menu]{position:absolute;top:42px;left:0;min-width:190px;z-index:8;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 24px #243a5920;padding:6px}.cf-batch-menu [role=menuitem]{display:block;width:100%;text-align:left;border:0;border-radius:4px;padding:10px 12px}.cf-batch-menu [role=menuitem]:hover{background:#eef4ff}.cf-manage-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:20px}.cf-manage-tabs button{padding:0 0 14px;border:0;border-radius:0;border-bottom:2px solid transparent;color:#8390a3}.cf-manage-tabs button.active{color:var(--blue);border-color:var(--blue)}.cf-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.cf-setting-row b{}.cf-setting-row p{color:#8390a3;line-height:1.7;margin:7px 0 0}.cf-setting-row button{white-space:nowrap;flex-shrink:0}.cf-target-list{background:#f7f9fc;display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:6px;max-height:120px;overflow:auto;margin-bottom:22px;color:#657188}.cf-target-list span{padding:3px 7px;border:1px solid var(--line);border-radius:4px;background:white}.panel:has(.cf-batch-menu[open]){overflow:visible}@media(max-width:600px){.cf-setting-row{align-items:flex-start;flex-direction:column}}
.cf-mode-actions{display:flex;gap:8px;flex-wrap:wrap}

.cf-bundle-modal .batch-domain-list{max-height:min(330px,calc(100vh - 420px))}.cf-bundle-section{border:1px solid var(--line);padding:15px;margin-bottom:12px;background:white}.cf-bundle-setting{display:flex;align-items:center;justify-content:space-between;gap:18px}.cf-bundle-setting b{}.cf-bundle-setting p{line-height:1.7;color:#8390a3;margin:6px 0 0}.cf-bundle-setting select{width:155px}.cf-bundle-setting .ui-select{width:155px;flex-shrink:0}.cf-bundle-section textarea{width:100%;resize:vertical;margin-top:7px;}.cf-bundle-section input{width:100%}.cf-bundle-section>.help{margin:10px 0 0}.cf-bundle-section [hidden]{display:none}.cf-bundle-modal #cf-bundle-summary{}.cf-bundle-modal #cf-bundle-preview{margin-top:10px}.cf-bundle-modal .batch-section-head .sub{}@media(max-width:600px){.cf-bundle-setting{align-items:flex-start;flex-direction:column}.cf-bundle-setting .ui-select{width:100%}}

.cf-settings-pane{max-height:calc(100vh - 270px);overflow:auto;padding-right:6px}.cf-https-controls{display:flex;align-items:center;gap:10px;white-space:nowrap;}.cf-https-controls label{display:flex;align-items:center;gap:6px}.cf-bundle-section input[type=checkbox],.cf-bundle-section input[type=radio]{width:15px;height:15px;accent-color:var(--blue);flex-shrink:0}.cf-switch{position:relative;width:36px;height:21px}.cf-switch input{position:absolute;opacity:0}.cf-switch span{width:36px;height:21px;background:#aab4c3;border-radius:20px;transition:.15s}.cf-switch span:after{content:"";display:block;width:17px;height:17px;background:white;border-radius:50%;margin:2px;transition:.15s}.cf-switch input:checked+span{background:var(--blue)}.cf-switch input:checked+span:after{transform:translateX(15px)}.cf-switch input:disabled+span{opacity:.4}.cf-switch:focus-within{outline:2px solid var(--blue);outline-offset:3px;border-radius:20px}.cf-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cf-option{display:flex;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);cursor:pointer;background:white}.cf-option small{display:block;line-height:1.6;color:#8390a3;margin-top:5px}.cf-option b{}.cf-option.chosen,.cf-cache-actions button.chosen{border-color:var(--blue);background:#eef4ff}.cf-cache-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.cf-cache-types{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0 10px}.cf-cache-types .cf-option{padding:10px 8px;align-items:center}.cf-confirm-overlay{position:absolute;inset:0;background:#23304766;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;border-radius:12px}.cf-confirm-card{background:white;padding:24px;max-width:540px;box-shadow:0 12px 48px #14203530}.cf-confirm-card p{line-height:1.8}.cf-confirm-card h3{margin:0 0 18px}.cf-confirm-card .danger{background:#e64d61;color:white;border-color:#e64d61}.cf-bundle-modal{position:relative}@media(max-width:700px){.cf-mode-grid{grid-template-columns:1fr}.cf-cache-types{grid-template-columns:1fr 1fr}.cf-https-controls{flex-wrap:wrap}}

#cf-domain-danger .domain-danger-zone{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:24px;padding-top:18px}#cf-domain-danger p{color:var(--muted);line-height:1.7}#cf-domain-basic[hidden],#cf-domain-danger[hidden]{display:none}

.record-proxy-control,.record-proxy-state{display:inline-flex;align-items:center;gap:10px}.proxy-cloud{width:25px;height:23px;fill:currentColor;flex-shrink:0}.proxy-cloud.orange{color:#f58220}.proxy-cloud.gray{color:#b7bec8}#record-proxy-row[hidden]{display:none}#record-proxy-row input{width:36px}#record-proxy-row .help{margin:7px 0 0}#record-ttl:disabled{background:#f6f8fb;color:#94a0b2}

.record-proxy-control .cf-switch{display:inline-flex;align-items:center;flex-shrink:0}

.bt-proxy-row{display:flex;align-items:center;gap:12px;margin:14px 0 0;color:#657188}.bt-proxy-row[hidden]{display:none}.bt-proxy-row .cf-switch{display:inline-flex;align-items:center;flex-shrink:0}.bt-proxy-state{display:inline-flex;align-items:center;gap:8px}.bt-proxy-row .cf-switch input{width:36px}


/* Shared UI rules for every page and drawer. Component files only own layout. */
:root{--control-height:36px;--control-radius:6px;--control-font-size:var(--font-body);--control-line-height:20px;--control-border:#dce3ee;--card-radius:10px;--menu-shadow:0 8px 26px #233b5c1c,0 2px 6px #233b5c08;--focus-ring:0 0 0 3px #edf4ff}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]),select,.ui-select-trigger,
button:not(:where(.table-sort-button,.link,.tab,.avatar,.switch,.close,.note-edit,.batch-remove,.detail-back,.personal-tabs button,.cf-manage-tabs button,.domain-pages button,.personal-menu>button,.cf-batch-menu [role=menuitem])){
 height:var(--control-height)!important;min-height:var(--control-height)!important;max-height:var(--control-height)!important;box-sizing:border-box!important;border-radius:var(--control-radius)!important;line-height:var(--control-line-height)!important;font-family:inherit!important;padding:7px 12px!important;margin-top:0!important;margin-bottom:0!important;vertical-align:middle;
}
input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]),select,.ui-select-trigger,textarea{border:1px solid var(--control-border);color:#3f4e67;outline:none}
.ui-select-trigger{gap:12px!important;text-align:left;align-items:center!important}
input[type=date],input[type=datetime-local]{appearance:auto;min-width:0}
input::-webkit-datetime-edit{padding:0;line-height:var(--control-line-height)}
input::-webkit-calendar-picker-indicator{margin:0 0 0 6px;padding:0;width:16px;height:16px;flex-shrink:0}
textarea{border-radius:var(--control-radius)!important;line-height:1.6!important;padding:10px 12px!important;min-height:96px}
input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,.ui-select-trigger:focus-visible,.ui-select-trigger.open{border-color:var(--blue);box-shadow:var(--focus-ring);outline:none}
.ui-select-menu,.personal-menu,.cf-batch-menu [role=menu]{border:1px solid var(--control-border)!important;border-radius:var(--card-radius)!important;background:#fff;box-shadow:var(--menu-shadow)!important;padding:6px!important;}
.ui-select-option,.personal-menu>button,.cf-batch-menu [role=menuitem]{min-height:36px!important;line-height:20px!important;padding:8px 12px!important;border-radius:var(--control-radius)!important;}
.ui-select-option{padding-right:30px!important}.ui-select-option.selected{background:#edf4ff;color:var(--blue);}
.ui-select-option:hover,.ui-select-option.active,.personal-menu>button:hover,.cf-batch-menu [role=menuitem]:hover{background:#f2f6fd;color:var(--blue)}
.panel,.stat,.domain-detail-summary,.batch-domains-pane,.batch-template,.cf-bundle-section,.cf-option,.personal-readonly,.user-resource-list,.delete-target-table,.cf-confirm-card{border-radius:var(--card-radius)!important;border-color:var(--line)}
.panel,.stat,.domain-detail-summary,.batch-template,.cf-bundle-section{box-shadow:none}
.batch-template,.cf-bundle-section,.personal-readonly{padding:16px!important}
.toolbar,.filters,.actions,.finance-date-range{align-items:center}
.form-row{align-items:center}.form-row:has(textarea){align-items:start}.form-row:has(textarea)>label{padding-top:10px}
.ui-select:has(select[hidden]){display:none}.ui-select-trigger:disabled{background:#f5f7fb;color:#98a5b7;cursor:not-allowed}


/* Login layout uses the same global controls. */
body.login-page{display:grid;place-items:center;min-height:100vh}.login-page main{width:340px;max-width:calc(100vw - 48px);padding:30px;background:white;border:1px solid var(--line);border-radius:var(--card-radius)}.login-page h1{margin:0 0 24px}.login-page label{display:block;margin:16px 0 7px;color:#657188}.login-page input{width:100%}.login-page button{width:100%;margin-top:20px}.login-page .login-switch{margin-top:8px}.login-page .error{margin-top:14px}
.login-page #submit{margin-top:20px!important}


/* Global typography: every page uses the same semantic hierarchy. */
:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--font-body:13px;--font-small:var(--font-body);--font-title:var(--font-body);--font-heading:var(--font-body);--font-section:var(--font-body);--weight-normal:400;--weight-label:500;--weight-heading:600}
body{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--weight-normal);line-height:1.6}
p{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--weight-normal);line-height:1.6}
button,input,select,textarea,.ui-select-menu{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--weight-normal)}
h1,.heading h1,.user-detail-title h3{font-size:var(--font-title);font-weight:var(--weight-heading);line-height:1.4}
h2,.modal-head h2{font-size:var(--font-heading);font-weight:var(--weight-heading);line-height:1.4}
h3,h4,.panel-head h3,.section-title,.batch-section-head h3,.detail-record-title h3{font-size:var(--font-section);font-weight:var(--weight-heading);line-height:1.5}
b,strong{font-weight:inherit}
label,.form-row label,.credential span,.bt-core label,.bt-options-fields label,.user-detail-row,.detail-meta-line,.detail-metadata p,.detail-ns strong,.ns-line,.ns-form-row .ns-value,.delete-confirm-field label{font-size:var(--font-body);font-weight:var(--weight-normal)}
th{font-size:var(--font-body);font-weight:var(--weight-label)}
td,td button,.domain-name,.user-name,.domain-record-link,.domain-note,.note-edit,.rental-order-id,.mono{font-size:var(--font-body)}
td{font-weight:var(--weight-normal)}.domain-name,.user-name,.domain-record-link{font-weight:var(--weight-normal)}
.tab,.personal-tabs button,.cf-manage-tabs button{font-size:var(--font-body);font-weight:var(--weight-label)}
.nav{font-size:var(--font-body);font-weight:var(--weight-label)}.breadcrumb{font-size:var(--font-body);font-weight:var(--weight-normal)}
.sub,.help,.domain-sub,.footer,.nav-group,.legend,.chart-labels,.stat-head,.stat-foot,.workspace,.info,.note,.error,.preview-list,.check-summary,.batch-description,.batch-row-title,.batch-validation,.batch-notice,.bt-options summary,.table-foot,.log-date-label,.detail-eyebrow,.detail-metadata p,.personal-summary p,.personal-role,.personal-local-note,.delete-warning,.delete-loading,.delete-results,.task-table-foot,.log-error,.record-proxy-state,.record-proxy-control,.batch-finished{font-size:var(--font-small);font-weight:var(--weight-normal)}
small,.cf-option small,.batch-domain-text small,.batch-select-actions .sub,.batch-select-actions .link,.cf-domain-basic .help{font-size:var(--font-small);font-weight:var(--weight-normal)}
.badge,.provider,.pill,.demo,.batch-count,.domain-tab-count{font-size:var(--font-small);font-weight:var(--weight-normal)}
.batch-domain-text b,.cf-option b,.personal-readonly,.personal-readonly b,.personal-readonly>div,.cf-confirm-card p,.cf-https-controls{font-size:var(--font-body);font-weight:var(--weight-normal)}
.personal-summary b{font-size:var(--font-section);font-weight:var(--weight-heading)}
.stat-value{font-size:var(--font-title);font-weight:var(--weight-heading)}
.logo{font-size:var(--font-heading);font-weight:var(--weight-heading)}.logo-mark{font-size:24px;font-weight:var(--weight-normal)}.avatar{font-size:14px;font-weight:var(--weight-heading)}
.close,.batch-remove{font-size:22px;font-weight:var(--weight-normal);line-height:1}
.ui-select-option,.personal-menu>button,.cf-batch-menu [role=menuitem]{font-size:var(--font-body);font-weight:var(--weight-normal)}.ui-select-option.selected{font-weight:var(--weight-label)}

/* Table values, names and text links are ordinary body text everywhere. */
td b,td strong,td a,td button,td .domain-name,td .user-name,td .domain-record-link,td .mono{font-size:var(--font-body);font-weight:var(--weight-normal)}

/* Shared table text utility for long content in any page or drawer. */
.cell-text{max-width:32ch;white-space:normal;overflow-wrap:anywhere}
/* Preserve readable detail columns inside narrower drawers; the wrapper scrolls. */
.table-result-details{min-width:760px}
.table-result-details td{vertical-align:top}
.table-result-details .cell-text{width:40%;min-width:280px;max-width:none;overflow-wrap:break-word;word-break:normal}

/* Shared left alignment for editable and read-only form content. */
:root{--form-label-width:160px;--form-column-gap:16px;--control-text-inset:13px}
.form-row,.user-detail-row{grid-template-columns:var(--form-label-width) minmax(0,1fr);column-gap:var(--form-column-gap);text-align:left;justify-items:stretch}
.form-row>label,.user-detail-row>span{text-align:left;justify-self:start}
.form-row>label:first-child,.user-detail-row>span{white-space:nowrap}
.user-detail-row>div{text-align:left;padding-inline-start:var(--control-text-inset);min-width:0}
.user-detail-row+.form-row{margin-top:18px}
@media(max-width:600px){.form-row,.user-detail-row{grid-template-columns:minmax(0,1fr);row-gap:6px}}

/* Shared checkbox and caption alignment for confirmation rows. */
.ui-check{display:flex;align-items:center;justify-content:flex-start;gap:8px;text-align:left;font-size:var(--font-body);font-weight:var(--weight-normal);line-height:1.6;cursor:pointer}
.ui-check>input[type=checkbox]{display:block;width:15px;height:15px;min-width:15px;flex:0 0 15px;margin:0;padding:0;accent-color:var(--blue)}
.ui-check>span{min-width:0;line-height:inherit}

/* Shared full-width form row without a label column. */
.form-row.form-row-full{grid-template-columns:minmax(0,1fr)}

/* Shared stacked form layout with equal spacing around fields. */
:root{--form-stack-gap:20px}
.form-stack{display:flex;flex-direction:column;gap:var(--form-stack-gap)}
.form-stack>.toolbar{padding:0}
.form-stack>.form-row{margin:0}

/* Shared table alignment and unindented action text. */
th,td{text-align:left}
table.has-action-column td:last-child>.link{padding-inline:0;margin-inline-end:14px;text-align:left}
table.has-action-column td:last-child>.link:last-child{margin-inline-end:0}

/* Shared hover cards render above scrollable tables and drawers. */
.ui-hover-card{position:fixed;z-index:120;width:max-content;max-width:calc(100vw - 24px);padding:12px 16px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--card-radius);box-shadow:0 6px 22px #233b5c20;pointer-events:auto;text-align:left;font-size:var(--font-body);font-weight:var(--weight-normal);line-height:1.7;overflow-wrap:anywhere}
.ui-hover-card-title{color:var(--muted);margin-bottom:6px}
.ui-hover-card-line{display:flex;align-items:center;justify-content:space-between;gap:16px;font:inherit}
.ui-hover-card-line+.ui-hover-card-line{margin-top:4px}
.ui-hover-card-value{min-width:0;user-select:text;overflow-wrap:anywhere}
.ui-hover-card .ui-hover-copy{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;min-height:0;padding:3px;color:var(--muted)}
.ui-hover-copy svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ui-hover-card .ui-hover-copy:hover{color:var(--blue)}
.ui-hover-card .ui-hover-copy[data-copied=true]{color:var(--green)}
.ns-status-cell:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}

/* Every table shares the same centered, baseline-free selection column. */
:is(th,td):has(>input[type=checkbox]:only-child){width:48px;padding-inline:16px;text-align:center;vertical-align:middle}
:is(th,td)>input[type=checkbox]:only-child{display:block;flex:none;margin:0 auto;padding:0;vertical-align:middle}

/* All drawers keep shared typography; only column widths respond to available space. */
#modal-root .modal{container-type:inline-size}
#modal-root .modal .batch-layout{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}
#modal-root .modal .batch-layout>*,#modal-root .modal .batch-layout input,#modal-root .modal .batch-layout textarea{min-width:0;max-width:100%}
#modal-root .modal .batch-layout{overflow-wrap:anywhere}
#modal-root .modal .cf-bundle-setting{flex-wrap:wrap;align-items:center}
#modal-root .modal .cf-bundle-setting>div:first-child{flex:1 1 160px;min-width:0}
#modal-root .modal .cf-mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
#modal-root .modal .cf-cache-types{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr))}
#modal-root .modal .cf-https-controls,#modal-root .modal .cf-cache-actions{flex-wrap:wrap}
@container(max-width:600px){
 #modal-root .modal-head,#modal-root .modal-foot{padding:18px 16px}
 #modal-root .modal-body{padding:20px 16px}
 #modal-root .modal .batch-layout{gap:16px}
 #modal-root .modal .batch-domains-pane{padding:10px}
 #modal-root .modal .batch-section-head,#modal-root .modal .batch-select-actions{flex-wrap:wrap;gap:8px}
 #modal-root .modal .batch-select-actions .link{padding:3px 2px;white-space:nowrap}
 #modal-root .modal .batch-select-actions .sub{white-space:nowrap}
 #modal-root .modal .batch-template .bt-core,#modal-root .modal .batch-template .bt-options-fields{grid-template-columns:minmax(0,1fr)}
 #modal-root .modal .batch-template .bt-core>label:last-child,#modal-root .modal .batch-template .bt-options-fields .bt-priority-wrap{grid-column:auto}
}

/* Inline review tables fit the shared drawer without hiding confirmation columns. */
.table-review{min-width:0;table-layout:fixed;white-space:normal}
.table-review th,.table-review td{padding:12px 10px;overflow-wrap:anywhere}
.table-review .cell-text{width:auto;min-width:0;overflow-wrap:anywhere}
.table-review th:first-child{width:28%}
.table-review th:nth-child(2){width:46%}
.table-review th:nth-child(3){width:26%}
.table-review thead tr:has(th:nth-child(4)) th:first-child{width:25%}
.table-review thead tr:has(th:nth-child(4)) th:nth-child(2){width:22%}
.table-review thead tr:has(th:nth-child(4)) th:nth-child(3){width:23%}
.table-review thead tr:has(th:nth-child(4)) th:nth-child(4){width:30%}

/* Two-column drawers use all available body height; each content pane scrolls independently. */
#modal-root .modal-body:has(>.batch-layout){display:flex;flex-direction:column;overflow:hidden}
#modal-root .modal-body>.batch-notice{flex:none}
#modal-root .modal-body>.batch-layout{flex:1;min-height:0;align-items:stretch}
#modal-root .modal .batch-domains-pane{display:flex;flex-direction:column;min-height:0;align-self:stretch;position:static;overflow:hidden}
#modal-root .modal .batch-domains-pane>.batch-section-head,#modal-root .modal .batch-domains-pane>.batch-domain-search,#modal-root .modal .batch-domains-pane>.batch-select-actions{flex:none}
#modal-root .modal .batch-domain-list{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}
#modal-root .modal .batch-records-pane{min-height:0;overflow:auto;overscroll-behavior:contain}
#modal-root .modal .batch-records-pane:not(.cf-settings-pane){display:flex;flex-direction:column;overflow:hidden}
#modal-root .modal .batch-records-pane>.batch-section-head,#modal-root .modal .batch-records-pane>.batch-description,#modal-root .modal .batch-validation{flex:none}
#modal-root .modal #batch-record-templates{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}

/* Compact B2 file explorer shares the global text size and controls. */
.b2-bucket-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;padding:16px}
.b2-bucket-card{border:1px solid var(--border,#e5eaf2);border-radius:10px;padding:14px;min-width:0;background:#fff}
.b2-card-head,.b2-card-caption,.b2-name-cell{display:flex;align-items:center;gap:9px;min-width:0}
.b2-card-head .badge{margin-left:auto;flex:none}.b2-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;font-weight:500}
.b2-file-icon{color:#5b7eb9;flex:none}.b2-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b2-breadcrumb,.b2-viewbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #edf0f6}
.b2-viewbar{justify-content:space-between}.b2-viewbar .filters,.b2-viewbar .actions{flex-wrap:wrap;gap:8px}.b2-viewbar button[aria-pressed="true"]{border-color:#3b82f6;color:#2563eb;background:#eff6ff}
.b2-file-table{min-width:740px}.b2-file-table th,.b2-file-table td{padding:9px 12px}.b2-file-table th:first-child{width:40px}.b2-file-table td:nth-child(2){max-width:360px}.b2-file-table td:last-child{white-space:nowrap}
.b2-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px;padding:16px}.b2-file-card{border:1px solid #e5eaf2;border-radius:9px;padding:10px;min-width:0}.b2-file-card .sub{margin-top:5px}.b2-thumb{height:105px;background:#f5f8fc;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px;overflow:hidden}.b2-thumb>span{font-size:30px;color:#7d93b3}.b2-thumb img{width:100%;height:100%;object-fit:contain}
.b2-preview-title{overflow-wrap:anywhere;font-weight:600;margin-bottom:12px}.b2-preview-box{background:#f6f8fc;border:1px solid #e5eaf2;border-radius:8px;padding:12px;margin-bottom:16px}.b2-preview-image{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}#b2-preview-media{width:100%;max-height:60vh}.b2-text-preview{max-height:55vh;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:inherit;font-family:ui-monospace,monospace}
.b2-delete-targets{max-height:35vh;overflow:auto;background:#f6f8fc;padding:12px;margin:12px 0;overflow-wrap:anywhere}.b2-copy-text{width:100%}.b2-footer-help{padding:0 16px 12px;margin:0}.b2-preview-box .help{margin-bottom:0}
@media(max-width:700px){.b2-bucket-grid,.b2-file-grid{padding:12px;gap:10px}.b2-file-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.b2-breadcrumb,.b2-viewbar{padding:10px 12px}}

#b2-html-frame{width:100%;height:65vh;min-height:360px;background:white;border:1px solid #e5eaf2;border-radius:6px;margin-top:12px}#b2-html-frame[hidden],#b2-text-preview[hidden]{display:none}.b2-preview-box [data-b2-html-mode][aria-pressed="true"]{color:#2878ff;background:#edf4ff;border-color:#b8d2ff}
.b2-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:65vh}.b2-sidebar{background:#f8faff;border-right:1px solid var(--line);padding:8px 0;max-height:78vh;overflow:auto;position:sticky;top:0;overscroll-behavior:contain}.b2-side-heading{display:flex;align-items:center;justify-content:space-between;padding:12px;font-weight:600;color:#657188}.b2-side-heading button{padding:0;font-weight:400}.b2-sidebar details>summary{padding:9px 12px;cursor:pointer;font-weight:500;overflow-wrap:anywhere}.b2-tree-row{display:flex;align-items:center;min-width:0;padding-right:8px;min-height:32px}.b2-tree-row.active{background:#eaf2ff}.b2-tree-toggle{width:24px;flex:none;padding:4px!important}.b2-tree-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:4px!important;min-width:0}.b2-tree-hint{padding:4px 14px!important;font-size:12px}.b2-favorite{display:block;width:100%;padding:7px 12px!important;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b2-workspace-main{min-width:0}.b2-workspace-main>.toolbar{padding:12px 16px}.b2-workspace-main .table-wrap{max-height:65vh;overflow:auto;overscroll-behavior:contain}.b2-file-table thead th{position:sticky;top:0;background:#f8faff;z-index:1}.b2-file-table td{padding:6px 10px}.b2-file-menu{display:inline-block;position:relative;margin-left:10px}.b2-file-menu summary{color:var(--blue);cursor:pointer;list-style:none}.b2-file-menu>div{position:absolute;right:0;top:24px;z-index:4;min-width:165px;background:white;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 20px #233b5c20;padding:6px}.b2-file-menu>div button{display:block;width:100%;text-align:left;padding:8px!important}#b2-selection-actions[hidden]{display:none}.b2-image-nav{margin-bottom:12px}.b2-preview-box:has(#b2-html-frame){overflow:auto}.b2-preview-box:has(#b2-preview-media){position:relative}@media(max-width:1000px){.b2-workspace{grid-template-columns:180px minmax(0,1fr)}}@media(max-width:700px){.b2-workspace{display:block}.b2-sidebar{position:static;max-height:220px;border-right:0;border-bottom:1px solid var(--line)}.b2-workspace-main .table-wrap{max-height:65vh}}
#b2-transfer-panel{position:fixed;right:20px;bottom:20px;width:380px;max-width:calc(100vw - 32px);z-index:45;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 8px 30px #233b5c24;overflow:hidden}#b2-transfer-panel[hidden]{display:none}.b2-transfer-head,.b2-transfer-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;gap:12px}.b2-transfer-list{max-height:45vh;overflow:auto;border-top:1px solid var(--line)}.b2-transfer-row{padding:10px 14px;border-bottom:1px solid var(--line)}.b2-transfer-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.b2-transfer-row progress{width:100%;height:6px;display:block;margin:8px 0;accent-color:var(--blue)}.b2-transfer-row .help{margin:5px 0;overflow-wrap:anywhere}.b2-transfer-foot .help{margin:0}.b2-drop-zone{padding:24px;text-align:center;background:#f6f9ff;border:1px dashed #9cbff1;border-radius:8px}.b2-drop-zone label{display:block;margin-bottom:14px}.b2-picked-files{max-height:160px;overflow:auto;white-space:pre-wrap;font:inherit;color:#657188}.b2-version-table td{vertical-align:top}.b2-version-table td:last-child{white-space:normal;min-width:180px}.b2-version-table .help{max-width:300px}.b2-version-table .badge{margin-left:6px}
.b2-search-note{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;background:#f0f6ff;border-top:1px solid #e1eaf8;border-bottom:1px solid #e1eaf8;color:#657188}.b2-version-toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.b2-workspace-main .filters select[aria-label="搜索范围"]{max-width:185px}
#modal-root .modal:has(#b2-html-frame),#modal-root .modal:has(.b2-preview-image),#modal-root .modal:has(#b2-preview-media){width:min(1100px,90vw)}
.b2-nav-toggle{display:none}@media(max-width:1100px){.b2-workspace{display:flex;flex-direction:column}.b2-nav-toggle{display:inline-flex;align-self:flex-start;margin:10px 16px 0;flex:none}.b2-sidebar{display:none;position:static;max-height:240px;border-right:0;border-bottom:1px solid var(--line);width:100%}.b2-workspace.b2-nav-open .b2-sidebar{display:block}.b2-workspace-main{width:100%}.b2-workspace-main .toolbar{gap:8px}.b2-workspace-main .toolbar .filters{flex:1;flex-wrap:wrap}.b2-workspace-main .toolbar .filters .search{flex:1;min-width:150px}.b2-workspace-main .toolbar .actions{margin-left:auto}}
/* Workers static hosting shares the compact console form styles. */
#workers-form>label,#workers-form>div>label{display:flex;flex-direction:column;gap:8px;min-width:0}#workers-form input:not([type=checkbox]),#workers-form select{width:100%;min-width:0}#workers-form .actions{flex-wrap:wrap}#workers-sites td{vertical-align:top}#workers-sites .cell-text{max-width:340px;overflow-wrap:anywhere}#workers-sites .actions{flex-wrap:wrap;white-space:nowrap}
#workers-form>label:has(input[type=checkbox]){flex-direction:row;justify-content:flex-start;align-items:center}
#worker-domain-view form>label{display:flex;flex-direction:column;gap:8px;margin:14px 0}#worker-domain-view input,#worker-domain-view select{width:100%;min-width:0}#worker-domain-view .actions{flex-wrap:wrap}#worker-domain-view .cell-text{max-width:260px;overflow-wrap:anywhere}
.ai-launch{width:100%;text-align:left;padding:12px;margin-bottom:12px;border-radius:9px;color:var(--blue);background:#eef4ff}.ai-launch small{display:block;color:var(--muted);margin-top:5px}.ai-dock{position:fixed;z-index:100;left:244px;bottom:18px;top:92px;width:min(480px,calc(100vw - 265px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 12px 48px #182c482e;display:flex;flex-direction:column;overflow:hidden}.ai-dock[hidden]{display:none}.ai-dock>header{padding:16px;display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line)}.ai-dock small{display:block;color:var(--muted);line-height:1.6}.ai-dock header .actions{gap:4px}.ai-dock header button{padding:5px 8px}.ai-dock #ai-notice{background:#f6f9fd;padding:10px 16px;font-size:12px;line-height:1.6}.ai-messages{padding:16px;overflow:auto;flex:1;min-height:80px}.ai-message{margin-bottom:14px;padding:10px 12px;background:#f5f7fb;border-radius:8px}.ai-message.user{background:#eaf2ff;margin-left:24px}.ai-message.assistant{margin-right:12px}.ai-message.tool{background:#f7faf8}.ai-message pre,.ai-proposal pre,.ai-code{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.7;margin:6px 0;max-height:300px;overflow:auto}.ai-code{font-family:ui-monospace,monospace;font-size:12px;max-height:none}.ai-proposal{border:1px solid #c9dcff;background:#f8fbff;padding:14px;border-radius:9px;margin:14px 0;overflow-wrap:anywhere}.ai-proposal label{display:block;margin:10px 0}.ai-proposal input{width:100%;margin-top:7px}.ai-proposal .actions{flex-wrap:wrap}.ai-files{max-height:100px;overflow:auto;padding:0 16px}.ai-files>div{display:flex;align-items:center;gap:8px;font-size:12px}.ai-files span{overflow-wrap:anywhere;flex:1}.ai-dock form{padding:12px 16px;border-top:1px solid var(--line)}.ai-dock textarea{width:100%;resize:vertical;min-height:65px;max-height:200px}.ai-dock form>.actions{justify-content:space-between;gap:8px;margin:8px 0}.ai-upload{color:var(--blue);cursor:pointer}.ai-welcome{line-height:1.8;color:var(--muted)}#ai-settings-form>label{display:flex;flex-direction:column;gap:8px;margin:14px 0}#ai-settings-form input:not([type=checkbox]){width:100%}#ai-settings-form .ai-check{flex-direction:row;align-items:flex-start}#ai-settings-form .ai-check input{width:auto;flex-shrink:0}#ai-settings-error{color:#db5368}@media(max-width:850px){.ai-dock{left:12px;right:12px;bottom:12px;top:84px;width:auto}.ai-launch{padding:9px}}
.ai-floating{display:none;position:fixed;left:16px;bottom:16px;z-index:99;background:var(--blue);color:white;border:0;border-radius:24px;padding:12px 16px;box-shadow:0 4px 20px #182c4833}@media(max-width:900px){.ai-floating{display:block}}
.ai-dock{z-index:8}.ai-floating{z-index:9}.side:has(.ai-launch) nav{flex:1;min-height:0;overflow-y:auto}.side:has(.ai-launch) .side-bottom{flex-shrink:0;margin-top:12px}
.ai-launch{height:auto;min-height:40px;white-space:normal;line-height:1.5}.ai-dock{top:84px;bottom:12px;width:min(540px,calc(100vw - 265px))}.ai-dock form>small{font-size:11px;line-height:1.45}.ai-dock textarea{min-height:60px}.ai-dock #ai-notice{padding:8px 16px}@media(max-width:850px){.ai-dock{width:auto}}
/* Compact menu and persistent bottom-right chat launcher. */
.ai-launch{display:flex;align-items:center;justify-content:flex-start;gap:10px;min-height:44px}.ai-launch img,.ai-floating img,.ai-dock header img{flex:none;display:block;object-fit:contain}.ai-floating{display:grid;place-items:center;left:auto;right:24px;bottom:24px;width:54px;height:54px;padding:13px;border-radius:50%;background:#fff;color:#111;border:1px solid var(--line);box-shadow:0 5px 22px #182c4829;z-index:9}.ai-floating:hover{background:#f6f8fb;border-color:#b6c4d7}.ai-dock{inset:auto 24px 90px auto;width:min(480px,calc(100vw - 48px));height:min(640px,calc(100vh - 114px));height:min(640px,calc(100dvh - 114px))}.ai-dock>header>div:first-child{display:flex;align-items:center;gap:9px}@media(max-width:850px){.ai-dock{inset:auto 12px 80px 12px;width:auto;height:min(640px,calc(100dvh - 100px))}.ai-floating{right:16px;bottom:16px;width:50px;height:50px;padding:11px}}

/* Keep the assistant clear of bottom page actions. */
.ai-floating{bottom:100px}.ai-dock{inset:auto 24px 166px auto;height:min(640px,calc(100vh - 190px));height:min(640px,calc(100dvh - 190px))}@media(max-width:850px){.ai-dock{inset:auto 12px 166px 12px;width:auto}.ai-floating{bottom:100px}}

/* Align the assistant with the content card edge at every breakpoint. */
:root{--content-gutter:36px}.content{padding-right:var(--content-gutter)}.ai-floating{right:var(--content-gutter)}.ai-dock{right:var(--content-gutter)}@media(max-width:1100px){:root{--content-gutter:22px}}@media(max-width:760px){:root{--content-gutter:15px}}

/* Half-width global assistant drawer. */
.ai-dock{inset:0 0 0 auto;width:50vw;height:100vh;height:100dvh;border-radius:0;border-top:0;border-right:0;border-bottom:0;box-shadow:-8px 0 32px #182c4820}.ai-floating[hidden]{display:none!important}.ai-dock [hidden]{display:none!important}.ai-settings-pane{flex:1;min-height:0;display:flex;flex-direction:column}.ai-settings-body{padding:20px 24px;overflow:auto;flex:1;min-height:0}.ai-settings-body h3{margin:0 0 18px}.ai-settings-pane>footer{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid var(--line)}@media(max-width:760px){.ai-dock{inset:0;width:100vw;height:100dvh}}

.ai-history-list article{padding:12px 0;border-bottom:1px solid var(--line)}.ai-history-title{display:block;width:100%;text-align:left;height:auto!important;max-height:none!important;white-space:normal;padding:10px 12px!important;border:0;background:none}.ai-history-title b{display:block;overflow-wrap:anywhere}.ai-history-title.active{background:#eef4ff;color:var(--blue)}.ai-history-title small{margin-top:5px}.ai-history-list article>div{display:flex;justify-content:flex-end}.ai-dock .ai-settings-body{overflow-wrap:anywhere}

.ai-dock header .ai-header-tools{gap:6px}.ai-dock header .ai-icon-button{display:grid;place-items:center;width:34px;height:34px!important;min-height:34px!important;max-height:34px!important;padding:7px!important;border:0;background:transparent;box-shadow:none;color:#78869b}.ai-dock header .ai-icon-button:hover{background:#eef3fa;color:var(--blue)}.ai-icon-button svg{display:block;flex:none}

.ai-schedule-intro{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:16px}.ai-schedule-list article{border:1px solid var(--line);border-radius:8px;padding:14px;margin:12px 0}.ai-schedule-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.ai-schedule-heading b{overflow-wrap:anywhere}.ai-schedule-heading span{flex:none;font-size:12px;color:var(--muted)}.ai-schedule-list p{margin:8px 0;color:var(--muted)}.ai-schedule-list .actions{flex-wrap:wrap;gap:5px;margin-top:10px}.ai-schedule-empty{text-align:center;padding:40px 12px;line-height:2;color:var(--muted)}.ai-schedule-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--blue);margin-right:5px}#ai-schedule-button{position:relative}#ai-schedule-button.has-unread:after{content:'';position:absolute;top:3px;right:3px;width:6px;height:6px;border-radius:50%;background:var(--blue)}#ai-schedule-form>label{display:flex;flex-direction:column;gap:8px;margin:16px 0}#ai-schedule-form input:not([type=checkbox]),#ai-schedule-form textarea,#ai-schedule-form select{width:100%}#ai-schedule-form .ai-check{flex-direction:row;align-items:flex-start;line-height:1.6}#ai-schedule-form input[type=checkbox]{flex:none;margin-top:4px}.ai-schedule-run{border-bottom:1px solid var(--line);padding:14px 0}.ai-schedule-run small{margin-top:6px}.ai-schedule-run pre{background:#f6f8fc;padding:12px;border-radius:8px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.7 ui-monospace,monospace;max-height:480px;overflow:auto}

/* Execution result tables fill the drawer instead of inheriting confirmation-list caps. */
#modal-root .modal-body:has(>#task-detail-body),#modal-root .modal-body:has(>.batch-result-summary){display:flex;flex-direction:column;overflow:hidden}#task-detail-body{flex:1;min-height:0;display:flex;flex-direction:column}#task-detail-body>.tc-detail-summary,#task-detail-body>.tc-times,#modal-root .modal-body>.batch-result-summary,#modal-root .modal-body>.result-filter{flex:none}#task-detail-body>.delete-target-table,#modal-root .modal-body:has(>.batch-result-summary)>.table-wrap{flex:1;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain}#task-detail-body .delete-target-table thead th,#modal-root .modal-body:has(>.batch-result-summary)>.table-wrap thead th{position:sticky;top:0;z-index:1;background:#f8faff}

/* Domain groups use the shared control sizes and typography. */
.domain-group-editor{display:flex;gap:8px;align-items:center}.domain-group-editor input{flex:1;min-width:0}.domain-group-link{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.domain-group-message{padding:10px 16px;color:var(--red,#bd4656)}

.registrar-sync-progress{padding:14px 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f9ff}.registrar-sync-progress>div:first-child{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.registrar-sync-progress progress{display:block;width:100%;height:8px;margin-top:12px;accent-color:var(--blue)}.registrar-sync-progress p{margin:8px 0 0}.registrar-sync-progress details{margin-top:10px}.registrar-sync-progress summary{cursor:pointer}

/* Shared sortable table headings. */
table th .table-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;gap:7px;width:auto;height:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}table th .table-sort-button:hover{background:transparent;color:var(--blue)}.table-sort-arrows{width:10px;height:16px;flex:none;fill:#aab6c8}.table-sort-button[data-direction="asc"] .sort-up,.table-sort-button[data-direction="desc"] .sort-down{fill:var(--blue,#347cf0)}.table-sort-button[data-direction="asc"] .sort-down,.table-sort-button[data-direction="desc"] .sort-up{opacity:.35}

.domain-table-foot .pagination-row-count{border-right:1px solid var(--line);padding-right:16px;line-height:24px;color:#8390a3}.domain-table-foot .domain-pagination .ui-select{min-width:80px}@media(max-width:650px){.domain-table-foot .pagination-row-count{border-right:0}}

/* Shared horizontal inset: headings and data always start on the same edge. */
:is(#content,#modal-root) table :is(th,td):not(:has(>input[type=checkbox]:only-child)){text-align:left;padding-inline:var(--table-cell-inset,18px)}
:is(#content,#modal-root) table :is(th,td):first-child:not(:has(>input[type=checkbox]:only-child)){padding-left:var(--table-first-cell-inset,22px)}
.table-review{--table-cell-inset:10px;--table-first-cell-inset:10px}.b2-file-table{--table-cell-inset:10px;--table-first-cell-inset:10px}.delete-target-table{--table-cell-inset:16px;--table-first-cell-inset:16px}

.mfa-qr{width:196px;padding:8px;background:white;margin:16px 0}.mfa-qr img,.mfa-qr canvas{display:block;max-width:100%}.mfa-secret{font-family:ui-monospace,monospace;overflow-wrap:anywhere;padding:12px;background:#f5f7fb;border:1px solid var(--line);margin-bottom:18px;user-select:all}.mfa-recovery-codes{width:100%;font-family:ui-monospace,monospace;line-height:1.8;resize:vertical}

/* Bucket actions keep complete labels and wrap as buttons on narrow cards. */
.b2-bucket-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.b2-bucket-card .actions{flex-wrap:wrap;align-items:center;gap:8px}
.b2-bucket-card .actions>button{flex:0 0 auto;white-space:nowrap;height:auto;min-height:36px;line-height:1.4}
.b2-direct-drop-hint{padding:12px 20px;margin:0;background:#f6f9ff;border-bottom:1px solid var(--line)}#b2-direct-drop-overlay{position:fixed;inset:12px;z-index:3000;pointer-events:none;display:flex;align-items:center;justify-content:center;padding:24px;text-align:center;font-size:21px;font-weight:600;color:var(--blue);background:#edf5ffeb;border:3px dashed var(--blue);border-radius:12px}#b2-drop-progress{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:3100;max-width:calc(100vw - 32px);padding:14px 20px;border:1px solid #bbd4f8;border-radius:10px;background:#fff;box-shadow:0 8px 25px #17375b26;color:#243957;overflow-wrap:anywhere;pointer-events:none}
/* Upload notices share drawer typography and spacing, without a blocking backdrop. */
#b2-transfer-panel{width:420px;border-radius:12px;transform:translate3d(calc(100% + 40px),0,0);opacity:0;transition:transform 360ms cubic-bezier(.22,1,.36,1),opacity 280ms ease;will-change:transform,opacity;font-family:inherit;color:var(--ink)}#b2-transfer-panel.b2-transfer-visible{transform:translate3d(0,0,0);opacity:1}#b2-transfer-panel.b2-transfer-leaving{transition-timing-function:cubic-bezier(.4,0,.6,1),ease}.b2-transfer-head.modal-head{padding:18px 20px;border-bottom:1px solid var(--line);gap:16px}.b2-transfer-head h2{font-size:16px;font-weight:600;line-height:1.5;margin:0}.b2-transfer-head button,.b2-transfer-foot button{flex-shrink:0;white-space:nowrap}.b2-transfer-list{border-top:0}.b2-transfer-row{padding:16px 20px}.b2-transfer-name{font-weight:600}.b2-transfer-foot.modal-foot{padding:16px 20px;border-top:1px solid var(--line);background:#f8fafc;gap:16px}.b2-transfer-foot .help{font-size:13px;line-height:1.6;flex:1;min-width:0}@media(prefers-reduced-motion:reduce){#b2-transfer-panel{transition:none}}
.b2-delete-errors{white-space:pre-wrap;overflow-wrap:anywhere;max-height:240px;overflow:auto;color:#de5261;font:inherit;line-height:1.7}.b2-file-table td:first-child{min-width:44px}

/* Execution log selection is a dedicated column; keep labels readable. */
.execution-log-panel th:first-child,.execution-log-panel td:first-child{width:48px;min-width:48px;max-width:48px;text-align:center}
.execution-log-panel td:nth-child(2),.execution-log-panel th:nth-child(2){min-width:150px;white-space:nowrap}
.execution-log-panel td:nth-child(3){white-space:normal;min-width:180px;max-width:300px}
.execution-log-panel td:nth-child(4),.execution-log-panel td:nth-child(6){white-space:nowrap}
#task-stop-controls{display:inline-flex;align-items:center;flex-wrap:wrap;gap:12px}

/* Full-width expansion rows: only the outer wrapper loses its duplicate inset.
   Nested headings and values retain the shared table cell spacing above. */
:is(#content,#modal-root) table :is(th,td).table-expansion-cell:first-child:not(:has(>input[type=checkbox]:only-child)){padding:0}

/* All Jinguo admin pages load this file only. Shared page and content layouts. */
[hidden]{display:none!important}
.page-tabs{padding-inline:0;margin-bottom:var(--space-5)}
.brand-note{margin-top:var(--space-5);color:var(--muted)}
.status-message:empty{display:none}
.account-logout{border:0;background:transparent}
.login-page #login-view{width:340px}
.login-page #login{margin-top:var(--space-5)!important}
.user-avatar{display:inline-block;width:28px;height:28px;vertical-align:middle;border-radius:50%;margin-right:var(--space-2);object-fit:cover}
.user-avatar-large{width:56px;height:56px;margin:0}

/* Content-specific structure; typography, tabs, fields, cards and drawers stay global. */
.cm-work{display:flex;gap:var(--space-4);align-items:center;min-width:240px}
.cm-cover{display:block;width:54px;height:72px;object-fit:cover;border-radius:var(--control-radius);flex-shrink:0;background:var(--surface-muted)}
.cm-placeholder{display:grid;place-items:center;color:var(--muted)}
.cm-placeholder svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.cm-title{text-align:left}
.cm-tags{color:var(--muted);margin-top:var(--space-2);white-space:pre-wrap}
.cm-editor{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--space-6)}
.cm-editor section{min-width:0}
.cm-editor .panel-head{padding:0 0 var(--space-5)}
.cm-editor textarea{width:100%}
.cm-resource-list{margin-bottom:var(--space-4)}
.cm-resource-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--line)}
.cm-resource-row>.cm-resource-title,.cm-resource-row>div:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}
.cm-resource-row .sub{margin-top:var(--space-1)}
.cm-resource-row .actions{flex-shrink:0;gap:var(--space-2)}
.cm-preview-header{display:flex;justify-content:space-between;gap:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--line);margin-bottom:var(--space-5)}
.cm-eyebrow{color:var(--muted)}
.cm-preview-header h1{margin:var(--space-2) 0;overflow-wrap:anywhere}
.cm-preview-count{text-align:right;color:var(--blue)}
.cm-preview-count small{display:block;color:var(--muted);margin-top:var(--space-2)}
.cm-preview-layout{display:flex;flex-wrap:wrap;gap:var(--space-6)}
.cm-preview-layout main{flex:1 1 360px;min-width:0}
.cm-player{background:#111927;border-radius:var(--card-radius);overflow:hidden}
.cm-player video{display:block;width:100%;max-height:62vh;aspect-ratio:16/9;background:#080c14}
.cm-player .help{padding:0 var(--space-4) var(--space-3);color:#b6c4da}
.cm-player .help:empty{display:none}
.cm-preview-navigation{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;color:var(--muted)}
.cm-play-options,.cm-reading-tools{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center;color:var(--muted)}
.cm-play-options label,.cm-reading-tools label{display:flex;gap:var(--space-2);align-items:center}
.cm-play-options select,.cm-reading-tools select{min-width:76px}
.cm-playlist{flex:1 1 240px;min-width:0;border:1px solid var(--line);background:var(--surface-muted);border-radius:var(--card-radius);padding:var(--space-4);align-self:start}
.cm-playlist h3{margin:0 0 var(--space-4)}
.cm-playlist-filters{display:grid;gap:var(--space-3);margin-bottom:var(--space-5)}
.cm-playlist-filters select{width:100%;min-width:0}
.cm-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);max-height:50vh;overflow:auto}
.cm-episode-grid button{min-width:0;overflow:hidden;text-overflow:ellipsis}
.cm-episode-grid button.active{border-color:var(--blue);color:var(--blue);background:#eaf2ff}
.cm-chapter-list{grid-template-columns:1fr}
.cm-chapter-list button{text-align:left}
.cm-description{border-top:1px solid var(--line);padding-top:var(--space-5);margin-top:var(--space-6)}
.cm-description summary{cursor:pointer;color:var(--muted)}
.cm-description p{white-space:pre-wrap;overflow-wrap:anywhere}
.cm-image-stage{display:flex;align-items:center;justify-content:center;min-height:260px;background:var(--surface-muted);border-radius:var(--card-radius)}
.cm-image-stage img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:var(--control-radius)}
.cm-novel{margin-top:var(--space-5);padding:var(--space-6);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--card-radius)}
.cm-novel h2{text-align:center;margin:0 0 var(--space-6)}
.cm-novel pre{font-family:inherit;white-space:pre-wrap;overflow-wrap:anywhere;line-height:2;color:var(--ink);margin:0}
.cm-novel pre[data-font="16"]{font-size:16px}.cm-novel pre[data-font="18"]{font-size:18px}.cm-novel pre[data-font="20"]{font-size:20px}.cm-novel pre[data-font="24"]{font-size:24px}.cm-novel pre[data-font="28"]{font-size:28px}
.cm-reading-tools{justify-content:flex-end}
.cm-resource-tools{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}
.cm-resource-row[draggable=true]{cursor:grab}.cm-resource-row[draggable=true]:active{cursor:grabbing}
.cm-gallery-editor{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));gap:var(--space-4)}
.cm-gallery-editor .cm-resource-row{position:relative;display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--card-radius);padding:var(--space-3);gap:var(--space-2)}
.cm-gallery-editor .cm-resource-row>img{width:100%;height:160px;object-fit:contain;order:-2;background:var(--surface-muted);border-radius:var(--control-radius)}
.cm-gallery-editor .cm-resource-row>input{position:absolute;top:var(--space-4);left:var(--space-4);background:var(--surface)}
.cm-gallery-editor .cm-resource-row>.cm-resource-title,.cm-gallery-editor .cm-resource-row>div:nth-child(2){width:100%;flex:auto}
.cm-gallery-editor .cm-resource-row .actions{width:100%;justify-content:flex-end}
.cm-gallery-editor .cm-resource-row>.sub{display:none}
.cm-thumb-unavailable{color:var(--muted)}
.cm-local-upload-box{display:grid;gap:var(--space-4);border:1px dashed var(--control-border);padding:var(--space-6);background:var(--surface-muted);border-radius:var(--card-radius)}
.cm-local-upload-box label{display:flex;gap:var(--space-4);flex-wrap:wrap;align-items:center}
.cm-resource-tools+.help{margin-bottom:var(--space-4)}
.cm-video-table{table-layout:auto;min-width:1500px}
.cm-video-table td,.cm-video-table th{white-space:nowrap}
.cm-video-table .cm-title{max-width:280px;white-space:normal}
.cm-video-table .sub{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.cm-video-table .actions{flex-wrap:nowrap}
.cm-video-table .cm-update{min-width:165px;max-width:none}
.cm-video-table td:nth-child(4){min-width:190px}
.cm-detail-tabs{margin-bottom:var(--space-6)}
.cm-editor.cm-detail-layout{display:block;max-width:none}
.cm-detail-layout>section[data-cm-section=basic],.cm-detail-layout>section[data-cm-section=release]{max-width:720px}
.cm-detail-layout details{padding:var(--space-4) 0;border-top:1px solid var(--line)}
.cm-detail-layout details summary{cursor:pointer;margin-bottom:var(--space-4);color:var(--muted)}
.cm-columns{position:relative}.cm-columns summary{cursor:pointer;color:var(--muted)}
.cm-columns[open]{background:var(--surface-muted);border-radius:var(--control-radius);padding:var(--space-3)}
.cm-columns label{display:inline-flex;gap:var(--space-2);margin-right:var(--space-3);white-space:nowrap}
.cm-import-cover{width:44px;height:62px;object-fit:cover}
.cm-import-video{width:100%;max-height:60vh}
@media(max-width:600px){.cm-resource-row .actions{margin-left:auto}.cm-novel{padding:var(--space-4)}.cm-preview-header{flex-wrap:wrap}.cm-playlist{flex-basis:100%}}

/* Shared navigation inset in any drawer, including user and content details. */
.drawer-tabs{padding-inline:0}
.legal-document{max-width:800px;margin:40px auto;padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:var(--card-radius)}
.legal-document article{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9}
@media(max-width:600px){.legal-document{margin:var(--space-4);padding:var(--space-5)}}

/* Structural helpers shared with media editors; no injected stylesheets. */
.toolbar-flush{padding-inline:0}.ui-media-preview{display:block;width:100%;max-height:65vh;object-fit:contain;background:#101828}
.tc-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);min-width:0}.tc-config-logo{max-width:100%}
button.tc-template-thumb{height:64px!important;min-height:64px!important;max-height:64px!important;white-space:normal}
.tc-margin-grid label{min-width:0}.tc-margin-grid input{width:100%;min-width:0}.tc-task-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}
@media(max-width:700px){.tc-setup-layout{display:flex;flex-direction:column}.tc-config-grid{grid-template-columns:1fr}}

/* Transcode media structures. All controls and typography use the shared primitives. */
.tc-stage{aspect-ratio:16/9;position:relative;overflow:hidden;background:#000}.tc-demo-label{position:absolute;left:16px;bottom:16px;color:white}.tc-stage #tc-text-mark,.tc-stage #tc-logo-mark{position:absolute;white-space:nowrap;color:white;text-shadow:none;will-change:transform}.tc-stage #tc-text-mark{font-weight:600}.tc-stage [data-motion=left]{animation:tc-left 8s linear infinite}.tc-stage [data-motion=right]{animation:tc-right 8s linear infinite}.tc-stage [data-motion=up]{animation:tc-up 8s linear infinite}.tc-stage [data-motion=down]{animation:tc-down 8s linear infinite}@keyframes tc-left{from{transform:translateX(320px)}to{transform:translateX(-320px)}}@keyframes tc-right{from{transform:translateX(-320px)}to{transform:translateX(320px)}}@keyframes tc-up{from{transform:translateY(180px)}to{transform:translateY(-180px)}}@keyframes tc-down{from{transform:translateY(-180px)}to{transform:translateY(180px)}}@media(prefers-reduced-motion:reduce){.tc-stage [data-motion]{animation:none}}
.tc-margin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tc-margin-grid input{width:100%;min-width:0}.tc-library-layout{display:grid;grid-template-columns:180px minmax(0,1fr)}.tc-library-tree{padding:16px;border-right:1px solid var(--line)}.tc-library-tree button{display:block;text-align:left;padding:8px;max-width:100%;overflow-wrap:anywhere}.tc-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--form-stack-gap);margin-top:var(--form-stack-gap)}.tc-setup-layout section{min-width:0}.tc-setup-layout .tc-stage{margin-bottom:var(--form-stack-gap)}@media(max-width:800px){.tc-library-layout,.tc-setup-layout{grid-template-columns:1fr}.tc-library-tree{display:none}}
.tc-workflow-steps{border-bottom:0}.tc-workflow-steps button{display:flex;gap:8px;align-items:center;background:none;border:0}.tc-workflow-steps button.active{color:var(--blue,#3277ed)}.tc-workflow-steps span{display:grid;place-items:center;min-width:26px;min-height:26px;border:1px solid var(--line);border-radius:50%}.tc-source-summary{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;padding:16px;background:var(--soft,#f5f7fb);border-radius:var(--card-radius)}.tc-source-summary>div:first-child{min-width:0;flex:1}.tc-sample-block{border-top:1px solid var(--line);padding-top:var(--form-stack-gap);margin-top:var(--form-stack-gap);display:grid;gap:var(--form-stack-gap)}.tc-sample-confirm{display:flex;gap:8px;align-items:center}.tc-flow-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:var(--form-stack-gap);padding-top:var(--form-stack-gap);border-top:1px solid var(--line)}.tc-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.tc-review-grid p{overflow-wrap:anywhere}.tc-template-thumb{width:112px;height:64px;background:#101828;color:white;display:flex;align-items:center;justify-content:center;gap:4px;overflow:hidden;padding:8px;font-size:var(--font-body)}.tc-template-thumb img{max-width:36px;max-height:40px}.tc-template-thumb span{overflow-wrap:anywhere}.tc-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}.tc-template-card{padding:20px;border:1px solid var(--line);border-radius:var(--card-radius);min-width:0}.tc-template-preview{background:#101828;color:white;min-height:130px;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;overflow-wrap:anywhere;margin-bottom:16px}.tc-template-preview img{max-width:100px;max-height:70px}.tc-template-card .actions{margin-top:16px;flex-wrap:wrap}@media(max-width:600px){.tc-workflow-steps button{padding:4px;font-size:var(--font-body)}.tc-review-grid{grid-template-columns:1fr}.tc-margin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tc-source-stage video{display:block;width:100%;height:100%;object-fit:contain}.tc-source-stage #tc-logo-mark,.tc-source-stage #tc-text-mark{pointer-events:none;z-index:1}.tc-source-list{margin-top:var(--form-stack-gap)}.tc-source-list tr.selected{background:var(--soft,#f0f6ff)}
.tc-position-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-width:240px}.tc-position-grid button{padding:0;min-width:0;height:44px;display:grid;place-items:center;font-size:var(--font-body);line-height:1}.tc-position-grid button.active{color:var(--blue,#3277ed);border-color:var(--blue,#3277ed);background:var(--soft,#edf4ff)}

/* Shared grouped authorization controls in the system workbench. */
.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:20px 0}.permission-group{min-width:0}.permission-group .ui-check{display:flex;margin:12px 0}.permission-group .section-title{margin-bottom:12px}@media(max-width:640px){.permission-groups{grid-template-columns:1fr}}