/* ODM Rx logo studio. Styles are limited to the editor overlay. */
#logoWizardOverlay {
  --il-line:var(--odm-border,#d9dfe7); --il-ink:var(--odm-text,#172c3d);
  --il-paper:var(--odm-surface,#fff); --il-wash:var(--odm-surface-soft,#f3f6f9);
  --il-muted:var(--odm-muted,#54677a); --il-accent:var(--odm-accent-text,#315ad6);
  --il-soft:var(--odm-accent-soft,#edf2ff);
  position:fixed;inset:0;z-index:11050;display:none;align-items:center;justify-content:center;
  padding:24px;background:rgba(9,22,36,.73);color:var(--il-ink);font:14px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
#logoWizardOverlay.active{display:flex}
#logoWizardOverlay,#logoWizardOverlay *{box-sizing:border-box}
#logoWizardOverlay [hidden]{display:none!important}
#logoWizardOverlay .logo-wizard-modal{width:min(1240px,100%);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--il-line);border-radius:20px;background:var(--il-paper);box-shadow:0 30px 100px #0004}
#logoWizardOverlay :is(h2,h3,p){margin:0}
#logoWizardOverlay :is(button,input,select){font:inherit}
#logoWizardOverlay button{cursor:pointer;touch-action:manipulation}
#logoWizardOverlay button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#logoWizardOverlay :is(button,input,select):focus-visible{outline:3px solid var(--odm-focus,#315ad6);outline-offset:3px}
#logoWizardOverlay button{transition:border-color .18s,box-shadow .18s}
#logoWizardOverlay .il-header{display:flex;justify-content:space-between;gap:24px;padding:24px 30px 22px;flex-shrink:0;border-bottom:1px solid var(--il-line)}
#logoWizardOverlay .il-eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-size:10px;font-weight:750;letter-spacing:1.4px;text-transform:uppercase;color:var(--il-accent)}
#logoWizardOverlay .il-brand-mark{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:var(--il-accent);color:var(--il-paper);font:600 17px Georgia,serif;letter-spacing:-1px;text-transform:none}
#logoWizardOverlay .il-brand-divider{color:var(--il-muted);margin:0 1px}
#logoWizardOverlay .il-header h2{font:500 31px/1.2 Georgia,serif;letter-spacing:-.85px}
#logoWizardOverlay .il-header p{font-size:12px;color:var(--il-muted);margin-top:9px}
#logoWizardOverlay .il-close{display:grid;place-items:center;flex-shrink:0;align-self:flex-start;width:44px;height:44px;border:1px solid var(--il-line);border-radius:50%;background:var(--il-paper);color:var(--il-ink)}
#logoWizardOverlay .il-close:hover{background:var(--il-wash)}
#logoWizardOverlay .il-body{overflow-y:auto;overscroll-behavior:contain;display:grid;grid-template-columns:minmax(270px,.7fr) minmax(0,1.3fr);gap:30px;padding:26px 30px;min-height:0;scrollbar-color:var(--il-line) transparent}
#logoWizardOverlay .il-preview{position:sticky;top:0;align-self:start;min-width:0;padding:16px;border:1px solid var(--il-line);border-radius:14px;background:var(--il-wash)}
#logoWizardOverlay .il-preview-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;font-size:10px;color:var(--il-muted)}
#logoWizardOverlay .il-preview-heading>span:first-child{white-space:nowrap}
#logoWizardOverlay #il-preview-role{font-weight:650;text-align:right;max-width:56%;color:var(--il-accent)}
#logoWizardOverlay .il-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;background:var(--il-accent)}
#logoWizardOverlay .il-canvas-frame{width:100%;aspect-ratio:1;overflow:hidden;border:1px solid var(--il-line);border-radius:9px;background:var(--il-paper);box-shadow:0 8px 22px #1426390a}
#logoWizardOverlay #logoCanvas{display:block;width:100%;height:auto;border:0;border-radius:0}
#logoWizardOverlay .il-preview-copy{padding:17px 2px 0}
#logoWizardOverlay .il-small-label{font-size:9px;letter-spacing:1.2px;font-weight:700;color:var(--il-muted)}
#logoWizardOverlay .il-preview-caption{font-size:12px;line-height:1.65;margin:6px 0 13px;overflow-wrap:anywhere}
#logoWizardOverlay .il-preview-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;color:var(--il-muted);border-top:1px solid var(--il-line);padding-top:12px}
#logoWizardOverlay .il-preview-expand{display:none}
#logoWizardOverlay .il-preview-note{display:flex;align-items:start;gap:8px;font-size:10px;line-height:1.7;padding-top:15px;margin-top:15px;border-top:1px solid var(--il-line);color:var(--il-muted)}
#logoWizardOverlay .il-preview-note svg{width:17px;height:17px;flex:none;stroke-width:1.7;color:var(--il-accent)}
#logoWizardOverlay .il-workspace{min-width:0}
#logoWizardOverlay .il-editor-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;background:var(--il-wash);border:1px solid var(--il-line);border-radius:11px;margin-bottom:24px}
#logoWizardOverlay .il-editor-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:8px;border:1px solid transparent;border-radius:7px;color:var(--il-muted);background:transparent;font-size:12px;font-weight:650}
#logoWizardOverlay .il-editor-tabs button>span{font-size:10px;font-weight:500}
#logoWizardOverlay .il-editor-tabs button[aria-selected=true]{color:var(--il-accent);background:var(--il-paper);border-color:var(--il-line);box-shadow:0 2px 6px #14263908}
#logoWizardOverlay .il-library-heading{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:18px}
#logoWizardOverlay .il-library-heading h3{max-width:330px;font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.4px}
#logoWizardOverlay .il-library-heading p{font-size:11px;color:var(--il-muted);margin-top:7px}
#logoWizardOverlay .il-library-badge{flex-shrink:0;display:block;padding:8px 11px;border:1px solid var(--il-line);border-radius:8px;font-size:9px;line-height:1.6;text-align:center;color:var(--il-accent);background:var(--il-soft)}
#logoWizardOverlay .il-institution-groups{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
#logoWizardOverlay .il-institution-groups button{min-height:44px;padding:8px 11px;border:1px solid var(--il-line);border-radius:20px;background:var(--il-paper);color:var(--il-muted);font-size:10px}
#logoWizardOverlay .il-institution-groups button[aria-pressed=true]{background:var(--il-accent);color:var(--il-paper);border-color:var(--il-accent)}
#logoWizardOverlay label{display:block;font-size:11px;font-weight:650;margin:0 0 7px;color:var(--il-ink)}
#logoWizardOverlay label span{font-size:10px;font-weight:400;color:var(--il-muted);margin-left:4px}
#logoWizardOverlay :is(input,select){display:block;width:100%;min-width:0;min-height:46px;padding:11px 12px;border:1px solid var(--il-line);border-radius:7px;background:var(--il-paper);color:var(--il-ink);font-size:13px;box-shadow:none}
#logoWizardOverlay input::placeholder{color:var(--il-muted);opacity:1}
#logoWizardOverlay .il-gallery-heading{display:flex;justify-content:space-between;gap:14px;margin:22px 0 10px;font-size:10px;color:var(--il-muted)}
#logoWizardOverlay .il-gallery-heading>span:first-child{font-weight:650;color:var(--il-ink)}
#logoWizardOverlay .il-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#logoWizardOverlay .il-template{min-width:0;overflow:hidden;padding:5px;border:1px solid var(--il-line);border-radius:10px;color:var(--il-ink);background:var(--il-paper);text-align:left}
#logoWizardOverlay .il-template canvas{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:5px;border:1px solid var(--il-line)}
#logoWizardOverlay .il-template:hover{border-color:var(--il-accent);box-shadow:0 3px 12px #1426390d}
#logoWizardOverlay .il-template[aria-pressed=true]{border-color:var(--il-accent);box-shadow:0 0 0 1px var(--il-accent)}
#logoWizardOverlay .il-template-label{display:grid;grid-template-columns:1fr auto;gap:1px 3px;padding:9px 5px 5px;min-height:44px;align-items:center}
#logoWizardOverlay .il-template-label strong{font-size:11px;font-weight:650;overflow:hidden;text-overflow:ellipsis}
#logoWizardOverlay .il-template-label small{font-size:9px;color:var(--il-muted);grid-column:1}
#logoWizardOverlay .il-template-check{display:grid;place-items:center;grid-column:2;grid-row:1/3;width:19px;height:19px;border:1px solid var(--il-line);border-radius:50%;font-size:11px;color:transparent}
#logoWizardOverlay [aria-pressed=true] .il-template-check{color:var(--il-paper);border-color:var(--il-accent);background:var(--il-accent)}
#logoWizardOverlay .il-show-more{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:44px;border:1px solid var(--il-line);border-radius:7px;margin-top:13px;padding:9px;background:var(--il-paper);font-size:11px;color:var(--il-accent)}
#logoWizardOverlay .il-show-more:hover{background:var(--il-soft)}
#logoWizardOverlay .il-next-step{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid var(--il-line)}
#logoWizardOverlay .il-next-step strong{font-size:11px;font-weight:650}
#logoWizardOverlay .il-next-step p{font-size:10px;color:var(--il-muted);margin-top:4px}
#logoWizardOverlay .il-next-step button{display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;min-height:44px;padding:9px 12px;border:1px solid var(--il-line);border-radius:7px;background:var(--il-soft);color:var(--il-ink);font-size:11px;font-weight:650}
#logoWizardOverlay .il-section{padding-bottom:23px;margin-bottom:23px;border-bottom:1px solid var(--il-line)}
#logoWizardOverlay .il-section:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
#logoWizardOverlay .il-section-title{display:flex;align-items:center;gap:10px;margin-bottom:16px}
#logoWizardOverlay .il-section-title>span{font:italic 18px Georgia,serif;color:var(--il-accent)}
#logoWizardOverlay .il-section-title h3{font-size:15px;font-weight:650;letter-spacing:-.2px}
#logoWizardOverlay .il-field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
#logoWizardOverlay .il-help{font-size:11px;line-height:1.7;color:var(--il-muted);margin:9px 0 13px}
#logoWizardOverlay .il-symbols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#logoWizardOverlay .il-choice{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:94px;padding:12px 8px;border:1px solid var(--il-line);border-radius:8px;background:var(--il-paper);color:var(--il-ink)}
#logoWizardOverlay .il-choice>svg{width:30px;height:30px;stroke-width:1.35;color:var(--il-accent)}
#logoWizardOverlay .il-choice>span:last-child{font-size:10px;line-height:1.5;text-align:center}
#logoWizardOverlay .il-choice:hover,#logoWizardOverlay .il-colour:hover{border-color:var(--il-accent)}
#logoWizardOverlay .il-choice[aria-pressed=true],#logoWizardOverlay .il-colour[aria-pressed=true]{border-color:var(--il-accent);box-shadow:inset 0 0 0 1px var(--il-accent);background:var(--il-soft)}
#logoWizardOverlay .il-icon-library{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-height:312px;overflow-y:auto;padding:3px;margin-top:12px;overscroll-behavior:contain}
#logoWizardOverlay .il-icon-library .il-choice{min-height:91px;padding:8px 5px}
#logoWizardOverlay #il-icon-browser{padding:15px 0 0}
#logoWizardOverlay .il-custom-initials{margin-top:17px;padding:15px;border:1px dashed var(--il-line);border-radius:8px;background:var(--il-wash)}
#logoWizardOverlay .il-custom-initials>div{display:flex;gap:8px}
#logoWizardOverlay .il-custom-initials button{flex-shrink:0;min-height:46px;padding:9px 12px;border:1px solid var(--il-line);border-radius:7px;background:var(--il-paper);color:var(--il-accent);font-size:11px}
#logoWizardOverlay .il-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#logoWizardOverlay .il-suggestions button{min-height:44px;padding:7px 9px;border:1px solid var(--il-line);border-radius:6px;background:var(--il-wash);color:var(--il-accent);font-size:10px}
#logoWizardOverlay .il-layouts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#logoWizardOverlay .il-layouts .il-choice{padding:6px;gap:7px}
#logoWizardOverlay canvas.il-layout-sample{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:4px}
#logoWizardOverlay .theme-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#logoWizardOverlay .il-colour{display:flex;flex-direction:column;align-items:stretch;gap:7px;min-width:0;min-height:76px;padding:7px;border:1px solid var(--il-line);border-radius:7px;background:var(--il-paper);color:var(--il-ink);font-size:10px;text-align:center}
#logoWizardOverlay .il-colour-sample{display:grid;place-items:center;border:1px solid var(--il-line);border-radius:4px;height:33px;font:600 18px Georgia,serif}
#logoWizardOverlay .il-footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 30px;background:var(--il-paper);border-top:1px solid var(--il-line)}
#logoWizardOverlay .il-footer p{font-size:11px;color:var(--il-muted);max-width:56ch}
#logoWizardOverlay .il-footer>div{display:flex;gap:10px;flex-shrink:0}
#logoWizardOverlay .il-cancel,#logoWizardOverlay .btn-apply-logo{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 20px;border-radius:7px;font-size:12px;font-weight:650}
#logoWizardOverlay .il-cancel{border:1px solid var(--il-line);background:var(--il-paper);color:var(--il-ink)}
#logoWizardOverlay .btn-apply-logo{border:1px solid transparent;background:var(--odm-action-background,var(--odm-primary,#315ad6));color:var(--odm-action-text,#fff)}
#logoWizardOverlay .btn-apply-logo:hover{filter:brightness(.95)}
.instant-logo-btn{min-height:44px}
@media(max-width:1000px){
 #logoWizardOverlay{padding:16px}#logoWizardOverlay .logo-wizard-modal{max-height:calc(100dvh - 32px)}
 #logoWizardOverlay .il-header{padding:22px}#logoWizardOverlay .il-header h2{font-size:28px}
 #logoWizardOverlay .il-body{grid-template-columns:minmax(215px,.65fr) minmax(0,1.35fr);gap:20px;padding:22px}
 #logoWizardOverlay .il-library-heading h3{font-size:18px}#logoWizardOverlay .il-library-badge{display:none}
 #logoWizardOverlay .il-templates{gap:9px}#logoWizardOverlay .il-next-step{display:block}
 #logoWizardOverlay .il-next-step button{width:100%;margin-top:12px}#logoWizardOverlay .il-field-row{grid-template-columns:1fr}
 #logoWizardOverlay .il-footer{padding:15px 22px}
}
@media(max-width:700px){
 #logoWizardOverlay{padding:0;align-items:flex-end}#logoWizardOverlay .logo-wizard-modal{max-height:97dvh;border-radius:18px 18px 0 0;width:100%}
 #logoWizardOverlay .il-header{padding:17px 18px 15px;gap:13px}#logoWizardOverlay .il-header h2{font-size:24px;letter-spacing:-.55px}
 #logoWizardOverlay .il-header p{display:none}#logoWizardOverlay .il-eyebrow{font-size:9px;margin-bottom:9px}
 #logoWizardOverlay .il-brand-mark{width:24px;height:24px}
 #logoWizardOverlay .il-body{display:block;padding:18px;scroll-padding-top:18px}
 #logoWizardOverlay .il-preview{position:static;display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 14px;padding:12px;margin-bottom:16px;align-items:start}
 #logoWizardOverlay .il-canvas-frame{grid-column:1;grid-row:1/3}
 #logoWizardOverlay .il-preview-heading{grid-column:2;display:grid;gap:2px;margin:0;font-size:9px}
 #logoWizardOverlay #il-preview-role{text-align:left;max-width:none}
 #logoWizardOverlay .il-preview-copy{grid-column:2;padding:0}#logoWizardOverlay .il-small-label{display:none}
 #logoWizardOverlay .il-preview-caption{font-size:10px;line-height:1.5;margin:0 0 6px}
 #logoWizardOverlay .il-preview-meta{border:0;padding:0;font-size:9px;display:block}#logoWizardOverlay .il-preview-meta>span{display:none}
 #logoWizardOverlay .il-preview-expand{display:inline-flex;align-items:center;justify-content:start;min-height:44px;padding:6px 0;background:transparent;border:0;color:var(--il-accent);font-size:10px;text-decoration:underline;text-underline-offset:3px}
 #logoWizardOverlay .il-preview-note{display:none}
 #logoWizardOverlay .il-preview.is-expanded{display:block}#logoWizardOverlay .il-preview.is-expanded .il-canvas-frame{max-width:310px;margin:10px auto 15px}
 #logoWizardOverlay .il-preview.is-expanded .il-preview-heading{display:flex}.il-preview.is-expanded .il-preview-copy{padding:8px}
 #logoWizardOverlay .il-editor-tabs{margin-bottom:20px}#logoWizardOverlay .il-editor-tabs button{font-size:11px;gap:7px}
 #logoWizardOverlay .il-library-heading h3{font-size:19px;max-width:275px}#logoWizardOverlay .il-library-heading p{font-size:10px}
 #logoWizardOverlay .il-institution-groups{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding:3px 2px 8px;margin-bottom:12px;scrollbar-width:thin}#logoWizardOverlay .il-institution-groups button{flex-shrink:0;font-size:10px;padding:8px 10px}
 #logoWizardOverlay .il-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #logoWizardOverlay .il-gallery-heading{font-size:10px;line-height:1.6;margin-top:19px}
 #logoWizardOverlay .il-template-label strong{font-size:11px}#logoWizardOverlay .il-template-label small{font-size:9px}
 #logoWizardOverlay .il-icon-library{grid-template-columns:repeat(3,minmax(0,1fr))}
 #logoWizardOverlay .il-footer{display:block;padding:12px 18px max(12px,env(safe-area-inset-bottom))}
 #logoWizardOverlay .il-footer p{font-size:10px;margin:0 0 9px;line-height:1.5}
 #logoWizardOverlay .il-footer>div{display:grid;grid-template-columns:1fr 1.6fr;gap:10px}
}
@media(max-width:350px){
 #logoWizardOverlay .il-header h2{font-size:21px}#logoWizardOverlay .il-body{padding:14px}
 #logoWizardOverlay .il-preview{grid-template-columns:93px minmax(0,1fr);gap:7px 11px}
 #logoWizardOverlay .theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 #logoWizardOverlay .il-layouts{grid-template-columns:repeat(2,minmax(0,1fr))}
 #logoWizardOverlay .il-custom-initials>div{display:block}#logoWizardOverlay .il-custom-initials button{width:100%;margin-top:8px}
}
@media(min-width:701px) and (max-height:820px){#logoWizardOverlay .il-canvas-frame{max-width:270px;margin-inline:auto}}
@media(min-width:701px) and (max-height:650px){#logoWizardOverlay .il-preview{position:static}}
@media(max-width:700px) and (max-height:680px){
 #logoWizardOverlay .il-header{padding:12px 16px}#logoWizardOverlay .il-header h2{font-size:21px}#logoWizardOverlay .il-header p{display:none}
 #logoWizardOverlay .il-preview{grid-template-columns:83px minmax(0,1fr);padding:10px;margin-bottom:15px}
 #logoWizardOverlay .il-preview-heading{display:none}#logoWizardOverlay .il-canvas-frame{grid-row:1}
 #logoWizardOverlay .il-preview-copy{grid-row:1}#logoWizardOverlay .il-footer{padding:9px 16px max(9px,env(safe-area-inset-bottom))}
}
@media(prefers-reduced-motion:reduce){#logoWizardOverlay *{transition:none!important;scroll-behavior:auto!important}}
