:root{--bg:#f4f5f7;--surface:#fff;--surface-alt:#f8fafc;--border:#d7dce3;--text:#152030;--muted:#5d6a7d;--primary:#0a5cc2;--primary-dark:#094c9f;--danger:#b93b2a;--success:#0d7a44}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);background:linear-gradient(180deg,#f0f4fa 0,var(--bg) 50%,#ecf1f7 100%);font-family:Avenir Next,Avenir,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.page-container{max-width:1400px;margin:0 auto;padding:20px 20px calc(24px + env(safe-area-inset-bottom));width:100%}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);background:hsla(0,0%,100%,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow-x:clip;width:100%}.nav-inner{max-width:1200px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-left,.nav-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.brand{font-weight:700;color:var(--primary)}.nav-link{color:var(--muted);font-size:.95rem}.nav-user-label{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-banner{display:inline-flex;align-items:center;gap:8px;border:1px solid #b88716;border-radius:999px;padding:4px 10px;color:#5f4300;background:linear-gradient(120deg,#ffe89a,#ffd25e 45%,#fff3bf);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6),0 1px 3px rgba(93,66,8,.25);white-space:nowrap}.admin-banner-kicker{font-size:.72rem;line-height:1;font-weight:800;letter-spacing:.08em}.admin-banner-text{font-size:.8rem;line-height:1;font-weight:600}.admin-banner-text-mobile{display:none}.button-link,button{border:1px solid transparent;border-radius:8px;padding:8px 12px;font-size:.9rem;cursor:pointer;background:var(--primary);color:#fff}.button-link.secondary,button.secondary{background:#fff;border-color:var(--border);color:var(--text)}button.danger{background:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}.card{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px;overflow:hidden}.grid{display:grid;grid-gap:16px;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:960px){.grid.three,.grid.two{grid-template-columns:1fr}.nav-inner{flex-direction:column;align-items:stretch}.admin-banner{white-space:normal}.nav-left,.nav-right{width:100%;justify-content:flex-start}.nav-user-label{max-width:100%}}@media (max-width:720px){.nav-inner{padding:10px 14px;gap:10px}.nav-left{row-gap:8px}}h1,h2,h3{margin:0 0 12px;line-height:1.1}h1{font-size:clamp(1.7rem,3vw,2.2rem)}h2{font-size:clamp(1.4rem,2.2vw,1.85rem)}p{margin:0 0 12px}.small-text,p{color:var(--muted)}.small-text{font-size:.86rem}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.92rem}td,th{border-bottom:1px solid var(--border);padding:10px;text-align:left;vertical-align:top}th{font-weight:600;background:var(--surface-alt)}label,th{color:var(--muted)}label{display:block;font-size:.86rem;margin-bottom:4px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px;font-size:.92rem;background:#fff}input[type=date],input[type=datetime-local]{-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:1.25;text-align:left}input[type=date]::-webkit-date-and-time-value,input[type=datetime-local]::-webkit-date-and-time-value{text-align:left}textarea{min-height:78px}.form-row{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:720px){.form-row,.form-row.three{grid-template-columns:1fr}}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-block;font-size:.78rem;border:1px solid var(--border);border-radius:999px;padding:2px 8px;background:#fff}.badge.success{border-color:#b8e0c7;color:var(--success);background:#e8f6ed}.badge.warning{border-color:#f1d59a;color:#8f5f00;background:#fff4db}.badge.runtime-free{border-color:#b8e0c7;color:#0d7a44;background:#e8f6ed}.badge.runtime-busy{border-color:#efc9b3;color:#8c3e1d;background:#fff0e8}.badge.machine-maintenance,.badge.runtime-maintenance{border-color:#f1d59a;color:#8f5f00;background:#fff4db}.badge.machine-decommissioned,.badge.runtime-decommissioned{border-color:#c7ced9;color:#4e5a6c;background:#f1f4f8}.badge.machine-operational{border-color:#b8e0c7;color:#0d7a44;background:#e8f6ed}.error-text{color:var(--danger);font-weight:600}.warning-text{color:#8f5f00;font-weight:600}.success-text{color:var(--success);font-weight:600}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.reservation-week-scroll{overflow-x:auto}.reservation-week-scroll.is-saving{cursor:progress}.reservation-week-grid{position:relative;min-width:980px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.reservation-week-saving{position:absolute;top:8px;right:10px;z-index:6;font-size:.74rem;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.96);color:var(--muted);pointer-events:none}.reservation-week-head{display:grid;grid-template-columns:76px repeat(7,minmax(120px,1fr));border-bottom:1px solid var(--border);background:var(--surface-alt)}.reservation-week-head-day,.reservation-week-head-time{font-size:.82rem;font-weight:600;color:var(--muted);padding:8px;border-right:1px solid var(--border)}.reservation-week-head-day:last-child{border-right:0}.reservation-week-body{display:grid;grid-template-columns:76px repeat(7,minmax(120px,1fr))}.reservation-week-time-column{border-right:1px solid var(--border);background:var(--surface-alt)}.reservation-week-time-slot{height:34px;padding:2px 6px;font-size:.74rem;color:var(--muted);border-bottom:1px solid var(--border)}.reservation-week-day-column{position:relative;border-right:1px solid var(--border);touch-action:pan-x pan-y}.reservation-week-day-column:last-child{border-right:0}.reservation-week-hour-slot{height:34px;border-bottom:1px solid var(--border)}.reservation-week-hour-slot.work{background:#f5fbff}.reservation-week-hour-slot.off{background:#eef3f8}.reservation-week-event{position:absolute;left:4px;right:4px;border-radius:6px;border:1px solid transparent;padding:4px 6px;overflow:hidden;z-index:2;min-height:20px;box-shadow:0 1px 2px rgba(0,0,0,.08);-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:pan-x pan-y}.reservation-week-scroll.calendar-edit-enabled .reservation-week-day-column,.reservation-week-scroll.calendar-edit-enabled .reservation-week-event{touch-action:none}.reservation-week-scroll.calendar-edit-disabled .reservation-week-event{cursor:default}.reservation-week-event.standard{background:rgba(10,92,194,.2);border-color:rgba(10,92,194,.6)}.reservation-week-event.admin{background:rgba(185,59,42,.24);border-color:rgba(185,59,42,.72);box-shadow:inset 0 0 0 1px rgba(185,59,42,.28),0 2px 6px rgba(70,24,18,.18)}.reservation-week-event.after-hours{border-style:dashed}.reservation-week-event.work-hours{border-style:solid}.reservation-week-event.resizing{opacity:.92}.reservation-week-event.resizable{cursor:-webkit-grab;cursor:grab}.reservation-week-event.resizable-start:hover{box-shadow:inset 0 2px 0 rgba(21,32,48,.35),0 1px 2px rgba(0,0,0,.08)}.reservation-week-event.resizable-end:hover{box-shadow:inset 0 -2px 0 rgba(21,32,48,.35),0 1px 2px rgba(0,0,0,.08)}.reservation-week-event.moving{cursor:-webkit-grabbing;cursor:grabbing;box-shadow:inset 0 0 0 2px rgba(21,32,48,.28),0 3px 8px rgba(0,0,0,.18)}.reservation-week-event-title{font-size:.74rem;font-weight:600;line-height:1.2}.reservation-week-event-time{font-size:.68rem;color:#1f2f45;line-height:1.2}.reservation-row-admin td{background:rgba(185,59,42,.08)}.calendar-legend{display:flex;flex-wrap:wrap;gap:8px}.calendar-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;border:1px solid var(--border);border-radius:999px;padding:3px 9px;background:#fff;color:var(--text)}.calendar-legend-swatch{width:14px;height:10px;border-radius:4px;border:1px solid transparent;display:inline-block}.calendar-legend-swatch.standard{background:rgba(10,92,194,.2);border-color:rgba(10,92,194,.6)}.calendar-legend-swatch.admin{background:rgba(185,59,42,.24);border-color:rgba(185,59,42,.72)}.calendar-legend-swatch.work-hours{background:#f5fbff;border-color:#b8e0c7}.calendar-legend-swatch.after-hours{background:#eef3f8;border-color:rgba(21,32,48,.45);border-style:dashed}.calendar-feedback{min-height:24px;margin:4px 0 10px;display:flex;align-items:center}.calendar-feedback .error-text,.calendar-feedback .success-text{margin:0}.condition-photo-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}@media (max-width:560px){.condition-photo-grid{grid-template-columns:1fr}}.condition-photo-card{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.condition-photo-card.unavailable{border-style:dashed;background:#fbfcfe}.condition-photo-link{display:block;aspect-ratio:4/3;background:#e9eef5}.condition-photo-image{width:100%;height:100%;object-fit:cover;display:block}.condition-photo-unavailable{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:12px;color:#425267;background:repeating-linear-gradient(135deg,#edf2f8,#edf2f8 14px,#f6f9fc 0,#f6f9fc 28px)}.condition-photo-unavailable-title{font-size:.92rem;font-weight:700;color:#334257}.condition-photo-unavailable-copy{max-width:26ch;font-size:.78rem;line-height:1.35}.condition-photo-meta{padding:8px 10px;display:grid;grid-gap:4px;gap:4px}.condition-photo-title{font-size:.86rem;font-weight:600;color:var(--text)}.condition-report-form{display:grid;grid-gap:8px;gap:8px;margin:4px 0 12px}.reservation-condition-badge{font-weight:600}.reservation-condition-badge.condition-submitted{border-color:#b8e0c7;color:#0d7a44;background:#e8f6ed}.reservation-condition-badge.condition-missing{border-color:#efc9b3;color:#8c3e1d;background:#fff0e8}.badge.condition-photo-unavailable-badge,.reservation-condition-badge.condition-not-due{border-color:#c7ced9;color:#4e5a6c;background:#f1f4f8}.reservation-card-list{display:grid;grid-gap:10px;gap:10px}.reservation-schedule-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:#fff}.reservation-schedule-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px 12px;gap:8px 12px}.reservation-schedule-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:6px}.reservation-schedule-card-range{font-size:.92rem}.reservation-schedule-card-user{margin-bottom:8px}.reservation-note-block{margin-bottom:10px;border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--surface-alt)}.reservation-note-label{margin-bottom:4px;font-weight:600}.reservation-note-cell{min-width:220px;max-width:320px}.reservation-note-text{color:var(--text);font-size:.88rem;line-height:1.4;overflow-wrap:anywhere}.reservation-note-text.clamped{display:-webkit-box;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reservation-note-text.empty{color:var(--muted);font-style:italic}@media (max-width:560px){.reservation-schedule-card-grid{grid-template-columns:1fr}.condition-photo-actions>.button-link,.condition-photo-actions>button{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 6px);justify-content:center;text-align:center}.reservation-schedule-card{padding:9px}.reservation-schedule-card-range{font-size:.84rem}.reservation-note-text,.reservation-schedule-card-user{font-size:.82rem}.reservation-schedule-card-grid label{margin-bottom:2px;font-size:.78rem}}@media (max-width:720px){body{overflow-x:hidden}.page-container{padding:10px 10px calc(88px + env(safe-area-inset-bottom))}.card{border-radius:10px;padding:12px}h1{font-size:1.8rem}h1,h2{margin-bottom:8px}h2{font-size:1.4rem}p{margin-bottom:10px}.small-text{font-size:.8rem;line-height:1.35}.top-nav{position:-webkit-sticky;position:sticky}.nav-inner{padding:8px 10px;gap:8px}.nav-left,.nav-right{gap:8px}.brand{font-size:1rem}.admin-banner{padding:3px 8px;gap:6px}.admin-banner-kicker{font-size:.65rem}.admin-banner-text-desktop{display:none}.admin-banner-text-mobile{display:inline;font-size:.72rem}.nav-link{font-size:.9rem}.nav-user-label{max-width:52vw;font-size:.78rem}.button-link,button{min-height:38px;padding:7px 10px;font-size:.88rem}.inline-actions{gap:6px}input,select,textarea{font-size:1rem;min-height:40px;padding:7px 8px}input[type=date],input[type=datetime-local]{min-height:44px}label{margin-bottom:3px;font-size:.82rem}.badge{font-size:.74rem;padding:2px 7px}.calendar-legend-item{font-size:.72rem;padding:2px 7px}.reservation-week-head-day,.reservation-week-head-time{font-size:.76rem;padding:7px 6px}.reservation-week-time-slot{font-size:.68rem;height:32px}.reservation-week-hour-slot{height:32px}.condition-photo-meta{padding:7px 8px}.condition-photo-title{font-size:.82rem}.condition-photo-unavailable-title{font-size:.84rem}.condition-photo-unavailable-copy{font-size:.72rem}}