:root{--color-text: #17201a;--color-text-muted: #4d5b52;--color-bg: #f4f6f1;--color-surface: #ffffff;--color-border: #d9dfd2;--color-border-strong: #b9c4b2;--color-primary: #2e6044;--color-primary-soft: #e8f2eb;--color-danger: #b3261e;--color-danger-soft: #fdf1f0;--color-danger-border: #e6b3ae;--color-warning-text: #6b4a14;--color-warning-soft: #fff8e8;--color-warning-border: #ead4a5;--color-success-text: #24563a;--color-success-soft: #effaf3;--color-success-border: #b9d8c7;--radius: 8px;--radius-lg: 12px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-title: 1.3rem;--font-section: 1.15rem;--font-sub: 1rem;--edit-border: #9bc4a9;--edit-background: #e5f1e8;--edit-text: #24563a;--toggle-off: #aab5aa;--toggle-on: var(--color-primary);color:var(--color-text);background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}.app-shell{display:grid;min-height:100vh;align-items:start;justify-items:center;grid-template-rows:1fr auto;padding:var(--space-2) 16px}.app-footer{width:min(1040px,100%);padding:var(--space-5) var(--space-4);color:var(--color-text-muted);font-size:.9rem}.app-footer nav{display:flex;flex-wrap:wrap;gap:8px 24px}.app-footer a{color:var(--color-primary);text-underline-offset:3px}.panel{width:min(1040px,100%);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);padding:var(--space-6) var(--space-4);box-shadow:0 18px 48px #17201a1a}.app-header{display:flex;gap:18px;align-items:start;justify-content:space-between}.view-menu{position:relative;flex:none;max-width:100%}.view-menu-trigger{gap:8px}.menu-icon{display:grid;gap:3px;width:18px}.menu-icon span{height:2px;border-radius:2px;background:currentColor}.current-view{border-left:1px solid #9bc4a9;padding-left:8px}.view-menu-panel{position:absolute;z-index:10;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 28px));border:1px solid #c9d2c2;border-radius:8px;background:#fff;box-shadow:0 12px 30px #17201a2e;padding:6px}.view-menu-user{margin-bottom:6px;border-bottom:1px solid #e7ebe1;padding:10px 12px 12px}.view-menu-identity{display:flex;min-width:0;align-items:center;gap:8px;margin:0;font-weight:700}.view-menu-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-menu-badge{flex:none;border-radius:4px;background:#e5f1e8;color:#24563a;font-size:.72rem;padding:3px 6px}.view-menu-item{display:block;width:100%;min-height:40px;border:0;border-radius:6px;background:transparent;color:#24563a;cursor:pointer;font:inherit;font-weight:700;text-align:left;padding:8px 12px}.view-menu-item.active{background:#2e6044;color:#fff}.view-menu-heading{margin:12px 0 2px;color:#6f8577;font-size:.75rem;font-weight:700;letter-spacing:.04em;padding:0 12px}.view-menu-group{margin-left:14px;border-left:2px solid #b9cdbd;padding-left:6px}.view-menu-footer{margin-top:16px;border-top:1px solid #e7ebe1;padding:16px 6px 4px}.view-menu-footer .secondary-button{width:100%}.eyebrow{margin:0 0 8px;color:#486255;font-size:.78rem;font-weight:700;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:1.5rem;line-height:1.05}.lead{max-width:560px;margin:20px 0 0;color:#4d5b52;font-size:1rem;line-height:1.8}.notice{margin:20px 0 0;border:1px solid #ead4a5;border-radius:8px;background:#fff8e8;color:#6b4a14;padding:12px 14px;line-height:1.7}.success{margin:20px 0 0;border:1px solid #b9d8c7;border-radius:8px;background:#effaf3;color:#24563a;padding:12px 14px;line-height:1.7}.notice a{color:#2e6044;font-weight:700}.auth-card{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:28px 0 0;border:1px solid #d9dfd2;border-radius:8px;background:#f9fbf7;padding:18px}.auth-label{margin:0 0 6px;color:#667166;font-size:.86rem;font-weight:700}.auth-email{margin:0;color:#17201a;font-weight:700;overflow-wrap:anywhere}.auth-role{margin:6px 0 0;color:#486255;font-size:.9rem}.primary-button,.secondary-button,.edit-button,.danger-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:8px;padding:0 18px;font:inherit;font-weight:700;text-decoration:none;white-space:nowrap}.primary-button:disabled,.secondary-button:disabled,.edit-button:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.58}.primary-button{border:1px solid #2e6044;background:#2e6044;color:#fff;cursor:pointer}.secondary-button{border:1px solid #2e6044;background:#fff;color:#2e6044;cursor:pointer}.access-check-button{width:min(100%,19rem)}.access-check-result{display:grid;gap:var(--space-3);justify-items:start}.edit-button{border:1px solid var(--edit-border);background:var(--edit-background);color:var(--edit-text);cursor:pointer}.danger-button{border:1px solid #b3261e;background:#fff;color:#b3261e;cursor:pointer}@media(hover:hover){.view-menu-item:hover{background:#eef5ef}.view-menu-item.active:hover{background:#244d36}.primary-button:hover:not(:disabled){background:#244d36}.secondary-button:hover:not(:disabled){background:#eef5ef}.edit-button:hover:not(:disabled){background:#d3e8da}.danger-button:hover:not(:disabled){background:#fff0ee}}.confirm-dialog-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:16px;background:#17201a7a}.confirm-dialog{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 48px #17201a40}.confirm-dialog h2{margin-top:0}.confirm-dialog-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.compact{min-height:34px;padding:0 10px}dt{color:#667166;font-size:.88rem}dd{margin:0;color:#17201a;font-weight:700;overflow-wrap:anywhere}.settings-grid{display:grid;gap:32px;margin-top:32px}.settings-section{display:grid;gap:16px;border-top:1px solid #e7ebe1;padding-top:24px}h2{margin:0;color:#17201a;font-size:1.3rem;line-height:1.3}.field-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.personal-settings-fields{grid-template-columns:repeat(4,minmax(0,1fr))}.personal-settings-fields label,.break-time-row label,.personal-settings-fields input,.break-time-row input{min-width:0}.break-times{display:grid;gap:12px}.break-times h3{margin:0}.break-time-row{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}.break-time-row button{justify-self:start}label{display:grid;gap:4px;color:#4d5b52;font-size:.9rem;font-weight:700}.help-field{display:grid;gap:4px;min-width:0}.field-title{display:flex;align-items:center;gap:6px;min-height:28px}.input-stack>label,.field,.grid-3>label,.grid-4>label,.notification-basic-grid>label{grid-template-rows:minmax(28px,auto);align-items:center}.field-title h3{margin:0}.settings-grid[aria-label=基本設定] .field-title .help-control{flex-shrink:0}.help-control{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;cursor:pointer}.help-button{width:20px;height:20px;border:1px solid #8ca496;border-radius:50%;background:#f4f8f4;color:#24563a;cursor:pointer;font:inherit;font-size:.6rem;font-weight:700}.help-popup{position:fixed;z-index:20;top:16px;left:16px;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;border:1px solid #bfd0c2;border-radius:8px;background:#fff;box-shadow:0 8px 24px #17201a2e;color:#334b3c;font-size:.88rem;font-weight:400;line-height:1.6;padding:12px 14px}input,select,textarea{width:100%;border:1px solid #c9d2c2;border-radius:8px;background:#fff;color:#17201a;font:inherit;font-size:1rem;font-weight:500;padding:10px 12px}input::placeholder,textarea::placeholder{color:#9aa79c}.calendar-prefix-input{width:100%}select[multiple]{min-height:96px}textarea{min-height:78px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid rgb(46 96 68 / 24%);outline-offset:2px}.check-row{display:flex;gap:10px;align-items:center}.check-row input{width:auto}.toggle[type=checkbox]{appearance:none;position:relative;flex:none;width:44px;height:26px;margin:0;padding:0;border:2px solid var(--toggle-off);border-radius:999px;background:var(--color-surface);cursor:pointer;transition:background-color .2s ease}.toggle[type=checkbox]:before{content:"";position:absolute;top:1px;left:1px;width:20px;height:20px;border-radius:50%;background:var(--toggle-off);transition:transform .2s ease}.toggle[type=checkbox]:checked{background:var(--toggle-on);border-color:var(--toggle-on)}.toggle[type=checkbox]:checked:before{background:var(--color-surface);box-shadow:0 1px 3px #00000038;transform:translate(18px)}.toggle[type=checkbox]:focus-visible{outline:3px solid var(--toggle-on);outline-offset:3px}.toggle[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.toggle[type=checkbox],.toggle[type=checkbox]:before{transition:none}}.button-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.recipient-form,.people-search{display:grid;gap:14px}.recipient-form,.notification-form{scroll-margin-top:24px}.recipient-form.is-editing,.notification-form.is-editing{border:1px solid var(--edit-border);border-radius:8px;background:#f9fcfa;padding:16px}.editing-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--edit-border);border-radius:8px;background:var(--edit-background);color:var(--edit-text);padding:12px 14px}.people-search{border:1px solid #e0e5da;border-radius:8px;background:#f9fbf7;padding:16px}.people-results,.recipient-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.people-results li,.recipient-list li{display:flex;gap:12px;align-items:center;justify-content:space-between;border-top:1px solid #e7ebe1;padding-top:10px}.people-results span,.recipient-list span{color:#58665d;font-size:.88rem;overflow-wrap:anywhere}.people-result-info{display:grid;gap:4px;justify-items:start;text-align:left;min-width:0}.recipient-list li>div:first-child{display:grid;gap:4px;min-width:0}.loading{margin:24px 0 0;color:#667166;font-weight:700}.mail-preview{border:1px solid #d9dfd2;border-radius:8px;padding:16px}.mail-preview h3,.recipient-group h3{margin:0;font-size:1rem}.preview-note,.field-help{margin:0;color:#58665d;font-size:.88rem;line-height:1.6}.preview-note{margin-top:8px}.preview-body{line-height:1.8;overflow-wrap:anywhere}.preview-body p{white-space:pre-wrap}.preview-placeholder{color:#58665d}.recipient-fields{grid-template-columns:max-content minmax(0,1fr) minmax(0,2fr)}.people-search-row{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:end;gap:14px}.kind-select{width:auto;justify-self:start}.recipient-group{display:grid;gap:12px}.notification-admin,.admin-desktop,.notification-form,.notification-placeholders,.notification-samples,.notification-calendar{display:grid;gap:18px}.notification-admin{margin-top:32px}.notification-placeholder{display:grid;gap:12px;border:1px solid #e0e5da;border-radius:8px;padding:16px}.timesheet-mapping-row{display:grid;grid-template-columns:minmax(8rem,1fr) 5rem minmax(7rem,1fr) minmax(14rem,2fr) auto;align-items:end;gap:12px;border:1px solid #e0e5da;border-radius:8px;padding:16px}.timesheet-mapping-row label,.timesheet-mapping-row input,.timesheet-mapping-row select{min-width:0}.notification-calendar-row,.notification-date-row{display:flex;align-items:end;gap:12px}.notification-calendar-row label{flex:1}.notification-date-list{display:grid;gap:8px}.notification-date-row input{flex:1}.notification-type-main,.notification-placeholder-main{grid-template-columns:repeat(4,minmax(0,1fr))}.notification-minute-step{width:calc((100% - 42px)/4)}.notification-input-type{display:grid;gap:4px}.notification-input-type-help{margin:0;padding-left:1.2rem}.template-placeholder-help,.notification-user-setting-help{margin:8px 0 0;padding-left:1.2rem}.template-placeholder-modifiers{display:block;color:#58665d}.notification-placeholder .check-row input{width:auto}.notification-form pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.admin-mobile-notice{display:none}@media(max-width:760px){.admin-desktop{display:none}.admin-mobile-notice{display:block;margin:0;border:1px solid #ead4a5;border-radius:8px;background:#fff8e8;padding:12px 14px}}.recipient-list li{border:1px solid #e7ebe1;border-radius:8px;background:#fff;padding:12px}.recipient-list li.recipient-disabled{background:#f0f1ef;color:#58665d}.recipient-list li.is-editing{border-color:var(--edit-border);background:var(--edit-background)}@media(max-width:520px){.app-shell{grid-template-columns:minmax(0,1fr);padding-inline:var(--space-2)}.panel{min-width:0;border:0;box-shadow:none;padding:0}.settings-grid,.settings-section,.recipient-form,.people-search,.break-times{grid-template-columns:minmax(0,1fr)}.settings-grid,.settings-section,.field-grid,.settings-section>*,.field-grid>*{min-width:0}.settings-section label{grid-template-columns:minmax(0,1fr)}.mail-preview{overflow-wrap:anywhere}.notification-cc{min-width:0;max-width:100%;padding:4px}.panel input:not([type=checkbox]),.panel select,.panel textarea{min-width:0;max-width:100%}.panel select:not([multiple]){overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.notice,.success,.editing-banner,.admin-mobile-notice{padding:4px 5px}.auth-card,.recipient-form.is-editing,.notification-form.is-editing,.people-search,.mail-preview,.notification-placeholder{padding:6px}.recipient-list li{padding:4px}.help-popup{width:min(360px,calc(100vw - 12px));padding:4px 5px}.app-header{flex-wrap:wrap}.view-menu{margin-left:auto}.view-menu-trigger{min-width:0;padding-inline:10px}.auth-card{align-items:stretch;flex-direction:column}.field-grid,.people-search-row{grid-template-columns:minmax(0,1fr)}.personal-settings-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.break-time-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:var(--space-2)}.personal-settings-fields input[type=time],.break-time-row input[type=time]{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%}.personal-settings-fields input[type=time]::-webkit-date-and-time-value,.break-time-row input[type=time]::-webkit-date-and-time-value{min-width:0;text-align:left}.people-results li,.recipient-list li{align-items:stretch;flex-direction:column}}.notification-composer{margin-block:1.5rem;padding:1.25rem;border:1px solid #d4e1d8;border-radius:1rem;background:#fff;min-width:0;max-width:100%}.notification-composer h3{margin-top:1.5rem}.notification-composer .field-grid{margin-block:1.25rem}.notification-composer .field-grid>label,.notification-composer input,.notification-composer select,.notification-composer textarea,.notification-dates,.notification-cc,.notification-note{min-width:0;max-width:100%;box-sizing:border-box}.notification-composer input:not([type=checkbox]),.notification-composer select{min-height:44px}.notification-date-field{display:block;width:100%;min-width:0;max-width:100%}.notification-date-control{position:relative;display:flex;align-items:center;width:100%;min-width:0;max-width:100%;min-height:44px;padding:.6rem .75rem;border:1px solid #c9d2c2;border-radius:.5rem;background:#fff;box-sizing:border-box}.notification-date-control:focus-within{outline:2px solid #2e6044;outline-offset:2px}.notification-date-control span{min-width:0;pointer-events:none}.notification-date-control input[type=date]{-webkit-appearance:none;appearance:none;position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;max-width:100%;min-height:44px;box-sizing:border-box;opacity:0;cursor:pointer}.notification-date-control input[type=date]::-webkit-date-and-time-value{min-width:0;min-height:1.25em;line-height:1.25;text-align:left}.notification-date-control input[type=date]::-webkit-datetime-edit{min-width:0}.notification-date-warning{display:block;margin:.35rem 0 0;padding:.4rem .6rem;border:1px solid #ead4a5;border-radius:.35rem;background:#fff8e8;color:#6b4a14}.notification-dates,.notification-cc,.notification-note,.notification-choice-list,.notification-to{grid-column:1 / -1}.notification-caution{grid-column:1 / -1;margin:0;padding:.65rem .8rem;border:1px solid #ead4a5;border-radius:.35rem;background:#fff8e8;color:#6b4a14;white-space:pre-wrap;overflow-wrap:anywhere}.notification-date-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;margin-block:.5rem;width:100%;min-width:0}.notification-date-row input{width:100%;min-width:0}.notification-date-row button{white-space:nowrap}.notification-actions{display:flex;align-items:center;gap:.75rem;margin-block:.5rem;flex-wrap:wrap}.notification-time{display:grid;grid-template-columns:minmax(0,25%) auto minmax(0,25%);justify-content:start;align-items:center;gap:.35rem;min-width:0}.notification-time select{padding-inline:4px 20px}.notification-minute-fixed{display:flex;align-items:center;min-height:44px;padding-inline:4px;box-sizing:border-box}.notification-choice-list{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:-.5rem}.notification-chip{min-height:36px;padding:.35rem .7rem}.notification-cc .notification-check{margin-block:.45rem}.default-cc{min-width:0;margin:0;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius)}.default-cc legend{padding-inline:.25rem;color:var(--color-text-muted);font-size:.9rem;font-weight:700}.default-cc .notification-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem;min-width:0}.default-cc .notification-check input{width:auto;min-width:auto;margin:.15rem 0 0;padding:0}.default-cc .notification-check span{min-width:0;overflow-wrap:anywhere}.badge-required{border-radius:4px;background:var(--color-primary-soft);color:var(--color-primary);padding:1px 6px;font-size:.8rem;font-weight:700}.notification-composer .notification-check{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.5rem;min-width:0}.notification-composer .notification-check input[type=checkbox]{width:auto;min-width:auto;margin:.15rem 0 0;padding:0}.notification-composer .notification-check span{min-width:0;overflow-wrap:anywhere}.notification-preview{display:grid;grid-template-columns:minmax(4rem,5rem) minmax(0,1fr);gap:.7rem 1rem}.notification-preview dt{font-weight:700}.notification-preview dd{margin:0;min-width:0;overflow-wrap:anywhere}.timesheet-overwrite-warning{display:block;margin:.5rem 0 0;padding:.5rem .75rem;border:1px solid #ead4a5;border-radius:8px;background:#fff8e8;color:#6b4a14;overflow-wrap:anywhere}.timesheet-overwrite-heading{margin:0;font-weight:700}.timesheet-overwrite-warning ul{margin:.35rem 0 0;padding-left:1.25rem}.notification-calendar-id{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-restart{margin-top:1rem}.notification-body{display:block;width:100%;max-width:100%;min-width:0;white-space:pre;overflow-wrap:normal;overflow-x:auto;font-family:inherit;padding:.25rem .75rem;border-left:2px solid #d4e1d8}.notification-operation-status{white-space:nowrap;overflow-x:auto}.notification-skip-mail-notice{margin:1rem 0;padding:12px 14px;border:1px solid #ead4a5;border-radius:8px;background:#fff8e8;color:#6b4a14;font-weight:700}.notification-slide{position:relative;width:min(100%,24rem);min-height:3rem;border-radius:1.5rem;background:#e8f2eb;box-shadow:inset 0 0 0 2px #2e6044;color:#183c29;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.notification-slide[aria-disabled=true]{opacity:.55}.notification-slide-label{display:flex;align-items:center;justify-content:center;min-height:3rem;padding-inline:3.25rem .5rem;text-align:center;font-weight:700}.notification-slide-thumb{position:absolute;top:0;width:3rem;height:100%;display:grid;place-items:center;border-radius:1.5rem;background:#2e6044;color:#fff;cursor:grab;touch-action:pan-y;transition:left .2s ease,transform .2s ease}.notification-slide-thumb:active{cursor:grabbing}.notification-slide.is-dragging .notification-slide-thumb{transition:none}.notification-slide.is-ready .notification-slide-thumb{background:#174a30;box-shadow:inset 0 0 0 3px #a7d7b5}.notification-slide[aria-disabled=true] .notification-slide-thumb{cursor:default}@media(prefers-reduced-motion:reduce){.notification-slide-thumb{transition:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:520px){.notification-composer{padding:7px}.notification-preview{grid-template-columns:minmax(0,1fr);gap:.25rem}.notification-preview dd{margin-bottom:.65rem}}.screen-title{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-title);line-height:1.3}.screen-lead{margin:0 0 var(--space-5);color:var(--color-text-muted);line-height:1.7}.settings-grid[aria-label=基本設定]{display:block;margin-top:0}.screen-body{container-type:inline-size;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.sec+.sec{margin-top:var(--space-6)}.sec>*+*{margin-top:var(--space-4)}.sec-title{margin:0 0 var(--space-4);padding:8px 12px;background:var(--color-primary-soft);border-left:5px solid var(--color-primary);border-radius:4px;font-size:var(--font-section)}.sec-title-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.sub-heading{margin:var(--space-5) 0 var(--space-3);font-size:var(--font-sub)}.save-area{display:grid;gap:var(--space-3);justify-items:start;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.item-card{display:grid;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-4)}.list-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px 0;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:0}.list-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-3)}.is-disabled strong,.is-disabled .muted{color:#8a938c}.badge-off{border-radius:4px;background:#eceee9;color:#5d665f;padding:1px 6px;font-size:.8rem;font-weight:700}.muted{color:var(--color-text-muted);font-size:.9rem}.grid-8,.grid-7,.grid-4,.grid-3,.grid-2,.grid-recipient,.notification-basic-grid{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr);align-items:start}.notification-basic-grid>*{min-width:0}.grid-8>*,.grid-7>*,.grid-4>*,.grid-3>*,.grid-2>*,.grid-recipient>*{min-width:0}.grid-7{grid-template-columns:repeat(2,minmax(0,1fr))}.span-3{grid-column:span 1}.half,.input-stack>*{width:100%}.input-stack{display:grid;gap:var(--space-4)}.input-stack .wide{width:100%}.range-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:4px 8px;align-items:center}.range-row .range-start-label{grid-column:1;grid-row:1}.range-row .range-end-label{grid-column:3;grid-row:1}.range-row .range-start-date{grid-column:1;grid-row:2}.range-row .tilde{grid-column:2;grid-row:2;align-self:center;white-space:nowrap}.range-row .range-end-date{grid-column:3;grid-row:2}@container (min-width: 640px){.notification-basic-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,1fr)}.input-stack>.notification-range{width:calc(50% + var(--space-6))}.notification-composer .range-row{grid-template-columns:minmax(0,25cqi) auto minmax(0,25cqi)}.grid-8,.grid-7{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-recipient{grid-template-columns:auto minmax(0,1fr) minmax(0,1fr)}.kind-select{width:8em}.half,.input-stack>*{width:50%}.input-stack>.notification-to,.input-stack>.notification-cc{width:100%}.quarter{width:50%}}@container (max-width: 639px){.notification-composer .range-row{grid-template-columns:minmax(0,1fr)}.range-row .tilde{display:none}.range-row .range-end-label{grid-column:1;grid-row:3;margin-top:var(--space-2)}.range-row .range-end-date{grid-column:1;grid-row:4}}@container (min-width: 860px){.grid-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.break-time-row{grid-template-columns:repeat(7,minmax(0,1fr))}.notification-time{grid-template-columns:minmax(0,12.5%) auto minmax(0,12.5%)}.quarter{width:25%}.span-3{grid-column:span 3}}@media(max-width:520px){.screen-body{padding:var(--space-2)}}.people-search-row{display:flex;flex-wrap:wrap;align-items:end}.people-search-row .half{flex:0 1 50%}.recipient-form{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.recipient-list{gap:0}.recipient-list li.list-row{border:0;border-bottom:1px solid var(--color-border);border-radius:0;padding:10px 0}.recipient-list li.list-row:last-child{border-bottom:0}.recipient-list li.list-row>.list-meta{display:grid;gap:4px;flex:1 1 0;min-width:0}.recipient-list li.list-row>.notification-type-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-3)}.recipient-list .recipient-name-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px var(--space-2)}.recipient-list .recipient-name-line>span{overflow-wrap:normal}.recipient-list li.list-row>.button-row{flex-wrap:nowrap;flex:none;align-self:center;gap:var(--space-2)}.recipient-list li.list-row>.button-row .toggle{flex:none;margin:0}.recipient-list li.list-row.is-disabled{background:transparent}.recipient-list li.list-row.is-disabled strong,.recipient-list li.list-row.is-disabled .muted{color:#8a938c}.recipient-list .badge-off{color:#5d665f}@media(max-width:520px){.people-search-row .half{flex-basis:100%}.recipient-list li.list-row>.button-row{align-self:flex-start}}.notification-admin,.admin-desktop,.notification-form{display:block}.notification-admin{margin-top:0}.notification-form{margin-top:var(--space-6)}.notification-form>.editing-banner{margin-bottom:var(--space-4)}.notification-admin .sec>.item-card+.item-card{margin-top:var(--space-3)}.notification-admin .sec>.grid-4+.grid-4{margin-top:var(--space-3)}.notification-admin .sec>.field-title .sec-title{flex:1}.notification-admin .notification-minute-step{width:auto}@media(max-width:760px){.admin-desktop{display:none}}.notification-composer{margin:0;padding:0;border:0;border-radius:0;background:transparent}.notification-composer .sec-title{margin:0 0 var(--space-4)}.notification-composer .screen-body{max-width:100%}.notification-composer .screen-title{margin-bottom:var(--space-5)}.notification-composer .input-stack{margin:0}.sec-title[tabindex="-1"]{scroll-margin-top:var(--space-5)}.recipient-list li.list-row.is-editing{background:var(--edit-background);box-shadow:inset 4px 0 var(--edit-border)}.notification-calendar{row-gap:var(--space-2)}.notification-calendar .sub-heading{margin:0}.break-times{row-gap:var(--space-2)}.break-times .sub-heading{margin:0}.grid-7[data-row=work-time] .field-title label{white-space:nowrap}.grid-7[data-row=work-time] input[type=time],.break-time-row input[type=time]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:44px}.grid-7[data-row=work-time] input[type=time]::-webkit-date-and-time-value,.break-time-row input[type=time]::-webkit-date-and-time-value{min-width:0;min-height:1.25em;line-height:1.25;text-align:left}.notification-calendar input[type=date]{-webkit-appearance:none;appearance:none;display:block;width:100%;min-width:0;max-width:100%;min-height:44px}.notification-calendar input[type=date]::-webkit-date-and-time-value{min-width:0;min-height:1.25em;line-height:1.25;text-align:left}.notification-calendar input[type=date]::-webkit-datetime-edit{min-width:0}.msg{display:flex;gap:8px;align-items:start;border-radius:var(--radius);padding:10px 12px;line-height:1.6;font-size:.94rem;margin:0}.msg:before{flex:none;font-weight:700}.msg-error{border:1px solid var(--color-danger-border);background:var(--color-danger-soft);color:var(--color-danger)}.msg-error:before{content:"!";display:inline-grid;place-items:center;width:1.3em;height:1.3em;border-radius:50%;background:var(--color-danger);color:#fff;font-size:.8em;margin-top:.15em}.msg-warning{border:1px solid var(--color-warning-border);background:var(--color-warning-soft);color:var(--color-warning-text)}.msg-warning:before{content:"⚠"}.msg-success{border:1px solid var(--color-success-border);background:var(--color-success-soft);color:var(--color-success-text)}.msg-success:before{content:"✓"}.msg ul{margin:4px 0 0;padding-left:1.2rem}.msg a{color:inherit;font-weight:700}.field-error-text{margin:0;color:var(--color-danger);font-size:.88rem;font-weight:700}.field-error-text:before{content:"! "}.row-errors{display:grid;gap:4px;margin-top:4px}.field.has-error input,.field.has-error select,.field.has-error textarea,.help-field.has-error input,.help-field.has-error select,.help-field.has-error textarea,.input-stack label.has-error input,.input-stack label.has-error select,.input-stack label.has-error textarea,.notification-dates.has-error .notification-date-control input,.input-stack label.has-error .notification-date-control,.notification-dates.has-error .notification-date-control,.notification-cc.has-error{border:2px solid var(--color-danger);background:var(--color-danger-soft)}