*{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}}

/* 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}

.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}