:root{color:#172737;font-synthesis:none;--navy:#10283b;--blue:#234b63;--gold:#c9a452;--line:#dfe7ea;--muted:#6e7d88;background:#f4f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1b;align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand-mark{border:1px solid var(--gold);width:42px;height:42px;color:var(--gold);border-radius:12px;place-items:center;font-family:Georgia,serif;font-size:25px;display:grid}.brand strong{letter-spacing:.13em;font-family:Georgia,serif;font-size:18px;display:block}.brand small{color:#a9b8c2;margin-top:4px;font-size:9px;display:block}nav{gap:7px;padding-top:28px;display:grid}nav button{color:#c5d0d7;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;padding:12px 14px;display:flex}nav button:hover,nav button.active{color:#fff;background:#ffffff13}nav button.active{box-shadow:inset 3px 0 var(--gold)}nav button span{width:20px;color:var(--gold);text-align:center}.demo-badge{color:#b9c6cd;background:#0b1e2d;border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:11px;font-size:12px;display:flex}.demo-badge span{background:#4fbd78;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #4fbd7825}main{min-width:0;padding:30px 38px 60px}header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-family:Georgia,serif;font-size:31px}h2{font-family:Georgia,serif}.eyebrow{color:var(--gold);letter-spacing:.13em;margin-bottom:6px;font-size:11px;font-weight:800}.eyebrow.light{color:#e2c77f}.ghost,.primary,.link,.danger{border-radius:7px;padding:9px 14px;font-weight:700}.ghost{border:1px solid var(--line);color:var(--blue);background:#fff}.primary{background:var(--blue);border:1px solid var(--blue);color:#fff}.link{color:var(--blue);background:0 0;border:0}.danger{color:#9a3d28;background:#fff;border:1px solid #d7907b}.welcome{color:#fff;background:linear-gradient(130deg,#193b52,#10283b);border-radius:14px;justify-content:space-between;align-items:center;padding:30px 34px;display:flex;box-shadow:0 12px 30px #10283b18}.welcome h2{margin-bottom:8px;font-size:28px}.welcome p:last-child{color:#cbd6dd;max-width:630px;margin-bottom:0}.selector{min-width:250px}.selector label{color:#b8c8d1;margin-bottom:8px;font-size:11px;display:block}.selector select{color:#fff;background:#ffffff12;border:1px solid #ffffff38;border-radius:7px;width:100%;padding:11px}.selector option{color:#172737}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0;display:grid}.metrics button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:14px;padding:20px;display:flex}.metrics button:hover{border-color:var(--gold);transform:translateY(-1px)}.metrics small{color:var(--muted);display:block}.metrics strong{margin-top:2px;font-family:Georgia,serif;font-size:29px;display:block}.metrics b{color:#9aa8b0;margin-left:auto}.metric-icon{width:42px;height:42px;color:var(--blue);background:#edf3f5;border-radius:10px;place-items:center;font-size:20px;display:grid}.dashboard-grid{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.operation-summary{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.operation-summary button{border:1px solid var(--line);text-align:left;background:#f7fafb;border-radius:8px;padding:13px 9px}.operation-summary button:hover,.dashboard-list button:hover{border-color:var(--gold);background:#fffcf4}.operation-summary strong{color:var(--blue);font:26px Georgia,serif;display:block}.operation-summary span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.dashboard-list{align-content:start;gap:8px;display:grid}.dashboard-list .panel-heading{margin-bottom:6px}.dashboard-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.dashboard-list>button>div{gap:3px;display:grid}.dashboard-list small{color:var(--muted)}.dashboard-list b{margin-left:auto}.dashboard-list>button>span:first-child:not(.entity-avatar){color:#9b6b00;background:#fff2d8;border-radius:50%;place-items:center;width:25px;height:25px;font-weight:800;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:25px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-heading h2{margin:0}.room-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.room-grid article{border:1px solid var(--line);border-radius:9px;overflow:hidden}.room-visual{height:95px;color:var(--blue);background:linear-gradient(135deg,#dbe7ea,#f1e9d6);place-items:center;font:32px Georgia,serif;display:grid}.room-grid article>div:last-child{padding:15px}.room-grid h3{margin-bottom:5px}.room-grid p{color:var(--muted);margin-bottom:10px;font-size:13px}.status{background:#eee;border-radius:20px;padding:4px 8px;font-size:11px}.status.success{color:#277746;background:#e5f5ea}.alert{color:#903b23;background:#fff3ef;border:1px solid #efb8a7;border-radius:9px;gap:10px;margin-bottom:18px;padding:13px 15px;display:flex}.alert span{flex:1}.alert button{background:0 0;border:0}.network-notice{color:#725413;background:#fff8e9;border:1px solid #e7c777;border-radius:9px;gap:10px;margin-bottom:18px;padding:13px 15px;display:flex}.network-notice span{flex:1}.loading{text-align:center;min-height:300px;color:var(--muted);place-content:center;display:grid}.loading span{border:3px solid #dde6e9;border-top-color:var(--gold);border-radius:50%;width:34px;height:34px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.search{border:1px solid var(--line);border-radius:7px;width:min(420px,100%);margin-bottom:18px;padding:11px 14px}.resource-layout{grid-template-columns:minmax(360px,1fr) minmax(300px,.8fr);gap:20px;display:grid}.entity-list{align-content:start;gap:8px;display:grid}.entity-list>button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:13px;display:flex}.entity-list>button.selected,.entity-list>button:hover{border-color:var(--gold);background:#fffcf4}.entity-list small{color:var(--muted);margin-top:3px;display:block}.entity-list b{margin-left:auto}.entity-avatar{width:40px;height:40px;color:var(--blue);text-transform:uppercase;background:#edf3f5;border-radius:9px;place-items:center;font-weight:800;display:grid}.detail{border:1px solid var(--line);background:#f7fafb;border-radius:10px;padding:24px;position:relative}.close{color:var(--muted);background:0 0;border:0;font-size:22px;position:absolute;top:12px;right:13px}dl div{border-bottom:1px solid var(--line);padding:11px 0}dt{color:var(--muted);font-size:12px}dd{margin:4px 0 0;font-weight:650}.uuid{color:#8a979f;word-break:break-all;margin-top:18px;display:block}.empty{text-align:center;color:var(--muted);padding:45px}.empty strong,.empty span{display:block}.empty strong{color:#394b58;margin-bottom:5px}.create-form{border:1px solid var(--line);background:#f7fafb;border-radius:9px;grid-template-columns:repeat(2,minmax(180px,1fr));gap:14px;margin-bottom:22px;padding:20px;display:grid}.create-form h3{grid-column:1/-1}.create-form label span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.create-form input,.create-form select{background:#fff;border:1px solid #ccd8dc;border-radius:6px;width:100%;padding:10px}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;display:flex}.primary:disabled{opacity:.55}.create-form.compact{grid-template-columns:1fr;margin-top:16px;padding:14px}.create-form.compact>*{grid-column:1}.form-note{color:#536873;background:#eef4f6;border-radius:7px;grid-column:1/-1;padding:11px;font-size:13px}.check-field{align-items:center;gap:8px;padding-top:20px;display:flex!important}.check-field input{width:auto!important}.detail-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.booking-blocks{gap:10px;display:grid}.detail-block{border:1px solid var(--line);background:#fff;border-radius:8px;padding:13px}.detail-block h3{color:var(--blue);margin-bottom:4px;font:700 15px Georgia,serif}.detail-block dl{margin:0}.detail-block dl div{padding:7px 0}.detail-block dd{font-size:13px}.field-pair{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.full-field{grid-column:1/-1}.searchable-select{gap:5px;display:grid}.searchable-select input{margin-bottom:3px}.policy-list article.inactive{opacity:.65;background:#f4f5f5}.policy-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.muted{color:var(--muted)}.date-picker{display:block;position:relative}.date-picker-trigger{color:#172737;text-align:left;background:#fff;border:1px solid #ccd8dc;border-radius:6px;width:100%;padding:10px}.date-picker-trigger:hover,.date-picker-trigger:focus-visible{border-color:var(--blue);outline:2px solid #234b6333}.date-picker-popover{z-index:10;border:1px solid var(--line);background:#fff;border-radius:9px;outline:none;width:290px;margin-top:6px;padding:10px;position:absolute;top:100%;left:0;box-shadow:0 14px 35px #10283b26}.date-picker-toolbar{text-align:center;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:8px;display:grid}.date-picker-toolbar button{width:30px;height:30px;color:var(--blue);background:#eef4f6;border:0;border-radius:6px;font-size:20px;line-height:1}.date-picker-toolbar strong{text-transform:capitalize;font-size:13px}.date-picker-weekdays,.date-picker-days{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.date-picker-weekdays span{text-align:center;color:var(--muted);padding:4px;font-size:10px}.date-picker-days button{color:#172737;background:0 0;border:0;border-radius:5px;min-height:32px}.date-picker-days button:hover,.date-picker-days button.cursor{background:#eef4f6}.date-picker-days button.selected{background:var(--blue);color:#fff}.date-picker-days button:disabled{color:#b5c0c5;cursor:not-allowed}.date-picker-days button:disabled:hover{background:0 0}.stay-calendar{border:1px solid var(--line);border-radius:10px;margin:10px 0 25px;overflow:hidden}.period-toolbar{border:1px solid var(--line);background:#f7fafb;border-radius:8px;align-items:center;gap:8px;margin:12px 0;padding:12px;display:flex}.stay-calendar>.period-toolbar{border:0;border-radius:0;margin:0}.period-toolbar strong{text-transform:capitalize;text-align:center;margin-inline:auto}.calendar-scroll{overflow:auto}.calendar-table{min-width:1050px}.calendar-corner{width:180px;padding:10px;font-size:12px;font-weight:800}.calendar-days{grid-template-columns:repeat(var(--days),minmax(28px,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-left:180px;display:grid}.calendar-days span{text-align:center;color:var(--muted);border-left:1px solid var(--line);padding:6px 0;font-size:10px}.calendar-row-wrapper{border-bottom:1px solid var(--line);grid-template-columns:180px 1fr;min-height:44px;display:grid}.calendar-row-wrapper>strong{padding:12px;font-size:12px}.calendar-track{grid-template-columns:repeat(var(--days),minmax(28px,1fr));display:grid;position:relative}.calendar-track i{border-left:1px solid #edf1f2;grid-row:1}.calendar-booking{z-index:2;color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#315f78;border-radius:5px;grid-row:1;margin:5px 2px;padding:6px 8px;font-size:11px;overflow:hidden}.stay-group{margin-top:24px}.stay-group>h3{align-items:center;gap:8px;display:flex}.stay-group>h3 span{background:#edf3f5;border-radius:20px;padding:3px 8px;font:12px Inter,sans-serif}.stay-cards{gap:10px;display:grid}.stay-cards article{border:1px solid var(--line);border-radius:9px;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px;display:grid}.stay-cards article small{color:var(--muted);margin-top:4px;display:block}.stay-time-form{background:#f7fafb;border-radius:7px;grid-column:1/-1;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px;padding:12px;display:grid}.stay-time-form label span{color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.stay-time-form input,.stay-time-form select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;padding:8px}.inline-error{color:#8c2222;background:#fff3f3;border:1px solid #d9a3a3;border-radius:8px;grid-column:1/-1;padding:10px 12px}.policy-list{gap:12px;margin-top:18px;display:grid}.policy-list article{border:1px solid var(--line);background:#fff;border-radius:10px;gap:5px;padding:16px;display:grid}.policy-list article span{color:var(--gold);font-weight:700}.policy-list article small{color:var(--muted)}.settings-navigation{border-bottom:1px solid var(--line);gap:22px;margin-bottom:4px;padding:13px 0 17px;display:flex}.settings-navigation>div{align-content:start;gap:5px;display:grid}.settings-navigation strong{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.settings-navigation button{color:var(--blue);text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 9px;font-weight:700;transition:background-color .15s,border-color .15s,color .15s}.settings-navigation button:hover{color:#10283b;background:#eef4f6;border-color:#ccdce2}.settings-navigation button:focus-visible{color:#10283b;border-color:var(--blue);outline-offset:2px;background:#eef4f6;outline:3px solid #c9a45266}.settings-navigation button.active,.settings-navigation button.active:hover{color:#10283b;box-shadow:inset 0 -3px var(--gold);background:#f7fafb;border-color:#d8e3e7}.settings-section-heading{margin-top:18px}.settings-section-heading h3{color:var(--blue);margin-bottom:0}.login-page{background:linear-gradient(135deg,#10283b,#1d4257);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:14px;gap:18px;width:min(440px,100%);padding:34px;display:grid;box-shadow:0 24px 70px #0005}.login-card h1{color:var(--blue);margin:4px 0 0}.login-card form{gap:14px;display:grid}.login-card label span{color:var(--ink);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.login-card input{border:1px solid #ccd8dc;border-radius:6px;width:100%;min-height:44px;padding:10px}.login-card .primary{width:100%;min-height:46px}.organization-choice{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#f7fafb;border-radius:8px;grid-template-columns:1fr auto;gap:8px;padding:15px;display:grid}.organization-choice:hover{border-color:var(--gold)}.organization-choice span{color:var(--gold);font-size:12px;font-weight:800}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.account-actions>span{text-align:right;font-size:13px;font-weight:700;display:grid}.account-actions small{color:var(--muted);font-size:11px;font-weight:400}.checklist-item-editor{grid-column:1/-1;gap:9px;display:grid}.checklist-item-row{grid-template-columns:minmax(180px,1fr) auto auto auto;align-items:center;gap:9px;display:grid}.checklist-item-row input{background:#fff;border:1px solid #ccd8dc;border-radius:6px;width:100%;padding:10px}.checklist-item-row label{white-space:nowrap;align-items:center;gap:5px;font-size:13px;display:flex}.checklist-item-row label input{width:auto}.checklist-assignments{gap:10px;display:grid}.checklist-assignments h3{color:var(--blue);margin:14px 0 0}.assignment-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.assignment-grid label span{color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.assignment-grid select{background:#fff;border:1px solid #ccd8dc;border-radius:6px;width:100%;padding:10px}.checklist-save-actions{margin-top:2px}.checklist-save-button{justify-content:center;align-items:center;gap:8px;min-width:250px;min-height:42px;display:inline-flex}.checklist-save-button.is-saved:disabled{opacity:1;background:#397653;border-color:#397653}.button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;flex:0 0 14px;width:14px;height:14px;animation:.75s linear infinite button-spin}@keyframes button-spin{to{transform:rotate(360deg)}}.modal-backdrop{z-index:20;background:#10283b88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.operational-dialog{background:#fff;border-radius:12px;gap:12px;width:min(560px,100%);max-height:90vh;padding:24px;display:grid;overflow:auto;box-shadow:0 20px 60px #0005}.operational-dialog.checkout-dialog{width:min(1120px,100%)}.operational-dialog h3{color:var(--blue);margin:0}.operational-template{margin:-7px 0 0;font-weight:700}.operational-workflow-grid{gap:14px;display:grid}.checkout-dialog .operational-workflow-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.operational-current,.check-in-reference{align-content:start;gap:12px;display:grid}.operational-checklist{gap:8px;display:grid}.checklist-response{border:1px solid var(--line);border-radius:7px;align-items:flex-start;gap:9px;padding:11px;display:flex}.checklist-response input{accent-color:var(--blue);margin-top:3px}.checklist-response span{gap:2px;display:grid}.checklist-response small{color:var(--muted);font-weight:400}.checklist-response.readonly{background:#f7fafb}.checklist-response input:disabled{opacity:1}.operational-dialog textarea{border:1px solid #ccd8dc;border-radius:6px;width:100%;min-height:80px;padding:9px}.operational-dialog textarea[readonly]{color:var(--ink);background:#f7fafb}.operational-extension-slot{border-top:1px dashed var(--line);padding-top:12px}.check-in-reference{border:1px solid var(--gold);background:#fffcf4;border-radius:9px;padding:14px}.check-in-reference summary{cursor:pointer;color:var(--blue);font:700 16px Georgia,serif}.check-in-reference summary span{float:right;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font:700 11px Inter,sans-serif}.check-in-reference[open] summary{margin-bottom:10px}.check-in-reference p{margin-bottom:0;font-size:13px}.empty-reference{align-content:center}.link-button{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.stay-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.stay-actions button{white-space:nowrap}.stay-cards article.expanded{border-color:var(--gold)}.stay-detail{background:#f7fafb;border-radius:8px;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.stay-detail .detail-block{margin:0}.filter-actions{justify-content:flex-end;margin:-6px 0 10px;display:flex}@media (width<=1024px){.app-shell{display:block}.sidebar{height:auto;padding:calc(12px + env(safe-area-inset-top)) 16px 10px;background:var(--navy);position:static;top:auto}.brand{border:0;padding:0 0 10px}.brand div,.brand small{font-size:inherit;display:block}.brand small{font-size:9px}.sidebar nav{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;gap:7px;padding:4px 0 2px;display:flex;overflow-x:auto}.sidebar nav button,.sidebar nav button:not(.active){white-space:nowrap;flex:none;min-width:max-content;min-height:44px;padding:10px 12px;font-size:12px}.sidebar nav button.active{box-shadow:inset 0 -3px var(--gold)}.demo-badge{display:none}main{padding:26px clamp(16px,4vw,34px) 52px}header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:22px}.account-actions{margin-left:auto}.welcome{align-items:flex-start;gap:22px}.metrics,.room-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.operation-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.resource-layout{grid-template-columns:1fr}.detail{z-index:4;position:fixed;inset:10% 18px 18px;overflow:auto;box-shadow:0 20px 60px #0004}.field-pair,.create-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.sidebar{padding-inline:12px}.brand{padding-bottom:9px}.brand strong{font-size:16px}main{padding:22px 14px}.welcome{padding:24px 20px;display:block}.selector{min-width:0;margin-top:20px}.metrics{grid-template-columns:1fr 1fr}.room-grid,.create-form{grid-template-columns:1fr}.create-form>*,.field-pair,.full-field{grid-column:1}.field-pair{grid-template-columns:1fr}.panel{padding:17px}.panel-heading{align-items:flex-start;gap:12px}.panel-heading .primary{font-size:12px}.detail{inset:10% 12px 12px}.stay-cards article{grid-template-columns:1fr}.stay-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}.stay-actions button{white-space:normal;min-height:44px}.stay-time-form,.stay-detail{grid-template-columns:1fr}.operation-summary{grid-template-columns:1fr 1fr}.period-toolbar{flex-wrap:wrap}.period-toolbar strong{flex-basis:100%;order:-1}.period-toolbar button{min-height:44px}.calendar-scroll{margin:0 -17px;padding:0 17px}.checklist-item-row,.assignment-grid{grid-template-columns:1fr}.checklist-item-row label{white-space:normal}.modal-backdrop{padding:10px}.operational-dialog,.operational-dialog.checkout-dialog{max-height:calc(100vh - 20px);padding:18px}.checkout-dialog .operational-workflow-grid{grid-template-columns:1fr}.check-in-reference{padding:12px}.operational-dialog .form-actions{grid-template-columns:1fr;display:grid}.operational-dialog .form-actions button{width:100%;min-height:44px}.primary,.ghost,.danger{min-height:44px}.network-notice{gap:5px;display:grid}.detail-actions{grid-template-columns:1fr 1fr;display:grid}.detail-actions button{min-height:44px}}@media (width<=1024px) and (orientation:landscape) and (height<=600px){.sidebar{padding-top:max(8px,env(safe-area-inset-top));padding-bottom:7px}.brand{padding-bottom:5px}.brand-mark{border-radius:9px;width:34px;height:34px;font-size:20px}.brand strong{font-size:15px}.brand small{display:none}.sidebar nav{padding-top:2px}.sidebar nav button,.sidebar nav button:not(.active){min-height:40px;padding:8px 10px;font-size:11px}main{padding-top:14px;padding-bottom:28px}header{gap:10px;margin-bottom:14px}h1{font-size:25px}.welcome{padding:18px 22px}.welcome h2{font-size:23px}.metrics{margin:14px 0}.panel{padding:18px}.stay-group{margin-top:16px}}@media (width<=680px){.settings-navigation{gap:14px;padding-bottom:12px;overflow-x:auto}.settings-navigation button{white-space:nowrap;min-height:40px}}.calendar-legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;background:#fff;align-items:center;gap:7px;padding:9px 12px;display:flex;overflow-x:auto}.calendar-legend button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:20px;flex:none;align-items:center;gap:5px;padding:6px 8px;font-size:12px;display:inline-flex}.calendar-legend button.active{border-color:var(--blue);background:#eef4f6}.calendar-legend i,.calendar-color-dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.calendar-booking{text-align:left;cursor:pointer;border:0}.calendar-booking:focus-visible{outline:3px solid var(--gold);outline-offset:1px}.calendar-settings{gap:14px;display:grid}.calendar-channel-settings,.calendar-connection-list{border:1px solid var(--line);border-radius:9px;gap:8px;padding:14px;display:grid}.calendar-channel-settings h3,.calendar-connection-list h3{color:var(--blue);margin:0}.calendar-channel-setting{border-bottom:1px solid #edf1f2;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:8px;display:grid}.calendar-channel-setting:last-of-type{border-bottom:0}.calendar-channel-setting input[type=color]{border:1px solid var(--line);background:#fff;border-radius:5px;width:38px;height:30px;padding:2px}.calendar-channel-setting span:last-child{white-space:nowrap;font-size:13px}.calendar-connection-list article{background:#f7fafb;border-radius:7px;gap:3px;padding:10px;display:grid}.calendar-connection-list article span{color:var(--blue);font-size:13px;font-weight:700}.calendar-connection-list article small{color:var(--muted)}@media (width<=680px){.calendar-legend{margin:0 -17px;padding-inline:17px}.calendar-channel-setting{grid-template-columns:auto 1fr auto}.calendar-channel-setting span:last-child{grid-column:2/-1}}.calendar-booking-wrap{z-index:2;grid-row:1;min-width:0;margin:5px 2px;position:relative}.calendar-booking-wrap .calendar-booking{color:#fff;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#315f78;border:0;border-radius:5px;width:100%;height:100%;padding:6px 8px;font-size:11px;overflow:hidden}.calendar-booking-wrap .calendar-booking:disabled{opacity:1}.calendar-booking-popover{z-index:30;max-width:calc(100vw - 24px);color:var(--ink);pointer-events:auto;white-space:normal;background:#fff;border:1px solid #cbd9df;border-radius:9px;padding:13px 14px;position:fixed;box-shadow:0 16px 38px #10283b33}.calendar-booking-popover>strong{color:var(--blue);margin-bottom:8px;font:700 16px Georgia,serif;display:block}.calendar-booking-popover dl{gap:6px;margin:0;display:grid}.calendar-booking-popover dl div{grid-template-columns:100px minmax(0,1fr);gap:8px;display:grid}.calendar-booking-popover dt{color:var(--muted);font-size:11px;font-weight:700}.calendar-booking-popover dd{margin:0;font-size:12px}.availability-view{border:1px solid var(--gold);background:#fffcf4;border-radius:9px;margin:12px 0;padding:15px}.availability-view h3{color:var(--blue);margin:0}.availability-view .muted{margin:5px 0 0}.availability-room-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:9px;margin-top:12px;display:grid}.availability-room-list article{background:#fff;border-radius:7px;gap:3px;padding:11px;display:grid}.availability-room-list span{color:var(--muted);font-size:12px}@media (hover:none){.calendar-booking-popover{display:none}}@media (width<=680px){.calendar-booking-popover dl div{grid-template-columns:1fr;gap:1px}}