:root{--ink:#142c36;--muted:#71838a;--line:#e5ebed;--teal:#087f76;--bg:#f4f7f8;--nav:#102c32;--amber:#a56412;--red:#b44949;--green:#168269}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.6 "Segoe UI","Microsoft JhengHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .15s,transform .15s}button:hover{filter:brightness(.97)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7bd3c9;outline-offset:2px}a{color:inherit;text-decoration:none}input,select,textarea{width:100%;padding:11px 13px;border:1px solid #d8e1e4;border-radius:8px;background:white;color:var(--ink);min-width:0}input::placeholder{color:#91a0a6}label{display:block;margin:18px 0;font-weight:600}label input,label select,label textarea{display:block;margin-top:7px;font-weight:400}h1,h2,h3,p{margin-top:0}h1{font-size:30px;line-height:1.4;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:24px;margin-bottom:10px}h3{font-size:18px;margin-bottom:12px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{color:var(--teal);font-size:10px;font-weight:700;letter-spacing:2.2px;margin-bottom:10px}.primary{background:var(--teal);color:white;padding:11px 18px;border-radius:8px;font-weight:600;box-shadow:0 3px 6px #087f7612;white-space:nowrap}.secondary{border:1px solid #dce5e8;background:white;padding:8px 12px;border-radius:7px;white-space:nowrap}.quiet{background:transparent;color:inherit;text-align:left;padding:10px 0}.full{width:100%;display:flex;justify-content:space-between}.error{color:var(--red);min-height:20px}.brand-icon{width:37px;height:37px;background:var(--teal);color:white;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;border-radius:9px;letter-spacing:-1px}.login-screen{min-height:100vh;display:grid;grid-template-columns:48% 52%}.login-brand{background:var(--nav);color:#fff;padding:64px 12%;position:relative;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;overflow:hidden}.login-brand:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #2b5054;border-radius:50%;right:-280px;bottom:-250px;box-shadow:0 0 0 55px #15363d,0 0 0 56px #2b5054,0 0 0 110px #15363d}.login-brand .brand-icon{position:absolute;top:50px}.login-brand .eyebrow{color:#66b8ad}.login-brand h1{font-size:42px;line-height:1.5;letter-spacing:-1px}.login-brand p{color:#aac2c5;line-height:2}.login-foot{position:absolute;bottom:50px;font-size:11px;letter-spacing:2px}.login-foot span{margin-left:14px;color:#91abad;letter-spacing:0}.login-panel{display:flex;align-items:center;justify-content:center;background:#fff}.login-card{width:380px;max-width:85%;padding:45px 0}.login-card h2{font-size:28px}.login-card form{margin-top:32px}.login-note{color:#94a1a5;margin-top:28px;font-size:12px}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:var(--nav);color:#b1c3c7;padding:30px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;margin:0 8px 52px;color:white;font-size:23px;font-weight:600;letter-spacing:-.5px}.brand small{display:block;font-size:10px;font-weight:400;color:#8da9ad;letter-spacing:1.6px}.nav-label{font-size:10px;color:#63848c;margin:0 15px 13px;letter-spacing:2px}.nav{color:#9eb6bb;background:none;width:100%;display:flex;gap:13px;align-items:center;padding:13px 15px;border-radius:7px;text-align:left;margin:5px 0}.nav span{font-size:19px;line-height:1}.nav.active{background:#22464d;color:#eefaf7}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #28464d;font-size:12px}.sidebar-bottom small{display:block;margin:5px 0 18px;color:#698e97;font-size:10px}.dot{display:inline-block;width:7px;height:7px;background:#60bca7;border-radius:50%;margin-right:7px;vertical-align:middle}.dot.amber{background:#d19a4c}.dot.red{background:#c87474}main{margin-left:232px;min-height:100vh}.topbar{height:77px;background:white;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 38px}.breadcrumb{font-size:12px;color:#89999f}.breadcrumb span{padding:0 13px;color:#c4cdd0}.breadcrumb b{color:#415c64;font-weight:500}.account{display:flex;gap:10px;align-items:center;font-size:12px}.avatar{border:1px solid #d8e7e3;border-radius:50%;background:#eef6f3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;color:var(--teal);font-weight:700}.content{max-width:1540px;padding:34px 38px 18px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:15px}.heading p{margin-bottom:0}.count{font-size:13px;border:1px solid #d8e4e5;background:#eaf1f2;padding:2px 8px;border-radius:6px;margin-left:12px;vertical-align:middle;letter-spacing:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:22px}.stats article{background:white;border:1px solid var(--line);border-radius:10px;padding:19px 22px}.stats article>span{font-size:12px;color:#647e86}.stats strong{display:block;font-size:34px;line-height:1.6;font-weight:600;letter-spacing:-1px}.stats small{font-size:10px;color:#93a3a8}.notice{display:flex;gap:14px;align-items:center;border:1px solid #e5d8bc;background:#fbf9f1;border-radius:9px;padding:15px 18px;margin-bottom:25px}.notice-icon{border:1px solid #c59d59;color:#a5742c;width:19px;height:19px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;flex-shrink:0}.notice b{font-size:12px;color:#7b622e}.notice p{font-size:11px;color:#98845c;margin:3px 0 0}.notice>.pill{margin-left:auto;flex-shrink:0}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel-toolbar{display:flex;justify-content:space-between;gap:15px;padding:18px 20px;border-bottom:1px solid var(--line);align-items:center;flex-wrap:wrap}.tabs{display:flex;gap:4px;background:#f2f6f7;padding:4px;border-radius:7px}.tab{padding:6px 12px;border-radius:5px;background:transparent;color:#7e9399;font-size:11px}.tab.active{background:white;color:#28615f;box-shadow:0 1px 4px #172f3710}.table-actions{display:flex;gap:9px}.table-actions input{width:225px;font-size:11px;padding:8px 12px}.table-actions button{font-size:11px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;letter-spacing:.3px;color:#899ca2;background:#fafcfc;padding:13px 22px}td{padding:21px 22px;border-top:1px solid #edf1f2;font-size:12px}td small{display:block;color:#91a1a7;font-size:10px;margin-top:2px}.machine-label{display:flex;align-items:center;gap:12px}.device-icon{width:36px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#eff5f5;color:#648c8f;border-radius:8px;font-size:20px}.machine-label b{font-size:13px;font-weight:600}.pill{display:inline-flex;align-items:center;padding:3px 9px;border-radius:5px;font-size:10px;white-space:nowrap;border:1px solid transparent}.pill.green{background:#eaf5f0;color:#35836c;border-color:#d5ece1}.pill.amber{background:#fbf3e5;color:#a47834;border-color:#f1e2c7}.pill.red{background:#fbeeee;color:#b95c5c;border-color:#f2dada}.pill.gray{background:#f1f4f5;color:#81939a;border-color:#e3e9eb}.link-button{color:#217b74;background:none;padding:5px;font-size:12px}.panel-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 22px;font-size:10px;color:#91a3a9}.bottom-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:22px;margin-top:24px}.onboarding,.boundary{padding:23px 25px}.onboarding h3,.boundary h3{font-size:16px}.onboarding ol{list-style:none;margin:20px 0 0;padding:0}.onboarding li{display:flex;gap:14px;margin:18px 0}.onboarding li>span{font-size:10px;background:#eef6f3;color:#52958a;width:27px;height:27px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.onboarding b{font-size:11px;font-weight:600}.onboarding li p{font-size:10px;color:#8a9da4;margin:3px 0}.boundary>p{font-size:12px;color:#84979e;line-height:1.9;max-width:380px}.legend{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}footer{max-width:1540px;margin:0 auto;padding:22px 38px;color:#9babb0;font-size:10px;display:flex;justify-content:space-between}.model-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.model-card{padding:25px}.model-card .model-code{font-size:32px;color:#2d7e76}.integration-info{padding:25px;margin-bottom:22px}.integration-info>p{font-size:12px;color:#80949c}.integration-info pre{overflow:auto;font-size:12px;background:#f3f7f7;padding:18px;border-radius:7px}.tool-grid{display:flex;gap:10px;flex-wrap:wrap}.tool-grid code{background:#eef6f3;padding:5px 9px;border-radius:5px;color:#447d73;font-size:11px}.empty{text-align:center;color:#8ca0a6;padding:45px}.danger{color:#b14c4c;background:#fbf0f0;border:1px solid #f0d8d8;padding:9px 13px;border-radius:6px}dialog{border:1px solid #dee7e9;border-radius:12px;padding:0;max-width:850px;width:calc(100% - 36px);max-height:88vh;box-shadow:0 22px 100px #102c3233}dialog::backdrop{background:#102c3266;backdrop-filter:blur(2px)}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.modal-head h2{font-size:20px;margin:0}.icon-button{font-size:26px;background:none;color:#8aa0a5;padding:0 5px}.modal-content{padding:24px 25px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;background:#f5f8f8;border:1px solid var(--line);padding:17px;border-radius:8px;font-size:12px}.detail-grid small{display:block;color:#8a9da3;font-size:10px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.check-list{padding:0;list-style:none}.check-list li{padding:13px 0;border-bottom:1px solid var(--line)}.check-list b{font-size:12px}.check-list .pill{float:right}.check-list p{font-size:11px;color:#899ca3;margin:5px 0}.secret-box{padding:18px;background:#fff8e8;border:1px solid #efdfb8;border-radius:8px;overflow-wrap:anywhere;white-space:pre-wrap;font:12px/1.8 Consolas,monospace;user-select:all}#toast{position:fixed;bottom:25px;right:28px;max-width:480px;padding:14px 20px;border-radius:8px;background:#183d42;color:#fff;box-shadow:0 8px 30px #102c322b;z-index:100;font-size:12px}[hidden]{display:none!important}@media(min-width:1600px){.content{padding-top:45px}.stats article{padding:24px}.stats strong{font-size:40px}}@media(max-width:1100px){.sidebar{width:200px}main{margin-left:200px}.content{padding:25px}.topbar{padding:0 25px}.stats{gap:10px}.stats article{padding:15px}.bottom-grid{grid-template-columns:1fr}.notice>.pill{display:none}}@media(max-width:760px){.sidebar{position:static;width:100%;padding:15px}.brand{margin:0 0 14px;font-size:20px}.sidebar .nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:5px;overflow:auto}.nav{white-space:nowrap;padding:9px;font-size:11px;justify-content:center}.nav span{display:none}main{margin-left:0}.topbar{height:55px}.content{padding:22px 15px}.heading{align-items:flex-start}.heading h1{font-size:25px}.heading p{font-size:11px}.heading .primary{font-size:11px;padding:10px}.stats{grid-template-columns:repeat(2,1fr)}.notice{align-items:flex-start}.panel-toolbar{padding:12px}.table-actions{width:100%}.table-actions input{flex:1}.tabs{width:100%}.tab{flex:1}.bottom-grid{gap:15px}.login-screen{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.detail-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}footer{padding:20px 15px;gap:10px}.modal-content{padding:20px}td,th{padding:15px}}

/* Compact fleet workspace. Operational explanations live in disclosures and the guide. */
.sidebar{width:200px;padding:24px 16px}.brand{margin-bottom:30px}main{margin-left:200px}.topbar{height:56px;padding:0 28px}.content{padding:24px 28px;max-width:1440px}.heading{margin-bottom:16px}.heading h1{font-size:26px;margin:0}.stats{display:flex;gap:0;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:18px;overflow:hidden}.stats article{flex:1;display:flex;gap:12px;align-items:center;padding:14px 18px;border:0;border-right:1px solid var(--line);border-radius:0}.stats article:last-child{border-right:0}.stats strong{font-size:24px;line-height:1.2;margin-left:auto}.stats article>span{font-size:12px}.panel-toolbar{padding:13px 16px;gap:10px}.table-actions{align-items:center;gap:6px}.table-actions input{width:180px}.fleet-table{table-layout:fixed;white-space:normal;min-width:590px}.fleet-table th:nth-child(1){width:34%}.fleet-table th:nth-child(2){width:10%}.fleet-table th:nth-child(3){width:14%}.fleet-table th:nth-child(4){width:20%}.fleet-table th:nth-child(5){width:22%}.fleet-table td,.fleet-table th{padding:14px 12px;overflow-wrap:anywhere}.fleet-table th:first-child,.fleet-table td:first-child{padding-left:18px}.fleet-table td b{font-size:13px;font-weight:600}.fleet-table td:nth-child(4){font-size:11px}.device-id{overflow-wrap:anywhere;font-family:Consolas,monospace;letter-spacing:0}.row-actions{display:flex;gap:4px;flex-wrap:wrap}.row-actions .link-button{padding:4px;font-size:12px;white-space:nowrap}.text-danger{color:var(--red)}.panel-footer{padding:10px 18px}.model-card{padding:22px}.model-card h3{font-size:16px;margin:0 0 8px}.model-card .model-code{font-size:28px}.model-card details{margin-top:16px}.detail-grid{gap:14px}.device-notes{font-size:12px;white-space:pre-wrap;margin-top:14px}.modal-content details{border-top:1px solid var(--line);padding:12px 0}.modal-content summary,.model-card summary{cursor:pointer;color:#5f777e;font-size:12px}.modal-content details>p{margin:10px 0}.modal-content details .notice{margin:12px 0}.trash-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.trash-item small{display:block;color:var(--muted);font-size:11px}.trash-item .secondary{flex-shrink:0}.trash-list{margin-bottom:16px}
@media(max-width:900px){.content{padding:22px 18px}.panel-toolbar{align-items:stretch}.table-actions{margin-left:auto}.stats article{padding:12px}.fleet-table td,.fleet-table th{padding:12px 9px}.fleet-table th:first-child,.fleet-table td:first-child{padding-left:12px}}
@media(max-width:760px){.sidebar{width:100%;padding:14px;position:static}.brand{margin-bottom:10px}main{margin-left:0}.topbar{height:48px;padding:0 16px}.content{padding:18px 14px}.stats{display:grid;grid-template-columns:repeat(2,1fr)}.stats article{padding:12px 15px}.stats article:nth-child(2){border-right:0}.stats article:nth-child(-n+2){border-bottom:1px solid var(--line)}.heading{align-items:center}.heading h1{font-size:23px}.table-actions{width:100%}.table-actions input{width:0;flex:1}.row-actions{gap:2px}.detail-grid{grid-template-columns:1fr 1fr}}

/* Illustrated operation guide: separate from the compact fleet overview. */
.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.heading-actions a.secondary,.guide-next-action a{display:inline-flex;align-items:center;justify-content:center}.heading>a.secondary{display:inline-flex;flex-shrink:0}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}.guide-step{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;color:#647c83;text-align:left;border:1px solid var(--line);border-radius:10px}.guide-step>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:9px;background:#f0f5f5;color:#7c959b;font-weight:700}.guide-step b{display:block;font-size:14px}.guide-step small{display:block;font-size:11px;margin-top:3px;color:#82969d}.guide-step.active{background:#eef8f5;border-color:#89bfb6;color:#126d62;box-shadow:0 0 0 1px #89bfb6}.guide-step.active>span{background:var(--teal);color:#fff}.guide-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid var(--line);font-size:12px}.guide-toolbar>span{font-weight:600;color:#42636c}.guide-toolbar .secondary{font-size:12px;padding:7px 11px}.guide-image-button{display:block;width:100%;padding:20px;background:#eaf0f2;cursor:zoom-in}.guide-image-button img{display:block;width:100%;height:auto;max-width:1024px;margin:auto;border-radius:6px;box-shadow:0 8px 28px #173c4520}.guide-image-button img.is-loading{opacity:.35}.guide-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-top:1px solid var(--line)}.guide-pagination>span{color:var(--muted);font-size:12px}.guide-next-action{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:18px}.guide-next-action .primary{font-size:12px}.guide-load-error{margin:12px 18px}dialog.guide-zoom{max-width:1120px;width:calc(100% - 24px)}.guide-zoom .modal-content{overflow:auto;padding:16px}.guide-full-image{display:block;width:1024px;max-width:none;height:auto;margin:0 auto}.guide-original-link{color:var(--teal);text-decoration:underline}
@media(max-width:1000px){.guide-step{padding:13px 11px;gap:9px}.guide-step small{font-size:10px}.guide-step>span{width:30px;height:30px}.guide-steps{gap:8px}.guide-image-button{padding:12px}}
@media(max-width:760px){.heading-actions{gap:7px}.guide-steps{grid-template-columns:1fr;gap:8px;margin:15px 0}.guide-step{padding:10px 12px}.guide-step small{font-size:11px}.guide-toolbar{padding:12px}.guide-image-button{padding:8px}.guide-pagination{padding:12px}.guide-next-action{flex-direction:column;align-items:stretch}.guide-next-action .primary{text-align:center}.guide-full-image{margin:0}.guide-zoom .modal-content{padding:12px}#page-guide .heading{flex-wrap:wrap;gap:12px}#page-guide .heading p{font-size:12px}}



.ops-page {
 --ops-line:#dce8e9;
 --ops-muted:#526f77;
 --ops-accent:#08776e;
 --ops-tint:#edf7f5;
}
.ops-page .heading {flex-wrap:wrap}
.ops-page .heading>.secondary {min-height:42px}
.ops-description,.ops-section-head p {margin:5px 0 0;color:var(--ops-muted);font-size:13px}
.ops-workflow {
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:14px 22px;
 padding:14px 18px;
 margin-bottom:14px;
}
.ops-steps {display:flex;flex-wrap:wrap;gap:10px 16px;margin:0;padding:0;list-style:none}
.ops-steps li {display:flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.ops-steps li span {
 display:grid;
 place-items:center;
 width:23px;
 height:23px;
 border-radius:50%;
 background:var(--ops-tint);
 color:#106658;
 font-weight:700;
}
.ops-release {display:flex;align-items:center;gap:8px;color:var(--ops-muted);font-size:12px}
.ops-release strong,.ops-tag,.ops-version {
 display:inline-block;
 padding:4px 8px;
 border-radius:6px;
 background:var(--ops-tint);
 color:#106658;
 font-weight:700;
}
.ops-section {margin-bottom:14px;overflow:hidden}
.ops-section-head {
 display:flex;
 align-items:center;
 justify-content:space-between;
 flex-wrap:wrap;
 gap:10px 16px;
 padding:16px 18px 12px;
}
.ops-section-head h2 {font-size:17px;line-height:1.35;margin:0}
.ops-tag,.ops-version {font-size:11px}
.ops-batch-form {padding:0 18px 14px}
.ops-batch-fields {
 display:grid;
 grid-template-columns:minmax(116px,1fr) minmax(116px,1fr) minmax(155px,2fr) auto;
 align-items:end;
 gap:12px;
}
.ops-page label {min-width:0;margin:0}
.ops-batch-fields label small {font-weight:400;color:var(--ops-muted)}
.ops-page input,.ops-page select {min-width:0;min-height:42px;margin-top:5px}
.ops-prefix {
 display:flex;
 align-items:center;
 gap:8px;
 margin-top:5px;
 padding-left:11px;
 border:1px solid var(--line);
 border-radius:8px;
 color:var(--ops-muted);
}
.ops-prefix input {min-height:40px;margin:0;border:0;padding-left:0;background:transparent}
.ops-prefix:focus-within {outline:2px solid #08776e55;outline-offset:1px}
.ops-prefix input:focus {outline:none}
.ops-note {margin:9px 0 0;font-size:12px;color:var(--ops-muted);line-height:1.55}
.ops-batch-form .error:empty {display:none}
.ops-batch-toolbar {
 display:grid;
 grid-template-columns:minmax(0,320px) minmax(120px,210px);
 align-items:end;
 gap:12px 20px;
 padding:0 18px 15px;
}
.ops-progress {display:grid;gap:5px;padding-bottom:4px;color:var(--ops-muted);font-size:12px}
.ops-progress progress {width:100%;height:7px;accent-color:var(--ops-accent)}
.ops-audit-head {align-items:end;padding-bottom:16px}
.ops-audit-search {width:min(100%,275px)}
.ops-table {white-space:normal}
.ops-page .ops-table th {background:#f5f8f9;color:var(--ops-muted);font-weight:650}
.ops-table td,.ops-table th {padding:11px 14px}
.ops-table td {vertical-align:middle;overflow-wrap:anywhere}
.ops-table td small {display:block;margin-top:3px;color:var(--ops-muted)}
.ops-table tr.ops-row:hover {background:#f8fbfb}
.ops-row-actions {display:flex;align-items:center;flex-wrap:wrap;gap:4px 7px}
.ops-row-actions button {white-space:nowrap}
.ops-package .ops-version {margin-top:5px}
.ops-audit-action {
 display:inline-block;
 padding:4px 8px;
 border-radius:6px;
 color:#106658;
 background:var(--ops-tint);
 font-weight:650;
}
.ops-audit-time {font-variant-numeric:tabular-nums}
.ops-page .ops-panel-footer {gap:8px;flex-wrap:wrap;font-size:11px;color:var(--ops-muted)}
@media(max-width:940px) {
 .ops-batch-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
 .ops-batch-fields button {justify-self:start}
}
@media(max-width:720px) {
 .ops-page .table-wrap .ops-table,.ops-table tbody {display:block;width:100%;min-width:0}
 .ops-table thead {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
 .ops-table tr.ops-row {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;
  padding:13px 14px;
  border-bottom:1px solid var(--ops-line);
 }
 .ops-table td.ops-cell {display:block;min-width:0;padding:0;border:0}
 .ops-cell::before {content:attr(data-label);display:block;margin-bottom:3px;color:var(--ops-muted);font-size:10px}
 #page-batches .ops-package {grid-column:1/-1}
 .ops-row-actions button {min-height:40px}
}
@media(max-width:480px) {
 .ops-workflow,.ops-section-head {padding:12px}
 .ops-steps {display:grid;grid-template-columns:1fr 1fr;width:100%}
 .ops-release {width:100%;border-top:1px solid var(--ops-line);padding-top:9px}
 .ops-batch-form,.ops-batch-toolbar {padding:0 12px 12px}
 .ops-batch-toolbar,.ops-batch-fields {gap:9px}
 .ops-batch-toolbar {grid-template-columns:1fr}
 .ops-batch-fields label:nth-child(3) {grid-column:1/-1}
 .ops-page input,.ops-page select {font-size:16px}
 .ops-audit-search {width:100%}
}