*{box-sizing:border-box}body{margin:0;background:#eff3f8;color:#1b3048;font:1rem/1.5 system-ui,sans-serif}
main{max-width:42rem;margin:auto;padding:1rem}header,.bar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
header{padding:.7rem 0;border-bottom:1px solid #c8d5e5}header strong{letter-spacing:.17em;color:#214c84}header span,.bar p,small{color:#485d73}
.card{margin:1rem 0;padding:1rem;border:1px solid #c8d5e5;background:white;border-radius:.5rem}
h1,h2,h3{line-height:1.3;margin:.2rem 0 .7rem}input,button{font:inherit;padding:.6rem .8rem;border-radius:.35rem}
input{display:block;width:100%;margin:.35rem 0 1rem;border:1px solid #9bacbe}button{color:white;background:#214c84;border:1px solid #214c84}
ul{list-style:none;padding:0;margin:0}li{padding:.65rem 0;border-bottom:1px solid #dee6ef;overflow-wrap:anywhere}
li:last-child{border:0}li strong,li small,li time,li a{display:block}time{color:#485d73}a{color:#214c84}h3{margin-top:1rem}
.calendar-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px}
.calendar-toolbar,.calendar-fields{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.calendar-toolbar h2{margin:0 4px;font-size:1.15rem;text-transform:capitalize}
.calendar-fields .field{flex:1}
.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.calendar-grid>span{padding:5px 2px;text-align:center}
.calendar-day{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-height:76px;padding:5px;text-align:left;color:inherit;background:var(--paper,#fff);border:1px solid #d9e1eb;border-radius:4px;cursor:pointer}
.subfolder[aria-current="page"]{background:#e6eefb}
.calendar-day.is-weekend{background:var(--weekend-bg);border-color:var(--weekend-border)}
.calendar-day.has-entries{background:var(--entry-bg);border-color:var(--entry-border)}
.calendar-day.is-weekend.has-entries{background:var(--weekend-bg);border-color:var(--weekend-border);border-block-start:3px solid var(--entry-mark)}
.calendar-day[data-selected="true"]{box-shadow:inset 0 0 0 2px #2d62a4}
.calendar-day-head{display:flex;align-items:center;justify-content:space-between;gap:2px}
.calendar-day-number{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 3px;border-radius:50%}
.calendar-day[aria-current="date"] .calendar-day-number{background:#214c84;color:#fff}
.calendar-more{border-radius:3px;padding:0 4px;background:#d7e7fb;color:#214c84;font-size:.69rem;font-weight:600}
.calendar-event{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:1px 3px;border-radius:3px;background:#f8fbff;font-size:.73rem}
.calendar-event::before,.calendar-status::before{content:"";display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#2d62a4;vertical-align:1px}
.calendar-event.is-confirmed::before,.calendar-status.is-confirmed::before{background:#24735c}
.calendar-agenda.has-selected-day{border-inline-start:3px solid #2d62a4;padding-inline-start:14px}
.calendar-legend{display:flex;flex-wrap:wrap;gap:6px 14px;list-style:none;padding:0;margin:0 0 8px;font-size:.75rem;color:var(--muted)}
.calendar-legend li{display:flex;align-items:center;gap:5px}
.calendar-legend li span{width:13px;height:13px;border-radius:3px}
.calendar-legend .calendar-legend-today{background:#214c84;border-radius:50%}
.calendar-legend .calendar-legend-entries{background:var(--entry-bg);border:1px solid var(--entry-border)}
.calendar-legend .calendar-legend-weekend{background:var(--weekend-bg);border:1px solid var(--weekend-border)}
.calendar-legend .calendar-legend-selected{border:2px solid #2d62a4}
.calendar-entries{padding:0;list-style:none}
.calendar-entries li{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #d9e1eb}
.calendar-entries strong,.calendar-entries small,.calendar-entries time{display:block}
.calendar-entries small a{margin-left:8px}
.calendar-entries p{margin:.4em 0;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.calendar-layout{grid-template-columns:minmax(0,1fr)}}
@media(max-width:480px){
 .calendar-day{min-height:45px;padding:2px}
 .calendar-day-number{min-width:16px;height:16px;padding:0 2px;font-size:.7rem}
 .calendar-more{padding:0 2px;font-size:.6rem}
 .calendar-event{padding-inline:2px;font-size:.66rem}
 .calendar-event::before{width:4px;height:4px;margin-right:2px}
}

main{max-width:76rem}
body:has(input[name="password"]) main{max-width:42rem}
.calendar{
 --muted:#485d73;--paper:#fff;
 --entry-bg:#dcf8e8;--entry-border:#8bd9ae;--entry-mark:#168454;
 --weekend-bg:#f2eaff;--weekend-border:#d6bff7;
}
.calendar-heading{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.5rem 1rem;margin-bottom:1rem}
.calendar-heading .calendar-subtitle{margin-bottom:0}
.calendar-views{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #d9e1eb;border-radius:8px;background:#f1f5fa}
.calendar-views a{display:inline-grid;place-items:center;min-height:38px;padding:.25rem .75rem;border-radius:5px;color:#26466b;text-decoration:none;font-weight:600}
.calendar-views a[aria-current="true"]{background:#214c84;color:#fff}
.calendar-views a:focus-visible{outline:2px solid #214c84;outline-offset:2px}
.calendar-layout.is-list{display:block}
.calendar-layout.is-list .calendar-entries li{margin:.4rem 0;padding:.55rem .7rem;border:0;border-inline-start:4px solid var(--entry-mark);border-radius:4px;background:var(--entry-bg)}
.calendar-layout.is-list .calendar-entries li.is-weekend{background:var(--weekend-bg)}
.calendar-entries time[aria-current="date"]{color:#214c84;font-weight:700}
.calendar-subtitle{margin:0 0 1rem;color:#485d73}
.calendar-button{display:inline-grid;place-items:center;min-height:36px;padding:.3rem .55rem;text-decoration:none;border:1px solid #d9e1eb;border-radius:4px}
.calendar-day{text-decoration:none}
.calendar-day:focus-visible,.calendar-button:focus-visible{outline:2px solid #214c84;outline-offset:1px}
.calendar-legend li{padding:0;border:0}
.calendar-entries li{min-width:0}
.calendar-entries li>div{min-width:0}
.calendar-entries small a{display:inline}
@media(max-width:480px){main{padding:.55rem}.calendar{padding:.65rem}.calendar-grid>span{font-size:.72rem}.calendar-toolbar h2{font-size:1rem}.calendar-event{min-width:0}}

.photo-upload form{max-width:36rem}
.photo-upload select{display:block;width:100%;margin:.35rem 0 1rem;padding:.6rem .8rem;border:1px solid #9bacbe;border-radius:.35rem;font:inherit;background:white;color:inherit}
.photo-upload input[type="file"]{padding:.5rem .4rem}
.photo-hint{font-size:.85rem;color:#485d73}
.photo-message,.photo-error{padding:.65rem .8rem;border-radius:.35rem}
.photo-message{background:#dcf8e8;color:#18553d}
.photo-error{background:#fdebea;color:#8b211d}
.calendar-entries .photo-link{display:inline-block;margin:.35rem 0;font-size:.85rem;font-weight:600}

#photo-progress{display:block;width:100%;height:1rem;margin:.8rem 0;accent-color:#168454}
#photo-progress[hidden]{display:none}
#photo-progress-text{white-space:pre-line;overflow-wrap:anywhere}
.photo-upload [aria-busy="true"]{opacity:.8}

/* 08.07.01 Phone photo actions and persistent gallery. */
.photo-add-button,.calendar-entries .photo-add-button{
 display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;min-height:60px;
 padding:1rem 1.15rem;margin:.65rem 0;border:1px solid #104caa;border-radius:10px;
 background:#1765d6;color:#fff;font-size:1.12rem;font-weight:750;text-decoration:none;
 box-shadow:0 4px 10px #1765d62b;cursor:pointer;text-align:center
}
.photo-add-button span{font-size:1.6rem;line-height:1}
.photo-add-button:hover{background:#1056bd}
.photo-add-button:focus-visible,.photo-add-button:has(+input:focus-visible){outline:3px solid #82b4ff;outline-offset:3px}
.photo-upload .photo-file-input{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.photo-send-button{width:100%;min-height:54px;margin:.6rem 0;background:#1765d6;border-color:#104caa;font-weight:700}
button:disabled{opacity:.65;cursor:wait}
.phone-gallery{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #d5dfec}
.phone-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem}
.phone-photo{padding:0;overflow:hidden;background:#f2f6fc;border:1px solid #cad9ed;color:#1b3048;text-align:left;cursor:pointer}
.phone-photo img{display:block;width:100%;height:140px;object-fit:cover;background:#e7edf5}
.phone-photo span{display:block;padding:.45rem .55rem;font-size:.8rem;overflow-wrap:anywhere}
.photo-viewer{width:min(96vw,1100px);max-width:96vw;max-height:96dvh;padding:.8rem;border:0;border-radius:12px;background:#f8fbff;color:#1b3048}
.photo-viewer::backdrop{background:#07182cdd}
.photo-viewer>img{display:block;max-width:100%;width:auto;max-height:65dvh;object-fit:contain;margin:auto;background:#edf2f7}
.photo-viewer-bar,.photo-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.5rem 0}
.photo-viewer-actions button,.photo-viewer-actions a{font-size:.85rem}
.photo-viewer p{font-size:.85rem;overflow-wrap:anywhere}
#material-form{max-width:40rem}
#material-form select{display:block;width:100%;margin:.35rem 0 1rem;padding:.6rem .8rem;border:1px solid #9bacbe;border-radius:.35rem;font:inherit;background:white;color:inherit}
.material-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem 1rem}
.material-fields label{font-weight:600}.material-fields label>span{font-weight:400;color:#485d73}
@media(max-width:480px){.phone-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-fields{gap:.3rem .65rem}.material-fields label{font-size:.9rem}.photo-viewer-actions{flex-wrap:wrap}}