/* Blue Horizon: shared controls and settings, kept separate from operational state. */
:root{--ui-refine-line:#dfe7f4;--ui-refine-soft:#f6f9ff;--ui-refine-danger:#b42318}
.pill-soft{background:#eef2ff;color:#284bc0}
.pill-warm{background:#fff7e6;color:#895411}
/* The password editor is a section of its parent form, not another colored card. */
.password-card,.admin-security-panel .password-card,.admin-member-password-panel .password-card{padding:20px 0;border:0;border-top:1px solid var(--ui-refine-line);border-radius:0;background:transparent;box-shadow:none}
.password-card__header{gap:16px;flex-wrap:wrap}
.password-card__header h3{font:600 17px/1.7 var(--font-ui);letter-spacing:0}
.password-card__account{padding:0;background:transparent;color:var(--muted);font-size:12px;overflow-wrap:anywhere}
.password-card__meter,.admin-security-panel .password-card__meter,.admin-member-password-panel .password-card__meter{padding:0;border:0;background:transparent;box-shadow:none;gap:8px}
.password-card__bar{height:4px;border-radius:0;background:#e4eaf3}
.password-card__meter-head{justify-content:flex-start;gap:12px}
.password-card__meter-head span,.password-card__meter-head strong{font-size:12px;font-weight:500;color:var(--muted)}
.password-card__toolbar{justify-content:flex-start;gap:12px 24px}
.password-card__toolbar .button{min-height:36px;min-width:0;flex:0 1 auto;border:0;background:transparent!important;box-shadow:none;padding:4px 0;color:var(--brand);font-size:13px;text-decoration:underline;text-underline-offset:4px}
.password-card__toolbar .button:hover{color:#2340a4;background:transparent!important}
.password-card__hint,.password-card__helper{margin:0;font-size:12px;line-height:1.9}
.password-card__error{color:var(--ui-refine-danger)}
.password-card__field--error input{border-color:var(--ui-refine-danger);background:#fffafa;box-shadow:none}
/* Explicit two-column layout prevents generic label rules centering the checkbox. */
.fake-form label.checkbox-field,.fake-form label.checkbox-line,.fake-form label.toggle-row{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;justify-items:stretch;text-align:left;width:100%;min-width:0}
.fake-form label:is(.checkbox-field,.checkbox-line,.toggle-row)>input[type=checkbox]{width:18px!important;height:18px!important;min-height:18px!important;max-width:18px;margin:3px 0 0;accent-color:var(--brand);justify-self:start;flex-shrink:0}
.fake-form label:is(.checkbox-field,.checkbox-line,.toggle-row)>span{min-width:0;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
.fake-form label:is(.checkbox-field,.checkbox-line,.toggle-row)>span small{display:block;font-size:12px;line-height:1.8;color:var(--muted)}
.fake-form input:not([type=hidden]):not([type=checkbox]):not([type=radio]),.fake-form select,.fake-form textarea{min-width:0;max-width:100%;box-sizing:border-box}
:where(.password-card,.account-security,.admin-security-layout) :is(button,input,a,summary):focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.workspace-settings-page .workspace-main{min-width:0}
.workspace-settings-page .page-header{padding-bottom:28px;border-bottom:1px solid var(--ui-refine-line);background:transparent;box-shadow:none}
.workspace-settings-page .page-header h1{font-size:clamp(28px,3vw,40px);line-height:1.5}
.workspace-settings-page .page-header .eyebrow{display:none}
.workspace-settings-page .page-header p{font-size:14px;line-height:1.9}
.account-security{padding:0 30px 30px;background:#fff;min-width:0;color:var(--ink)}
.account-security-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:24px 0;border-block:1px solid var(--ui-refine-line);gap:0}
.account-security-overview>div{padding:0 22px;min-width:0;border-left:1px solid var(--ui-refine-line)}
.account-security-overview>div:first-child{padding-left:0;border-left:0}
.account-security-overview dt{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 6px}
.account-security-overview dd{font-size:15px;line-height:1.8;font-weight:650;margin:0}
.account-security-section{padding:30px 0;border-bottom:1px solid var(--ui-refine-line);min-width:0}
.account-security-section:last-child{border:0;padding-bottom:0}
.account-security-section h2{font:500 25px/1.7 "Noto Serif JP",serif;margin:0 0 8px;color:var(--ink)}
.account-security-section>p{margin:0 0 20px;font-size:13px;line-height:1.9;color:var(--muted)}
.account-security .account-security-form{display:grid;gap:16px;border:0;background:transparent;padding:0;box-shadow:none;margin:20px 0 0}
.account-security .account-security-form+.account-security-form{margin-top:26px;padding-top:24px;border-top:1px solid var(--ui-refine-line)}
.account-security-form>.button{justify-self:start;width:auto;min-height:44px;max-width:100%}
.account-security-form>label:not(.checkbox-field){display:grid;gap:8px;font-size:14px}
.account-security-form input:not([type=checkbox]):not([type=hidden]){font-size:16px;min-height:48px;background:#fff;box-shadow:none;border-color:#d7e1f2}
.account-security-form .password-card{border:0;padding:4px 0;gap:16px}
.account-security-form .password-card__grid{gap:22px}
.account-security-form .password-card__field>span{font-size:14px}
.account-security-section--two-factor>.stack{gap:16px}
.account-security-section--two-factor .mini-card,.account-security-section--withdrawal .mini-card{border:0;padding:0;background:transparent;box-shadow:none}
.account-security-section--two-factor .mini-card>strong,.account-security-section--withdrawal .mini-card>strong{font:500 25px/1.7 "Noto Serif JP",serif;color:var(--ink)}
.account-security-section--two-factor .mini-card p,.account-security-section--withdrawal .mini-card p{font-size:13px;line-height:1.9;margin:8px 0;color:var(--muted)}
.account-security-section--two-factor .active-form{background:transparent;border:0;padding:0}
.account-security-section--two-factor .hero-actions{margin-top:0}
.account-security-section--withdrawal .mini-card>.button{justify-self:start;width:fit-content}
.account-security-section .mail-delivery-recheck{background:transparent;box-shadow:none}
/* Admin security: two readable columns, then full-width settings within each. */
.admin-security-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;padding:0 24px;background:#fff}
.admin-security-layout>.admin-security-panel{padding:28px 0;border:0;background:transparent;box-shadow:none;gap:22px;min-width:0}
.admin-security-layout>.admin-security-panel--settings{padding-left:32px;border-left:1px solid var(--ui-refine-line)}
.admin-security-layout .section-heading h2{font:500 25px/1.65 "Noto Serif JP",serif;letter-spacing:0}
.admin-security-layout .eyebrow{display:none}
.admin-security-layout .admin-security-settings-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.admin-security-layout .admin-security-settings-card{padding:0;border:0;background:transparent;box-shadow:none;gap:16px;min-width:0}
.admin-security-layout .admin-security-settings-card+.admin-security-settings-card{padding-top:24px;border-top:1px solid var(--ui-refine-line)}
.admin-security-layout .admin-security-settings-card h3{font:500 21px/1.6 "Noto Serif JP",serif;margin:0;color:var(--ink)}
.admin-security-layout .admin-card--compact{display:block;border:0;border-left:2px solid #c5d2ff;padding:10px 14px;background:var(--ui-refine-soft);box-shadow:none}
.admin-security-layout .admin-card--compact>span{font-size:12px;color:var(--muted)}
.admin-security-layout .admin-card--compact>strong{font-size:14px;line-height:1.8;margin:0 0 0 10px;display:inline;font-weight:650}
.admin-security-layout .admin-card--compact>small{font-size:12px;line-height:1.8;display:block;margin-top:4px}
.admin-security-layout .toggle-row{padding:4px 0;background:transparent;border:0}
.admin-security-layout .password-card__grid{grid-template-columns:minmax(0,1fr)}
.admin-security-layout .password-card__header{display:none}
.admin-security-layout .password-card{border:0;padding:0}
.admin-security-layout .mini-card{border:0;border-top:1px solid var(--ui-refine-line);padding:24px 0 0;background:transparent;box-shadow:none}
.admin-security-layout .mini-card>strong{font:500 21px/1.7 "Noto Serif JP",serif}
.admin-security-layout .mini-card p{font-size:13px;line-height:1.9}
.admin-security-layout input:not([type=checkbox]):not([type=hidden]){font-size:16px;min-height:48px;background:#fff}
.admin-security-layout .hero-actions{align-items:center;flex-wrap:wrap}
.admin-security-layout .hero-actions .button{min-height:44px;white-space:normal}
@media(max-width:1100px){.admin-security-layout{grid-template-columns:minmax(0,1fr);gap:0}.admin-security-layout>.admin-security-panel--settings{border-left:0;border-top:1px solid var(--ui-refine-line);padding-left:0}}
@media(max-width:760px){.account-security{padding:0 18px 24px}.account-security-overview{grid-template-columns:minmax(0,1fr);padding:8px 0}.account-security-overview>div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:12px 0;border-left:0;border-bottom:1px solid var(--ui-refine-line)}.account-security-overview>div:last-child{border-bottom:0}.account-security-overview dt{font-size:12px;margin:0}.account-security-overview dd{font-size:13px;text-align:right}.account-security-section{padding:26px 0}.account-security-section h2,.account-security-section--two-factor .mini-card>strong,.account-security-section--withdrawal .mini-card>strong{font-size:22px}.account-security .password-card__grid{grid-template-columns:minmax(0,1fr)}.account-security-form>.button{width:100%;justify-self:stretch;min-height:48px}.account-security-section--withdrawal .mini-card>.button{width:100%;min-height:48px}.account-security-section--two-factor .hero-actions{display:flex;flex-wrap:wrap;gap:12px}.account-security-section--two-factor .hero-actions form{flex:1 1 180px}.account-security-section--two-factor .hero-actions .button{width:100%;min-height:48px}.workspace-settings-page .page-header h1{font-size:27px}.workspace-settings-page .page-header p{font-size:13px}.admin-security-layout{padding:0 18px}.admin-security-layout .section-heading h2{font-size:23px}.admin-security-layout .admin-security-settings-card h3{font-size:21px}.admin-security-layout .hero-actions{gap:12px}.admin-security-layout .hero-actions .button{width:100%}.password-card__header h3{font-size:16px}.password-card__grid{grid-template-columns:minmax(0,1fr)}.password-card__toolbar .button{font-size:12px}.fake-form label:is(.checkbox-field,.checkbox-line,.toggle-row)>span{font-size:13px}}

.password-card .password-card__toolbar .button.button-secondary{border:0!important;box-shadow:none!important;background:transparent!important;min-height:36px;padding:4px 0!important}
.account-security #mail-delivery-recheck:not(.is-blocked){padding:12px 0;border:0;background:transparent;box-shadow:none;gap:8px}
.account-security #mail-delivery-recheck:not(.is-blocked)>.eyebrow{display:none}
.account-security #mail-delivery-recheck:not(.is-blocked)>h3{font:600 13px/1.8 var(--font-ui);margin:0;color:var(--muted)}
.account-security #mail-delivery-recheck:not(.is-blocked)>p{font-size:12px;margin:0;line-height:1.8;color:var(--muted)}
.account-security #mail-delivery-recheck:not(.is-blocked) .helper-text{font-size:12px}
.admin-security-summary{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 12px;border-left:2px solid #c5d2ff;background:#f6f9ff;font-size:12px;line-height:1.8;color:var(--muted)}
.admin-security-summary>span+span{padding-left:16px;border-left:1px solid #dfe7f4}
.admin-security-layout .admin-security-helper{font-size:12px;line-height:1.8;color:var(--muted);margin:0}