.notification-gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#d9f6f5 0,#edf7fc 42%,#f7fafc 100%)}
.notification-gate-card{width:min(620px,100%);padding:clamp(24px,5vw,48px);border:1px solid #cfe4ea;border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(16,45,75,.14);text-align:center}
.notification-gate-card h1{margin:.35rem 0 .7rem;font:800 clamp(1.8rem,5vw,2.7rem)/1.08 Manrope,sans-serif;color:#102d4b}
.notification-gate-card>p{color:#536b7d}.notification-mark{width:64px;height:64px;margin:auto;display:grid;place-items:center;border-radius:20px;background:#102d4b;color:#6ed6d1}.notification-mark .icon{width:30px;height:30px}
.notification-gate-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 14px}
.notification-steps{margin:24px 0;text-align:left;padding:20px;border-radius:18px;background:#f1f9fb}.notification-steps h2{font-size:1.05rem;color:#102d4b}.notification-steps li{margin:.65rem 0;color:#314b60}
.notification-preferences form{display:grid;gap:18px}.notification-choice-list,.recipient-mode{min-width:0;border:1px solid #d9e7ec;border-radius:16px;padding:16px}.notification-choice-list legend,.recipient-mode legend{font-weight:700;color:#102d4b}
.notification-choice-actions{display:flex;gap:14px;margin-bottom:12px}.link-button{border:0;background:none;color:#087f87;font:inherit;font-weight:700;cursor:pointer;padding:0}
.notification-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:9px}.notification-checks label{display:flex;gap:8px;align-items:center;padding:9px 10px;border-radius:10px;background:#f5f9fa}
.notification-checks [data-notification-option][hidden]{display:none!important}
.form-grid input:is([type=checkbox],[type=radio]),.notification-choice-list input[type=checkbox],.recipient-mode input[type=radio]{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;margin:0!important;padding:0!important;flex:0 0 18px;accent-color:var(--personal-accent,#2474d5)}
.form-grid label:has(>input[type=checkbox]),.recipient-mode label{display:flex;align-items:center;gap:8px;flex-direction:row}
.custom-notification-card{min-width:0}.custom-notification-card textarea{min-height:120px}.recipient-mode{display:flex;gap:22px;flex-wrap:wrap}.recipient-count{margin:0;color:#536b7d;font-weight:700}.choose-custom-recipients{justify-self:start}.notification-popup-choice>p{margin:2px 0 12px;color:#6e7e91;font-size:12px}.notification-picker-trigger{width:100%}
.notification-picker-layer{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:20px;background:rgba(13,35,57,.55);backdrop-filter:blur(3px)}.notification-picker-layer[hidden]{display:none!important}.notification-picker-dialog{width:min(680px,100%);max-height:min(720px,calc(100dvh - 40px));display:flex;flex-direction:column;overflow:hidden;padding:22px;border:1px solid #d9e7ec;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(16,45,75,.24)}.notification-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notification-picker-head h3{margin:0;font:700 20px Manrope,sans-serif}.notification-picker-head p{margin:3px 0 0;color:#6e7e91}.notification-picker-head>button{width:34px;height:34px;border:0;border-radius:8px;background:#eef3f6;color:#536b7d;font-size:22px;cursor:pointer}.notification-picker-search{display:block;margin:18px 0 12px;font-size:11px;font-weight:700;color:#53677a}.notification-picker-search input{display:block;width:100%;height:42px;margin-top:5px;padding:0 12px;border:1px solid #d9e2e8;border-radius:8px;font:14px var(--font);color:var(--ink);background:#fff}.notification-picker-dialog>.notification-checks{overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr));padding-right:4px}.notification-picker-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px}.notification-picker-actions span{font-weight:700;color:#536b7d}.notification-picker-open{overflow:hidden}
.notification-picker-dialog{color:var(--ink);min-height:0}.notification-picker-dialog>.notification-checks{min-height:0}.notification-checks label{min-width:0;min-height:42px;cursor:pointer}.notification-checks label span{overflow-wrap:anywhere}.notification-picker-dialog>:not(.notification-checks){flex-shrink:0}
.choose-custom-recipients[hidden]{display:none!important}.custom-notification-card .form-grid>.full{grid-column:1/-1}.team-row>div:nth-child(2),.profile-identity>div{min-width:0;overflow-wrap:anywhere}.team-row .client-avatar{flex-shrink:0}.request-row>span{overflow-wrap:anywhere}
html:is([data-theme=dark],[data-color-scheme=dark]) :is(.notification-picker-dialog,.notification-gate-card){background:var(--surface,#202d3e);border-color:var(--line);color:var(--ink)}
html:is([data-theme=dark],[data-color-scheme=dark]) :is(.notification-checks label,.notification-picker-head>button,.notification-steps){background:var(--surface-raised,#28384c);color:var(--ink)}
html:is([data-theme=dark],[data-color-scheme=dark]) .notification-steps :is(ol,li){color:#e4ebf5}
html:is([data-theme=dark],[data-color-scheme=dark]) :is(.notification-choice-list,.recipient-mode){border-color:var(--line)}
html:is([data-theme=dark],[data-color-scheme=dark]) .notification-picker-layer{background:rgba(0,8,18,.72)}
/* Tablet portrait uses one comfortable card column; landscape has room for two. */
@media(min-width:721px) and (max-width:1099px){
 .content:not(.calendar-content){padding:22px}.profile-grid{grid-template-columns:minmax(0,1fr);gap:18px}.profile-page,.team-page{width:100%;max-width:960px}.profile-grid>.team-card,.team-page>.team-card{padding:22px}
 .profile-card .form-grid,.appearance-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid .form-grid>.full{grid-column:1/-1}.profile-identity{flex-wrap:wrap}
 .team-archive-switch{display:flex;flex-wrap:wrap;width:fit-content;max-width:100%}.team-archive-switch button{min-height:42px}.team-row{flex-wrap:wrap}.team-row>div:nth-child(2){flex:1 1 55%}
 .notification-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.notification-picker-dialog{width:min(640px,100%)}.notification-picker-search input{font-size:16px}
 .calendar-content{grid-template-columns:minmax(0,1fr)!important}.calendar-content>.day-panel{width:100%!important;border-left:0;border-top:1px solid var(--line)}.calendar-pane-resizer{display:none!important}.calendar-content>.calendar-panel{width:100%!important;min-width:0!important}.calendar-panel{padding:20px}.calendar-content .day-panel .schedule-list{max-height:450px}
 .case-editor-modal{width:calc(100vw - 36px)!important;max-width:calc(100vw - 36px)!important}.v11-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v11-case-grid>.span-4{grid-column:1/-1}
}
@media(max-width:720px){.team-archive-switch{display:flex;flex-wrap:wrap;max-width:100%}.team-archive-switch button{min-height:40px}.profile-grid .form-grid>.full{grid-column:1/-1}}
@media(min-width:1100px){.team-page{max-width:1500px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.team-page>.calendar-toolbar,.team-page>.team-archive-switch,.team-page>.team-directory-card{grid-column:1/-1}.team-page>.team-archive-switch{justify-self:start}.team-page>.team-card{width:100%;max-width:none;margin:0}.profile-page{max-width:1500px}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.profile-grid>.team-card{width:100%;max-width:none;margin:0}.profile-grid>.notification-preferences{grid-column:auto}}
@media(max-width:1099px){.team-page>.team-card{max-width:none;margin-top:16px}.profile-grid>.team-card{max-width:none;margin:0}}
@media(max-width:620px){.notification-gate{padding:12px}.notification-gate-card{padding:24px 18px;border-radius:22px}.notification-gate-actions{flex-direction:column}.notification-gate-actions .btn{width:100%}.notification-checks,.notification-picker-dialog>.notification-checks{grid-template-columns:1fr}.recipient-mode{display:grid;gap:12px}.notification-picker-layer{padding:10px}.notification-picker-dialog{max-height:calc(100dvh - 20px);padding:18px 14px}.notification-picker-actions .btn{min-width:96px}}