/* Daily rentals: a calm workspace with expressive reservation colours. */
.calendar-layout{color:#29273e;--cal-purple:#7950df;--cal-ink:#29273e;--cal-muted:#898597;--cal-line:#efedf5;--cal-mint:#c7f3df;--cal-lilac:#e2d6ff;--cal-lemon:#f8edb3;--cal-peach:#ffdfce}
.calendar-layout .workspace main{max-width:1680px;padding:30px 32px 18px;animation:none}
.calendar-layout .workspace>header{height:70px;padding:0 32px;background:#ffffff70}
.calendar-layout .sidebar{width:218px;padding:26px 18px;position:sticky;top:0;height:100vh}
.calendar-layout .sidebar .brand{gap:6px}.calendar-layout .sidebar .brand>span{font-size:18px}
.calendar-layout .sidebar nav a[aria-current]{color:#7950df;background:#eee6ff;box-shadow:inset 3px 0 #9564e9}
.calendar-layout .workspace>footer{padding:12px 32px 20px;color:#9b94aa}
.calendar-layout .workspace::before{opacity:.53}.calendar-layout .workspace::after{opacity:.35}
.calendar-page button,.cal-dialog button{font-family:inherit}
.calendar-page svg,.cal-dialog svg{width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.calendar-page button{transition:background .18s,box-shadow .18s,transform .18s}
.calendar-page button:active:not(:disabled){transform:scale(.97)}
.calendar-page button:focus-visible,.calendar-page a:focus-visible{outline:3px solid #9c70f1;outline-offset:3px}
.calendar-page .cal-kicker,.cal-dialog .cal-kicker{font-size:10px;letter-spacing:1.8px;font-weight:750;color:#8b79ad;display:flex;align-items:center;gap:7px}
.cal-kicker>span{height:6px;width:6px;background:#a27bea;border-radius:100%;box-shadow:0 0 0 4px #eadffa}
.cal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}
.cal-heading h1{font-size:clamp(30px,3.3vw,46px);font-weight:750;letter-spacing:-1.8px;margin:10px 0 8px}.cal-heading h1>span{color:#9668ee}
.cal-heading p{font-size:13px;color:#898298;margin:0;line-height:1.5}
.cal-primary{background:#8051e1;color:white;border:0;border-radius:14px;padding:15px 20px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:650;font-size:13px;box-shadow:0 7px 15px #8051e126;white-space:nowrap}
.cal-primary:hover{background:#7140d1;box-shadow:0 8px 22px #8051e147;transform:translateY(-2px)}
.cal-overview{display:grid;grid-template-columns:1.15fr .9fr .9fr 1.2fr;gap:14px;margin-bottom:25px}
.cal-stat{position:relative;border:1px solid #fff;border-radius:20px;padding:21px 20px;background:#ffffffc7;min-width:0;display:flex;align-items:center;gap:15px;text-align:left;animation:cal-rise .5s both}
.cal-stat:nth-child(2){animation-delay:.06s}.cal-stat:nth-child(3){animation-delay:.12s}.cal-stat:nth-child(4){animation-delay:.18s}
.cal-stat span,.cal-stat p{font-size:11px;color:#867e95}.cal-stat>div>span,.cal-stat-action>span>span{display:block}
.cal-stat strong{display:block;font-size:30px;line-height:1.2;letter-spacing:-1px;color:#322c48;margin-top:7px;font-weight:750}
.cal-stat strong small{font-size:18px;margin-left:2px}.cal-stat p{margin:7px 0 0;font-size:10px}
.cal-stat-icon{height:44px;width:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0}.cal-stat-icon svg{width:21px;height:21px}
.cal-stat-action>span:last-child>small{display:flex;align-items:center;gap:6px;color:#9a93a6;font-size:10px;margin-top:7px}.cal-stat-action small svg{width:12px;height:12px}
.cal-stat-action:hover{background:white;border-color:#d4bff9;box-shadow:0 8px 20px #8c6ab00e}
.cal-stat-occupancy{background:#e7ddff;overflow:hidden;justify-content:space-between}.cal-stat-occupancy>div:first-child{position:relative;z-index:1}.cal-stat-occupancy strong{font-size:36px;color:#6940ba}.cal-stat-occupancy span,.cal-stat-occupancy p{color:#8c6ab5}
.cal-stat-revenue strong{font-size:24px;white-space:nowrap;letter-spacing:-.7px}.cal-stat-revenue{gap:12px}
.cal-mini-chart{display:flex;align-items:flex-end;gap:3px;height:62px;align-self:center;opacity:.8}.cal-mini-chart i{width:5px;border-radius:5px;background:#b89aee;height:8px}.cal-mini-chart i.current{background:#8553db}.cal-mini-chart i[data-level="1"]{height:15px}.cal-mini-chart i[data-level="2"]{height:22px}.cal-mini-chart i[data-level="3"]{height:29px}.cal-mini-chart i[data-level="4"]{height:36px}.cal-mini-chart i[data-level="5"]{height:43px}.cal-mini-chart i[data-level="6"]{height:50px}.cal-mini-chart i[data-level="7"]{height:57px}
.cal-board{background:white;border:1px solid #f1edf8;border-radius:22px;box-shadow:0 12px 48px #6b499712;overflow:hidden;animation:cal-rise .55s .1s both}
.cal-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px 16px}
.cal-period{display:flex;align-items:center;gap:6px;min-width:0}.cal-icon-button{border:1px solid #eeeaf5;background:white;border-radius:10px;padding:8px;min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;color:#6c627e}.cal-icon-button:hover{background:#f7f2ff;border-color:#d9c5fc}
.cal-month{display:flex;gap:10px;align-items:center;position:relative;margin:0 10px;font-size:16px;font-weight:700;color:#383146;white-space:nowrap;cursor:pointer}.cal-month>span::first-letter{text-transform:uppercase}.cal-month>svg{width:16px;height:16px;color:#a49ab2}.cal-month input{position:absolute;inset:0;opacity:0;cursor:pointer;padding:0;min-height:0}.cal-month input::-webkit-calendar-picker-indicator{position:absolute;width:100%;height:100%;inset:0;cursor:pointer}
.cal-today{border:1px solid #e6e0f0;background:white;color:#7e6b99;border-radius:9px;min-height:34px;padding:7px 13px;font-size:11px;font-weight:600}.cal-today:hover{background:#f8f4ff}
.cal-range{display:flex;padding:4px;background:#f6f3fa;border-radius:11px;flex-shrink:0;gap:2px}.cal-range button{border:0;background:transparent;color:#9b91a8;padding:8px 11px;border-radius:8px;font-size:11px;min-height:31px;white-space:nowrap}.cal-range button[aria-pressed="true"]{color:#7d53cd;background:#fff;font-weight:700;box-shadow:0 2px 6px #59447312}
.cal-filters{display:flex;gap:10px;padding:0 22px 18px;align-items:center}.cal-search{display:flex;gap:8px;align-items:center;background:#f8f7fb;border:1px solid #eeebf4;border-radius:10px;padding:0 11px;max-width:255px;flex:1;min-width:150px}.cal-search svg{width:16px;height:16px;color:#b3a8c3}.cal-search input{border:0;background:none;padding:9px 0;min-height:36px;outline:none!important;font-size:11px;color:#665578;box-shadow:none;min-width:0}.cal-search:focus-within{outline:2px solid #b08ae9}.cal-search input::placeholder{color:#ada3b9}.cal-select select{border:1px solid #eeebf4;min-height:38px;padding:8px 27px 8px 12px;border-radius:10px;color:#8a7a9a;font-size:11px;max-width:190px}.cal-demo-note{margin-left:auto;font-size:10px;color:#aaa1b5;white-space:nowrap}
.cal-scroll{overflow:auto;max-height:650px;scrollbar-width:thin;scrollbar-color:#d5c9e8 #faf8fe;overscroll-behavior-x:contain}
.cal-grid{--label-width:244px;--days:14;min-width:calc(var(--label-width) + var(--days)*62px)}
.cal-grid-header,.cal-row{display:flex}.cal-grid-header{position:sticky;top:0;z-index:5;background:#faf9fd;border-top:1px solid var(--cal-line);border-bottom:1px solid var(--cal-line)}
.cal-corner,.cal-property{width:var(--label-width);flex-shrink:0;position:sticky;left:0;z-index:3;border-right:1px solid #ece7f4;box-shadow:5px 0 10px #57447704}
.cal-corner{display:flex;flex-direction:column;justify-content:center;padding:17px 20px;background:#faf9fd;z-index:6;gap:5px}.cal-corner strong{font-size:12px;font-weight:650}.cal-corner strong span{color:#a594b9;font-size:10px;background:#efebf6;border-radius:5px;padding:2px 5px;margin-left:5px}.cal-corner small{font-size:10px;color:#aaa0b8}
.cal-track{display:grid;grid-template-columns:repeat(var(--days),minmax(62px,1fr));flex:1;position:relative;min-width:0}
.cal-date{text-align:center;padding:10px 0 13px;position:relative;border-right:1px solid #f0edf5;display:flex;flex-direction:column;align-items:center;gap:3px;min-height:73px}.cal-date>span{font-size:10px;color:#a49aae;text-transform:capitalize}.cal-date>strong{font-size:16px;font-weight:650;line-height:28px;width:29px;height:29px;border-radius:9px;color:#72667e}.cal-date.weekend>span,.cal-date.weekend>strong{color:#ad79a2}.cal-date.is-today>strong{background:#8658df;color:#fff;box-shadow:0 3px 7px #8453c332}.cal-date.is-today>span{color:#8555cd}.cal-date>i{position:absolute;bottom:-4px;width:7px;height:7px;border-radius:50%;background:#ae81ef;z-index:1}
.cal-row{min-height:99px;border-bottom:1px solid #f1eef6}.cal-row:last-child{border-bottom:0}.cal-property{background:#fff;display:flex;align-items:center;gap:11px;padding:16px}.cal-property:hover{background:#fcf9ff}.cal-property img{width:48px;height:53px;border-radius:12px;object-fit:cover;flex-shrink:0}.cal-property>div{min-width:0}.cal-property strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px;line-height:1.5;font-weight:650;color:#51465f}.cal-property span{display:block;font-size:10px;color:#a494b4;margin-top:3px}.cal-property small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#b3a8bf;margin-top:5px}
.cal-cell{height:98px;border:0;border-right:1px solid #f2eff7;border-radius:0;background:#fff;color:#bea9da;padding:0;position:relative;min-width:0}.cal-cell>span{opacity:0;transition:opacity .18s}.cal-cell:disabled{opacity:1;cursor:default}.cal-cell:not(:disabled):hover{background:#f6efff}.cal-cell:not(:disabled):hover>span,.cal-cell:focus-visible>span{opacity:1}.cal-cell:focus-visible{outline-offset:-3px!important}.cal-cell.weekend,.cal-date.weekend{background:#fcf9fd}.cal-cell.is-today,.cal-date.is-today{background:#f7f2ff}.cal-cell.is-today::after{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1px dashed #d6bff2;pointer-events:none}.cal-cell.linked-busy{background:repeating-linear-gradient(-45deg,#f6f3f8,#f6f3f8 4px,#f0ebf5 4px,#f0ebf5 5px)}.cal-cell.linked-busy>span{opacity:1;font-size:9px;color:#b9aaca;writing-mode:vertical-rl;letter-spacing:1px}
.cal-booking{position:absolute;top:17px;height:64px;z-index:2;border:1px solid #00000003;border-radius:12px;padding:10px 11px;text-align:left;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 3px 6px #5a3a6c06;animation:cal-booking-in .4s ease-out both;isolation:isolate;min-width:0;color:#4d3e67}
.mint{background:var(--cal-mint,#c7f3df);color:#40836b!important}.lilac{background:var(--cal-lilac,#e2d6ff);color:#7b55a8!important}.lemon{background:var(--cal-lemon,#f8edb3);color:#967729!important}.peach{background:var(--cal-peach,#ffdfce);color:#aa7055!important}.gray{background:#efedf4;color:#a49aac!important}
.cal-booking:hover{filter:saturate(1.13);transform:translateY(-3px);box-shadow:0 7px 14px #67528123;z-index:4}.cal-booking.is-muted{opacity:.28;filter:saturate(.45)}
.cal-booking-top,.cal-booking-bottom{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.cal-booking-top strong{font-size:11px;text-overflow:ellipsis;overflow:hidden;font-weight:650;min-width:0;flex:1}.cal-booking-top>svg{width:13px;height:13px;opacity:.75}.cal-guest-avatar{width:19px;height:19px;border-radius:6px;background:#ffffff58;font-size:8px;display:grid;place-items:center;font-weight:700;flex-shrink:0}.cal-booking-bottom{justify-content:space-between;font-size:9px;opacity:.88}.cal-booking-bottom span{overflow:hidden;text-overflow:ellipsis}.cal-booking-bottom span:first-child{font-weight:650}.cal-booking-bottom span:last-child{font-size:8px;background:#ffffff40;padding:3px 5px;border-radius:4px}.cal-booking.short-stay{padding:10px 7px}.short-stay .cal-guest-avatar,.short-stay .cal-booking-top>svg,.short-stay .cal-booking-bottom span:last-child{display:none}
.cal-board-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--cal-line);padding:13px 22px}.cal-legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.cal-legend>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9c8fac}.cal-legend i{width:8px;height:8px;border-radius:3px}.cal-text-button{background:none;border:0;color:#9a7cb9;font-size:10px;display:inline-flex;align-items:center;gap:6px;padding:6px 0;min-height:30px}.cal-text-button:hover{color:#7348b2}.cal-text-button svg{width:14px;height:14px}
.cal-day-plan{margin-top:26px;animation:cal-rise .6s .2s both}.cal-day-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.cal-day-heading h2{font-size:19px;margin:6px 0 0;font-weight:700;letter-spacing:-.4px}.cal-day-heading .cal-kicker{font-size:9px;color:#a595b7}
.cal-event-tabs{display:flex;gap:5px}.cal-event-tabs button{border:1px solid transparent;background:none;border-radius:10px;font-size:11px;color:#a193af;padding:10px 12px;min-height:40px}.cal-event-tabs button[aria-pressed="true"]{background:#ffffffa8;border-color:#e5d9f3;color:#885bbc}.cal-event-tabs b{font-size:9px;background:#ede2f9;padding:2px 5px;border-radius:5px;margin-left:5px;font-weight:600}
.cal-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cal-event-card{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #f4eff9;border-radius:16px;background:#ffffffbd;padding:16px 18px;min-width:0}.cal-event-card:hover{background:white;border-color:#d5c0ed;box-shadow:0 4px 12px #734f9d09}.cal-event-time{font-size:14px;font-weight:700;letter-spacing:-.4px;flex-shrink:0;color:#7b5e9f;border-right:1px solid #eae2f3;padding-right:13px}.cal-event-time small{font-size:9px;font-weight:400;display:block;color:#b3a3c2;letter-spacing:0;margin-top:3px}.cal-event-person{min-width:0;flex:1}.cal-event-person strong{font-size:12px;color:#64516e;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-event-person>span{display:block;font-size:10px;color:#ac9cb9;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-event-amount{font-size:12px;font-weight:650;color:#7cac90;text-align:right;flex-shrink:0}.cal-event-amount.due{color:#b88b58}.cal-event-amount small{display:block;font-size:9px;font-weight:400;margin-top:3px;opacity:.7}.cal-event-card>svg{width:14px;height:14px;color:#c8b9d8}.cal-events-empty{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:12px;color:#9c8aaa;padding:20px;border:1px dashed #dcd0eb;border-radius:15px}
.cal-footnote{font-size:10px;color:#af9fbd;margin:23px 0 0;display:flex;align-items:center;justify-content:center;gap:7px}.cal-footnote svg{width:14px;height:14px}
.cal-empty{text-align:center;padding:70px 20px;color:#92839f}.cal-empty>svg{width:32px;height:32px;color:#b798d8}.cal-empty h3{color:#6f547e;font-size:17px}.cal-empty p{font-size:12px;line-height:1.7}.cal-empty .cal-primary{margin-top:10px}
.cal-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);z-index:20;background:#352746;color:#fff;border-radius:14px;padding:16px 24px;box-shadow:0 8px 30px #35274630;font-size:13px;max-width:calc(100vw - 24px);text-align:center;animation:cal-rise .25s}
/* A focused booking drawer, also used as a full-screen sheet on phones. */
.cal-dialog{padding:0;border:0;position:fixed;inset:12px 12px 12px auto;margin:0;width:470px;max-width:calc(100vw - 24px);height:calc(100dvh - 24px);max-height:none;border-radius:23px;color:#4b3a5b;background:#fff;box-shadow:0 24px 80px #2e16464d;overflow:auto;animation:cal-drawer .25s ease-out;scrollbar-width:thin;scrollbar-color:#d9c6ed white}
.cal-dialog::backdrop{background:#20122c50;backdrop-filter:blur(4px)}
.cal-dialog-top{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:25px 26px 20px;background:#fff9ffed;backdrop-filter:blur(14px);border-bottom:1px solid #efe7f6;gap:10px}.cal-dialog-top>div{min-width:0}.cal-dialog-top h2{margin:8px 0 0;font-size:25px;font-weight:750;letter-spacing:-.7px;overflow-wrap:anywhere}.cal-dialog-top .cal-kicker{font-size:9px}.cal-dialog-top button{flex-shrink:0}
.cal-booking-form{display:block;margin:0}.cal-dialog-body{display:grid;gap:22px;padding:24px 26px}.cal-dialog label{font-size:11px;font-weight:600;color:#9b86a8;display:grid;gap:8px}.cal-dialog input,.cal-dialog select,.cal-dialog textarea{font:inherit;font-size:13px;color:#594369;border-color:#e7deef;border-radius:10px;padding:12px;min-width:0;min-height:44px;background:#fff}.cal-dialog input::placeholder,.cal-dialog textarea::placeholder{color:#c4b4cf}.cal-dialog input:focus,.cal-dialog select:focus,.cal-dialog textarea:focus{outline-color:#b18ae4}.cal-dialog textarea{resize:vertical;max-height:180px}.cal-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}.cal-form-section{display:grid;gap:15px;border-top:1px solid #f1eaf6;padding-top:21px}.cal-form-section h3{display:flex;align-items:center;gap:9px;font-size:12px;color:#796187;margin:0;font-weight:700}.cal-form-section h3 svg{width:17px;height:17px;color:#b092c5}.cal-stay-summary{font-size:11px;color:#9a78ba;margin:-4px 0 0}
.cal-price-summary{border-radius:14px;background:#f5effb;padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.cal-price-summary>div>span{font-size:10px;color:#a58eb9;display:block;margin-bottom:6px}.cal-price-summary strong{font-size:19px;color:#8351aa;letter-spacing:-.6px}.cal-price-summary>div:nth-child(2){text-align:right}.cal-price-summary button{grid-column:1/-1;font-size:10px;margin-top:-6px;justify-self:end;min-height:26px;padding:2px}
.cal-dialog-bottom{position:sticky;bottom:0;z-index:4;background:#fffdfef5;backdrop-filter:blur(14px);padding:16px 26px;border-top:1px solid #eee5f4;display:grid;gap:8px}.cal-dialog-bottom .cal-primary{width:100%;font-size:13px;border-radius:12px}.cal-dialog-bottom>small{color:#b6a1c3;font-size:10px;text-align:center}.cal-dialog-bottom p{color:#b25c65;font-size:12px;line-height:1.6;margin:0}.cal-dialog-bottom p:empty{display:none}.cal-cancel-booking{border:0;background:#fff5f6;color:#b48393;padding:12px;border-radius:10px;font-size:11px}
.cal-history-item{display:grid;position:relative;gap:6px;background:#faf7fc;border:1px solid #eee5f5;padding:20px 38px 20px 18px;border-radius:14px;text-align:left;color:#896e9b}.cal-history-item strong{font-size:14px}.cal-history-item span{font-size:11px}.cal-history-item small{font-size:10px;color:#b49ac5}.cal-history-item svg{position:absolute;right:15px;top:40%}
@keyframes cal-rise{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes cal-booking-in{from{opacity:0;translate:0 5px}to{translate:0 0}}@keyframes cal-drawer{from{opacity:0;translate:35px 0}to{opacity:1;translate:0 0}}
@media(min-width:1700px){.cal-grid{--label-width:270px}.cal-row,.cal-cell{height:110px}.cal-booking{top:23px}.cal-property strong{font-size:12px}.cal-property img{width:55px;height:60px}.cal-booking-top strong{font-size:12px}.cal-booking-bottom{font-size:10px}}
@media(max-width:1250px){.calendar-layout .workspace main{padding:25px 22px 15px}.calendar-layout .sidebar{width:195px;padding:24px 14px}.calendar-layout .sidebar .brand>span{font-size:16px}.calendar-layout .sidebar .brand img{width:37px;height:37px}.cal-overview{gap:10px;grid-template-columns:1.1fr .85fr .85fr 1.2fr}.cal-stat{padding:16px 14px;gap:9px}.cal-stat-icon{height:33px;width:33px;border-radius:11px}.cal-stat-icon svg{width:18px;height:18px}.cal-stat strong{font-size:26px}.cal-stat-revenue strong{font-size:21px}.cal-stat span{font-size:10px}.cal-stat p{font-size:9px}.cal-mini-chart{gap:2px;opacity:.6}.cal-mini-chart i{width:4px}.cal-grid{--label-width:220px}.cal-property{padding:12px;gap:9px}.cal-property img{width:42px;height:47px}.cal-demo-note{display:none}}
@media(max-width:1050px) and (min-width:801px){.cal-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.cal-stat{padding:14px 19px}.cal-stat-revenue strong{font-size:24px}.cal-stat-occupancy strong{font-size:30px}.cal-mini-chart{height:48px;gap:4px}.cal-stat-action{gap:18px}.cal-stat-icon{width:40px;height:40px}.cal-toolbar{flex-wrap:wrap}.cal-range{margin-left:auto}.cal-filters{flex-wrap:wrap}}
@media(max-width:800px){
 .calendar-layout .sidebar{width:100%;height:auto;position:relative;padding:14px 16px 0;background:#fff;border-bottom:1px solid #ece4f4}.calendar-layout .sidebar .brand img{width:34px;height:34px}.calendar-layout .sidebar .brand>span{font-size:17px}.calendar-layout .sidebar nav{margin-top:11px;padding-bottom:10px;gap:3px;scrollbar-width:none}.calendar-layout .sidebar nav a{padding:10px 11px;min-height:38px;font-size:11px;border-radius:10px}.calendar-layout .sidebar nav a[aria-current]{box-shadow:none}.calendar-layout .sidebar .plan{display:none}.calendar-layout .sidebar .logout{right:16px;top:17px;font-size:10px;padding:7px 10px}.calendar-layout .workspace>header{display:none}.calendar-layout .workspace main{padding:25px 16px 15px}.calendar-layout .workspace>footer{font-size:9px;padding:7px 16px 20px}
 .cal-heading{gap:12px;margin-bottom:20px;align-items:center}.cal-heading h1{font-size:32px;letter-spacing:-1.4px;margin:9px 0 7px}.cal-heading p{font-size:11px;max-width:310px}.cal-heading .cal-kicker{font-size:8px;letter-spacing:1.4px}.cal-heading .cal-primary{padding:12px;font-size:11px;min-height:43px;border-radius:12px;gap:5px}.cal-heading .cal-primary svg{width:17px;height:17px}
 .cal-overview{grid-template-columns:1.15fr 1fr;gap:9px;margin-bottom:18px}.cal-stat{padding:15px 14px;border-radius:16px;min-height:100px;gap:10px}.cal-stat-occupancy{grid-column:1;grid-row:1}.cal-stat-revenue{grid-column:2;grid-row:1;display:block}.cal-stat-revenue>.cal-stat-icon{display:none}.cal-stat-action{padding:12px 14px;min-height:81px}.cal-stat-action strong{font-size:25px;margin-top:4px}.cal-stat-action>span:last-child{display:grid;grid-template-columns:auto auto;align-items:center;gap:3px 12px;flex:1}.cal-stat-action>span:last-child>strong{grid-column:2;grid-row:1/3;justify-self:end}.cal-stat-action>span:last-child>small{font-size:8px;margin-top:0;gap:3px}.cal-stat-action>span:last-child>small svg{display:none}.cal-stat strong{font-size:26px}.cal-stat-occupancy strong{font-size:30px}.cal-stat p{font-size:8px}.cal-stat span{font-size:9px}.cal-stat-revenue strong{font-size:22px;letter-spacing:-.8px;margin-top:12px}.cal-mini-chart{height:48px;gap:2px;max-width:60px;position:absolute;right:15px;bottom:23px;opacity:.55}.cal-mini-chart i{width:3px}.cal-stat-occupancy>div:first-child{max-width:105px}.cal-stat-icon{width:30px;height:30px;border-radius:10px}.cal-stat-icon svg{width:17px;height:17px}
 .cal-board{border-radius:17px;margin:0 -3px}.cal-toolbar{padding:15px 13px 11px;flex-wrap:wrap;gap:12px}.cal-period{width:100%;gap:5px;justify-content:flex-start}.cal-month{font-size:14px;margin:0 7px;gap:6px;flex:1}.cal-month svg{width:14px;height:14px}.cal-today{font-size:10px;padding:7px 9px;min-height:34px}.cal-icon-button{width:34px;min-width:34px;min-height:34px;padding:6px}.cal-range{width:100%;padding:3px}.cal-range button{flex:1;padding:7px;font-size:10px;min-height:30px}.cal-filters{padding:0 13px 13px;display:grid;grid-template-columns:1fr 1.15fr;gap:8px}.cal-search{grid-column:1/-1;max-width:none;min-width:0}.cal-search input{min-height:36px;font-size:11px}.cal-select select{width:100%;max-width:none;min-height:35px;padding:8px;font-size:10px}
 .cal-grid{--label-width:143px;min-width:calc(var(--label-width) + var(--days)*65px)}.cal-track{grid-template-columns:repeat(var(--days),minmax(65px,1fr))}.cal-scroll{max-height:600px}.cal-corner{padding:12px;gap:5px}.cal-corner strong{font-size:10px}.cal-corner small{font-size:8px}.cal-date{min-height:66px;padding:8px 0 9px}.cal-date>span{font-size:9px}.cal-date>strong{font-size:14px}.cal-row{min-height:87px}.cal-cell{height:86px}.cal-property{padding:11px 10px;gap:8px;align-items:flex-start;flex-direction:column;justify-content:center}.cal-property img{position:absolute;right:10px;top:12px;width:24px;height:24px;border-radius:7px;opacity:.95}.cal-property>div{width:100%}.cal-property strong{font-size:9px;line-height:1.45;padding-right:27px;-webkit-line-clamp:3;max-height:40px;min-height:26px}.cal-property span{font-size:8px;margin-top:4px}.cal-property small{font-size:8px;margin-top:4px}.cal-booking{top:14px;height:59px;padding:9px;border-radius:10px}.cal-booking-top strong{font-size:10px}.cal-booking-bottom{font-size:8px}.cal-booking-bottom span:last-child{font-size:7px}.cal-guest-avatar{width:17px;height:17px;font-size:7px}.cal-booking-top{gap:5px}
 .cal-board-footer{padding:11px 13px;align-items:flex-start;gap:7px}.cal-legend{gap:8px 12px;max-width:245px}.cal-legend>span{font-size:8px}.cal-legend i{width:7px;height:7px}.cal-board-footer>.cal-text-button{font-size:8px;white-space:nowrap;padding:0;min-height:20px}.cal-day-plan{margin-top:23px}.cal-day-heading h2{font-size:17px}.cal-day-heading .cal-kicker{font-size:8px}.cal-event-tabs{gap:0}.cal-event-tabs button{font-size:10px;padding:8px;min-height:35px}.cal-event-tabs b{margin-left:3px}.cal-events{grid-template-columns:1fr;gap:9px}.cal-event-card{padding:15px 13px;border-radius:14px;gap:11px}.cal-event-person strong{font-size:11px}.cal-event-person>span{font-size:9px}.cal-event-time{font-size:13px;padding-right:11px}.cal-event-amount{font-size:10px}.cal-event-amount small{font-size:8px}.cal-footnote{font-size:9px;line-height:1.6;text-align:center;margin-top:18px}.cal-footnote svg{display:none}.cal-events-empty{font-size:11px;line-height:1.7;padding:17px}
}
@media(max-width:480px){.cal-heading .cal-primary{align-self:center;width:43px;height:43px;padding:10px;flex-shrink:0}.cal-heading .cal-primary span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cal-heading .cal-primary svg{width:21px;height:21px}.cal-heading p{max-width:260px;line-height:1.6}.cal-dialog{inset:0;width:100%;height:100dvh;max-width:none;border-radius:0}.cal-dialog-top{padding:21px 20px 17px}.cal-dialog-top h2{font-size:23px}.cal-dialog-body{padding:22px 20px;gap:22px}.cal-dialog input,.cal-dialog select,.cal-dialog textarea{font-size:16px;padding:11px;max-width:100%}.cal-form-row{gap:12px}.cal-dialog-bottom{padding:14px 20px max(15px,env(safe-area-inset-bottom))}.cal-dialog-bottom .cal-primary{min-height:48px}.cal-toast{bottom:16px;width:calc(100vw - 32px);font-size:12px}.cal-stat-revenue strong{font-size:21px}.cal-mini-chart{right:10px;opacity:.4}}
@media(max-width:355px){.calendar-layout .workspace main{padding:22px 10px 12px}.cal-heading h1{font-size:29px}.cal-stat{padding:13px 11px}.cal-stat-revenue strong{font-size:19px}.cal-stat-action .cal-stat-icon{display:none}.cal-mini-chart{display:none}.cal-month{font-size:12px}.cal-day-heading h2{font-size:15px}.cal-grid{--label-width:128px}}
@media(prefers-reduced-motion:reduce){.calendar-page *,.cal-dialog{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the calendar itself prominent on everyday laptop and phone screens. */
.calendar-layout{--cal-mint:#bdf0d8;--cal-lilac:#dac9ff;--cal-lemon:#ffedaa;--cal-peach:#ffdac3}
.cal-range-mobile,.cal-filter-toggle{display:none}
.cal-heading p{color:#81738f}.cal-stat span,.cal-stat p{color:#85708e}.cal-stat-occupancy span,.cal-stat-occupancy p{color:#8c69b5}
.cal-property strong{font-size:12px;color:#574462}.cal-property span{color:#8e799e}.cal-property small{color:#a18eac;font-size:10px}
.cal-booking-top strong{font-size:12px}.cal-booking-bottom{font-size:10px}.cal-booking-bottom span:last-child{font-size:9px}
.cal-legend>span{color:#93809f;font-size:10px}.cal-select select{color:#877094}.cal-search input::placeholder{color:#9e8cab}
@media(min-width:801px){
 .calendar-layout .workspace>header{height:50px}.calendar-layout .workspace main{padding-top:23px}
 .cal-heading{margin-bottom:20px}.cal-heading h1{font-size:38px;margin:8px 0 6px}.cal-heading p{font-size:12px}.cal-heading .cal-kicker{font-size:9px}
 .cal-overview{margin-bottom:20px}.cal-stat{padding:16px 18px;min-height:103px}.cal-stat strong{font-size:28px}.cal-stat-occupancy strong{font-size:32px}.cal-stat-revenue strong{font-size:24px}
 .cal-toolbar{padding:15px 20px 12px}.cal-filters{padding:0 20px 13px}.cal-date{padding:7px 0 10px;min-height:66px}.cal-corner{padding:12px 17px}
 .cal-row{min-height:83px}.cal-cell{height:82px}.cal-booking{top:11px;height:60px;padding:9px 10px}.cal-property{padding:11px 14px}.cal-property img{width:44px;height:49px}
}
@media(max-width:800px){
 .cal-heading{margin-bottom:17px}.cal-heading h1{font-size:31px}.cal-overview{gap:8px;margin-bottom:17px}.cal-stat{min-height:92px}.cal-stat-action{min-height:55px;padding:10px 12px;gap:8px}.cal-stat-action>span:last-child{display:flex;gap:8px;justify-content:space-between}.cal-stat-action>span:last-child>span{font-size:9px;line-height:1.5}.cal-stat-action>span:last-child>strong{font-size:22px;margin:0}.cal-stat-action>span:last-child>small{display:none}.cal-stat-icon{width:27px;height:27px;border-radius:9px}
 .cal-toolbar{flex-wrap:nowrap;padding:13px 12px 11px;gap:7px}.cal-period{width:auto;flex:1;gap:4px}.cal-month{font-size:12px;gap:4px;margin:0 4px}.cal-month svg{display:none}.cal-period .cal-icon-button{width:29px;min-width:29px;min-height:34px;padding:5px}.cal-period .cal-today{font-size:9px;padding:7px;min-height:34px}.cal-range{display:none}.cal-range-mobile{display:block;max-width:64px}.cal-range-mobile select{font-size:10px;min-height:34px;padding:7px 3px;border:1px solid #e8def1;background:#f8f3ff;border-radius:9px;color:#9572b4;width:61px}
 .cal-filters{grid-template-columns:minmax(0,1fr) auto;gap:9px;padding:0 12px 13px}.cal-search{grid-column:1;min-width:0}.cal-search input{font-size:11px}.cal-filter-toggle{display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 12px;border:1px solid #eee6f4;background:#fff;border-radius:9px;font-size:10px;color:#9a7bad;min-height:36px}.cal-filter-toggle[aria-expanded="true"]{background:#f4edff;color:#8450ba}.cal-select{display:none}.filters-open .cal-select{display:block}.filters-open{grid-template-columns:1fr 1fr}.cal-select select{font-size:11px}
 .cal-property strong{font-size:10px}.cal-property small{font-size:8px}.cal-property span{font-size:9px}.cal-booking-top strong{font-size:11px}.cal-booking-bottom{font-size:9px}.cal-booking-bottom span:last-child{font-size:8px}.cal-legend>span{font-size:8px}.cal-date>strong{font-size:15px}.cal-date>span{color:#9783a7}
}

body:has(.cal-dialog[open]){overflow:hidden}
@media(max-width:800px){.cal-stat-action>span:last-child>span{white-space:nowrap;font-size:9px}.cal-stat-action{gap:6px}.cal-stat-action>span:last-child{gap:6px}.cal-stat-action .cal-stat-icon{width:23px;height:27px}.cal-property strong{font-size:11px}.cal-booking-top strong{font-size:12px}}