:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0d1730;background:#f7f9fc;font-synthesis:none;text-rendering:optimizeLegibility;--blue: #0f5eea;--blue-dark: #0a48c6;--blue-soft: #eaf2ff;--green: #159447;--green-soft: #eaf8ef;--orange: #e97816;--orange-soft: #fff2e6;--violet: #7047df;--violet-soft: #f1edff;--red: #c63535;--red-soft: #fff0f0;--ink: #0d1730;--muted: #667085;--line: #dfe5ee;--card: #ffffff;--shadow: 0 6px 22px rgba(23, 39, 73, .08);--radius: 20px}*{box-sizing:border-box}html{min-height:100%;background:#f7f9fc}body{margin:0;min-width:320px;min-height:100vh;background:#f7f9fc}button,input,select,textarea{font:inherit}button,a,select,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--ink)}img{display:block;max-width:100%}#root{min-height:100vh}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen,.login-page,.event-setup-page,.blocking-screen,.splash-screen{width:min(100%,560px);margin:0 auto}.screen{padding:max(20px,env(safe-area-inset-top)) 18px 22px}.primary-button{min-height:56px;border:0;border-radius:16px;padding:0 22px;background:linear-gradient(135deg,var(--blue),#0754dc);color:#fff;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 8px 20px #0f5eea33}.primary-button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.secondary-button,.compact-button{min-height:46px;border-radius:13px;border:1px solid #cfd8e7;background:#fff;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px}.icon-button,.back-button{width:44px;height:44px;display:inline-grid;place-items:center;border:0;border-radius:50%;background:transparent;color:#566074;flex:0 0 auto}.icon-button:hover,.back-button:hover{background:#eef3fb}.empty-panel,.loading-panel,.error-panel,.warning-panel{border-radius:18px;padding:22px;background:#fff;border:1px solid var(--line);color:var(--muted);box-shadow:var(--shadow)}.error-panel{color:#a32929;background:#fff7f7;border-color:#f4cccc}.warning-panel{display:flex;gap:12px;color:#7c5314;background:#fff9e8;border-color:#f3df9e;box-shadow:none}.warning-panel div{display:grid;gap:4px}.warning-panel span{font-size:13px;line-height:1.4}.form-error{border-radius:12px;padding:11px 13px;background:var(--red-soft);color:#9b2929;border:1px solid #f2caca;font-size:14px}.muted-icon,.muted-text{color:#8b95a7}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.simple-header{margin:4px 2px 20px}.simple-header h1{margin:0;font-size:28px;letter-spacing:-.025em}.simple-header p{margin:4px 0 0;color:var(--muted)}.login-page{min-height:100vh;padding:max(34px,env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:center}.login-hero{text-align:center;display:grid;justify-items:center}.app-logo{width:94px;height:94px;border-radius:25px;display:grid;place-items:center;position:relative;color:var(--blue);background:linear-gradient(145deg,#edf4ff,#e4edfb)}.parking-sign{position:absolute;right:13px;top:12px;width:28px;height:28px;border:3px solid currentColor;border-radius:5px;display:grid;place-items:center;font-weight:900;font-size:16px;background:#eef4ff}.login-hero h1{margin:24px 0 4px;font-size:clamp(30px,8vw,38px);letter-spacing:-.035em}.login-subtitle{margin:0;color:#6b7280;font-size:19px}.login-card{margin-top:30px;padding:16px;border-radius:22px;background:#fff;border:1px solid #e4e8ef;box-shadow:var(--shadow);display:grid;gap:12px}.field-shell{min-height:60px;border:1px solid #d9e0ea;border-radius:15px;display:flex;align-items:center;gap:11px;padding:0 14px;background:#fff}.field-shell:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #0f5eea1a}.field-shell .field-icon{color:var(--blue);flex:0 0 auto}.field-shell input{min-width:0;width:100%;border:0;outline:0;font-size:18px;background:transparent}.field-shell input::placeholder{color:#9ca4b2}.remember-row{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 3px;font-size:14px}.remember-row input{width:20px;height:20px;accent-color:var(--blue)}.login-button{width:100%;font-size:18px}.support-link{min-height:48px;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);background:#f1f6ff;font-size:14px;text-align:center;padding:9px}.app-shell{min-height:100vh;background:#f8fafc}.app-content{width:100%;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.bottom-nav{position:fixed;z-index:50;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);height:calc(66px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#fffffff5;border-top:1px solid #e1e6ee;box-shadow:0 -4px 18px #1c2e520f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.nav-item{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#657083;font-size:11px;font-weight:600}.nav-item.is-active{color:var(--blue)}.home-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px}.home-header h1{margin:0;font-size:27px;letter-spacing:-.035em}.home-header p{margin:4px 0 0;color:var(--muted);font-size:14px}.role-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:12px;white-space:nowrap}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{min-height:112px;border-radius:18px;background:#fff;border:1px solid #e6eaf0;box-shadow:var(--shadow);display:flex;gap:10px;align-items:center;padding:13px}.metric-icon{width:48px;height:48px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center}.metric-card div{display:grid;min-width:0}.metric-card span:not(.metric-icon),.metric-card small{color:#697386;font-size:12px}.metric-card strong{font-size:28px;line-height:1.05;letter-spacing:-.035em}.metric-blue .metric-icon{background:var(--blue-soft);color:var(--blue)}.metric-blue strong{color:var(--blue)}.metric-green .metric-icon{background:var(--green-soft);color:var(--green)}.metric-green strong{color:var(--green)}.metric-violet .metric-icon{background:var(--violet-soft);color:var(--violet)}.metric-violet strong{color:var(--violet)}.metric-orange .metric-icon{background:var(--orange-soft);color:var(--orange)}.metric-orange strong{color:var(--orange)}.hero-action{margin-top:14px;min-height:112px;border-radius:18px;padding:15px;background:linear-gradient(135deg,#1262ec,#0552d8);color:#fff;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;box-shadow:0 10px 24px #0f5eea38}.hero-action-icon{width:58px;height:58px;border:1px solid rgba(255,255,255,.35);border-radius:15px;display:grid;place-items:center}.hero-action span:nth-child(2){display:grid;gap:3px}.hero-action strong{font-size:21px}.hero-action small{opacity:.85;font-size:12px}.quick-actions{margin-top:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quick-actions a{min-height:94px;border-radius:16px;border:1px solid #e3e8ef;background:#fff;box-shadow:var(--shadow);color:var(--blue);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;font-size:12px;font-weight:700}.section-block{margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-heading h2{margin:0;font-size:18px}.sector-list{background:#fff;border-radius:17px;border:1px solid #e3e8ef;box-shadow:var(--shadow);overflow:hidden}.sector-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 18px;gap:9px;align-items:center;min-height:78px;padding:10px 13px;border-bottom:1px solid #edf0f4}.sector-row:last-child{border-bottom:0}.sector-badge{--sector-color: var(--blue);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sector-color);color:#fff;font-weight:800}.sector-main{display:grid;min-width:0}.sector-main small{color:var(--muted);margin-top:2px;font-size:11px}.sector-number{display:grid;text-align:center;min-width:43px}.sector-number strong{font-size:18px}.sector-number small{color:#7a8495;font-size:9px}.sector-number.occupied strong{color:var(--blue)}.sector-number.free strong{color:var(--green)}.entry-form{display:grid;gap:9px;padding-bottom:80px}.form-row{min-height:66px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:center;border:1px solid #dde3eb;border-radius:15px;padding:8px 13px;background:#fff}.form-row:focus-within{border-color:#8bb3f6;box-shadow:0 0 0 3px #0f5eea14}.form-row>span{display:grid;min-width:0}.form-row small{color:#667085;font-size:12px;margin-bottom:2px}.form-row strong{font-size:15px;color:var(--blue)}.form-row input,.form-row select{width:100%;border:0;outline:0;background:transparent;font-size:17px;font-weight:600;padding:0;min-height:26px;appearance:none}.row-icon{color:#687385}.accent-blue{color:var(--blue)}.accent-violet{color:var(--violet)}.accent-green{color:var(--green)}.plate-row input{font-size:20px;letter-spacing:.03em}.optional-trigger{width:100%;text-align:left}.select-row{grid-template-columns:32px minmax(0,1fr) 22px}.photo-picker-row{min-height:52px;border:1px dashed #b9c5d5;border-radius:13px;background:#fff;color:var(--blue);display:flex;align-items:center;gap:9px;padding:0 14px;font-weight:650}.field-hint{font-size:12px;margin:-3px 4px 1px;color:var(--muted)}.field-hint.warning{color:#a06410}.entry-submit{width:100%;min-height:64px;font-size:17px}.search-box{min-height:58px;display:flex;gap:10px;align-items:center;border-radius:16px;border:2px solid var(--blue);background:#fff;padding:0 14px;box-shadow:0 4px 14px #0f5eea12}.search-box input{min-width:0;flex:1;border:0;outline:0;font-size:19px;font-weight:650;background:transparent}.search-box button{width:30px;height:30px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#8b95a3}.filter-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:13px}.filter-pills button{min-height:46px;border:1px solid #e0e5ec;border-radius:999px;background:#fff;color:#667085;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:700}.filter-pills button.is-active{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 6px 16px #0f5eea2e}.result-count{margin:18px 2px 10px;color:#667085;font-size:14px}.vehicle-results{display:grid;gap:10px}.vehicle-card{display:grid;grid-template-columns:46px minmax(0,1fr) 22px;gap:10px;align-items:start;border-radius:17px;border:1px solid #e2e7ee;padding:13px;background:#fff;box-shadow:var(--shadow)}.vehicle-card.status-outside{opacity:.72}.vehicle-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}.vehicle-icon.large{border-radius:13px;background:var(--blue-soft);color:var(--blue)}.vehicle-card-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.vehicle-card-title>strong{font-size:24px;letter-spacing:.02em}.status-badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700}.status-badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.status-badge.inside{color:var(--green);background:var(--green-soft)}.vehicle-card-body p{margin:5px 0 0;display:flex;align-items:center;gap:7px;color:#687286;font-size:13px}.vehicle-card-body p.location{color:var(--blue);font-weight:650}.vehicle-detail-card{border:1px solid #bdd5fb;background:linear-gradient(145deg,#f4f8ff,#fff);border-radius:19px;padding:16px;box-shadow:var(--shadow)}.fact-list{margin:13px 0 0}.fact-list>div{min-height:45px;display:grid;grid-template-columns:minmax(105px,1fr) 1.2fr;align-items:center;gap:8px;border-top:1px solid #e2e8f1}.fact-list dt{display:flex;align-items:center;gap:7px;color:#657083;font-size:13px}.fact-list dd{margin:0;text-align:right;font-weight:650;font-size:14px}.fact-list a{color:var(--blue)}.detail-section{margin-top:20px}.detail-section h2{margin:0 0 9px;font-size:17px}.detail-section h2 small{color:#81899a;font-weight:500}.inline-action{width:100%;min-height:54px;border-radius:14px;border:1px solid #e0e5ec;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:var(--blue)}.inline-action svg:last-child{margin-left:auto}.photo-strip{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.photo-thumb{padding:0;border:0;background:none;flex:0 0 132px;scroll-snap-align:start;cursor:zoom-in}.photo-thumb img{display:block}.photo-strip img,.add-photo-card{width:132px;height:94px;flex:0 0 132px;border-radius:14px;object-fit:cover;scroll-snap-align:start}.add-photo-card{border:1px dashed #aebccd;background:#fff;color:var(--blue);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px}.timeline{list-style:none;margin:0;padding:0 0 0 12px}.timeline li{position:relative;min-height:53px;border-left:2px solid #d5e3fb;padding:0 0 12px 20px}.timeline li:last-child{border-left-color:transparent}.timeline-dot{position:absolute;left:-7px;top:2px;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px #edf4ff}.timeline div{display:grid;gap:2px}.timeline small{color:#7d8797;font-size:11px}.detail-actions{margin-top:20px;display:grid;gap:8px}.detail-primary{width:100%;min-height:65px;display:grid;grid-template-columns:26px minmax(0,1fr) 22px;text-align:left}.detail-primary span,.secondary-action span{display:grid;gap:2px}.detail-primary small{font-weight:500;opacity:.85;font-size:11px}.secondary-action{min-height:59px;border:1px solid #e0e5ec;background:#fff;border-radius:14px;color:var(--blue);display:grid;grid-template-columns:28px minmax(0,1fr) 20px;gap:8px;align-items:center;padding:8px 13px;text-align:left}.secondary-action small{color:#707a8c;font-size:11px;font-weight:500}.danger-action,.danger-outline{min-height:48px;border:1px solid #efc7c7;background:snow;color:var(--red);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.activity-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}.activity-empty strong{color:var(--ink)}.activity-list{display:grid;gap:9px}.activity-card{min-height:76px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e0e5ec;border-radius:16px;padding:11px;background:#fff}.activity-card.status-conflict{border-color:#efca8e;background:#fffaf0}.activity-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft)}.activity-body{display:grid;justify-items:start;gap:4px}.queue-badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:4px 7px;background:#edf2f8;color:#607086;font-size:10px;font-weight:700}.queue-badge.conflict{background:#fff0d5;color:#a9670e}.queue-badge.done{background:var(--green-soft);color:var(--green)}.queue-error{margin:0;color:#9c5e0a;font-size:11px}.queue-error.activity-sync-error{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:#fff6e5;font-size:13px}.profile-card{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px;background:#fff;border:1px solid #e2e7ee;border-radius:17px;box-shadow:var(--shadow)}.profile-avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--blue-soft);color:var(--blue)}.profile-card div{display:grid}.profile-card span:not(.profile-avatar):not(.role-pill){color:var(--muted);font-size:12px}.settings-group{margin-top:20px}.settings-group h2{margin:0 3px 8px;color:#5e687a;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.settings-row{width:100%;min-height:66px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;border:1px solid #e1e6ee;border-radius:15px;background:#fff;padding:10px 13px;text-align:left;color:var(--blue)}.settings-row span{display:grid;gap:2px;color:var(--ink)}.settings-row small{color:var(--muted);font-size:11px;font-weight:500}.logout-row{color:var(--red)}.coordinator-form,.setup-card{display:grid;gap:11px}.action-icon{width:42px;height:42px;border-radius:13px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.stacked-field{display:grid;gap:6px}.stacked-field>span:first-child{color:#5f6a7c;font-size:12px;font-weight:700}.stacked-field input,.stacked-field select,.stacked-field textarea,.mini-form input,.mini-form select{width:100%;min-height:48px;border:1px solid #dce2eb;border-radius:12px;background:#fff;padding:10px 12px;outline:none}.stacked-field textarea{resize:vertical}.stacked-field input:focus,.stacked-field select:focus,.stacked-field textarea:focus,.mini-form input:focus,.mini-form select:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0f5eea14}.stacked-field.compact select{min-height:50px}.danger-primary{background:linear-gradient(135deg,#d84a4a,#b82b2b);box-shadow:0 8px 18px #c6353529}.admin-card{margin-bottom:14px;padding:14px;border:1px solid #e2e7ee;border-radius:17px;background:#fff;box-shadow:var(--shadow)}.admin-card-title{display:flex;align-items:center;gap:10px;color:var(--blue)}.admin-card-title h2{margin:0;color:var(--ink);font-size:17px}.admin-card-title p{margin:2px 0 0;color:var(--muted);font-size:11px}.admin-facts{margin:12px 0}.admin-facts div{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #eef1f5;font-size:12px}.admin-facts dt{color:var(--muted)}.admin-facts dd{margin:0;font-weight:650;text-align:right}.admin-list{margin-top:12px}.admin-list-row{min-height:55px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:9px;align-items:center;border-bottom:1px solid #eef1f5;padding:7px 0}.admin-list-row div{display:grid}.admin-list-row small{color:var(--muted);font-size:10px}.member-avatar{width:38px;height:38px;border-radius:50%;display:grid!important;place-items:center;background:#eef3fa;color:#53647d;font-weight:800}.mini-form{margin-top:14px;display:grid;gap:8px;padding-top:12px;border-top:1px solid #e9edf2}.mini-form h3{margin:0 0 2px;font-size:13px}.inline-fields{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:6px}.assignment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.assignment-grid label{min-height:42px;border-radius:10px;background:#f4f7fb;display:flex;align-items:center;gap:7px;padding:8px;font-size:12px}.assignment-grid input{width:18px;height:18px;accent-color:var(--blue)}.export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.export-actions button{min-height:50px;border-radius:12px;border:1px solid #c8d9f8;background:#f4f8ff;color:var(--blue);font-weight:750;display:flex;gap:7px;align-items:center;justify-content:center}.audit-list{margin-top:11px;display:grid}.audit-list article{padding:9px 0;border-bottom:1px solid #eef1f5;display:grid;gap:2px}.audit-list span,.audit-list small{color:var(--muted);font-size:10px}.event-setup-page{min-height:100vh;padding:max(34px,env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));display:grid;align-content:center;justify-items:center}.event-setup-page>h1{text-align:center;margin:22px 0 5px}.event-setup-page>p{text-align:center;margin:0 0 22px;color:var(--muted);max-width:410px}.setup-card{width:100%;padding:16px;border-radius:19px;border:1px solid #e1e6ed;background:#fff;box-shadow:var(--shadow)}.input-with-icon{display:flex!important;align-items:center;gap:8px;border:1px solid #dce2eb;border-radius:12px;padding:0 10px;background:#fff}.input-with-icon input{border:0;padding-left:0;box-shadow:none!important}.blocking-screen,.splash-screen{min-height:100vh;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.blocking-screen{color:#9e6012}.blocking-screen h1{color:var(--ink);margin:0}.blocking-screen p{color:var(--muted);max-width:420px}.splash-logo{width:72px;height:72px;border-radius:21px;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:34px;font-weight:900}.splash-screen strong{font-size:22px}.splash-screen span{color:var(--muted)}@media(min-width:561px){body{background:#e9eef5}.app-shell,.login-page,.event-setup-page,.blocking-screen,.splash-screen{box-shadow:0 0 0 1px #1e2d460a,0 20px 60px #2639581f}}@media(max-width:370px){.screen{padding-left:13px;padding-right:13px}.home-header h1{font-size:23px}.metric-card{padding:10px;gap:7px}.metric-icon{width:40px;height:40px}.metric-card strong{font-size:24px}.hero-action{grid-template-columns:50px 1fr auto;padding:12px}.hero-action-icon{width:50px;height:50px}.hero-action strong{font-size:18px}.sector-row{grid-template-columns:36px minmax(0,1fr) auto auto}.sector-row>.muted-icon{display:none}.sector-badge{width:34px;height:34px}.fact-list>div{grid-template-columns:102px 1fr}.inline-fields{grid-template-columns:1fr}}:root{--amber: #a46512;--amber-soft: #fff6e5;--nav-height: 66px}.screen-header{display:flex;align-items:center;gap:8px;min-height:44px;margin:0 0 16px}.screen-header.has-back{margin-left:-8px}.screen-header-text{flex:1;min-width:0}.screen-header h1{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-header p{margin:3px 0 0;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:6px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-header-trailing{flex:0 0 auto;display:flex;align-items:center;gap:6px}.screen-header-trailing .compact-button{width:44px;padding:0}.sync-chip{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;color:#168442;background:var(--green-soft);border:1px solid #c3e8d1}.sync-chip.is-pending{color:var(--blue);background:var(--blue-soft);border-color:#c9ddff}.sync-chip.is-offline{color:var(--amber);background:var(--amber-soft);border-color:#efd7a0}.sync-chip.is-conflict{color:var(--red);background:var(--red-soft);border-color:#f2caca}.nav-item .nav-icon{display:grid;place-items:center}.nav-item.nav-primary .nav-icon{width:50px;height:50px;margin-top:-20px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--blue),#0754dc);box-shadow:0 8px 18px #0f5eea52;border:3px solid #fff}.nav-item.nav-primary{color:var(--blue)}.nav-item.nav-primary.is-active .nav-icon{background:var(--blue-dark)}.action-bar{position:fixed;z-index:40;left:50%;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));transform:translate(-50%);width:min(100%,560px);display:grid;gap:8px;padding:10px 18px 12px;background:#f8fafcf7;border-top:1px solid #e1e6ee;box-shadow:0 -6px 18px #1c2e520f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.action-bar .primary-button,.action-bar .secondary-button{width:100%;min-height:56px}.action-bar .primary-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-bar .form-error{margin:0}.action-bar-row{display:grid;grid-template-columns:1.4fr 1fr;gap:8px}.action-hint{margin:0;text-align:center;color:var(--muted);font-size:12px}.entry-form{padding-bottom:0}.entry-submit{font-size:16px}.form-row.has-error{border-color:#e7a5a5;box-shadow:0 0 0 3px #c6353514}.field-error{margin:-4px 4px 2px;color:#a32929;font-size:12.5px;font-weight:600}.optional-trigger span{display:grid}.sector-dot{--sector-color: var(--blue);width:24px;height:24px;border-radius:50%;background:var(--sector-color);box-shadow:inset 0 0 0 4px #ffffff8c}.picker-wrap{display:grid;gap:8px}.picker{border:0;margin:0;padding:0;min-width:0}.picker legend{padding:0 2px 6px;color:#5f6a7c;font-size:12px;font-weight:700}.picker legend small{color:var(--muted);font-weight:600;margin-left:4px}.space-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;padding:2px}.space-chip,.zone-chip{min-height:48px;border:1px solid #d7deea;border-radius:12px;background:#fff;color:var(--ink);font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 8px}.space-chip.auto{grid-column:span 2;color:var(--blue);border-color:#bbd4fd;background:#f4f8ff}.space-chip.is-selected,.zone-chip.is-selected{color:#fff;border-color:var(--blue);background:var(--blue);box-shadow:0 6px 14px #0f5eea38}.space-chip.is-unavailable{color:#a3abb8;background:#f1f3f6;border-style:dashed;text-decoration:line-through}.zone-grid{display:flex;flex-wrap:wrap;gap:8px}.zone-chip{border-radius:999px;padding:0 16px}.photo-picker-row.has-photo{color:var(--green);border-color:#9fd9b4;background:var(--green-soft)}.photo-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.photo-chips li{display:inline-flex;align-items:center;gap:4px;padding:4px 4px 4px 10px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-size:12px;font-weight:700}.photo-chips button{width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:inherit;display:grid;place-items:center}.banner{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 13px;border:1px solid}.banner div{display:grid;gap:3px;min-width:0}.banner span{font-size:13px;line-height:1.4}.banner a{font-weight:750;text-decoration:underline;margin-top:2px}.banner.is-danger{color:#8f2323;background:var(--red-soft);border-color:#f2caca}.banner.is-info{color:#0d3f97;background:#f2f7ff;border-color:#cde0ff}.banner.is-warning,.banner.is-pending{color:#7c5314;background:var(--amber-soft);border-color:#efd7a0}.banner+*{margin-top:0}.detail-screen .banner,.success-screen .banner{margin-bottom:14px}.notice-card{margin-bottom:12px;min-height:60px;display:grid;grid-template-columns:26px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:10px 13px;border-radius:15px;border:1px solid}.notice-card span{display:grid;gap:2px}.notice-card small{font-size:12px;opacity:.85}.notice-card.is-pending{color:var(--blue);background:var(--blue-soft);border-color:#c9ddff}.notice-card.is-conflict{color:#8f2323;background:var(--red-soft);border-color:#f2caca}.quick-actions{grid-template-columns:repeat(2,1fr)}.quick-actions a{min-height:64px;flex-direction:row;gap:10px;font-size:14px}.sector-row{color:inherit}.sector-number.free.is-full strong{color:var(--red)}a.metric-card{color:inherit}.status-badge.pending{color:var(--amber);background:var(--amber-soft)}.status-badge.cancelled{color:#9b2929;background:var(--red-soft)}.status-badge.outside{color:#6e7684;background:#eef0f3}.success-screen{display:grid;gap:14px}.success-card{display:grid;justify-items:center;text-align:center;gap:6px;padding:22px 16px 18px;border-radius:22px;background:#fff;border:1px solid #cfe9d9;box-shadow:var(--shadow);color:var(--green)}.success-card.is-pending{border-color:#efd7a0;color:var(--amber)}.success-card h1{margin:4px 0 0;color:var(--ink);font-size:22px}.success-card>p{margin:0;color:var(--muted);font-size:13px}.success-plate{margin-top:6px;color:var(--ink);font-size:30px;font-weight:850;letter-spacing:.04em}.success-location{--sector-color: var(--blue);width:100%;margin-top:6px;display:grid;justify-items:center;gap:4px;padding:14px 12px 16px;border-radius:18px;background:#f6f9ff;border:2px solid var(--sector-color);color:var(--ink)}.success-location small{color:var(--muted);font-size:14px;font-weight:700}.success-location strong{font-size:clamp(40px,15vw,60px);line-height:1;letter-spacing:-.02em;overflow-wrap:anywhere}.sequence-chip{margin-top:4px;padding:4px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:14px;font-weight:800}.success-note{color:var(--ink)!important;font-weight:650}.success-instruction{margin-top:6px!important;font-size:14px!important;color:var(--ink)!important}.success-time{font-size:12px!important}.search-box input::-webkit-search-cancel-button{display:none}.filter-pills button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.filter-row{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.segmented{display:inline-flex;padding:3px;border-radius:999px;background:#eef2f7}.segmented button{min-height:36px;border:0;border-radius:999px;padding:0 12px;background:transparent;color:#5f6a7c;font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:5px}.segmented button.is-active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #1727491a}.filter-chip{min-height:36px;border:1px solid #c9ddff;border-radius:999px;padding:0 10px 0 12px;background:var(--blue-soft);color:var(--blue);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:6px}.day-separator{margin:8px 2px 0;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.vehicle-card{padding:0;grid-template-columns:minmax(0,1fr) auto;align-items:center}.vehicle-card-link{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:10px;align-items:start;padding:13px;color:inherit;min-width:0}.vehicle-card.status-outside,.vehicle-card.status-cancelled{opacity:.75}.vehicle-card.status-pending{border-color:#efd7a0}.vehicle-plate{font-size:22px;font-weight:800;letter-spacing:.03em}.quick-exit-button{min-height:48px;margin-right:12px;padding:0 14px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:750;display:inline-flex;align-items:center;gap:6px}.vehicle-detail-card{padding:4px 16px 12px}.fact-list{margin:0}.fact-list>div:first-child{border-top:0}.fact-list dd{display:grid;justify-items:end;gap:2px}.fact-note{color:var(--muted);font-size:11.5px;font-weight:500}.secondary-phone{font-size:13px}.vehicle-detail-card .inline-action{margin-top:8px}.detail-section h2{display:flex;align-items:center;gap:6px}.detail-primary{display:inline-flex;grid-template-columns:none;text-align:center}.stay-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.stay-list a{min-height:56px;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:8px;align-items:center;padding:8px 12px;border-radius:14px;background:#fff;border:1px solid #e0e5ec}.stay-list span{display:grid;gap:2px;min-width:0}.stay-list small{color:var(--muted);font-size:12px}.stay-duration{color:#5f6a7c;font-size:12px;font-weight:700}.secondary-action:disabled{opacity:.6}.sheet-backdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;background:#0d173073;animation:fade-in .15s ease-out}.sheet{width:min(100%,560px);max-height:90vh;overflow-y:auto;display:grid;gap:12px;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;background:#fff;box-shadow:0 -10px 40px #0000002e;animation:sheet-in .18s ease-out}.sheet-handle{justify-self:center;width:40px;height:5px;border-radius:999px;background:#d5dbe5}.sheet h2{margin:0;font-size:20px}.sheet-description p{margin:0;color:#4b5568;line-height:1.45}.sheet-actions{display:grid;gap:8px;margin-top:4px}.sheet-actions .primary-button,.sheet-actions .secondary-button{width:100%;min-height:54px}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{transform:translateY(24px);opacity:.6}}.toast{position:fixed;z-index:95;left:50%;bottom:calc(var(--nav-height) + 12px + env(safe-area-inset-bottom));transform:translate(-50%);width:min(calc(100% - 24px),520px);display:flex;align-items:center;gap:10px;padding:12px 8px 12px 14px;border-radius:14px;background:#14213b;color:#fff;box-shadow:0 10px 30px #00000040;font-size:14px;animation:sheet-in .18s ease-out}.toast>span{flex:1;min-width:0}.toast-success svg:first-child{color:#4ade80}.toast-error{background:#7f1d1d}.toast-action{min-height:36px;border:0;border-radius:10px;padding:0 12px;background:#ffffff29;color:#fff;font-weight:750}.toast-close{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#fffc;display:grid;place-items:center}.activity-card{grid-template-columns:44px minmax(0,1fr);align-items:start}.activity-card.status-failed{border-color:#efca8e}.queue-badge.discarded{background:#f1f3f6;color:#8b95a7}.queue-advice{margin:0;color:#4b5568;font-size:12.5px;line-height:1.4}.activity-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.activity-actions .compact-button{min-height:40px;font-size:13px}.compact-button.is-danger{color:var(--red);border-color:#efc7c7}.activity-list.is-closed{margin-top:20px;opacity:.8}.activity-list.is-closed h2{margin:0 2px;color:#5e687a;font-size:13px;text-transform:uppercase;letter-spacing:.04em}.settings-group .settings-row+.settings-row{margin-top:8px}.settings-row.is-static{color:var(--green)}.support-link span{display:grid;gap:2px}.support-link small{font-weight:700;font-size:13px}.tabs{display:flex;gap:6px;overflow-x:auto;margin:-4px -18px 14px;padding:2px 18px 6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{flex:0 0 auto;min-height:40px;border:1px solid #e0e5ec;border-radius:999px;padding:0 14px;background:#fff;color:#5f6a7c;font-weight:700}.tabs button.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.admin-card>.primary-button,.admin-card>.secondary-button,.admin-card>.danger-outline{width:100%;margin-top:6px}.admin-card .stacked-field{margin-top:12px}.admin-sectors{margin-top:12px;display:grid;gap:8px}.admin-sector{border:1px solid #e3e8ef;border-radius:14px;overflow:hidden}.admin-sector-header{width:100%;min-height:60px;display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:10px;align-items:center;padding:8px 12px;border:0;background:#fff;text-align:left;color:var(--ink)}.admin-sector-header svg{transition:transform .15s;color:var(--muted)}.admin-sector.is-open .admin-sector-header svg{transform:rotate(180deg)}.admin-sector-title{display:grid;min-width:0}.admin-sector-title small{color:var(--muted);font-size:12px}.admin-sector-body{display:grid;gap:10px;padding:4px 12px 14px;background:#fafbfd;border-top:1px solid #eef1f5}.admin-subtitle{margin:6px 0 0;font-size:13px}.admin-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:320px;overflow-y:auto}.admin-rows li{min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto 44px;gap:6px;align-items:center;padding:4px 4px 4px 12px;border-radius:12px;background:#fff;border:1px solid #e6eaf0}.admin-rows li.is-inactive{opacity:.6}.admin-rows li span{display:grid}.admin-rows small{color:var(--muted);font-size:11.5px}.admin-rows .compact-button{min-height:40px;font-size:12.5px}.inline-add{display:flex;align-items:flex-end;gap:8px}.inline-add input{flex:1;min-width:0;min-height:46px;border:1px solid #dce2eb;border-radius:12px;padding:0 12px;background:#fff}.inline-add label{flex:1;display:grid;gap:4px}.inline-add label span,.inline-fields label span{color:#5f6a7c;font-size:11.5px;font-weight:700}.inline-fields label{display:grid;gap:4px;min-width:0}.coordinator-form .muted-text{margin:-6px 2px 4px;font-size:13px}@media(max-width:370px){.screen-header h1{font-size:21px}.sync-chip span{max-width:92px;overflow:hidden;text-overflow:ellipsis}.space-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.action-bar-row{grid-template-columns:1fr}}.success-topbar{display:flex;justify-content:flex-end;min-height:32px;margin-bottom:-4px}.retry-view{width:100%;margin-top:12px}.action-bar .primary-button{max-width:100%;overflow:hidden}.action-bar .primary-button>span{flex:0 1 auto}.link-button{justify-self:start;min-height:40px;margin-top:4px;border:0;background:transparent;color:var(--blue);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:4px;padding:0 2px}.link-button .is-flipped{transform:rotate(180deg)}.vehicle-card.has-quick-exit{grid-template-columns:minmax(0,1fr)}.vehicle-card.has-quick-exit .vehicle-card-link{grid-template-columns:44px minmax(0,1fr)}.vehicle-card.has-quick-exit .quick-exit-button{margin:0 13px 13px;justify-content:center;min-height:52px}.home-screen .metrics-grid{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.home-screen .metric-card{min-height:0;flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.home-screen .metric-icon{width:36px;height:36px}.home-screen .metric-icon svg{width:20px;height:20px}.admin-sector-body>*,.inline-add>*,.inline-fields>*{min-width:0}.inline-add .secondary-button{flex:0 0 auto}.sector-edit-form{flex-wrap:wrap}.sector-edit-form .sector-edit-name{flex-basis:100%}.inline-add input,.inline-fields input{width:100%}.inline-fields.is-even{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-rows li{grid-template-columns:minmax(0,1fr) auto auto}.admin-rows .compact-button.is-danger{width:44px;padding:0}@media(max-width:370px){.tabs{margin:-4px -13px 14px;padding:2px 13px 6px}}:root{--nav-height: 58px}.screen{padding:max(14px,env(safe-area-inset-top)) 14px 18px}.screen-header{min-height:40px;margin-bottom:12px}.screen-header h1{font-size:21px}.home-header h1{font-size:23px}.primary-button{min-height:50px;border-radius:14px;padding:0 18px}.secondary-button,.compact-button{min-height:42px;border-radius:12px}.app-content{padding-bottom:calc(var(--nav-height) + 12px + env(safe-area-inset-bottom))}.bottom-nav{height:calc(var(--nav-height) + env(safe-area-inset-bottom))}.nav-item.nav-primary .nav-icon{width:44px;height:44px;margin-top:-16px}.action-bar{padding:8px 14px 10px}.action-bar .primary-button,.action-bar .secondary-button,.search-box{min-height:50px}.entry-form{gap:7px}.form-row{min-height:54px;grid-template-columns:24px minmax(0,1fr);gap:10px;padding:6px 12px;border-radius:13px}.select-row{grid-template-columns:24px minmax(0,1fr) 20px}.form-row small{font-size:11.5px;margin-bottom:0}.form-row input,.form-row select{font-size:16px;min-height:24px}.plate-row input{font-size:18px}.form-row.optional-trigger{min-height:46px}.optional-trigger strong{font-size:14px}.sector-dot{width:20px;height:20px}.space-grid{grid-template-columns:repeat(auto-fill,minmax(62px,1fr));gap:6px}.space-chip,.zone-chip{min-height:42px;border-radius:10px;font-size:15px}.space-chip.auto{font-size:14px;white-space:nowrap;padding:0 6px}.photo-picker-row{min-height:46px}.entry-submit{min-height:50px;font-size:16px}.entry-actions{display:grid;grid-template-columns:54px minmax(0,1fr);gap:8px}.photo-action{position:relative;min-height:50px;display:grid;place-content:center;justify-items:center;gap:1px;border:1px solid #bbd4fd;border-radius:14px;background:#f4f8ff;color:var(--blue);cursor:pointer}.photo-action-label{font-size:11px;font-weight:700}.photo-action:focus-within{outline:3px solid rgba(15,94,234,.35);outline-offset:1px}.photo-action.has-photo{color:var(--green);border-color:#9fd9b4;background:var(--green-soft)}.photo-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--green);color:#fff;font-size:12px;font-weight:750}.home-header{margin-bottom:12px}.home-screen .metric-card{gap:4px;padding:10px 12px;border-radius:15px}.home-screen .metric-icon{width:28px;height:28px}.home-screen .metric-icon svg{width:16px;height:16px}.home-screen .metric-card strong{font-size:24px}.hero-action{margin-top:10px;min-height:76px;grid-template-columns:44px 1fr auto;gap:12px;padding:12px 14px;border-radius:16px}.hero-action-icon{width:44px;height:44px;border-radius:12px}.hero-action strong{font-size:18px}.quick-actions{margin-top:8px;gap:8px}.quick-actions a{min-height:52px;border-radius:14px}.section-block{margin-top:18px}.section-heading h2{font-size:16px}.sector-row{min-height:62px;padding:8px 12px}.sector-badge{width:34px;height:34px}@media(max-width:370px){.space-grid{grid-template-columns:repeat(auto-fill,minmax(56px,1fr))}}.link-button.change-sectors{min-height:32px;margin:-2px 0 0 4px}.primary-button.choose-sectors{width:100%;margin-top:12px}.sheet-hint{margin:-4px 0 4px;color:var(--muted);font-size:13px}.my-sectors-list{display:grid;gap:6px;max-height:50vh;overflow-y:auto}.my-sector-option{min-height:48px;display:grid;grid-template-columns:20px minmax(0,1fr) 22px;align-items:center;gap:10px;padding:0 12px;border:1px solid #d7deea;border-radius:12px;background:#fff;font-weight:650;cursor:pointer}.my-sector-option.is-checked{border-color:var(--blue);background:var(--blue-soft)}.my-sector-option:focus-within{outline:3px solid rgba(15,94,234,.35);outline-offset:1px}.my-sector-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-sector-check{color:var(--blue);display:grid;place-items:center}.messages-screen .settings-group h2{display:flex;align-items:center;gap:6px}.message-composer{display:grid;gap:10px;padding:12px;border:1px solid #e3e8ef;border-radius:15px;background:#fff}.message-composer textarea{width:100%;min-height:84px;resize:vertical;border:1px solid #d7deea;border-radius:12px;padding:10px 12px;font-size:16px;background:#fff}.message-composer-row{display:flex;align-items:flex-end;gap:10px}.message-composer-row .stacked-field{flex:1;min-width:0}.message-counter{color:var(--muted);font-size:12px;padding-bottom:12px}.message-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.message-card{padding:12px;border:1px solid #e3e8ef;border-radius:14px;background:#fff}.message-card p{margin:6px 0 0;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.message-meta strong{color:var(--ink);font-size:13px}.message-target{padding:2px 8px;border-radius:999px;background:var(--blue-soft);color:var(--blue);font-weight:700}.message-meta time{margin-left:auto}.latest-message{margin-bottom:12px;display:grid;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:12px;border-radius:15px;border:1px solid #f3d3a8;background:var(--orange-soft);color:var(--ink)}.latest-message>svg:first-child{color:var(--orange)}.latest-message span{display:grid;gap:2px;min-width:0}.latest-message small{color:#8a4b0c;font-size:12px;font-weight:700}.latest-message strong{font-size:15px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notifications-row.is-action strong{color:var(--blue)}.notifications-row.is-enabled>svg:first-child{color:var(--green)}.notifications-row.is-needs-install>svg:first-child,.notifications-row.is-denied>svg:first-child{color:var(--orange)}.notifications-row .link-button{margin:0}.admin-list-row:has(.member-role-select),.admin-list-row:has(.member-role-self){grid-template-columns:40px minmax(0,1fr) auto}.member-role-select{min-height:38px;max-width:136px;border:1px solid #d7deea;border-radius:10px;padding:0 8px;background:#fff;color:var(--ink);font-size:14px;font-weight:650}.member-role-self{color:var(--muted);font-size:12px;font-weight:700}.photo-viewer{position:fixed;inset:0;z-index:100;background:#05080f;color:#fff;animation:fade-in .15s ease-out}.photo-viewer-bar{position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(8px + env(safe-area-inset-top)) 8px 8px 16px;background:linear-gradient(rgba(5,8,15,.75),transparent);font-size:15px;font-weight:700}.photo-viewer-close,.photo-viewer-nav{display:grid;place-items:center;width:48px;height:48px;border:0;border-radius:999px;background:#ffffff24;color:#fff}.photo-viewer-track{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior:contain;scrollbar-width:none}.photo-viewer-track::-webkit-scrollbar{display:none}.photo-viewer-slide{flex:0 0 100%;display:grid;place-items:center;scroll-snap-align:center;scroll-snap-stop:always;padding:calc(64px + env(safe-area-inset-top)) 0 calc(24px + env(safe-area-inset-bottom))}.photo-viewer-slide img{max-width:100%;max-height:100%;object-fit:contain}.photo-viewer-nav{position:absolute;top:50%;transform:translateY(-50%)}.photo-viewer-nav.is-prev{left:8px}.photo-viewer-nav.is-next{right:8px}.photo-viewer-nav:disabled{opacity:0;pointer-events:none}