.deliveries-page{width:100%;max-width:none;margin:0;padding:20px}.deliveries-tabs{gap:8px;margin-bottom:20px;display:flex}.deliveries-tab{border:1px solid var(--border-warm,#e8dccd);cursor:pointer;background:#fff;border-radius:8px;padding:12px 20px;font-weight:600;transition:all .2s}.deliveries-page .deliveries-tab.active{background:var(--accent,#0d9488);color:#fff;border-color:var(--accent,#0d9488)}.deliveries-page .deliveries-tab:hover{border-color:var(--accent,#0d9488);color:var(--accent,#0d9488)}.deliveries-page .deliveries-tab.active:hover{color:#fff}#viewCalendar{grid-template-columns:1fr 450px;align-items:start;gap:24px;display:grid}@media (max-width:1024px){#viewCalendar{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:700px){.deliveries-page,.calendar-section{padding:12px}.calendar-section #calendarGrid,.calendar-section .calendar-grid-cells{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.calendar-section .calendar-weekdays{gap:3px}.calendar-section .calendar-cell{border-radius:6px;min-width:0;padding:4px}.calendar-section .calendar-daynum{font-size:12px}}.calendar-section{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;padding:0 4px;display:flex}.calendar-nav{align-items:center;gap:16px;display:flex}.calendar-nav button{border:1px solid var(--border-warm,#e8dccd);width:var(--touch-min,44px);height:var(--touch-min,44px);cursor:pointer;color:var(--text-muted,#64748b);background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;transition:all .2s;display:flex}.calendar-nav button:hover{border-color:var(--accent,#0d9488);color:var(--accent,#0d9488);transform:scale(1.05)}.calendar-title{color:var(--text,#1e293b);text-transform:capitalize;font-size:18px;font-weight:600}.calendar-grid{flex-direction:column;display:flex}.calendar-section .calendar-grid{flex-direction:column;gap:0;grid-template-columns:unset!important;box-shadow:none!important;background:0 0!important;border-radius:0!important;padding:0!important;display:flex!important}.calendar-weekdays{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-weekday{text-align:center;color:var(--text-muted,#64748b);background:#f9fafb;border-radius:6px;padding:8px;font-size:14px;font-weight:600}.calendar-grid-cells{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-cell{aspect-ratio:1;border:1px solid var(--border-warm,#e8dccd);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;padding:8px;transition:all .2s;display:flex;position:relative;overflow:hidden}.calendar-cell:hover{border-color:var(--accent,#0d9488);background:var(--accent-soft,#0d94881f)}.calendar-cell.active{border-color:var(--accent,#0d9488);background:var(--accent-soft,#0d94881f);border-width:2px}.calendar-section .calendar-cell:hover{border-color:var(--accent,#0d9488);background:var(--accent-soft,#0d94881f)}.calendar-section .calendar-cell.active{background:linear-gradient(135deg, var(--accent,#0d9488), var(--accent-hover,#0f766e));border-color:var(--accent,#0d9488)}.calendar-cell.empty{cursor:default;background:0 0;border:none}.calendar-daynum{color:var(--text,#1e293b);text-align:center;flex-shrink:0;margin-bottom:4px;font-size:14px;font-weight:600}.delivery-icons{flex:1;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));grid-auto-rows:auto;place-content:center;align-self:stretch;gap:6px;width:100%;min-height:0;display:grid;container-type:size}.delivery-icon{box-sizing:border-box;aspect-ratio:1;color:#fff;cursor:help;text-shadow:0 1px 2px #00000040;border-radius:50%;justify-content:center;place-self:center;align-items:center;width:100%;min-width:0;max-width:100%;height:auto;font-size:clamp(11px,52cqmin,18px);font-weight:700;line-height:1;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001f}.delivery-more{box-sizing:border-box;aspect-ratio:1;color:#fff;background:#424242;border-radius:50%;justify-content:center;place-self:center;align-items:center;width:100%;min-width:0;max-width:100%;height:auto;padding:2px;font-size:clamp(10px,42cqmin,14px);font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 2px #00000026}.delivery-badges{gap:2px;margin-top:4px;display:flex}.delivery-badge{color:#fff;cursor:help;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:600}.delivery-form{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 20px #00000014}.delivery-list{min-height:200px}.delivery-item{border:1px solid var(--border-warm,#e8dccd);background:#fff;border-radius:8px;margin-bottom:12px;padding:12px}.delivery-header-row{align-items:center;gap:12px;width:100%;display:flex}.delivery-header-main{cursor:pointer;text-align:left;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.delivery-header-main:focus-visible{outline:2px solid var(--accent,#0d9488);outline-offset:2px;border-radius:4px}.delivery-printed-label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text,#1e293b);border:1px solid var(--border-warm,#e8dccd);background:linear-gradient(#fff 0%,#faf8f6 100%);border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.delivery-printed-label:hover{background:var(--accent-soft,#0d94881f);border-color:var(--accent,#0d9488);box-shadow:var(--focus-ring,0 2px 6px #0d94881f)}.delivery-printed-label--checked{color:#1b5e20;background:linear-gradient(#e8f5e9 0%,#e0f2e1 100%);border-color:#81c784}.delivery-printed-label--checked:hover{border-color:#66bb6a}.delivery-printed-label input[type=checkbox]{accent-color:#2e7d32;cursor:pointer;flex-shrink:0;width:18px;height:18px}.delivery-printed-label input[type=checkbox]:disabled{opacity:.6;cursor:wait}.delivery-printed-label--readonly{opacity:.88;cursor:default}.delivery-printed-label--readonly:hover{border-color:var(--border-warm,#e8dccd);background:linear-gradient(#fff 0%,#faf8f6 100%);box-shadow:0 1px 2px #0000000a}.delivery-printed-label--readonly input[type=checkbox]:disabled{cursor:not-allowed}@media (max-width:520px){.delivery-header-row{flex-wrap:wrap}.delivery-printed-label{margin-left:auto}}.delivery-status-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.delivery-header-main h4{color:var(--text,#1e293b);flex:1;min-width:0;margin:0;font-size:16px;font-weight:500}.delivery-details{border-top:1px solid var(--border-warm,#e8dccd);margin-top:12px;padding-top:12px}.delivery-meta{color:var(--text-muted,#64748b);margin-bottom:12px;font-size:14px;line-height:1.6}.delivery-actions{flex-wrap:wrap;gap:8px;display:flex}.hidden{display:none}.form-group{margin-bottom:16px}.form-label{color:var(--text,#1e293b);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-warm,#e8dccd);border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent,#0d9488);outline:none}.form-textarea{resize:vertical;min-height:80px}.form-actions{gap:12px;margin-top:24px;display:flex}.btn-save,.btn-cancel{cursor:pointer;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-save{background:var(--accent,#0d9488);color:#fff}.btn-save:hover:not(:disabled){background:var(--accent-hover,#0f766e)}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{color:var(--text-muted,#64748b);background:#f0f0f0}.btn-cancel:hover:not(:disabled){background:#e0e0e0}.muted{color:var(--text-muted,#64748b);font-size:12px}.btn{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--accent,#0d9488);color:#fff}.btn-primary:hover{background:var(--accent-hover,#0f766e)}.btn-danger{background:var(--danger,#b3261e);color:#fff}.btn-danger:hover{background:var(--danger-hover,#9a2a2a)}.btn-secondary{color:#fff;background:#6c757d}.delivery-actions-mark-column{flex-direction:column;flex-basis:100%;gap:8px;min-width:180px;display:flex}.btn-incomplete-delivery{cursor:pointer;border:2px solid var(--danger-hover,#9a2a2a);background:var(--danger,#b3261e);color:#fff;text-align:center;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s;box-shadow:0 2px 6px #0000002e}.btn-incomplete-delivery:hover{background:var(--danger-hover,#9a2a2a);border-color:var(--danger-hover,#9a2a2a)}.btn-secondary:hover{background:#5a6268}.pdf-upload-area{border:2px dashed var(--border-warm,#e8dccd);text-align:center;cursor:pointer;border-radius:8px;padding:20px;transition:all .2s}.pdf-upload-area:hover{border-color:var(--accent,#0d9488);background:var(--accent-soft,#0d94881f)}.delivery-documents{flex-direction:column;gap:8px;margin-top:8px;display:flex}.delivery-document-item{border:1px solid var(--border-warm,#e8dccd);background:#f9fafb;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.delivery-document-name{color:var(--text,#1e293b);flex:1;font-size:14px}.delivery-document-actions{align-items:center;gap:4px;display:flex}.btn-view-pdf,.btn-download-pdf{cursor:pointer;background:var(--accent,#0d9488);color:#fff;min-width:var(--touch-min,44px);height:auto;min-height:var(--touch-min,44px);border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-view-pdf:hover:not(:disabled),.btn-download-pdf:hover:not(:disabled){background:var(--accent-hover,#0f766e)}.btn-view-pdf:disabled,.btn-download-pdf:disabled{opacity:.6;cursor:not-allowed}.btn-download-all{cursor:pointer;color:#fff;background:#6c757d;border:none;border-radius:6px;width:100%;margin-top:4px;margin-left:0;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.btn-download-all:hover:not(:disabled){background:#5a6268}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:12px;min-width:400px;max-width:90vw;padding:24px;box-shadow:0 4px 20px #0003}.modal-content h3{color:var(--text,#1e293b);margin:0 0 20px;font-size:18px;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.calendar-cell:focus-visible{outline:2px solid var(--accent,#0d9488);outline-offset:2px}