*{box-sizing:border-box}body{margin:0;font:14px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#111;background:#fafafa}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #90a268;outline-offset:2px}.sidebar{position:fixed;inset:0 auto 0 0;width:256px;background:#4b582c;color:#fff;padding:20px 12px}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;margin:0 12px 22px}.brand img{width:24px;height:24px;border-radius:50%}.nav{display:grid;gap:3px}.nav button{border:0;background:none;color:#e3e6db;text-align:left;padding:11px 13px;border-radius:8px;display:flex;gap:13px;align-items:center;font-weight:600}.nav button.active{background:#ffffff16;color:white}.nav svg{width:18px;height:18px}.content{margin-left:256px;max-width:1600px;padding:14px 28px 60px}.hero{display:flex;align-items:center;gap:16px;margin:0 0 15px}.hero img{width:120px;height:120px;object-fit:contain}.hero h1{font-size:24px;margin:0;font-weight:650}.toolbar{display:flex;gap:8px;align-items:center;margin:0 0 20px}.toolbar h2{margin:0 auto 0 0;font-size:24px}.btn{border:0;padding:10px 14px;border-radius:8px;color:white;background:#4b582c;font-weight:600;display:inline-flex;gap:8px;align-items:center;justify-content:center}.btn.secondary{background:#eaeaea;color:#555}.btn.danger{background:#fce9e9;color:#b42323}.search{display:flex;align-items:center;gap:8px;background:#ebebeb;border-radius:8px;padding:9px 12px;min-width:280px}.search input{border:0;background:none;width:100%;outline:none}.group{margin-bottom:32px}.group h3{font-size:16px;margin:0 0 12px}.rows{background:#fff;border:1px solid #e9e9e9;border-radius:14px;overflow:hidden}.row{width:100%;text-align:left;display:flex;gap:18px;align-items:center;background:white;border:0;border-bottom:1px solid #eee;padding:10px 12px;min-height:74px;line-height:21px}.row:last-child{border:0}.row:hover{background:#f7f8f4}.row strong{font-weight:600}.row small{font-size:14px;color:#777;display:block}.row .chevron{margin-left:auto;color:#999}.muted{color:#777}.small{font-size:12px}.detail h1{font-size:28px;margin:20px 0 4px}.detail .actions{display:flex;gap:8px;flex-wrap:wrap}.fields{margin:24px 0;border-top:1px solid #e8e8e8}.fields .pair{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #e8e8e8}.pair span:first-child{color:#777}.pair span:last-child{text-align:right;white-space:pre-wrap}.tabs{display:flex;border-bottom:1px solid #ddd;gap:5px;overflow:auto;margin:15px 0 24px}.tabs button{flex:1;background:none;border:0;border-bottom:3px solid transparent;padding:13px 15px;white-space:nowrap;color:#888}.tabs button.active{border-bottom-color:#4b582c;color:#4b582c;font-weight:650}.card{background:white;border:1px solid #e7e7e7;border-radius:12px;padding:20px;margin:16px 0}.back{border:0;background:none;color:#4b582c;display:flex;gap:8px;padding:5px 0;margin-bottom:20px}.field{display:grid;gap:8px;margin:18px 0}.field>span,.field>legend{font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #ddd;background:#f3f3f3;border-radius:9px;padding:11px;min-height:42px}.field textarea{min-height:88px;resize:vertical}.field fieldset,fieldset.field{border:0;padding:0}.choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#e8e8e8;border:1px solid #e8e8e8;border-radius:9px;overflow:hidden}.choice{background:#fff;padding:11px;display:flex;align-items:center;gap:10px;cursor:pointer}.choice input{width:17px;min-height:17px;accent-color:#4b582c}.choice:has(input:checked){background:#f1f3e9}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.error{padding:12px 16px;background:#ffefef;color:#a72626;border:1px solid #f4cece;border-radius:8px;margin:14px 0}.status{position:fixed;bottom:24px;left:calc(50% + 90px);transform:translateX(-50%);padding:12px 18px;background:#2c3520;color:#fff;border-radius:8px;z-index:30;box-shadow:0 4px 16px #0002}.empty{padding:50px;text-align:center;color:#777}.calendarbar{display:flex;gap:8px;align-items:center;margin:20px 0}.calendarbar h2{margin:0 auto 0 10px;text-transform:capitalize;font-size:22px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-left:1px solid #ddd;border-top:1px solid #ddd}.calday{border-right:1px solid #ddd;border-bottom:1px solid #ddd;min-height:110px;padding:8px;background:white}.calhead{border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;padding:12px;font-weight:600}.calday.outside{background:#f1f1f1;color:#aaa}.daynum{background:none;border:0;padding:4px;display:block}.today .daynum{background:#4b582c;color:white;border-radius:50%;width:26px;height:26px}.event{display:block;border:0;background:#e8ecdf;color:#4b582c;width:100%;padding:5px 7px;margin-top:3px;text-align:left;border-radius:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.map{max-width:100%;width:975px;background:#fff;border-radius:8px}.mapbutton{background:none;padding:0;border:0;width:100%;text-align:left}.modal{border:0;border-radius:16px;max-width:620px;width:calc(100% - 30px);padding:0;box-shadow:0 20px 80px #0003;max-height:90vh}.modal::backdrop{background:#0005}.modal>form,.modal>div{padding:24px}.modal header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.modal h2{margin:0;font-size:20px}.close{background:none;border:0;font-size:24px;color:#777;padding:0 4px}.modal footer{display:flex;justify-content:flex-end;gap:8px;padding-top:18px;position:sticky;bottom:-24px;background:white}.mapmodal{max-width:1400px;width:95vw}.mapmodal img{width:100%}.mobilebar{display:none}.busy{padding:50px;color:#777}.info{margin-top:30px;font-size:12px;color:#999}@media(max-width:900px){.toolbar{flex-wrap:wrap}.toolbar h2{width:100%;margin-bottom:5px}.search{flex:1}.choices{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{display:none}.content{margin-left:0;padding:18px 16px 90px}.hero img{width:72px;height:72px}.hero h1{font-size:19px}.toolbar h2{font-size:22px}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;z-index:20;padding:8px 5px max(8px,env(safe-area-inset-bottom))}.mobilebar button{flex:1;background:none;border:0;color:#888;display:grid;place-items:center;gap:5px;font-size:11px;padding:3px}.mobilebar button.active{color:#4b582c}.mobilebar svg{width:20px;height:20px}.search{min-width:150px}.grid2{grid-template-columns:1fr}.calday{padding:4px;min-height:85px}.calendarbar{flex-wrap:wrap}.calendarbar h2{font-size:18px}.event{font-size:10px;padding:4px}.tabs button{padding:12px}.status{left:50%;bottom:85px;width:max-content;max-width:90%}.detail h1{font-size:24px}}

/* Multiple selected map sectors keep their overlays aligned with the raster. */
#sector-highlights{position:absolute;inset:0;pointer-events:none}
.sector-selected{position:absolute;inset:0;background:rgba(255,145,0,.72)}
.sector-selected-label{position:absolute;transform:translate(-50%,-50%);background:#442600;color:#fff;font-size:18px;font-weight:800;line-height:1.1;padding:3px 5px;border:1px solid #fff;border-radius:4px}
.btn[data-action="toggle-more-animals"]{margin:0 0 12px;white-space:normal}
.form-error:empty{display:none}

/* mobile-first update */
.calendar-agenda{display:none}.agenda-row{display:flex;align-items:center;gap:16px;text-align:left;background:#fff;width:100%;border:0;border-bottom:1px solid #e8e8e8;padding:16px 12px;min-height:76px;color:#111}.agenda-date{min-width:44px;display:grid;text-align:center;gap:4px}.agenda-date strong{font-size:22px}.agenda-date span{font-size:13px;color:#777}.agenda-content{display:grid;gap:6px;min-width:0;flex:1}.agenda-note{color:#666;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.agenda-row>.chevron{color:#888}.btn{min-height:44px}.field input,.field select,.field textarea{min-height:48px;font-size:16px}.choice{min-height:48px}.tabs button{min-width:44px;min-height:48px}.daynum{min-width:32px;min-height:32px}.event{min-height:32px}.modal{max-height:90dvh}.mapmodal{overflow:auto}.mapmodal img{min-width:900px;width:100%;max-width:none}.mapmodal header{position:sticky;left:0;top:-24px;background:#fff;z-index:2}
@media(max-width:1100px){body{font-size:16px}.sidebar{display:none}.content{margin-left:0;max-width:none;padding:16px 20px 110px}.hero img{width:80px;height:80px}.hero h1{font-size:22px;line-height:1.3}.mobilebar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e5e5e5;z-index:20;padding:8px 5px max(8px,env(safe-area-inset-bottom))}.mobilebar button{flex:1;min-height:52px;background:none;border:0;color:#777;display:grid;place-items:center;gap:5px;font-size:12px;padding:3px}.mobilebar button.active{color:#4b582c;font-weight:650}.mobilebar svg{width:22px;height:22px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.calendarbar{flex-wrap:wrap}.calendarbar h2{font-size:22px}.calday{min-height:110px}.row strong{font-size:15px}.status{left:50%;bottom:95px}.map{display:block;margin:auto;max-width:100%}.detail .actions .btn{flex:1}.toolbar h2{width:100%}.toolbar{flex-wrap:wrap}.search{flex:1;min-height:44px}.search input{font-size:16px}}
@media(max-width:700px){.content{padding:14px 14px 105px}.hero{gap:12px}.hero h1{font-size:18px}.hero img{width:64px;height:64px}.toolbar h2{font-size:21px}.toolbar>.btn[data-action="add-shift"]{flex-basis:100%;margin-top:4px}.search{min-width:0}.choices,.grid2{grid-template-columns:1fr}.calendar{display:none}.calendar-agenda{display:block;overflow:hidden;border:1px solid #e6e6e6;border-radius:12px}.calendarbar h2{width:100%;order:-1;margin:0 0 8px;text-align:left}.calendarbar>.btn[data-action="add-event"]{margin-left:auto}.modal{width:calc(100% - 16px);max-height:94dvh}.modal>form,.modal>div{padding:18px}.modal footer{bottom:-18px;padding:14px 0;gap:10px}.modal footer>.btn{flex:1}.modal h2{font-size:19px}.close{min-width:44px;min-height:44px}.fields .pair{gap:12px}.pair span:last-child{overflow-wrap:anywhere}.tabs{gap:0}.tabs button{padding:12px 8px}.row{padding:13px 12px}.row small{font-size:13px}.detail h1{font-size:23px}.card{padding:16px}.mapmodal{width:calc(100% - 16px)}}

.cycle-hint{color:#6b754f;font-size:12px;font-weight:400;line-height:1.5}

/* Readable shift names and note previews */
.event{background:#e4ead7;border:1px solid #b7c49c;border-left:4px solid #63743c;padding:8px;color:#263416;white-space:normal}.event:hover{background:#d7e1c4}.event-name{display:block;font-size:18px;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.event-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.4;font-weight:400;color:#4d5644;margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere}.agenda-content>strong{display:block;font-size:22px;font-weight:800;line-height:1.3;color:#263416;background:#e4ead7;border-left:4px solid #63743c;border-radius:6px;padding:8px 10px}.agenda-content .cycle-hint{display:block;font-size:12px}.agenda-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.agenda-row{align-items:flex-start}.agenda-date{padding-top:8px}#event-form select[name="jméno"]{font-size:22px;font-weight:800;color:#263416;background:#e4ead7;border:2px solid #8b9d64;min-height:56px}
@media(min-width:701px) and (max-width:900px){.event-name{font-size:16px}.event{padding:7px 5px}.event-note{font-size:12px}}

.event-name,.agenda-content>strong{text-align:center}

/* Consistent name colors in the calendar grid and mobile agenda. */
[data-worker="David"]{--worker-name-color:#174b87}
[data-worker="Pavel"]{--worker-name-color:#216339}
[data-worker="Radek"]{--worker-name-color:#8b263d}
[data-worker="Hannah"]{--worker-name-color:#6c3491}
.event[data-worker] .event-name,.agenda-row[data-worker] .agenda-content>strong{color:var(--worker-name-color,#263416)}

.event.has-note{background:#fff0d5;border-color:#d9ad64;border-left-color:#b67820}.event.has-note:hover{background:#ffe6b8}.event.has-note .event-name{color:#68420d}.event.has-note .event-note{color:#70552e}.agenda-row.has-note{background:#fffaf1}.agenda-row.has-note .agenda-content>strong{background:#fff0d5;border-left-color:#b67820;color:#68420d}.agenda-row.has-note .agenda-note{color:#70552e}

.fixed-date{padding:12px;border:1px solid #ddd;border-radius:9px;background:#f3f3f3;font-size:18px}

.calendar-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}.calendar-filters label{display:grid;gap:7px;font-weight:650}.calendar-filters select{width:100%;min-height:48px;padding:10px;border:1px solid #cbd3ba;border-radius:8px;background:#fff;font-size:16px}.daynum{display:flex;align-items:center;justify-content:center;width:32px;text-align:center}@media(max-width:500px){.calendar-filters{grid-template-columns:1fr 1fr}.calendar-filters label:first-child{grid-column:1/-1}}

.people-choices{display:flex;flex-wrap:wrap;gap:10px;border:0;background:none;overflow:visible}.person-chip{border:1px solid #dedede;border-radius:999px;padding:7px 12px;min-height:46px;gap:10px;font-size:18px;font-weight:500}.person-chip:has(input:checked){background:#eef0e9;border-color:#536335;color:#536335}.person-chip input{position:absolute;opacity:0;width:1px;min-height:1px;pointer-events:none}.person-chip:focus-within{outline:3px solid #90a268;outline-offset:2px}.worker-avatar{display:block;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background-image:url('/worker-reference.png');background-size:601px 167px;background-repeat:no-repeat}.avatar-david{background-position:-18px -56px}.avatar-pavel{background-position:-224px -56px}.avatar-radek{background-position:-18px -112px}.avatar-hannah{background-position:-212px -112px}

/* Legible shift details on phones and tablets */
.detail{font-size:16px;line-height:1.5}.detail .fields .pair{align-items:flex-start;line-height:1.5}.detail .muted{font-size:16px;line-height:1.5}.detail h3{font-size:20px;line-height:1.4}.detail h4{font-size:18px;line-height:1.4}.detail .tabs button{font-size:16px;font-weight:650}.detail .field>span,.detail .field>legend,#shift-form .field>span,#shift-form .field>legend{font-size:16px;line-height:1.5}.detail .btn{font-size:16px;line-height:1.4;min-height:48px}.detail .small{font-size:14px}.detail .choice{font-size:16px;line-height:1.5}.detail input,.detail select,.detail textarea{line-height:1.5;color:#172015}.detail .muted,.detail .pair span:first-child{color:#50584b}
@media(max-width:700px){.detail{font-size:17px}.detail .fields .pair{flex-direction:column;gap:4px;padding:14px 0}.detail .pair span:last-child{text-align:left;width:100%;font-weight:600}.detail h1{font-size:25px;line-height:1.3}.detail .tabs button{min-width:48px;padding:14px 10px}.detail .field input,.detail .field select,.detail .field textarea{font-size:17px}.detail .field>span,.detail .field>legend{font-size:17px}.detail .card{padding:16px}.detail .choice{font-size:17px}.detail .actions .btn{flex-basis:100%}}

.detail .btn[data-action="edit-control"]{display:flex;width:100%;min-height:64px;padding:18px 24px;font-size:21px;font-weight:750;line-height:1.3;border-radius:12px;margin:18px 0;box-shadow:0 3px 8px #00000018}

.sector-modal{position:fixed;inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border-radius:0}.sector-modal>.sector-picker{height:100%;padding:16px;display:flex;flex-direction:column}.sector-picker header{flex-shrink:0}.sector-picker p{margin:8px 0;font-size:16px}.sector-scroll{overflow:auto;flex:1;min-height:0;background:#e9e9e9;touch-action:pan-x pan-y}.sector-scroll img{display:block;width:100%;min-width:1100px;max-width:none;cursor:crosshair;user-select:none}.zoom-control{display:flex;align-items:center;gap:16px;margin:8px 0 16px;font-size:16px}.zoom-control input{flex:1;min-height:44px}.field input[data-action="pick-sector"]{cursor:pointer;background:#eef0e9;border:2px solid #8b9d64;font-weight:700}

.sector-canvas{position:relative;width:100%;min-width:1100px}.sector-scroll .sector-canvas img{width:100%;min-width:0}#sector-highlight{position:absolute;background:#fdb52c66;border:3px solid #ffbc28;pointer-events:none;box-shadow:inset 0 0 0 1px #523400}#sector-highlight[hidden],#sector-confirm[hidden]{display:none}.sector-picker #sector-confirm{position:static;display:flex;align-items:center;gap:12px;flex-shrink:0;padding:14px 0 0}.sector-picker #sector-confirm strong{margin-right:auto;font-size:18px}.sector-picker #sector-confirm .btn{min-height:48px;min-width:90px}

#sector-highlight{border:0;box-shadow:none;background:#ffbc286b}.sector-scroll .sector-canvas img{height:auto}

#sector-highlight{background:rgba(255,145,0,.78)}#sector-cell-label{position:absolute;transform:translate(-50%,-50%);pointer-events:none;background:#442600;color:#fff;font-size:20px;font-weight:900;line-height:1.1;padding:4px 6px;border:2px solid #fff;border-radius:5px;text-shadow:0 1px 2px #000;z-index:2}#sector-cell-label[hidden]{display:none}

.sector-scroll{touch-action:none;overscroll-behavior:contain}

.count-choices{display:flex;flex-wrap:wrap;gap:10px}.count-chip{position:relative;cursor:pointer}.count-chip input{position:absolute;opacity:0;width:1px;height:1px}.count-chip span{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:8px 15px;border:1px solid #d7d7d7;border-radius:999px;background:#fff;color:#222;font-size:18px}.count-chip:has(input:checked) span{background:#e4eccf;border:2px solid #536335;color:#293c16;font-weight:800}.count-chip:has(input:focus-visible) span{outline:3px solid #719338;outline-offset:2px}.custom-count{margin-top:14px}.custom-count[hidden]{display:none}

.delete-warning{padding:20px;margin:18px 0;border:3px solid #b91c1c;border-radius:12px;background:#fff0f0;color:#7f1515;font-size:18px;line-height:1.5}.delete-warning>strong{display:block;font-size:22px;font-weight:900}.delete-warning p{margin:14px 0}.delete-warning p:first-of-type{font-size:24px}.delete-shift-modal footer .btn{min-height:52px;font-size:18px}

.shift-warning{padding:16px;border:2px solid #d79000;border-radius:12px;background:#fff4d4;color:#644100;font-size:17px;font-weight:650;line-height:1.5;margin:16px 0}

.shift-notice{box-sizing:border-box;width:min(560px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:3px solid #dc9500;border-radius:18px;padding:24px;background:#fff9e9;color:#332600;box-shadow:0 20px 70px #0005;font-size:19px;line-height:1.55}.shift-notice::backdrop{background:#0009}.shift-notice h2{font-size:26px;line-height:1.25;margin:0 0 18px;font-weight:800}.shift-notice ul{padding-left:26px;font-weight:750}.shift-notice li{margin:10px 0}.shift-notice.notice-error{border-color:#c52b28;background:#fff2f1;color:#751c19}.notice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.notice-actions .btn{flex:1 1 210px;min-height:56px;font-size:18px;white-space:normal}@media(max-width:600px){.shift-notice{padding:20px;font-size:18px}.shift-notice h2{font-size:24px}}

.mileage-result{padding:18px;margin:16px 0;border:2px solid #3f7955;border-radius:14px;background:#edf7ef}.mileage-result>span{display:block;font-size:18px;font-weight:700}.mileage-result output{display:block;font-size:30px;font-weight:800;color:#174c2b;margin-top:5px}.mileage-result p{font-size:16px;line-height:1.5;margin:10px 0 0}

.nav button[data-view="shifts"]{min-height:72px;font-size:22px;font-weight:800;padding:16px 13px;background:#ffffff20;color:#fff}.nav button[data-view="shifts"] svg{width:28px;height:28px;flex-shrink:0}.nav button[data-view="shifts"].active{background:#ffffff35}.mobilebar button[data-view="shifts"]{flex:1.6;min-height:64px;font-size:18px;font-weight:800;color:#29451e;background:#e8efdc;border-radius:10px;line-height:1.2}.mobilebar button[data-view="shifts"] svg{width:28px;height:28px}.mobilebar button[data-view="shifts"].active{background:#d4e4bb;color:#1d3814}@media(max-width:1100px){.content{padding-bottom:130px}.mobilebar button{min-width:0}.mobilebar button[data-view="shifts"] span{white-space:normal;text-align:center}}

.admin-option{min-height:72px;width:100%;max-width:450px;font-size:22px;margin:16px 0}.journey-scroll{overflow-x:auto;margin:20px 0;background:white;border:1px solid #ddd;border-radius:12px}.journey-table{width:100%;border-collapse:collapse;font-size:17px}.journey-table th,.journey-table td{padding:14px;text-align:left;border-bottom:1px solid #ddd;white-space:nowrap}.journey-table th{background:#e8efdc;font-weight:800}.journey-table tbody tr:nth-child(even){background:#f7f9f4}

.journey-all{display:flex;align-items:center;gap:12px;padding:14px;background:#edf3e5;border-radius:10px;font-size:19px;font-weight:750;margin-bottom:12px}.journey-all input{width:24px;height:24px;min-height:24px;accent-color:#4b582c}

.journey-note-form{min-width:230px;display:grid;gap:10px}.journey-note-form textarea{font:inherit;min-height:70px;border:1px solid #bbb;border-radius:8px;padding:12px;resize:vertical}.journey-note-form .btn{min-height:48px}

.admin-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-lists .admin-option{margin:0;max-width:none;font-size:19px}#list-form textarea{min-height:280px}

.journey-table{font-size:15px}.journey-table th,.journey-table td{padding:9px 12px}.journey-note-add,.journey-note-preview{min-height:40px;font-size:14px;padding:8px 10px;background:#edf3e5;color:#29451e}.journey-note-preview{display:block;max-width:260px;white-space:normal;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35}.journey-table th{white-space:normal}#modal .journey-note-form{display:block}@media(max-width:600px){.journey-table{font-size:14px}.journey-table th,.journey-table td{padding:8px}.journey-note-add,.journey-note-preview{font-size:14px;max-width:150px}.journey-note-add{white-space:normal}}

.journey-exports{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.journey-exports .btn{min-height:48px}

.admin-status-corner{display:flex;justify-content:flex-end;margin-top:28px;padding-top:16px;border-top:1px solid #e5e5e5}.admin-status-corner .btn{min-height:48px}

.login-page{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,480px)}.login-card form{display:grid;gap:16px}.auth-status{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:16px;flex-wrap:wrap}

/* Navigation follows the device orientation; desktop navigation stays on the right. */
:root{--bol-nav-width:256px}
.sidebar{display:block;inset:0 0 0 auto;width:var(--bol-nav-width);height:100dvh;overflow-y:auto;overscroll-behavior:contain;z-index:20;padding-top:max(20px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom))}
.mobilebar{display:none}
.content{margin-left:0;margin-right:var(--bol-nav-width);width:calc(100% - var(--bol-nav-width));max-width:1600px;min-width:0;padding-bottom:60px}
.status{left:calc((100% - var(--bol-nav-width))/2);bottom:24px;max-width:calc(100% - var(--bol-nav-width) - 32px);overflow-wrap:anywhere}
.row>span:first-child{min-width:0;flex:1;overflow-wrap:anywhere}
.row>.btn{flex-shrink:0}
.field,.grid2>*{min-width:0}
.field input,.field select,.field textarea{min-width:0;max-width:100%}
.admin-lists{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.toolbar,.calendarbar{flex-wrap:wrap}
.toolbar .search{min-width:0;flex:1 1 200px}
.login-page{min-height:100dvh}
@media(max-width:1100px){
  :root{--bol-nav-width:200px}
  .sidebar .brand{font-size:15px;margin:0 0 18px;overflow-wrap:anywhere}
  .sidebar .nav button{gap:9px;white-space:normal;line-height:1.35}
  .sidebar .nav svg{flex-shrink:0}
  .sidebar .nav button[data-view="shifts"]{font-size:19px;min-height:64px}
}
@media(hover:none) and (pointer:coarse) and (orientation:portrait){
  .sidebar{display:none}
  .content{margin:0;width:100%;max-width:none;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(114px + env(safe-area-inset-bottom))}
  .mobilebar{display:flex;position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid #e5e5e5;z-index:20;gap:2px;padding:8px max(5px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
  .mobilebar button{flex:1;min-width:0;min-height:64px;background:none;border:0;color:#777;display:grid;place-items:center;gap:5px;font-size:12px;padding:3px;line-height:1.25}
  .mobilebar button.active{color:#4b582c;font-weight:650}
  .mobilebar svg{width:22px;height:22px}
  .mobilebar button[data-view="shifts"]{flex:1.6;font-size:17px;font-weight:800;color:#29451e;background:#e8efdc;border-radius:10px}
  .mobilebar button[data-view="shifts"].active{background:#d4e4bb;color:#1d3814}
  .mobilebar button[data-view="shifts"] svg{width:28px;height:28px}
  .status{left:50%;bottom:calc(100px + env(safe-area-inset-bottom));max-width:calc(100% - 28px)}
}
@media(hover:none) and (pointer:coarse) and (orientation:landscape){
  :root{--bol-nav-width:calc(180px + env(safe-area-inset-right))}
  .sidebar{padding:12px max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) 10px}
  .sidebar .brand{font-size:14px;gap:6px;margin-bottom:10px}
  .sidebar .nav button{padding:10px 8px;min-height:48px;font-size:14px}
  .sidebar .nav button[data-view="shifts"]{font-size:17px;min-height:56px;padding:10px 8px}
  .sidebar .nav button[data-view="shifts"] svg{width:24px;height:24px}
  .content{padding:12px 16px max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
  .hero img{width:56px;height:56px}
  .hero h1{font-size:19px}
  .auth-status{margin-bottom:10px;gap:10px}
  .modal{max-height:calc(100dvh - 16px)}
}

.row .shift-calendar-note{margin-top:7px;padding:8px 10px;background:#fff0d5;border-left:3px solid #b67820;border-radius:5px;color:#68420d;white-space:pre-wrap;font-size:14px;line-height:1.45}.row .shift-calendar-note strong{font-weight:750}

/* Keep content and dialogs within the visible screen, including the keyboard. */
html{width:100%;scroll-padding-block:16px 120px}
body,#bol-root{min-width:0;max-width:100%}
.content,.card,.login-card,.modal,.shift-notice{overflow-wrap:anywhere}
.content img{max-width:100%;height:auto}
.btn{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.choice{min-width:0}
.choice input{flex-shrink:0}
.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tabs{flex-wrap:wrap;overflow:visible}
.tabs button{flex:1 1 48px;white-space:normal}
.calendar-filters>*{min-width:0}
.modal,.shift-notice{width:min(620px,calc(100% - 16px));max-width:calc(100% - 16px);max-height:calc(var(--bol-visible-height,100dvh) - 16px);overflow:auto;overscroll-behavior:contain;scroll-padding-block:16px 100px}
.modal[open],.shift-notice[open]{position:fixed;inset:calc(var(--bol-viewport-top,0px) + var(--bol-visible-height,100dvh)/2) 0 auto;margin:0 auto;translate:0 -50%}
.shift-notice{max-width:560px}
.modal>form,.modal>div{min-width:0;max-width:100%}
.modal header h2{min-width:0;flex:1}
.modal .close{flex-shrink:0}
.modal footer{position:sticky;bottom:0;flex-wrap:wrap;padding-bottom:max(14px,env(safe-area-inset-bottom))}
.modal footer>.btn{flex:1 1 140px;min-width:0}
.mapmodal img{width:100%;min-width:0;max-width:100%;height:auto}
.mapmodal header{top:0}
.sector-modal[open]{inset:var(--bol-viewport-top,0px) 0 auto;translate:none;margin:0;width:100%;max-width:100%;height:var(--bol-visible-height,100dvh);max-height:var(--bol-visible-height,100dvh);border-radius:0}
.sector-modal>.sector-picker{min-height:min(100%,340px);height:100%;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}
.sector-picker header{flex-wrap:wrap;margin-bottom:4px;gap:8px}
.sector-picker p{margin:4px 0;font-size:14px}
.sector-scroll{min-height:80px;flex:1 1 auto}
.sector-canvas{min-width:0;max-width:none;margin:0 auto}
.sector-picker #sector-confirm{flex-wrap:wrap;gap:8px;padding-top:8px}
.sector-picker #sector-confirm strong{flex:1 1 100%;font-size:16px}
.sector-picker #sector-confirm .btn{flex:1;min-width:0}
.zoom-control{gap:8px;margin:4px 0 8px}
.zoom-control input{min-width:0}
.login-page{padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));min-height:var(--bol-visible-height,100dvh)}
.login-card{margin:0}
.form-error:empty{display:none}
@media(max-width:700px){
  .grid2{grid-template-columns:1fr}
  .modal>form,.modal>div{padding:14px}
  .journey-table{table-layout:fixed}
  .journey-table th,.journey-table td{white-space:normal;overflow-wrap:anywhere}
  .journey-note-form{min-width:0}
  .journey-note-preview,.journey-note-add{max-width:100%}
  .empty,.busy{padding:24px 12px}
}
@media(max-width:1100px) and (orientation:portrait){
  .sidebar{display:none}
  .content{margin:0;width:100%;max-width:none;padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right));padding-bottom:calc(114px + env(safe-area-inset-bottom))}
  .mobilebar{display:flex}
  .mobilebar button{min-width:0;white-space:normal;overflow-wrap:anywhere}
}
@media(max-height:500px) and (orientation:landscape){
  .sector-picker p{font-size:12px}
  .sector-picker header h2{font-size:16px}
  .sector-picker header .btn,.sector-picker #sector-confirm .btn{min-height:40px;padding:6px 10px}
  .sector-picker #sector-confirm strong{flex:1 1 100px}
}

/* Full-screen map on portrait and landscape phones; controls stay over the map. */
html:has(.sector-modal[open]),body:has(.sector-modal[open]){overflow:hidden;overscroll-behavior:none}
.sector-modal[open]{padding:0;overflow:hidden;scroll-padding:0;background:#e9ece2}
.sector-modal:fullscreen{inset:0;translate:none;width:100%;height:100%;max-width:100%;max-height:100%}
.sector-modal>.sector-picker{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%;padding:0;overflow:hidden}
.sector-picker header{display:flex;flex-wrap:nowrap;gap:10px;align-items:center;margin:0;padding:max(6px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 6px max(8px,env(safe-area-inset-left));background:white;z-index:4;box-shadow:0 1px 6px #0002}
.sector-picker header h2{font-size:18px;margin:0;flex:1}
.sector-picker header .sector-back{flex:none;min-width:44px;min-height:44px;padding:4px 10px;font-size:28px;line-height:1;background:#edf1e5;color:#35451d}
.sector-picker .sector-hint{font-size:13px;color:#4e5946;max-width:330px}
.sector-picker .sector-scroll{min-height:0;min-width:0;width:100%;height:100%;overscroll-behavior:contain;touch-action:none}
.sector-picker #sector-confirm{position:absolute;inset:auto max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:block;max-height:22%;overflow:auto;padding:8px 12px;background:#fffffff0;border:1px solid #c7ceb9;border-radius:9px;pointer-events:none;z-index:3}
.sector-picker #sector-confirm strong{font-size:14px;line-height:1.4;font-weight:650}
.sector-picker #sector-error:empty{display:none}
.sector-picker #sector-error:not(:empty){position:absolute;left:12px;right:12px;bottom:70px;padding:10px;background:#fff0e8;color:#8e2c0c;z-index:4;border-radius:8px}
@media(max-width:600px),(max-height:500px){.sector-picker .sector-hint{display:none}.sector-picker header h2{font-size:17px}}

/* Read-only daily shift protocols, including every entered animal. */
.sidebar{overflow-y:auto}
.daily-report{min-width:0;max-width:100%}
.report-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap;margin-bottom:1.2rem}
.report-heading h1{margin-bottom:.5rem}
.report-period{font-size:1.15rem;font-weight:700;margin:.4rem 0}
.report-actions{display:flex;flex-wrap:wrap;gap:.5rem}
.shift-protocol{min-width:0;margin-bottom:1.2rem;overflow-wrap:anywhere}
.shift-protocol h2{font-size:1.2rem;line-height:1.5;margin:0 0 1rem}
.report-section{margin-top:1.4rem;border-top:1px solid #dbe1e8;padding-top:1rem}
.report-section h3{font-size:1.05rem;margin:0 0 .8rem}
.report-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0}
.report-fields>div{min-width:0}
.report-fields dt{font-size:.85rem;color:#526071;margin-bottom:.3rem}
.report-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.report-note{white-space:pre-wrap;overflow-wrap:anywhere}
.report-animals{width:100%;table-layout:fixed;border-collapse:collapse;margin-top:1rem;font-size:.95rem}
.report-animals th,.report-animals td{text-align:left;border:1px solid #dbe1e8;padding:.6rem;white-space:pre-wrap;overflow-wrap:anywhere}
.report-animals thead th{background:#f1f4f8}
.report-animals th:first-child{width:4.5rem}
.report-animals th:last-child{width:5.5rem}
@media(max-width:600px){.report-fields{grid-template-columns:1fr}.report-animals{font-size:.8rem}.report-animals th,.report-animals td{padding:.35rem}.report-animals th:first-child{width:3.3rem}.report-animals th:last-child{width:3.3rem}.report-actions{width:100%}.report-actions .btn{flex:1}.shift-protocol{padding:1rem}.report-period{font-size:1rem}}
@media print{body:has(.daily-report){background:white;color:#111}body:has(.daily-report) .sidebar,body:has(.daily-report) .mobilebar,body:has(.daily-report) .auth-status,body:has(.daily-report) .report-actions,body:has(.daily-report) #toast,body:has(.daily-report) dialog{display:none!important}body:has(.daily-report) .content{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.shift-protocol{box-shadow:none;border:0;border-radius:0;padding:0;margin:1rem 0 2rem;break-before:auto}.shift-protocol+.shift-protocol{break-before:page}.shift-protocol h2,.report-section h3{break-after:avoid}.report-fields>div,.report-animals tr{break-inside:avoid}.report-animals thead{display:table-header-group}.report-fields dt{color:#333}.report-heading{margin-bottom:1rem}}