.oto-shell{--line:#e2e7ef;--ink:#273044;--muted:#6b768a;display:grid;gap:18px;color:var(--ink)}.oto-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:26px 28px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f6f7ff);box-shadow:0 14px 38px rgba(38,50,80,.07)}.oto-eyebrow{color:#6366f1;font-size:10px;font-weight:800;letter-spacing:.14em}.oto-hero h2,.oto-modal h2{margin:7px 0 6px;font-size:24px}.oto-hero p,.oto-modal header p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.oto-primary,.oto-secondary,.oto-danger,.oto-link{box-sizing:border-box;min-height:40px;width:max-content;max-width:100%;padding:9px 14px;border:0;border-radius:9px;cursor:pointer;font:inherit;font-size:12px;font-weight:750;white-space:nowrap}.oto-primary{background:#4f46e5;color:#fff;box-shadow:0 7px 20px rgba(79,70,229,.2)}.oto-secondary{border:1px solid #d8deea;background:#fff;color:#48546a}.oto-danger{background:#b42335;color:#fff}.oto-link{min-height:38px;padding:7px;background:transparent;color:#4354c4}.oto-primary:disabled,.oto-secondary:disabled,.oto-danger:disabled{cursor:not-allowed;opacity:.5}.oto-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.oto-kpis article{display:grid;gap:4px;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:#fff}.oto-kpis b{font-size:25px;color:#3449b9}.oto-kpis span{color:var(--muted);font-size:11px}.oto-tabs{display:flex;gap:5px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#f7f8fb;overflow:auto}.oto-tabs button,.oto-detail-tabs button{min-height:40px;padding:8px 14px;border:0;border-radius:8px;background:transparent;color:#68758a;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap}.oto-tabs button[aria-selected=true],.oto-detail-tabs button.active{background:#fff;color:#3f46ae;font-weight:800;box-shadow:0 2px 10px rgba(40,52,85,.09)}.oto-toolbar{display:flex;align-items:end;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}.oto-toolbar label,.oto-form label{display:grid;gap:5px;color:#596579;font-size:11px}.oto-toolbar input,.oto-toolbar select,.oto-form input,.oto-form select,.oto-form textarea{box-sizing:border-box;min-height:40px;padding:8px 10px;border:1px solid #cfd7e4;border-radius:8px;background:#fff;color:#2d3748;font:inherit;font-size:12px}.oto-form textarea{min-height:88px}.oto-toolbar :is(input,select):focus,.oto-form :is(input,select,textarea):focus{outline:3px solid rgba(79,70,229,.13);border-color:#6366f1}.oto-check{display:flex!important;align-items:center;flex-direction:row;min-height:40px}.oto-check input{min-height:0;width:16px;height:16px}.oto-content{min-height:300px;border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden}.oto-table{overflow:auto}.oto-table table{width:100%;min-width:820px;border-collapse:collapse}.oto-table th{padding:11px 14px;border-bottom:1px solid var(--line);background:#fafbfc;color:#778398;font-size:10px;text-align:left}.oto-table td{padding:13px 14px;border-bottom:1px solid #edf0f4;color:#48546a;font-size:12px}.oto-table strong,.oto-table small{display:block}.oto-table small{margin-top:4px;color:#8993a5;font-size:10px}.oto-clamp{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oto-dot{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--tag)}.oto-status{display:inline-block;padding:4px 8px;border-radius:9px;background:#eef1f5;color:#5f6b7e;font-size:10px;font-weight:800}.oto-active,.oto-granted,.oto-approved,.oto-accepted{background:#e7f8ef;color:#19734a}.oto-draft,.oto-in_approval,.oto-sent,.oto-pending{background:#eef2ff;color:#4053bc}.oto-expired,.oto-withdrawn,.oto-rejected,.oto-declined{background:#fff0f1;color:#a52a3a}.oto-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid var(--line);color:#798497;font-size:11px}.oto-pager div{display:flex;gap:7px}.oto-empty,.oto-loading,.oto-error{display:grid;min-height:280px;place-items:center;align-content:center;gap:7px;padding:28px;color:#778398;text-align:center}.oto-empty strong,.oto-error strong{color:#344054;font-size:16px}.oto-empty p,.oto-error p{max-width:560px;margin:0;line-height:1.6}.oto-error strong{color:#a52a3a}.oto-mask{align-items:center!important;justify-content:center!important;padding:16px}.oto-modal{display:flex;flex-direction:column;width:min(980px,calc(100vw - 32px));height:auto;max-height:calc(100dvh - 32px);padding:0!important;border-radius:18px!important;overflow:hidden}.oto-modal>.modal-corner-close{top:18px;right:20px;z-index:8}.oto-modal>header{padding:22px 70px 18px 26px;border-bottom:1px solid var(--line)}.oto-modal-body{min-height:280px;padding:0 26px 22px;overflow:auto;overscroll-behavior:contain}.oto-modal>footer{display:flex;justify-content:flex-end;padding:14px 26px;border-top:1px solid var(--line);background:#fff;box-shadow:0 -9px 24px rgba(35,47,77,.05)}.oto-detail-tabs{position:sticky;top:0;z-index:4;display:flex;gap:4px;margin:0 -26px 20px;padding:8px 26px;border-bottom:1px solid var(--line);background:rgba(250,251,252,.97);overflow:auto;backdrop-filter:blur(12px)}.oto-modal-body>[data-oto-panel][hidden]{display:none!important}.oto-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.oto-facts article{display:grid;gap:7px;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:#fafbfe}.oto-facts span{color:#7b8798;font-size:10px}.oto-facts strong{font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.oto-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oto-cards article,.oto-version{display:grid;gap:7px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#fafbfe}.oto-cards span{color:#778398;font-size:11px;line-height:1.5}.oto-version{margin-bottom:12px}.oto-version header{display:flex;justify-content:space-between;align-items:center}.oto-version h4{margin:12px 0 2px;font-size:12px}.oto-action{margin-top:11px;border:1px dashed #cbd5e1;border-radius:11px;background:#fbfcfe;overflow:hidden}.oto-action>summary{padding:12px 14px;color:#4053bc;cursor:pointer;font-size:12px;font-weight:800}.oto-action[open]>summary{border-bottom:1px solid var(--line)}.oto-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:16px}.oto-form .oto-wide,.oto-form-error,.oto-form>button,.oto-warning{grid-column:1/-1}.oto-form>button{justify-self:end}.oto-form-error{padding:10px 12px;border-radius:8px;background:#fff0f1;color:#a52a3a;font-size:11px}.oto-form-error[hidden]{display:none}.oto-warning{padding:11px 13px;border-radius:9px;background:#fff8e8;color:#87520f;font-size:11px;line-height:1.6}.oto-destructive{display:grid;justify-items:end;gap:9px;margin:14px 16px;padding:13px 14px;border:1px solid #f0c8cc;border-radius:10px;background:#fff8f8}.oto-destructive p{justify-self:stretch;margin:0;color:#8d4a53;font-size:11px;line-height:1.6}.oto-destructive .oto-form-error{justify-self:stretch;width:100%;box-sizing:border-box}
@media(max-width:800px){.oto-kpis{grid-template-columns:1fr 1fr}.oto-toolbar{align-items:stretch;flex-direction:column}}@media(max-width:680px){.oto-hero{align-items:stretch;flex-direction:column;padding:20px}.oto-mask{padding:8px}.oto-modal{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.oto-modal>header{padding:19px 58px 16px 18px}.oto-modal-body{padding-inline:18px}.oto-detail-tabs{margin-inline:-18px;padding-inline:18px}.oto-modal>footer{padding-inline:18px}.oto-facts,.oto-cards,.oto-form{grid-template-columns:1fr}.oto-form .oto-wide,.oto-form-error,.oto-form>button,.oto-warning{grid-column:auto}}@media(max-width:420px){.oto-kpis{grid-template-columns:1fr}.oto-pager{align-items:stretch;flex-direction:column}}