/* Shared component contract for company pages; semantic status colors stay intact. */
:root{--ui-accent:#3345ef;--ui-ink:#232d43;--ui-muted:#758096;--ui-line:#dfe4f0;--ui-surface:#fff;--ui-bg:#f5f7ff;--ui-radius:10px;--ui-control:42px}
body :where(button,.button){font-family:inherit;word-break:keep-all;white-space:nowrap;line-height:1.4}
body :where(input,select,textarea){font-family:inherit;box-sizing:border-box;min-width:0}
body main.container :where(.card,.form-card){border-radius:12px;box-shadow:none}
body main.container :where(.card .card){border-radius:8px;box-shadow:none}
body main.container :where(button.secondary,a.secondary){background:#fff;color:#44506a;border:1px solid #dfe4f0;border-radius:8px;box-shadow:none}
body main.container :where(button.primary,button[type=submit]){border-radius:8px;box-shadow:none}
body main.container :where(label){line-height:1.5}
body main.container :where(.hint,.muted){line-height:1.65;color:#758096}
body main.container :where(.actions,.form-actions,.button-row){display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body main.container :where(.actions button,.form-actions button,.button-row button){flex-shrink:0}
body :where(dialog){border-color:#dfe4f0;border-radius:14px}
body :where(dialog)::backdrop{background:#1d29454d}
body :where([role=tab]){white-space:nowrap;word-break:keep-all}
body :where(button,a,input,textarea,select):focus-visible{outline:2px solid #3345ef;outline-offset:2px}
@media(max-width:720px){body main.container :where(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}body main.container :where(.form-actions,.button-row){gap:8px}body main.container :where(.card){border-radius:10px}}
@media(prefers-reduced-motion:reduce){body *,body *:before,body *:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}