:root{color-scheme:light;font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;color:#17352b;background:#f3f6f4;font-size:14px}
.field-evidence{font-size:12px;color:#587469;margin-top:5px;overflow-wrap:anywhere}.field-evidence summary{cursor:pointer}.field-evidence>div{padding:10px 0;border-top:1px solid #dde9e3}.field-evidence p{margin:4px 0;white-space:pre-wrap}.field-evidence button{font-size:12px;padding:6px 10px}.result-cards>div{overflow-wrap:anywhere}#verification-options{display:grid;gap:12px;margin:16px 0;max-width:760px}#verification-options label{display:grid;gap:6px}#verification-options input{width:100%;min-width:0}#verification-options p{color:#587469;margin:0;font-size:13px}#client-version-info{overflow-wrap:anywhere}
*{box-sizing:border-box}
body{margin:0;background:#f3f6f4}
button,input,textarea,select{font:inherit}
.hidden{display:none!important}
[hidden]{display:none!important}
.product-select-search{display:block;width:100%;min-width:0;box-sizing:border-box;margin-bottom:6px;border:1px solid #d5e1db;border-radius:8px;padding:9px 11px;background:#fff}.product-select-hint{display:block;max-width:100%;margin-top:5px;font-size:12px;line-height:1.4;color:#71857d;overflow-wrap:anywhere}#people-bulk-actions .product-select-search,#people-bulk-actions .product-select-hint{flex-basis:100%}.upload-progress{display:grid;gap:9px;padding:14px 16px;background:#edf6f1;border:1px solid #d5e6dc;border-radius:9px;margin:14px 0}.upload-progress progress{width:100%;height:10px;accent-color:#0d7653}.upload-progress small{color:#587469;font-variant-numeric:tabular-nums}
.admin-body{padding:24px;margin-bottom:20px}.admin-body p{line-height:1.7}.admin-body p button{margin-left:16px}.admin-body .form-grid{margin-top:16px}
.client-setup{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;overflow:hidden}.client-setup>div{padding:24px;position:relative}.client-setup>div+div{border-left:1px solid #e2ebe7}.client-setup h2{margin:8px 0;font-size:18px}.client-setup p{color:#657b73;line-height:1.7;min-height:72px}.setup-number{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e7f6ef;color:#08734d;font-weight:700}.activation-code{margin-top:14px;padding:12px;background:#f1f7f4;border-radius:9px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.activation-code strong{font:600 18px Consolas,monospace;letter-spacing:1px}.activation-code small{width:100%;color:#71857d}.device-status{margin:14px 0;padding:12px;border-radius:9px;background:#f1f7f4;line-height:1.6}
#job-search-form{gap:10px;flex-wrap:wrap}#job-search{flex:1;min-width:180px;border:1px solid #d4e1db;border-radius:8px;padding:10px 12px;min-height:40px}
.shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}
.sidebar{background:#0d6548;color:#fff;padding:24px 16px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}
.brand-mark{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:700}
.brand strong,.brand small{display:block}
.brand small{color:rgba(255,255,255,.68);margin-top:3px;font-size:12px}
.sidebar nav{display:grid;gap:6px}
.nav-item{border:0;background:transparent;color:rgba(255,255,255,.76);text-align:left;border-radius:9px;min-height:44px;padding:0 14px;cursor:pointer}
.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.14);color:#fff}
.machine-state{margin-top:auto;border-top:1px solid rgba(255,255,255,.16);padding:18px 8px 0;display:grid;grid-template-columns:auto 1fr;gap:7px 9px;font-size:13px}
.machine-state small{grid-column:1/-1;color:rgba(255,255,255,.62);overflow-wrap:anywhere}
.dot{width:8px;height:8px;border-radius:50%;background:#ffd084;margin-top:5px}
.dot.online{background:#78edb7;box-shadow:0 0 0 4px rgba(120,237,183,.13)}
main{min-width:0}
.topbar{height:72px;background:#fff;border-bottom:1px solid #dce6e1;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.topbar strong,.topbar small{display:block}
.topbar small{margin-top:4px;color:#71857d;font-size:12px}
.account{display:flex;gap:12px;align-items:center;color:#71857d}
.computer-indicator{display:flex;gap:9px;align-items:center;border:1px solid #dce6e1;border-radius:20px;background:#f7faf8;padding:9px 13px;color:#315b4b;cursor:pointer;font-size:12px}.computer-indicator .dot{margin:0;flex:none;background:#dda23b}.computer-indicator .dot.online{background:#16825a}
.link-button{border:0;background:transparent;color:#0d7653;cursor:pointer}
.page{padding:26px 28px 40px}
.page-heading,.review-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}
.page-heading h1,.review-heading h1{margin:0;font-size:24px;font-weight:600}
.page-heading p,.review-heading p{margin:7px 0 0;color:#71857d}
.primary,.secondary,.icon-button{border-radius:9px;min-height:40px;padding:0 15px;cursor:pointer}
.primary{background:#0d7653;color:#fff;border:1px solid #0d7653}
.primary:hover{background:#095d42}
.primary:disabled{opacity:.5;cursor:not-allowed}
.secondary{background:#fff;color:#17352b;border:1px solid #d5e1db;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.block{width:100%}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.metrics article{background:#fff;border:1px solid #dce6e1;border-radius:13px;padding:17px 18px}
.metrics span{color:#71857d}
.metrics strong{display:block;font-size:27px;margin-top:8px;font-variant-numeric:tabular-nums}
.panel{background:#fff;border:1px solid #dce6e1;border-radius:13px}
.panel-head,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 17px;border-bottom:1px solid #e2ebe7}
.filters{display:flex;gap:4px;flex-wrap:wrap}
.filter{border:0;background:transparent;color:#71857d;border-radius:8px;min-height:34px;padding:0 11px;cursor:pointer}
.filter.active{background:#edf4f0;color:#17352b}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:720px}
th{text-align:left;color:#71857d;background:#f7f9f8;font-size:12px;font-weight:500;padding:11px 14px}
td{padding:13px 14px;border-top:1px solid #e4ece8;vertical-align:middle}
#job-list tr{cursor:pointer}
#job-list tr:hover{background:#f0f6f3}
.row-actions{width:156px;white-space:nowrap}.job-primary{min-height:34px;padding:0 11px;color:#0d7653;border-color:#b8d6c8}.job-more{display:inline-block;margin-left:8px;vertical-align:middle}.job-more summary{cursor:pointer;font-size:12px;color:#71857d;list-style:none}.job-more[open]{display:grid;gap:4px}.job-more summary::-webkit-details-marker{display:none}
.delete-job{border:0;background:transparent;color:#b24747;padding:6px 8px;border-radius:7px;cursor:pointer}
.delete-job:hover{background:#ffeded}
.delete-job:disabled{color:#aab5b1;background:transparent;cursor:not-allowed}
.group-cell strong,.group-cell small{display:block}
.group-cell small{color:#71857d;margin-top:4px;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;background:#edf4f0;color:#42665a;white-space:nowrap}
.status.needs_review{background:#fff3df;color:#a45709}
.status.ready,.status.running{background:#e7f6ef;color:#08734d}
.status.failed{background:#ffeded;color:#ad3535}
.status.completed{background:#eef1f0;color:#60736c}
.empty{text-align:center;color:#71857d;padding:42px}
.notice{display:none;margin:16px 28px 0;border-radius:9px;padding:11px 14px;background:#e8f4ee;color:#155b43}
.notice.error{background:#ffeded;color:#a33333}
.notice.show{display:block}
.review-heading{align-items:center}
.review-heading>div{flex:1}
.review-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}
.review-layout{grid-template-columns:minmax(0,1fr)}
.review-layout>div{min-width:0}
.review-layout .approval-box{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,240px);gap:12px 22px;align-items:center}
.review-fields{border:0;padding:0;margin:0;min-width:0}.review-fields:disabled{opacity:.85}
.review-actionbar{position:sticky;bottom:12px;z-index:6;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding:14px 18px;background:#fff;border:1px solid #c9dcd2;border-radius:12px;box-shadow:0 6px 28px #17352b1c}.review-actionbar .approval-hint{flex:1;min-width:220px;line-height:1.6}.review-actionbar button{flex:none}
.section-hint{padding:0 16px;color:#71857d;font-size:12px;line-height:1.7}
.task-result{margin-bottom:20px}.task-result dl{margin:0;padding:8px 18px}.task-result dl>div{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:11px 0;line-height:1.7}.task-result dt{color:#71857d;font-size:12px}.task-result dd{margin:0;overflow-wrap:anywhere}.task-result dl>div:last-child dd{font-weight:600;color:#0d6548}.task-result .section-title>span{color:#71857d;font-size:12px}.result-cards{padding:0 18px 12px;display:grid;gap:7px}.result-cards>div{display:flex;justify-content:space-between;gap:12px;align-items:center;background:#f3f7f5;padding:10px;border-radius:8px;font-size:12px}.result-cards span{overflow-wrap:anywhere}.result-cards button{white-space:nowrap}
.approval-box .check-line,.approval-box>p,.approval-hint{grid-column:1/-1;margin:0}
.approval-hint{color:#9b570f;font-size:13px}
.recognition-history{border-top:1px solid #e2ebe7;padding:10px 17px;color:#71857d;font-size:12px}
.recognition-history summary,.card-details summary{cursor:pointer}
.warnings .warning strong,.warnings .warning span{display:block}
.warnings .warning span{font-size:12px;margin-top:4px}
.common-editor{margin-bottom:16px}
.common-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.common-actions{padding:0 16px 16px;display:flex;gap:12px;align-items:center;color:#71857d;font-size:12px}
.people-bulk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:14px 16px;margin-bottom:12px;position:static}
#people-bulk-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;width:100%;padding-top:12px;border-top:1px solid #dce6e1;background:#f7fbf9}#people-visible-count{color:#71857d;font-size:12px}.person-issue{display:block;color:#a96313;font-size:11px;line-height:1.6;margin-top:6px}.person-has-issue{background:#fffcf5}
.people-bulk .check-line{display:flex!important;margin:0}
.people-bulk select{border:1px solid #c9ded3;border-radius:8px;padding:9px;max-width:280px;background:#fff}
#people-search{border:1px solid #c9ded3;border-radius:8px;padding:9px;min-width:220px;flex:1}
.group-editor .table-wrap{max-height:440px;overflow:auto}
.people-table th{position:sticky;top:0;z-index:1}
.people-table .remove-person{white-space:nowrap}
.people-bulk input[type=checkbox],.people-table input.person-select{width:17px;min-width:17px;height:17px;accent-color:#0d7653}
.card-details>summary{padding:12px 16px;color:#0d7653;font-size:13px}
.card-details{margin-bottom:12px;background:#fafcfb}
.people-table td{padding:10px}
.people-table td:first-child{width:45px}
.people-table input+input,.people-table input+select{margin-top:6px}
.people-table td:nth-child(2) select{min-width:130px;font-size:12px}
.people-table td:nth-child(5) input{min-width:210px;font-size:12px}
@media(max-width:760px){.review-layout .approval-box{grid-template-columns:1fr}.common-actions{flex-wrap:wrap}}
.review-summary{margin-bottom:16px}
.warnings{padding:14px 17px;color:#71857d;display:grid;gap:7px}
.warnings .warning{background:#fff6e9;color:#9b570f;padding:9px 11px;border-radius:8px}
.warnings .problem-link{border:0;width:100%;text-align:left;font:inherit;cursor:pointer}
.warnings .problem-link small{display:block;margin-top:4px;color:#b86a16}
.warnings .problem-link:hover,.warnings .problem-link:focus-visible{background:#ffeed4;outline:2px solid #d89543;outline-offset:1px}
.problem-items{margin:-2px 0 6px;padding:4px 12px;font-size:12px;color:#9b570f}.problem-items summary{cursor:pointer;padding:5px 0}.problem-item{display:block;text-align:left;width:100%;border:0;background:#fffaf2;color:#895218;padding:9px;margin:4px 0;border-radius:6px;cursor:pointer}
.problem-target{outline:3px solid #e6a445!important;outline-offset:3px;scroll-margin-top:100px}
.group-editor{margin-bottom:16px;overflow:hidden}
.group-overview{cursor:pointer;list-style:none;align-items:flex-start}.group-overview::-webkit-details-marker{display:none}.group-overview>div{flex:1;min-width:0}.group-overview::before{content:'›';font-size:22px;color:#679480;line-height:1}.group-editor[open]>.group-overview::before{content:'⌄'}.group-check-state{font-size:12px;white-space:nowrap;color:#567067}.group-check-state.has-issues{color:#a96313;background:#fff3df;padding:5px 8px;border-radius:6px}.group-options{padding:12px 16px 0;display:flex;justify-content:flex-end}.group-source{line-height:1.8;overflow-wrap:anywhere}
.group-editor .ticket-menu{position:static;width:100%;max-height:300px;margin-top:8px;box-shadow:none}.group-editor .ticket-control{display:block}.group-editor .ticket-picker{margin-top:12px}.group-editor .ticket-picker>summary{display:inline-block}
.group-source{display:block;color:#71857d;font-size:12px;margin-top:4px}
.switch{display:flex;align-items:center;gap:8px}
.group-error{display:none;margin:12px 16px 0;background:#ffeded;color:#a33333;padding:9px 11px;border-radius:8px}
.group-error.show{display:block}
.form-grid{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 14px}
.form-grid label,.modal label,.approval-box label{display:grid;gap:7px;color:#657b73;font-size:12px;align-content:start}
.form-grid input,.form-grid textarea,.form-grid select,.modal input,.approval-box input{width:100%;border:1px solid #d4e1db;background:#fff;color:#17352b;border-radius:8px;padding:9px 10px;min-height:40px}
.form-grid textarea{resize:vertical}
.form-grid .wide{grid-column:1/-1}
.form-grid label small{color:#82938d}
.product-preset-field{display:grid;gap:8px;color:#657b73;font-size:12px}
.product-preset-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.product-choice{position:relative;display:grid;gap:5px;text-align:left;border:1px solid #d5e1db;background:#fff;color:#17352b;border-radius:9px;padding:11px 12px;cursor:pointer;min-width:0}
.product-choice:hover{border-color:#92c2af;background:#f7fbf9}
.product-choice.selected{border-color:#4fa27f;background:#eaf5ef;box-shadow:0 0 0 1px #4fa27f inset}
.product-choice.selected::after{content:"✓";position:absolute;right:10px;top:9px;color:#0d7653;font-weight:700}
.product-choice strong{padding-right:18px;font-size:13px}
.product-choice span{color:#71857d;font-size:11px;line-height:1.45;overflow-wrap:anywhere}
.people-head{padding:0 16px 10px;display:flex;align-items:center;justify-content:space-between}
.people-table{min-width:780px}
.people-table input{width:100%;min-width:120px;border:1px solid #d9e4df;border-radius:7px;padding:7px 8px}
.people-table .id-input{min-width:190px}
.people-table select{min-width:200px;max-width:280px;width:100%;border:1px solid #a8c9ba;border-radius:7px;padding:8px;background:#f6fbf8;color:#17352b}
.split-products{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;margin-bottom:16px}
.split-products small{display:block;color:#71857d;margin-top:6px;line-height:1.5}
.split-products button{flex-shrink:0}
.remove-person{border:0;background:transparent;color:#ae3e3e;cursor:pointer}
.add-person{margin:11px 16px 16px}
.advanced{margin-bottom:16px}
.advanced summary{cursor:pointer;padding:15px 17px;font-weight:600}
.approval-box{padding:18px;position:sticky;top:16px}
.approval-box>strong{font-size:17px}
.approval-box p{color:#71857d;line-height:1.6}
.check-line{grid-template-columns:auto 1fr!important;align-items:start;margin:16px 0;line-height:1.6;color:#314e44!important}
.check-line input{width:auto!important;min-height:auto!important;margin-top:4px}
.approval-box>label:not(.check-line){margin:14px 0}
.approval-box button{margin-top:10px}
.approval-box small{display:block;margin-top:10px;color:#71857d;line-height:1.5}
.modal-layer{position:fixed;inset:0;background:rgba(7,25,18,.48);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}
.modal{width:min(620px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:15px;padding:22px;box-shadow:0 20px 55px rgba(11,50,35,.22)}
.modal.small{width:min(420px,100%)}
.modal h2{margin:0;font-size:21px}
.modal p{color:#71857d}
.modal-title{display:flex;justify-content:space-between;align-items:flex-start}
.icon-button{border:0;background:transparent;font-size:25px;color:#71857d;padding:0 8px}
.drop-zone{border:1.5px dashed #52a384;border-radius:12px;background:#f1f7f4;padding:24px;text-align:center;margin:18px 0}
.drop-zone strong,.drop-zone span,.drop-zone em{display:block}
.drop-zone span{color:#71857d;margin-top:7px;font-size:12px}
.drop-zone input{margin-top:15px;border:0;background:transparent}
.drop-zone em{margin-top:9px;color:#0d7653;font-style:normal;overflow-wrap:anywhere}
.drop-zone.dragging{background:#e3f2eb}
.privacy-tip{margin-top:14px;background:#eef5f2;color:#567067;padding:10px 12px;border-radius:8px;font-size:12px}
.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}
.form-error{color:#ad3535;margin-top:12px;white-space:pre-wrap}
.heading-actions{display:flex;gap:9px}
.product-rule{margin-bottom:12px;padding:0}
.product-rule[hidden]{display:none}
.product-rule-summary{display:flex;align-items:center;gap:16px;padding:18px;cursor:pointer;list-style:none}
.product-rule-summary::-webkit-details-marker{display:none}
.product-rule-summary::after{content:'编辑 ⌄';color:#0d7653;white-space:nowrap;font-size:12px}
.product-rule[open]>.product-rule-summary{border-bottom:1px solid #e2ebe7;margin-bottom:16px}
.product-rule[open]>.product-rule-summary::after{content:'收起 ⌃'}
.product-rule-overview{flex:1;min-width:0;display:grid;gap:7px}
.product-rule-title{font-size:15px;overflow-wrap:anywhere}.product-rule-tickets{color:#71857d;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.product-rule-state{font-size:12px;color:#567067;white-space:nowrap;background:#eef5f2;padding:5px 8px;border-radius:6px}
.product-rule>.product-rule-head,.product-rule>.product-rule-grid{margin:0 18px 18px}
.product-rule-actions{display:flex;gap:12px;align-items:center}
.product-settings-controls{padding:0;margin:0;border:0;min-width:0}
.product-save-state{margin:-6px 0 18px;color:#567067;font-size:13px}.product-save-state.unsaved{color:#9b570f}
.product-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.product-toolbar input{flex:1;min-width:180px;border:1px solid #d4e1db;border-radius:9px;padding:11px;background:#fff}
.product-toolbar span{font-size:12px;color:#71857d}
.product-preview{margin-bottom:18px}.product-preview>summary{padding:16px;cursor:pointer;font-weight:600}
.product-preview>summary small{font-weight:400;color:#71857d;margin-left:10px}
.product-preview-result{padding:16px;margin:0 16px 16px;border:1px solid #d5e3dc;border-radius:9px;background:#f7fbf9;line-height:1.6}
.product-rule .ticket-menu{position:static;width:100%;max-height:320px;margin-top:8px;box-shadow:none}
.product-rule .ticket-control{display:block}.product-rule .ticket-picker{margin-top:12px}.product-rule .ticket-picker summary{display:inline-block}
.product-rule-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.remove-product{border:0;background:transparent;color:#ad3535;cursor:pointer}
.product-rule-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:14px}
.product-rule-grid>label{display:grid;gap:7px;color:#657b73;font-size:12px}
.product-rule-grid input,.product-rule-grid textarea{width:100%;border:1px solid #d4e1db;border-radius:8px;padding:9px 10px;color:#17352b}
.ticket-control{grid-column:1/-1;border-top:1px solid #e5ece8;padding-top:14px;display:flex;align-items:flex-start;gap:16px}
.ticket-selection{flex:1;min-width:0}
.ticket-selection-label{display:block;color:#657b73;font-size:12px;margin-bottom:8px}
.selected-tickets{display:flex;flex-wrap:wrap;gap:7px;min-height:32px;align-items:center}
.ticket-chip{display:inline-flex;align-items:center;max-width:100%;border:1px solid #c9e4d8;background:#edf7f2;color:#0d7653;border-radius:999px;padding:6px 10px;font-size:12px;line-height:1.35}
.ticket-empty{color:#98a7a1;font-size:12px}
.ticket-picker{position:relative;flex:none}
.ticket-picker summary{list-style:none;cursor:pointer;white-space:nowrap;border:1px solid #bcd8cc;background:#f7fbf9;color:#0d7653;border-radius:8px;padding:8px 12px;transition:.15s ease}
.ticket-picker summary::-webkit-details-marker{display:none}
.ticket-picker summary::after{content:"⌄";margin-left:8px;color:#70a08e}
.ticket-picker[open] summary{background:#eaf5ef;border-color:#79b89f}
.ticket-menu{position:absolute;z-index:30;right:0;top:calc(100% + 8px);width:min(700px,75vw);max-height:380px;overflow:auto;background:#fff;border:1px solid #d5e3dc;border-radius:12px;padding:12px;box-shadow:0 18px 45px rgba(17,60,45,.16)}
.ticket-search{position:sticky;z-index:1;top:0;width:100%;min-height:40px;border:1px solid #ccdcd4!important;background:#fff!important;border-radius:8px!important;padding:9px 11px!important;margin-bottom:10px}
.ticket-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.ticket-option{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid #e0e9e5;border-radius:8px;padding:9px 10px;color:#405d53;font-size:12px;line-height:1.45;cursor:pointer;background:#fff}
.ticket-option[hidden]{display:none}
.ticket-option:hover{border-color:#9fc9b8;background:#f7fbf9}
.ticket-option:has(input:checked){border-color:#76b99f;background:#edf7f2;color:#0a6547}
.ticket-option input{flex:none;width:16px!important;height:16px;margin:0;padding:0!important}
.ticket-option span{min-width:0;overflow-wrap:anywhere}
@media(max-width:900px){.shell{display:block}
.brand>div{display:none}
.brand{padding-inline:2px}
.sidebar{align-items:center;padding:10px 14px;flex-direction:row;flex-wrap:wrap;gap:10px}
.sidebar nav{display:flex;order:3;width:100%;overflow-x:auto;gap:6px}
.sidebar nav button{font-size:14px;flex:none;width:auto;padding:0 12px}
.machine-state{margin:0 0 0 auto;border:0;padding:0}
.machine-state small{display:none}
.review-layout{grid-template-columns:1fr}
.approval-box{position:static}
.product-rule-grid{grid-template-columns:1fr}
.product-preset-options{grid-template-columns:1fr}
.ticket-menu{width:min(640px,82vw)}
.client-setup{grid-template-columns:1fr}.client-setup>div+div{border-left:0;border-top:1px solid #e2ebe7}.client-setup p{min-height:0}
}
@media(max-width:620px){.shell{display:block}
.sidebar{height:auto;display:flex;flex-direction:row;padding:10px 14px}
.brand{padding:0}
.sidebar nav{display:flex}
.machine-state{border:0;margin:0 0 0 auto;padding:0;display:flex;align-items:center}
.topbar{padding:0 16px}
.page{padding:20px 14px}
.page-heading,.review-heading{align-items:stretch;flex-direction:column}
.form-grid{grid-template-columns:1fr}
.form-grid .wide{grid-column:auto}
.notice{margin-inline:14px}
.modal{padding:18px}
.heading-actions{flex-direction:column}
.ticket-control{display:block}
.ticket-picker{margin-top:10px}
.ticket-menu{position:fixed;left:12px;right:12px;top:15vh;width:auto;max-height:70vh}
.ticket-options{grid-template-columns:1fr}
}
@media(max-width:760px){.topbar{height:auto;min-height:84px;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.account{flex-wrap:wrap;font-size:12px}.computer-indicator{padding:7px 10px}.review-actionbar{bottom:6px;padding:12px;gap:8px}.review-actionbar .approval-hint{flex-basis:100%;font-size:12px}.review-actionbar button{flex:1;min-width:130px;padding:8px}.group-overview{gap:8px;flex-wrap:wrap}.group-overview>div{flex-basis:80%}.group-check-state{margin-left:22px}.task-result dl>div{grid-template-columns:1fr;gap:4px}.common-editor .section-title{align-items:flex-start;flex-direction:column;gap:6px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metrics article{padding:13px 10px}.metrics span{font-size:11px}.metrics strong{font-size:23px}.common-grid{grid-template-columns:1fr!important}}
@media(max-width:760px){#task-page .panel-head{flex-wrap:wrap;gap:12px}#task-page table{min-width:0}#task-page thead{display:none}#job-list{display:block}#job-list tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:10px;border-top:1px solid #dce6e1}#job-list td{border:0;padding:0;overflow-wrap:anywhere;font-size:13px}#job-list td[data-label]::before{content:attr(data-label);display:block;font-size:11px;color:#71857d;margin-bottom:4px}#job-list .group-cell,#job-list .job-status,#job-list .row-actions{grid-column:1/-1}#job-list .row-actions{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:12px;padding-top:8px}#job-list .job-primary{min-height:38px;min-width:112px}#job-list .job-more{margin:0}#job-list .group-cell strong{font-size:15px}}
/* Native assignment controls reuse the existing panel layout. */
#job-assignment{padding:16px 20px;flex-wrap:wrap;margin-bottom:16px}
#job-assignment label{display:grid;gap:8px;min-width:220px}
#job-assignment select{min-height:42px;min-width:220px;border:1px solid #c9ded3;border-radius:8px;padding:9px;background:#fff;color:#17352b}
#review-save-state{display:block;margin-top:4px;color:#627a73;max-width:480px}
#review-save-state.form-error{color:#b93838}
#manual-resolution-form{margin:18px 16px;padding:16px;border:1px solid #c9dcd2;border-radius:10px;background:#f7faf8;display:grid;gap:12px;max-width:760px}
#manual-resolution-form label{display:grid;gap:8px;line-height:1.6}
#manual-resolution-form label:has(input){display:flex;align-items:flex-start;gap:8px}
#manual-resolution-note{width:100%;min-width:0;padding:10px;border:1px solid #c9dcd2;border-radius:8px;resize:vertical}
#manual-resolution-form p{margin:0;color:#627a73;font-size:12px;line-height:1.6}
#manual-resolution-form button{justify-self:start}