.operator-page{background:#f4f6f3;color:#173d36;--op-line:#dce5df;--op-accent:#166b54}.operator-page button,.operator-page input,.operator-page select{min-height:46px}.operator-page textarea{min-height:100px}.op-header{position:sticky;top:0;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--op-line);padding:22px clamp(18px,4vw,64px);transition:padding .15s;box-shadow:0 3px 20px #1a3d3006}.op-header.compact{padding-top:10px;padding-bottom:10px}.op-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#173d36}.op-monogram{display:grid;place-items:center;width:44px;height:44px;background:#173d36;color:#fff;border-radius:14px;font-weight:750;font-size:24px}.op-brand strong{display:block;font-size:19px;letter-spacing:.08em}.op-brand small{display:block;font-size:9px;letter-spacing:.13em;margin-top:4px}.op-account{display:flex;align-items:center;gap:12px}.op-account select{max-width:250px;border:1px solid var(--op-line);border-radius:10px;padding:9px;background:#fff}.op-account>span{font-size:12px;color:#526a60}.op-main{max-width:1180px;margin:auto;padding:36px 24px 70px;min-height:75vh}.op-welcome{margin:10px 0 26px}.op-welcome h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:8px 0 12px}.op-welcome p{line-height:1.65;color:#526a60;max-width:70ch}.op-kicker{font-size:11px;letter-spacing:.13em;font-weight:750;text-transform:uppercase;color:#537467}.op-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.op-tabs button{border:1px solid var(--op-line);background:white;border-radius:100px;padding:10px 21px;color:#355b4c;font-weight:650;font-size:13px}.op-tabs button[aria-current="page"]{background:#173d36;color:white;border-color:#173d36}.op-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.op-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;background:white;border:1px solid var(--op-line);border-radius:18px;padding:26px;text-align:left;color:#173d36;box-shadow:0 4px 25px #173d3604}.op-card:hover{border-color:#79a491;background:#fcfefb}.op-card h2{font-size:21px;margin:0;line-height:1.35}.op-card p{margin:0;font-size:13px;line-height:1.6;color:#587266}.op-card small{margin-top:auto;font-weight:700;color:#166b54}.op-frequency{font-size:10px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;background:#edf4ee;padding:6px 10px;border-radius:99px}.op-panel{padding:24px;background:white;border:1px solid var(--op-line);border-radius:16px;margin-bottom:20px}.op-panel h2{margin-top:0;font-size:21px}.op-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.op-fields label{display:flex;flex-direction:column;gap:9px;min-width:0;font-size:13px;font-weight:650;color:#345b4c}.op-fields input,.op-fields select,.op-fields textarea,.op-builder input,.op-builder select,.op-builder textarea{width:100%;border:1px solid #cbd9d0;border-radius:9px;background:#fff;padding:12px;color:#173d36;font-size:15px}.op-span{grid-column:1/-1}.op-instructions{white-space:pre-wrap;line-height:1.7;color:#536b5f;font-size:14px}.op-help{font-size:12px;color:#5d7167;line-height:1.6}.op-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.op-error{border:1px solid #e9b7aa;background:#fff5f0;padding:16px;border-radius:10px;color:#803923;line-height:1.6}.op-success{border-left:4px solid #237d5b;background:#edf7ef;padding:18px;margin:18px 0;line-height:1.6}.op-builder{display:grid;gap:20px}.op-builder label{display:grid;gap:8px;font-size:13px;font-weight:600}.op-field-editor{border:1px solid var(--op-line);padding:18px;border-radius:12px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:#fafcf9}.op-field-editor .options{grid-column:1/-1}.op-field-editor label.check{display:flex;align-items:center;gap:9px}.op-field-editor input[type=checkbox]{width:20px;height:20px;min-height:20px}.op-entry-list{display:grid;gap:12px}.op-entry-list button{border:1px solid var(--op-line);padding:20px;background:white;border-radius:14px;text-align:left;color:inherit;display:grid;gap:9px}.op-entry-list button strong{font-size:17px}.op-entry-list button span{font-size:12px;color:#526a60}.op-readings{display:grid;grid-template-columns:minmax(140px,1fr) 2fr;gap:12px 20px;margin:0}.op-readings dt{color:#587266;font-size:13px}.op-readings dd{margin:0;font-weight:650;white-space:pre-wrap;overflow-wrap:anywhere}.op-history{border-left:2px solid #c2d7c9;padding:2px 0 16px 20px;margin:20px 0}.op-history p{line-height:1.6}.op-footer{max-width:1180px;margin:0 auto;padding:24px;font-size:11px;color:#5e7568;line-height:1.6}.op-skip{position:absolute;left:20px;top:-70px;z-index:20;background:white;padding:12px}.op-skip:focus{top:10px}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#logDialog{width:min(100% - 24px,780px);border:1px solid var(--op-line);border-radius:18px;padding:26px}#logDialog::backdrop{background:#183d3666}.operator-page .btn.primary{background:#166b54;color:white}.operator-page .page-head{margin-top:12px}.operator-page .page-head h1{font-size:27px}.operator-page .toast{z-index:30}.operator-page :focus-visible{outline:3px solid #329b85;outline-offset:3px}.op-loading{padding:40px;color:#597568}
@media(max-width:760px){.op-header{flex-wrap:wrap;gap:14px;padding:16px}.op-header.compact .op-brand small{display:none}.op-account{width:100%;gap:8px}.op-account select{flex:1;min-width:0;max-width:none}.op-account>span{display:none}.op-main{padding:20px 16px 48px}.op-grid,.op-fields{grid-template-columns:1fr}.op-card{padding:22px}.op-tabs{gap:6px}.op-tabs button{flex:1;padding:10px 12px;white-space:nowrap}.op-field-editor{grid-template-columns:1fr}.op-readings{grid-template-columns:1fr;gap:5px}.op-readings dd{margin-bottom:12px}.op-toolbar .btn{flex-grow:1}.op-panel{padding:18px}.op-main .data-table{min-width:550px}}
@media(prefers-reduced-motion:reduce){.op-header{transition:none}}
@media print{.op-header,.op-tabs,.op-toolbar,.op-footer{display:none}.op-main{padding:0;max-width:none}.op-panel{border:0}}

/* v0.25 operator layout */
.operator-page{background:#eef3ef}.op-header{background:#fafffcf5;box-shadow:none;padding:20px clamp(20px,4vw,64px)}.op-main{max-width:1280px;padding-top:42px}.op-welcome{background:#173f31;color:white;border-radius:22px;padding:36px;margin:0 0 26px}.op-welcome .op-kicker{color:#bdcf9f}.op-welcome h1{font-size:clamp(30px,4vw,44px);font-weight:600}.op-welcome p{color:#c3d6bf;font-size:14px}.op-tabs{border-bottom:1px solid #d2dfd1;padding-bottom:18px;gap:10px}.op-tabs button{border-radius:11px;padding:12px 22px}.op-card{padding:30px;border-radius:18px;min-height:220px}.op-card h2{font-size:24px;font-weight:600}.op-card:hover{box-shadow:0 10px 30px #204c3210}.op-frequency{background:#e7eeda;color:#55703d}.op-panel{padding:28px}.op-field-editor{background:#f7faf3;padding:24px;margin-bottom:18px;border-radius:15px}.op-fields label{line-height:1.5}.op-entry-list button{padding:24px}.op-entry-list button:hover{border-color:#83a383}.op-success{border-radius:12px;border:1px solid #b5d5b5;padding:22px}.op-account .btn{font-size:12px}.operator-page .data-table{min-width:570px}.operator-page dialog{width:min(100% - 24px,900px)}
@media(max-width:760px){.op-main{padding:22px 14px 44px}.op-welcome{padding:26px}.op-account{flex-wrap:wrap}.op-account>a{order:3;flex:1}.op-account select{max-width:calc(100% - 90px)}.op-card{min-height:190px;padding:24px}.op-panel{padding:20px}.op-field-editor{padding:18px}.op-header{padding:14px}.op-tabs button{flex:1 1 40%}.operator-page .op-fields{grid-template-columns:1fr}}

.op-inventory-actions{background:#fff;border:1px solid var(--op-line);border-radius:16px;padding:24px;margin-bottom:22px}.op-inventory-actions h2{font-size:22px;margin:0 0 8px}.op-inventory-actions p{font-size:13px;color:#587266}.op-inventory-actions .op-toolbar{margin-bottom:0}.op-inventory-actions a.btn{background:#194e3e;color:white;border-color:#194e3e;min-height:48px;padding:13px 20px;text-decoration:none}
