/* Transitions.dev 16-tabs-sliding: recipe and reduced-motion guard. */
.t-tabs{position:relative;display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:48px;background:var(--tabs-bar-bg)}
.t-tab{position:relative;appearance:none;border:0;background:transparent;height:30px;padding:4px 12px;color:var(--tabs-text-muted);cursor:pointer;border-radius:48px;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease)}
.t-tab:not([aria-selected="true"]):hover,.t-tab[aria-selected="true"]{color:var(--tabs-text-active)}
.t-tabs-pill{position:absolute;top:3px;left:0;height:30px;width:0;background:var(--tabs-pill-bg);border-radius:48px;transform:translateX(0);transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}
/* Product adaptation: existing Console blue underline and compact category labels. */
.cwf-system-page{--tabs-dur:250ms;--tabs-ease:cubic-bezier(.22,1,.36,1);--tabs-bar-bg:#fff;--tabs-pill-bg:#0080ff;--tabs-text-muted:#66737e;--tabs-text-active:#0080ff;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}
.cwf-system-page>.topbar{flex-shrink:0}
.cwf-system-tab-wrap{background:#fff;padding:0 28px;border-bottom:1px solid #e3e8ed;overflow-x:auto;flex-shrink:0}
.cwf-system-tabs{display:flex;gap:18px;padding:0;border-radius:0;width:max-content;min-width:100%}
.cwf-system-tabs .t-tab{height:56px;padding:0 16px;font-size:16px;border-radius:0;white-space:nowrap;font-family:inherit}
.cwf-system-tabs .t-tab[aria-selected=true]{font-weight:600}
.cwf-system-tabs .t-tabs-pill{top:auto;bottom:0;height:3px;border-radius:0}
.cwf-system-dirty{font-size:16px;color:#0080ff;margin-left:8px}
.cwf-system-dirty[hidden]{display:none}
.cwf-system-content{flex:1;min-height:0;height:auto;overflow-y:auto;overscroll-behavior:contain;padding-bottom:86px;animation:cwfSystemEnter 180ms ease-out}
.cwf-system-content:focus-visible{outline:2px solid #0080ff;outline-offset:-2px}
.cwf-system-actions{gap:18px;justify-content:flex-end}
.cwf-system-actions>button{width:auto;min-width:142px;padding:0 22px}
.cwf-system-page button:focus-visible,.cwf-ocr-editor button:focus-visible{outline:2px solid #0080ff;outline-offset:3px}
.cwf-ocr-summary .section-description{max-width:none;font-size:14px;line-height:1.55}
.cwf-ocr-table-wrap{overflow-x:auto;border:1px solid #e2e7eb;border-radius:4px}
.cwf-ocr-table{width:100%;margin:0!important;min-width:560px}
.cwf-ocr-table th:first-child{width:20%}.cwf-ocr-table th:nth-child(2){width:65%}.cwf-ocr-table th:last-child{width:15%}
.cwf-ocr-table th,.cwf-ocr-table td{padding:14px 18px!important;font-size:15px;line-height:1.6;vertical-align:middle}
.cwf-ocr-table td:last-child,.cwf-ocr-table th:last-child{text-align:right}
.cwf-ocr-table td:last-child{vertical-align:middle}
.cwf-ocr-table .outline{display:inline-flex;align-items:center;justify-content:center;min-width:72px;height:34px;margin:0!important;padding:0 14px!important;vertical-align:middle;line-height:1}
.cwf-ocr-editor-scroll{padding:26px 28px 100px;background:#fff}
.cwf-ocr-editor{display:flex;flex-direction:column;min-width:0;height:100vh}
.cwf-ocr-editor>.scroll-area{flex:1;min-height:0;height:auto}
.cwf-ocr-editor .cwf-ocr-description{font-size:16px;line-height:1.75;max-width:none;margin:0;color:#52616e}
.cwf-ocr-field-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:22px 0 20px}
.cwf-ocr-field-toolbar .cwf-text-button{white-space:nowrap}
.cwf-ocr-key-count{font-size:14px;color:#61707e;margin:0}
.cwf-ocr-field-groups{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cwf-ocr-field-groups:has(>.cwf-ocr-field-group:only-child){grid-template-columns:1fr;max-width:1040px}
.cwf-ocr-field-group{margin:0;padding:22px;border:1px solid #e2e7ed;border-radius:4px;background:#f6f8fa;min-width:0}
.cwf-ocr-field-group legend{padding:0 6px;font-size:16px;font-weight:600;color:#34414d}
.cwf-ocr-checkboxes{display:grid;grid-template-columns:1fr 1fr;gap:18px 14px}
.cwf-ocr-checkboxes label{display:flex;gap:10px;align-items:center;font-size:15px;line-height:1.6;color:#34414d;cursor:pointer}
.cwf-ocr-checkboxes input{width:17px;height:17px;accent-color:#0080ff;flex-shrink:0}
.cwf-ocr-side-layout{display:grid;grid-template-columns:minmax(190px,1fr) minmax(150px,.8fr);gap:24px;align-items:start}
.cwf-ocr-side-layout .cwf-ocr-checkboxes{grid-template-columns:1fr;gap:14px}
.cwf-ocr-sample{margin:0;min-width:0}
.cwf-ocr-sample-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}
.cwf-ocr-sample img{display:block;max-width:100%;width:100%;max-height:255px;object-fit:contain;border-radius:3px}
.cwf-ocr-sample figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;font-size:13px;color:#727f8c}
.cwf-ocr-image-dialog{max-width:800px;max-height:90vh;overflow:auto}
.cwf-ocr-image-dialog>img{display:block;width:100%;max-width:680px;max-height:65vh;object-fit:contain;margin:22px auto}
.cwf-ocr-image-dialog .dialog-actions{align-items:center;justify-content:flex-end}
.cwf-ocr-actions>span{margin-left:auto;color:#727f8c;font-size:13px;padding-right:26px}
.cwf-ocr-editor #cwfOcrError{margin:15px 0 0}
@keyframes cwfSystemEnter{from{opacity:.55}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.cwf-system-content{animation:none}}
@media(max-width:1000px){.cwf-ocr-field-groups{grid-template-columns:1fr}.cwf-ocr-actions>span{max-width:300px;line-height:1.5}.cwf-system-tabs{gap:8px}}
@media(max-width:1200px){.cwf-ocr-side-layout{grid-template-columns:1fr;gap:20px}.cwf-ocr-sample{max-width:390px;margin:0 auto;width:100%}.cwf-ocr-side-layout .cwf-ocr-checkboxes{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cwf-ocr-image-dialog{max-width:calc(100vw - 28px);padding:20px}}
@media(max-width:600px){.cwf-system-tab-wrap{padding:0 10px}.cwf-system-tabs .t-tab{padding:0 12px;font-size:15px}.cwf-system-tabs{min-width:0}.cwf-ocr-editor-scroll{padding:20px 16px 120px}.cwf-ocr-field-group{padding:18px 14px}.cwf-ocr-checkboxes{gap:16px 10px}.cwf-ocr-actions{flex-wrap:wrap;padding:10px 16px;gap:8px;height:auto}.cwf-ocr-actions>span{margin:0;max-width:none;flex-basis:100%;padding:0}.cwf-system-actions{padding:12px 16px}.cwf-system-page .credential-table-wrap{overflow-x:auto}}
@media(max-width:700px){
 .cwf-system-page .topbar,.cwf-ocr-editor .topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:10px;padding:12px 16px;flex-shrink:0}
 .cwf-system-page .topbar h1,.cwf-ocr-editor .topbar h1{flex:1 1 100%;min-width:0;font-size:20px;line-height:1.45;white-space:normal;margin:0}
 .cwf-system-page .topbar .top-actions,.cwf-ocr-editor .topbar .top-actions{width:100%;max-width:100%;gap:8px;min-width:0}
 .cwf-system-page .topbar .scenario-caption,.cwf-ocr-editor .topbar .scenario-caption{display:none}
 .cwf-system-page .topbar .scenario-navigator,.cwf-ocr-editor .topbar .scenario-navigator{flex:1;min-width:0}
 .cwf-system-page .topbar .scenario-trigger,.cwf-ocr-editor .topbar .scenario-trigger{width:100%;max-width:100%;min-width:0}
 .cwf-system-page .existing-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding-right:0}
 .cwf-system-page .existing-heading h2{flex:1 1 100%;padding:0;margin:0}
 .cwf-system-page .existing-heading button{position:static;float:none;margin:0}
}

.cwf-system-actions>button:disabled{background:#c8cdd2;color:#fff;cursor:not-allowed;border-color:#c8cdd2}
.cwf-console-logo-name{display:inline-block;margin-left:14px;color:#61707e;font-size:14px;overflow-wrap:anywhere}
.cwf-console-logo-help{display:block;margin-top:8px;color:#727f8c;font-size:14px}

.cwf-console-logo-previews{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}
.cwf-console-logo-previews figure{margin:0;max-width:100%}
.cwf-console-logo-previews figcaption{display:flex;align-items:center;gap:12px;margin-bottom:8px;font-size:14px;color:#52616e}
.cwf-console-logo-previews figcaption span{color:#0080ff;font-size:13px}
.cwf-console-logo-image{display:flex;align-items:center;justify-content:center;width:240px;max-width:100%;height:88px;padding:16px;background:#fff;border:1px solid #e2e7ed;border-radius:4px}
.cwf-console-logo-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}

@media(max-width:700px){.cwf-system-page .card:has(#cwfConsoleLogoPreview) .field{display:block}.cwf-system-page .card:has(#cwfConsoleLogoPreview) .field>label{display:block;margin-bottom:10px;padding:0}.cwf-system-page .card:has(#cwfConsoleLogoPreview) .field>div{min-width:0;max-width:100%}.cwf-console-logo-previews{gap:14px}.cwf-console-logo-name{margin:8px 0 0;display:block}}

/* Unified ARC fields and vertical two-column license choices. */
.cwf-ocr-field-groups.cwf-ocr-field-groups--wide{grid-template-columns:1fr;max-width:1160px}
.cwf-ocr-field-groups--wide .cwf-ocr-side-layout{grid-template-columns:320px minmax(0,1fr);gap:32px}
.cwf-ocr-samples{display:grid;gap:22px;min-width:0}
.cwf-ocr-field-group--columns .cwf-ocr-checkboxes{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--ocr-rows),auto);grid-auto-flow:column;gap:14px 24px}
@media(max-width:1100px){.cwf-ocr-field-groups--wide .cwf-ocr-side-layout{grid-template-columns:260px minmax(0,1fr);gap:24px}}
@media(max-width:900px){.cwf-ocr-field-groups--wide .cwf-ocr-side-layout{grid-template-columns:1fr}.cwf-ocr-samples{grid-template-columns:1fr 1fr;align-items:start}.cwf-ocr-samples .cwf-ocr-sample{max-width:none}}
@media(max-width:650px){.cwf-ocr-samples{grid-template-columns:1fr}.cwf-ocr-field-group--columns .cwf-ocr-checkboxes{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row}.cwf-ocr-field-groups--wide .cwf-ocr-side-layout>.cwf-ocr-checkboxes{grid-template-columns:1fr}}