
/* v0.1.16: concise navigation and touch layouts. */
.sidebar .nav-link{font-size:15px;font-weight:700;color:#e6edf6;min-height:48px}
.sidebar .nav-link.active{color:#fff;background:#2259a0}.sidebar .nav-link:hover{background:#204e85;color:#fff}
.sidebar nav{margin-top:24px}.sidebar .brand{font-weight:800}
.topbar #today-label{display:inline-block;color:#263e54;font-size:17px;font-weight:800;white-space:nowrap}
.topbar-right{margin-left:auto}.activity-head .meta>p{font-size:13px;color:#415c71;font-weight:600}
.account-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.account-actions .btn{margin:3px 0;padding:9px 12px}
.menu-order-row .menu-name-input{flex:1;min-width:100px;max-width:320px;margin:0}
.calendar-day{cursor:pointer}.calendar-event{cursor:pointer}
.calendar-day.calendar-holiday .day-number,.calendar-holiday-name,.calendar-holiday-detail,.day-banner .calendar-holiday-detail{color:#a82332;font-weight:700}
.calendar-day.calendar-holiday.is-today .day-number{background:#a82332;color:#fff}
.calendar-holiday-name{font-size:11px;line-height:1.2;overflow-wrap:anywhere}
#modal-body .calendar-holiday-detail{margin-bottom:6px}
@media(max-width:700px){.raon-mobile .calendar-holiday-name{font-size:10px}.raon-mobile .range-day .calendar-holiday-name{font-size:12px}}
.trash-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;padding:18px}.trash-toolbar input{width:100px}.trash-toolbar label{margin:0}
@media(max-width:650px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.topbar-right{flex-wrap:wrap;justify-content:flex-end;gap:7px}.topbar #today-label{font-size:15px}.topbar .btn{min-height:40px}button.btn,.tab,.home-view-tabs button{min-height:42px}.calendar-day{min-height:100px}.account-actions{min-width:190px;gap:9px}.menu-order-row{gap:6px}.menu-order-row input{width:100px}}

/* Department/team address book */
.company-basics{padding:20px 24px;margin-bottom:24px}
.company-basics .info-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px}
.org-directory .toolbar{flex-wrap:wrap}
.org-node{border:1px solid #cbdff0;border-radius:14px;background:#fff;margin:12px 0;overflow:hidden}
.org-node>summary{display:flex;align-items:center;gap:10px;cursor:pointer;background:#eaf4ff;padding:16px;list-style:none;flex-wrap:wrap}
.org-node>summary::before{content:'▸';color:#3978b2}.org-node[open]>summary::before{content:'▾'}
.org-node>summary strong{font-size:17px;color:#173e68}.org-kind{font-size:12px;font-weight:700;color:#2a6299;background:#d7eaff;padding:4px 9px;border-radius:6px}
.org-count{color:#597389;font-size:13px;margin-right:auto}.org-node-body{padding:16px}
.org-team{margin-left:16px}.org-team>summary{background:#f4f9ff}
.org-toolbar,.org-counter{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.org-counter{padding:12px;background:#f4f8fc;border-radius:9px;margin:10px 0;color:#486079;font-size:13px}
.org-person{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px;border-top:1px solid #e1eaf3}
.org-person p{margin:5px 0;color:#566b80}.org-person .record-actions{flex-shrink:0;flex-wrap:wrap}
.org-unassigned{padding:18px;margin-top:16px}.org-unassigned h3{margin:0 0 12px}
#contact-share-text{font-size:16px;line-height:1.8;min-height:220px;background:#f2f8ff}
@media(max-width:650px){.company-basics .info-list{grid-template-columns:1fr}.company-basics{padding:16px}.org-person{align-items:flex-start;flex-direction:column}.org-team{margin-left:4px}.org-node-body{padding:10px}.org-node>summary{padding:12px}.org-node>summary strong{font-size:16px}.org-directory .toolbar{gap:10px}}
.company-basics h2{font-size:17px;margin:0 0 16px;color:#25486b}.company-basics .info-list dt{font-size:13px;color:#586b7b}.company-basics .info-list dd{font-size:15px;color:#25394c}
.daily-encouragement{flex:1;min-width:100px;max-width:540px;margin:0 22px 0 18px;font-size:14px;line-height:1.6;color:#386288;font-weight:600;word-break:keep-all}
.auto-group-path{color:#245b8f!important;font-weight:600;line-height:1.6}
.auto-group-preview{padding:13px 16px;border:1px solid #d4e6f5;border-radius:10px;background:#f2f8ff;color:#245b8f}
.auto-group-preview label{margin-bottom:7px}.auto-group-preview strong{font-size:14px}
@media(max-width:1100px){.topbar{height:auto;min-height:76px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap;gap:10px}.daily-encouragement{flex-basis:100%;max-width:none;order:2;font-size:13px;margin:0}.topbar-right{max-width:100%}}

/* Separate organization selectors and person-owned follow-up controls. */
.organization-select{display:flex;align-items:end;gap:8px;min-width:0}.organization-select label{flex:1;min-width:0}.organization-select .btn{white-space:nowrap;margin-bottom:1px}.org-inline-create{padding:16px;border:1px solid #9ac9ef;border-radius:12px;background:#f0f8ff}.org-inline-create strong{display:block;margin-bottom:10px}.person-followup{display:grid;gap:6px;min-width:190px}.person-followup small{display:block;color:#536b7e;line-height:1.5}.contact-check-label{width:100%;font-size:12px;color:#536b7e}.contact-check-actions{flex-wrap:wrap;gap:8px}.org-person .person-followup{margin:12px 0}.org-person>.record-actions{align-self:start}.people-table .contact-check-actions .btn{font-size:12px;padding:6px 10px}@media(max-width:600px){.organization-select{width:100%}.person-followup{min-width:0}.org-inline-create .inline-entry{flex-wrap:wrap}.org-inline-create input{width:100%}}

/* Completion display choices */
.completion-choice h3{margin:0 0 8px}
.completion-options{border:0;padding:0;margin:24px 0 18px;display:grid;gap:12px;min-width:0}
.completion-options legend{font-weight:750;font-size:16px;margin-bottom:14px}
.completion-option{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid #c8d9e8;border-radius:14px;background:#f8fbff;cursor:pointer}
.completion-option:has(input:checked){border-color:#2173c8;background:#eaf5ff;box-shadow:0 0 0 1px #2173c8}
.completion-option:focus-within{outline:3px solid #b2dafa;outline-offset:3px}
.completion-option input{width:19px;height:19px;flex:0 0 19px;margin:2px 0 0;accent-color:#176ab7}
.completion-option span{display:grid;gap:8px}
.completion-option strong{color:#173957;font-size:16px}
.completion-option small{color:#3d5369;line-height:1.6;font-size:13px}
.completion-option em{font-size:12px;font-style:normal;color:#50728e}
.completion-policy-label{color:#28597d;font-weight:650}
@media(max-width:520px){.completion-option{padding:14px;gap:10px}.completion-option strong{font-size:15px}}

.diary-period{display:grid;gap:12px;margin-bottom:20px}.diary-period .toolbar label{display:grid;gap:5px;font-size:12px;color:#546c81}.diary-period .toolbar{align-items:end}.diary-day-heading{font-size:18px;color:#234e70;margin:24px 0 10px;border-bottom:1px solid #d6e3ed;padding-bottom:9px}.image-chip img,.library-choices img{width:110px;height:82px;object-fit:contain;background:#edf5fc;border-radius:8px}.file-with-actions{align-items:center;flex-wrap:wrap;max-width:100%}.file-chip span{overflow-wrap:anywhere}.attachment-publication{font-size:11px!important}.camera-upload{justify-content:center;max-width:220px;position:relative}.camera-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.upload-previews{display:flex;gap:10px;flex-wrap:wrap}.upload-preview{display:grid;gap:5px;max-width:180px;font-size:12px;overflow-wrap:anywhere}.upload-preview img{width:160px;height:110px;object-fit:contain;background:#eef5fa;border-radius:10px}.upload-preview small{display:block;color:#61788b}.contact-existing-files{border-top:1px solid #dce8f2;padding-top:10px}@media(max-width:640px){.diary-period .segmented{flex-wrap:wrap}.diary-period .toolbar{gap:8px}.diary-period input[type=date]{max-width:145px}.file-chip{max-width:100%}}

.brand b{font-weight:750}.brand [data-brand-name]{display:block;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.branding-settings{padding:24px;max-width:740px}.branding-preview{display:flex;align-items:center;gap:18px;padding:22px;background:#eef6fd;border-radius:14px;margin:20px 0}.branding-preview img{width:72px;height:72px;object-fit:contain}.branding-preview strong{font-size:24px}.branding-settings form{display:grid;gap:20px}.branding-settings label{display:grid;gap:8px}.branding-settings .branding-reset{display:flex;align-items:center;gap:10px}.branding-reset input{width:auto}.attachment-publication{display:grid;gap:4px;max-width:200px}.attachment-publication select{max-width:200px;font-size:12px;padding:5px 8px}.library-choices label{align-items:center}

/* Shared calendar colors and work kind preview */
.work-kind-color{display:flex;align-items:center;gap:7px;min-height:20px;margin-top:5px;font-size:12px}
.work-kind-color .calendar-color-key{font-size:12px}
.calendar-color-guide{margin:0 0 12px;color:#38536e;font-size:13px}
.calendar-color-guide .calendar-color-legend{margin:8px 0 0}
.calendar-color-guide>summary,.calendar-color-aliases>summary{cursor:pointer;font-weight:700}
.calendar-color-aliases{margin:0 24px 20px;color:#38536e}
.calendar-color-aliases .calendar-color-fields{margin:12px 0 0}
.calendar-color-settings{max-width:960px}
.calendar-color-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:20px 24px 24px}
.calendar-color-row{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:14px;padding:12px;border:1px solid #dce8f4;border-radius:12px;background:#f8fbff}
.calendar-color-row input,.calendar-color-row select{width:100%;min-width:0}
.calendar-color-key{font-size:14px;font-weight:700;overflow-wrap:anywhere}
.calendar-color-legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0 0 16px;padding:12px 16px;background:#f3f8ff;border:1px solid #dce8f4;border-radius:12px}
.calendar-color-legend .calendar-color-key{max-width:100%}
@media(max-width:680px){.calendar-color-fields{grid-template-columns:1fr}.calendar-color-row{grid-template-columns:80px minmax(0,1fr);gap:10px}.calendar-color-legend{gap:8px 12px}}

.calendar-color-settings>p{margin:0 24px}
.calendar-color-settings fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.calendar-color-settings .work-kind-setting-row{grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px}
.work-kind-setting-row .btn{min-width:32px;padding-inline:8px}
.calendar-color-add{margin:0 24px 16px}

.type-move-buttons{display:inline-flex;gap:6px}
.type-move-buttons .btn{min-width:43px;white-space:nowrap}

.contact-directory{scroll-margin-top:12px}
.contact-directory .contact-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,145px) minmax(0,145px);align-items:center;gap:8px;margin-bottom:10px}
.contact-directory .contact-filters>*{min-width:0;width:100%;margin:0}
.contact-directory .selection-bar{gap:7px;margin:8px 0}
.contact-directory .people-table tbody td{padding:7px 10px}
.contact-directory .people-table small{margin-top:2px;overflow-wrap:anywhere}
.contact-directory .people-table td:last-child{min-width:118px}
.contact-directory .people-table .row-actions .btn{min-height:29px;padding:4px 8px;font-size:12px}
.person-followup.compact-followup{min-width:0}
.contact-check-actions.contact-check-compact{align-items:center;gap:4px 6px;margin:0}
.contact-check-compact .contact-check-label{width:auto;white-space:nowrap;font-size:11px}
.contact-check-compact .btn,.people-table .contact-check-actions.contact-check-compact .btn{min-height:26px;padding:3px 7px;font-size:11px;white-space:nowrap}
.contact-check-compact .compact-contact-history{flex-basis:100%;margin:0}
.directory-pages{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;padding:12px 0;font-size:13px}
.directory-pages .btn{padding:5px 10px;min-height:32px}
.directory-pages>span{min-width:60px;text-align:center;font-variant-numeric:tabular-nums}
@media(max-width:620px){
 .contact-directory .contact-filters{grid-template-columns:minmax(0,1fr) minmax(65px,.4fr) minmax(65px,.4fr);gap:6px}
 .contact-directory .contact-filters>*{padding:7px 6px;font-size:12px}
}
.raon-mobile .contact-directory .people-table tbody tr{grid-template-columns:23px minmax(0,1fr) minmax(0,.8fr);padding:8px 10px;gap:3px 7px}
.raon-mobile .contact-directory .people-table tbody td{padding:0;min-width:0;overflow-wrap:anywhere}
.raon-mobile .contact-directory .people-table td:nth-child(2){grid-row:1;grid-column:2}
.raon-mobile .contact-directory .people-table td:nth-child(3){grid-row:1;grid-column:3;text-align:right}
.raon-mobile .contact-directory .people-table td:nth-child(4),.raon-mobile .contact-directory .people-table td:nth-child(5),.raon-mobile .contact-directory .people-table td:last-child{grid-column:2/-1}
.raon-mobile .contact-directory .people-table td:last-child{margin-top:1px}
.raon-mobile .contact-directory .people-table .person-name{font-size:15px}
.raon-mobile .contact-directory .people-table .person-followup{padding:1px 0}

/* Consistent row actions and attachment publication alignment. */
.row-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px 12px}
.people-table .row-actions [data-org="share"]{background:#fff;border:1px solid #dfe6e9;border-radius:8px;padding:10px 15px;min-height:39px;color:var(--ink)}
.row-actions .btn{margin:0}.people-table td:last-child{min-width:180px}
.library-table .library-delete-cell{text-align:right;vertical-align:top;white-space:nowrap}.library-actions-heading{text-align:right}
.library-table .library-file{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,230px);align-items:start;gap:14px;width:100%}
.library-file .attachment-publication{display:flex;flex-direction:column;gap:7px;margin:0;font-size:12px;line-height:1.4}
.library-file .attachment-publication select{margin:0;min-height:39px;width:100%;font-size:12px}
.library-file>.file-link,.library-file>.attachment{margin:0;align-self:start}.library-table .attachments{display:flex;flex-direction:column;gap:14px;align-items:stretch}
@media(max-width:900px){.library-table .library-file{grid-template-columns:1fr}.library-file .attachment-publication{max-width:240px}}

.library-table .library-file{align-items:center}.library-file-delete-list{display:flex;flex-direction:column;gap:12px;margin-top:16px;min-width:150px}.library-file-delete{display:flex;align-items:center;justify-content:flex-end;gap:10px}.library-file-delete small{max-width:130px;overflow-wrap:anywhere;white-space:normal;color:var(--muted)}

/* Align the filename text with the publication select rather than its caption. */
.library-file>.file-chip{align-self:center;margin:24px 0 0}
@media(max-width:900px){.library-file>.file-chip{margin-top:0}}

.brand-producer{display:block;font-size:11px;line-height:1.5;margin-bottom:8px;opacity:.85}.brand-logo{object-fit:contain}
/* Registration dates and repeat controls share the two-column form layout. */
.schedule-day-options .schedule-all-day{grid-column:2}
.repeat-picker{display:flex;flex-direction:column;gap:7px;min-width:0}
.repeat-picker-head{display:flex;justify-content:space-between;align-items:center;gap:6px;flex-wrap:wrap}
#modal-body .repeat-list-check{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:12px}
#modal-body .repeat-list-check input{width:auto;margin:0;accent-color:var(--teal)}
@media(max-width:650px){.schedule-day-options .schedule-all-day{grid-column:auto}}
