.oi-page{--oi-border:#dfe6f1;--oi-ink:#243653;--oi-muted:#75839a;color:var(--oi-ink);width:100%;min-width:0;padding-bottom:12px}
.oi-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.oi-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#6476d1;margin-bottom:8px}.oi-page-heading h2{font-size:25px;font-weight:700;margin:0 0 8px}.oi-page-heading p{color:var(--oi-muted);margin:0;font-size:13px}
.oi-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(180px,1.35fr);gap:14px;margin-bottom:22px}.oi-summary>div{border:1px solid var(--oi-border);border-radius:12px;background:var(--vz-secondary-bg,#fff);padding:17px 20px;display:flex;flex-direction:column;gap:8px}.oi-summary span{font-size:12px;color:var(--oi-muted)}.oi-summary strong{font-size:24px;line-height:1.25}.oi-summary>div:nth-child(2) strong{color:#159676}.oi-summary>div:nth-child(3) strong{color:#b67c18}.oi-summary>div:last-child{background:#eef2ff;border-color:#d9e1ff}.oi-summary>div:last-child strong{color:#4b5db8}
.oi-panel{background:var(--vz-secondary-bg,#fff);border:1px solid var(--oi-border);border-radius:12px;padding:22px;margin-bottom:18px;min-width:0;box-shadow:0 3px 12px #24365304}.oi-panel-title{display:flex;gap:12px;align-items:center;margin-bottom:20px}.oi-step{background:#eef2ff;border:1px solid #dce3ff;color:#5368c9;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:700;flex:none}.oi-panel h3{font-size:16px;font-weight:650;margin:0 0 5px}.oi-panel-title p{font-size:12px;color:var(--oi-muted);margin:0}
.oi-upload-panel{text-align:center;padding:48px 24px;max-width:850px;margin:28px auto}.oi-upload-symbol{margin:0 auto 18px;display:grid;place-items:center;width:64px;height:64px;background:#eef2ff;border:1px solid #dce3ff;border-radius:18px;color:#576bcc;font-size:30px}.oi-upload-panel h3{font-size:20px}.oi-upload-panel p{color:var(--oi-muted);margin:12px 0 24px}.oi-upload-panel .form-label{display:block;text-align:left;max-width:540px;margin:0 auto 8px}.oi-upload-panel input{max-width:540px;margin:auto}.oi-upload-panel small{display:block;color:var(--oi-muted);margin-top:12px}
.oi-document-bar{display:flex;align-items:center;gap:14px;background:#f5f8ff;border:1px solid #e0e8ff;border-radius:10px;color:var(--oi-ink);padding:14px 18px}.oi-document-bar>i{font-size:26px;color:#6578cb}.oi-document-bar>div{min-width:0}.oi-document-bar strong{display:block;overflow-wrap:anywhere}.oi-document-bar span{display:block;font-size:12px;color:var(--oi-muted);margin-top:4px}.oi-model-filter{background:#f8faff;border-color:var(--oi-border)!important;border-radius:10px!important;margin:0 0 18px!important}.oi-training-tools{margin:0 0 18px!important;border-bottom:1px solid var(--oi-border);padding:10px 0 18px}.oi-details{border:1px solid var(--oi-border);border-radius:10px;padding:13px 17px;background:var(--vz-secondary-bg,#fff);margin:0 0 12px!important}.oi-details summary{font-weight:600;font-size:12px;color:#526582}.oi-read-text{max-height:350px;white-space:pre-wrap;font-size:12px}
.oi-page #oi-lines{margin-top:20px!important;padding:0;overflow:hidden}.oi-page #oi-lines>div:first-child{padding:18px 20px;margin:0!important;border-bottom:1px solid var(--oi-border)}.oi-page #oi-lines>small{display:block;padding:14px 20px;background:#fafbfe;line-height:1.7}.oi-page .oi-items-scroll{margin:0;max-width:100%;border-radius:0}.oi-page table{width:100%;min-width:980px;table-layout:fixed;margin:0;border-color:var(--oi-border)}.oi-page th{background:#f2f5fb;color:#53627c;font-weight:600;font-size:12px;padding:14px 12px;border-top:0}.oi-page th:nth-child(1){width:28%}.oi-page th:nth-child(2){width:32%}.oi-page th:nth-child(3){width:9%}.oi-page th:nth-child(4){width:13%}.oi-page th:nth-child(5){width:18%}.oi-page td{padding:16px 12px;vertical-align:top}.oi-page tbody tr:nth-child(even){background:#fafbff}.oi-page .form-control,.oi-page .form-select{border-radius:7px;border-color:#d6dfed;min-width:0;max-width:100%;font-size:12px}.oi-page .oi-source-name{min-height:76px;resize:vertical;line-height:1.5}.oi-page .oi-product{min-height:38px}.oi-page .form-label{font-size:12px;font-weight:600;margin-bottom:7px}.oi-page .form-check-label{font-size:12px}.oi-page .oi-new-product-editor .bg-light{background:#f3f6fc!important}.oi-page .oi-price-info{font-size:12px;line-height:1.6;overflow-wrap:anywhere}.oi-page small{line-height:1.5}
.oi-confirm-box{background:#f0f7f5;border:1px solid #d5e7df;border-radius:10px;padding:17px 18px 17px 42px;margin:0 0 20px!important}.oi-page-footer{position:sticky;bottom:12px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--vz-secondary-bg,#fff);border:1px solid var(--oi-border);border-radius:12px;box-shadow:0 4px 24px #24365312;margin-top:20px}.oi-page-footer strong{display:block;font-size:13px}.oi-page-footer small{display:block;color:var(--oi-muted);font-size:11px;margin-top:4px}.oi-page-footer>.btn{min-width:170px;white-space:normal}.oi-page .btn{border-radius:7px;min-height:34px}.oi-page #oi-submit{min-height:40px}
@media(max-width:767px){.oi-page-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:18px}.oi-page-heading h2{font-size:21px}.oi-page-heading>.d-flex{width:100%}.oi-page-heading>.d-flex>.btn{flex:1;font-size:12px}.oi-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:15px}.oi-summary>div{padding:12px 14px}.oi-summary strong{font-size:20px}.oi-summary>div:last-child strong{font-size:18px;overflow-wrap:anywhere}.oi-panel{padding:16px;border-radius:10px}.oi-upload-panel{padding:28px 16px;margin-top:16px}.oi-upload-panel h3{font-size:18px}.oi-page table,.oi-page tbody,.oi-page tr,.oi-page td{display:block;min-width:0;width:100%;max-width:100%}.oi-page table{table-layout:auto}.oi-page thead{display:none}.oi-page tbody tr.oi-line{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;border:0;border-bottom:1px solid var(--oi-border);padding:17px 14px;background:#fff}.oi-page .oi-line td{border:0;padding:0;min-width:0}.oi-page .oi-line td:nth-child(1),.oi-page .oi-line td:nth-child(2),.oi-page .oi-line td:nth-child(5){grid-column:1/-1}.oi-page .oi-line td:before{content:attr(data-label);display:block;color:#62738f;font-weight:600;font-size:11px;margin-bottom:7px}.oi-page .oi-line .form-control,.oi-page .oi-line .form-select{min-height:40px;font-size:13px}.oi-page-footer{bottom:8px;padding:12px;gap:12px}.oi-page-footer>.btn{min-width:130px;max-width:50%}.oi-page-footer small{font-size:10px}.oi-page .oi-new-product{min-height:38px}}
.oi-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start}.oi-main{min-width:0}.oi-preview-open{grid-template-columns:minmax(300px,.85fr) minmax(0,1.25fr)}.oi-pdf-pane{position:sticky;top:118px;height:max(380px,calc(100dvh - 180px));border:1px solid var(--oi-border);border-radius:12px;overflow:hidden;background:#fff}.oi-pdf-pane[hidden]{display:none!important}.oi-pdf-toolbar{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--oi-border);font-size:12px}.oi-pdf-pane iframe{width:100%;height:calc(100% - 44px);border:0}.oi-preview-open .oi-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-source-tools,.oi-match-details{font-size:11px;margin-top:7px}.oi-source-tools summary,.oi-match-details summary{cursor:pointer;color:#6476a1}.oi-page .oi-new-product{width:30px;min-height:28px;padding:3px}.oi-page .oi-price-decision{font-size:11px;text-overflow:ellipsis;min-height:30px}.oi-match-status{font-size:11px}.oi-page #oi-extra{margin-bottom:16px}.oi-page #oi-extra>summary{cursor:pointer}
@media(min-width:1100px){.oi-preview-open table,.oi-preview-open tbody,.oi-preview-open tr,.oi-preview-open td{display:block;min-width:0;width:100%;max-width:100%}.oi-preview-open thead{display:none}.oi-preview-open tbody tr.oi-line{display:grid;grid-template-columns:minmax(0,1fr) 75px 100px;gap:12px;padding:16px;border-bottom:1px solid var(--oi-border)}.oi-preview-open .oi-line td{padding:0;border:0}.oi-preview-open .oi-line td:nth-child(1),.oi-preview-open .oi-line td:nth-child(5){grid-column:1/-1}.oi-preview-open .oi-line td:before{content:attr(data-label);display:block;font-size:11px;color:#62738f;margin-bottom:5px}.oi-preview-open .oi-panel{padding:16px}}
@media(max-width:1099px){.oi-preview-open{grid-template-columns:minmax(0,1fr)}.oi-pdf-pane{position:relative;top:auto;height:55dvh;min-height:300px}}

.oi-source-actions,.oi-product-actions{display:flex;align-items:center;gap:14px;margin-top:6px}.oi-page .oi-source-actions>*,.oi-page .oi-product-actions>*{margin-top:0!important;margin-bottom:0}.oi-page .oi-source-actions label,.oi-page .oi-product-actions label{min-height:20px}.oi-page .oi-source-name{min-height:54px}.oi-preview-open .oi-line .oi-product{font-size:11px}.oi-preview-open .oi-line .oi-price-info{font-size:11px}.oi-source-actions i,.oi-product-actions i{font-size:15px}