:root{font-family:system-ui,-apple-system,'Malgun Gothic',sans-serif;color:#294451;background:#f5f7f8;font-synthesis:none;--accent:#c65d16}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.op-link{min-height:44px;padding:10px 14px;border:1px solid #ced8de;border-radius:10px;background:#fff;color:#294451;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #efad78;outline-offset:2px}.primary{background:var(--accent);color:white;border-color:var(--accent);font-weight:700}.op-header{background:#fff;border-bottom:1px solid #e1e7ea;padding:14px max(16px,calc((100% - 960px)/2));display:flex;align-items:center;gap:14px;flex-wrap:wrap}.op-logo{margin-right:auto}.op-logo img{width:134px;max-height:46px;object-fit:contain}.op-header nav{display:flex;gap:6px;font-size:13px}.op-header nav a{color:#375361;min-height:44px;display:flex;align-items:center;text-decoration:none;padding:6px 9px}.op-header nav a[aria-current=page]{color:var(--accent);font-weight:800}.op-wrap{max-width:960px;padding:24px 18px 60px;margin:auto}h1{font-size:27px;margin:6px 0 10px}h2{font-size:19px;margin:8px 0}h3{font-size:17px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.1em;color:#a04e17}.muted,.op-note{color:#617480;font-size:13px;line-height:1.65}.op-note{padding:12px 14px;background:#fff5ec;border-radius:10px}.op-card{padding:20px;background:white;border:1px solid #dfe6ea;border-radius:16px;margin:14px 0}.op-head{display:grid;grid-template-columns:140px 1fr;gap:18px;align-items:center}.op-preview{width:100%;height:155px;padding:8px;border:1px solid #e1e6e9;background:#fff;border-radius:10px;overflow:hidden}.op-preview svg,.op-preview img{width:100%;height:100%;object-fit:contain}.op-head p{margin:5px 0}.op-code{font-size:19px;font-weight:800}.op-fields{display:grid;grid-template-columns:1.5fr .9fr 1fr;gap:12px;margin:18px 0}label{display:block;font-size:13px;font-weight:600}input:not([type=checkbox]),select,textarea{display:block;width:100%;min-width:0;min-height:46px;padding:11px;margin-top:7px;color:#253e4d;border:1px solid #cbd6dc;border-radius:8px;background:white;font-size:16px}input[type=checkbox]{width:20px;height:20px;vertical-align:middle;accent-color:var(--accent);flex-shrink:0;margin:0 8px 0 0}textarea{resize:vertical}.op-total{font-size:16px;font-weight:750;padding:12px 0;color:#a94e10}.op-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.op-actions .primary{flex:1}.op-error{white-space:pre-wrap;color:#a32f23;font-size:14px;line-height:1.7;scroll-margin-top:16px}.op-row-select{display:flex;align-items:center;margin-bottom:12px;min-height:44px}.op-meta{font-size:13px;line-height:1.8;overflow-wrap:anywhere}.op-summary{white-space:pre-wrap;font:13px/1.75 system-ui;background:#f5f7f8;border:1px solid #e1e7eb;border-radius:10px;padding:14px;max-height:350px;overflow:auto}.op-cart-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.op-cart-tools label{margin-right:auto;min-height:44px;display:flex;align-items:center}.op-count{border-radius:20px;background:#fff0e4;color:#984309;font-size:11px;padding:2px 6px;margin-left:4px}.op-search{display:flex;gap:8px;margin:16px 0}.op-search input{margin:0}.op-search button{flex-shrink:0}.op-brand{display:flex;gap:9px;align-items:center;font-size:12px;margin:6px 0}.op-brand img{width:32px;height:32px}.op-brand strong{text-transform:none}.op-empty{text-align:center;padding:40px 15px}.op-empty h2{margin-bottom:16px}.op-footer{padding:18px;border-top:1px solid #e1e7eb;color:#627683;text-align:center;font-size:12px}.op-footer a{color:#894414;display:inline-flex;align-items:center;min-height:44px;margin:0 6px}#op-viewer{width:min(800px,calc(100% - 16px));max-height:calc(100dvh - 16px);border:1px solid #dbe3e8;border-radius:14px;padding:14px;color:#294451}#op-viewer::backdrop{background:#142d4077}.op-viewer-head{display:flex;gap:8px;align-items:center}.op-viewer-head h2{flex:1}.op-zoom-scroll{height:55dvh;overflow:auto;border:1px solid #e2e8eb;touch-action:pan-x pan-y pinch-zoom}.op-zoom-image{height:100%;padding:15px}.op-zoom-image svg,.op-zoom-image img{width:100%;height:100%;object-fit:contain}.op-receipt{border-color:#9eb9a5}.op-options label{margin-top:16px}.op-inquiry{width:100%}.op-send{min-height:50px;width:100%}.op-cart-summary{padding:18px;border-radius:14px;border:1px solid #e0e6eb;background:#fff}.op-steps{font-size:12px;color:#788892;margin-bottom:20px}.op-help{display:flex;gap:10px;flex-wrap:wrap}.op-help a{color:#954715;min-height:44px;display:flex;align-items:center}
@media(max-width:600px){.op-header{padding:10px 14px;gap:8px}.op-logo img{width:112px}.op-header nav{font-size:12px;gap:0}.op-header nav a{padding:5px 7px}.op-wrap{padding:20px 14px 40px}h1{font-size:23px}.op-card{padding:15px}.op-head{grid-template-columns:115px 1fr;gap:12px}.op-preview{height:132px}.op-head h2{font-size:18px}.op-head .muted{font-size:12px}.op-fields{gap:8px}.op-fields label{font-size:12px}.op-actions button{flex:1}.op-cart-tools button{font-size:12px;padding:8px 10px}.op-summary{font-size:12px}.op-cart-tools{gap:6px}.op-cart-tools label{font-size:12px}.op-meta{font-size:12px}.op-steps{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.op-logo{display:flex;gap:7px;align-items:center;text-decoration:none}.op-logo img{width:35px;height:32px}.op-logo .v2-logo__wm{font-size:21px;font-weight:850;white-space:nowrap}@media(max-width:600px){.op-header{gap:4px}.op-logo img{width:27px;height:25px}.op-logo .v2-logo__wm{font-size:18px}.op-header nav a{padding:5px 6px}}

/* v83 quotation-only flow */
.q-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.q-check{display:flex;align-items:center;min-height:44px;line-height:1.65;margin:12px 0;font-weight:500}.q-attachment{margin-top:18px}.op-unknown{display:flex;gap:12px;flex-wrap:wrap}.op-unknown .q-check{margin:0}.op-received{display:inline-flex;align-items:center;min-height:32px;padding:5px 9px;border-radius:6px;background:#edf6ef;color:#356748;font-size:12px;text-decoration:none}.op-receipt-id{display:block;overflow-wrap:anywhere;font-size:13px}.op-wrap input:disabled,.op-wrap select:disabled{background:#f0f3f5;color:#70808b}.op-wrap summary{min-height:44px;cursor:pointer;line-height:1.6;padding:10px 0}.op-head>div{min-width:0}.op-head h2{overflow-wrap:anywhere}#q-status{font-size:14px;line-height:1.7;white-space:pre-wrap}.op-receipt{scroll-margin-top:20px}input[type=file]{max-width:100%;font-size:12px}.op-cart-summary h2{line-height:1.6}@media(max-width:600px){.q-fields{grid-template-columns:1fr;gap:14px}.op-unknown{gap:0;display:block}.op-header nav{flex-wrap:wrap}.op-head{grid-template-columns:110px minmax(0,1fr)}}