.logo-field{display:block;margin-top:6px}
.logo-field>span{display:block;font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:8px;color:var(--ink,#16233d)}
.logo-modes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.logo-mode{border-radius:999px;border:1px solid #d7deec;background:#fff;color:#16233d;padding:8px 15px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}
.logo-mode:hover{border-color:#9fb2d8}
.logo-mode.is-active{background:#1746c8;border-color:#1746c8;color:#fff}
.logo-row{display:flex;gap:14px;align-items:flex-start}
.logo-thumb{width:78px;height:78px;flex:0 0 78px;border-radius:16px;background:rgba(233,239,250,.75);border:1px solid #dfe6f3;overflow:hidden;display:flex;align-items:center;justify-content:center}
.logo-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.logo-actions{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.logo-actions .form-help{flex:1 0 100%;margin:2px 0 0}

/* Underlying availability, stated where the choice is made rather than only
   in the confirm step. */
#error-underlying[data-tone="ok"]{color:#1c7a4a}
#error-underlying[data-tone="warn"]{color:#b4620b}
.demo-notice[data-warn="1"]{border-left:3px solid #e0a13c}