:root{
  font-family:Arial,sans-serif;color:#20242b;background:#f5f7fa;
  --line:#dfe3e8;--green:#8fd052;--yellow:#ffe66a;--grey:#d8dde4;--blue:#8fd0ff;--danger:#d33;
  --month-a:#ffffff;--month-b:#f3f6fa;--month-line:#8f9aa7;
}
*{box-sizing:border-box}body{margin:0}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #cbd2d9;background:#fff;border-radius:7px;padding:7px 11px}.primary{background:#1f7a4d;color:white;border-color:#1f7a4d}.primary:disabled{opacity:.5;cursor:not-allowed}.danger{background:#fff1f1;color:#b3261e;border-color:#efb5b5}.muted{color:#667085}.error{color:#b3261e;margin-top:10px}.warning{background:#fff1f1;color:#8d2019;padding:10px;border-radius:8px;border:1px solid #f2b8b5}.vacc-warning{background:#fff8db;color:#765c00;border-color:#ead271;margin-top:8px}.center-card{width:380px;margin:10vh auto;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #0001;border-radius:14px;padding:28px}.center-card label{display:block;margin:12px 0}.center-card input{width:100%;padding:10px;margin-top:5px;border:1px solid #cbd2d9;border-radius:7px}
header{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:24px;padding:0 18px;position:sticky;top:0;z-index:20}.brand{font-weight:700}.badge{font-size:11px;background:#eef2f6;padding:3px 6px;border-radius:10px}nav{display:flex;gap:6px;flex:1}.tab{border:0;background:transparent}.tab.active{background:#e8f4ed;color:#17643f}.userbox{display:flex;align-items:center;gap:10px;font-size:13px}main{padding:14px}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.toolbar input{padding:8px 10px;border:1px solid #cbd2d9;border-radius:7px;min-width:320px}.legend{padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #0001}.green{background:var(--green)}.yellow{background:var(--yellow)}.grey{background:var(--grey)}.partial{background:linear-gradient(90deg,var(--grey) 0 50%,var(--yellow) 50% 100%)}.blue{background:var(--blue)}.mixed{background:linear-gradient(90deg,var(--yellow) 0 50%,var(--green) 50% 100%)}
.board-wrap{overflow:auto;border:1px solid var(--line);background:#fff;max-height:calc(100vh - 125px);position:relative}.board{display:grid;min-width:max-content;user-select:none}.cell{border-right:1px solid #e2e6ea;border-bottom:1px solid #e2e6ea;height:28px;min-width:38px;display:flex;align-items:center;justify-content:center;font-size:11px;position:relative}.room-head,.room-cell{position:sticky;left:0;z-index:8;min-width:176px;justify-content:flex-start;padding-left:8px;background:#fff;border-right:2px solid #9ca3af}.room-cell .rnum{font-weight:700;width:35px}.room-cell small{color:#667085}
.month{height:27px;font-weight:700;border-bottom:1px solid #cfd4da;position:sticky;top:0;z-index:11}.month-block{justify-content:center;text-transform:capitalize;font-size:12px;border-right:2px solid var(--month-line)}.dayhead{height:42px;flex-direction:column;gap:1px;position:sticky;top:27px;z-index:10}.room-head.month{top:0;z-index:14}.room-head.dayhead{top:27px;z-index:13}.dayhead.weekend{box-shadow:inset 0 0 0 999px rgba(255,235,220,.28)}.today{outline:2px solid #31343a;outline-offset:-2px;z-index:12}.month-tone-a{background:var(--month-a)}.month-tone-b{background:var(--month-b)}.month-start{border-left:2px solid var(--month-line)!important}
.booked{justify-content:flex-start;padding-left:3px;overflow:visible;font-weight:600;white-space:nowrap;cursor:pointer}.booked.status-preliminary{background:var(--grey)}.booked.status-prepaid{background:var(--yellow)}.booked.status-paid{background:var(--green)}.booked.status-adjustment{background:linear-gradient(90deg,var(--yellow) 0 50%,var(--green) 50% 100%)}.booked.status-owner{background:var(--blue)}.booked.label-origin{z-index:5}.booking-label{position:absolute;left:4px;top:0;height:27px;display:flex;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:6;font-size:11px}.selected{background:#cdebd9!important}.board-day.empty:hover{box-shadow:inset 0 0 0 1px #98b7a5}
.cards{display:grid;gap:8px}.client-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;justify-content:space-between;align-items:center}.black{border-color:#e46b64;background:#fff7f7}.modal-backdrop{position:fixed;inset:0;background:#0006;z-index:30;display:flex;align-items:center;justify-content:center;padding:20px}.modal-shell{position:relative;width:min(920px,96vw);max-height:92vh;background:#fff;border-radius:14px;box-shadow:0 20px 70px #0004;overflow:hidden}.modal-shell.modal-wide{width:min(1280px,98vw)}.modal-shell.modal-booking{width:min(960px,98vw)}.modal{background:#fff;max-height:92vh;overflow:auto;width:100%;padding:20px}.modal h2{margin-top:0}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field label,.modal label{font-size:12px;color:#475467;display:block;margin-bottom:4px}.field input,.field select,.field textarea,.modal input,.modal select,.modal textarea{width:100%;padding:8px;border:1px solid #cbd2d9;border-radius:7px}.full{grid-column:1/-1}.summary{background:#f5f7fa;border:1px solid #e0e4e8;padding:12px;border-radius:9px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sum-item b{display:block;font-size:18px}.mini-list{border:1px solid #dfe3e8;border-radius:7px;max-height:220px;overflow:auto;background:#fff;box-shadow:0 10px 22px #0002;margin-top:2px;display:none}.mini-list.open{display:block}.mini-item{padding:8px;border-bottom:1px solid #eef0f2;cursor:pointer}.mini-item:hover{background:#f6f8fa}.mini-item.black{color:#a61b15}.mini-empty{padding:10px;color:#667085}.pill{font-size:11px;padding:2px 6px;border-radius:999px;background:#eef2f6}.inline-buttons{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.status-help{font-size:12px;color:#667085;margin-top:7px}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin:0 2px 0 6px;border:1px solid #0002}.grey-dot{background:var(--grey)}.yellow-dot{background:var(--yellow)}.green-dot{background:var(--green)}.passport-box,.pet-section{border:1px solid #dfe3e8;border-radius:9px;margin-top:14px;padding:12px}.passport-box legend,.pet-section legend{font-weight:700;padding:0 6px}.legacy-note{font-size:12px;color:#7a5d00;background:#fff8db;padding:8px;border-radius:6px;margin-top:8px}.conditional-block{margin-top:10px}.empty-state{padding:14px;border:1px dashed #cbd2d9;border-radius:9px;color:#667085;background:#fff}.tariffs{border-collapse:collapse;background:white}.tariffs th,.tariffs td{border:1px solid #dfe3e8;padding:8px}.tariffs input{width:90px;padding:6px}
@media(max-width:760px){.grid2,.grid3{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.room-head,.room-cell{min-width:145px}.toolbar input{min-width:200px}}

.second-pet{margin-top:8px;padding-top:8px;border-top:1px dashed #dfe3e8}.second-pet-note{font-size:11px;color:#667085;margin-top:5px}.price-note{font-size:12px;color:#7a5d00;background:#fff8db;border:1px solid #f1df91;border-radius:7px;padding:7px;margin-top:7px}

.finance-alert{margin-top:12px;border-radius:9px;padding:12px;border:1px solid #d6b656;background:#fff8db}.finance-alert.refund{background:#eef7ff;border-color:#9fc7e8}.finance-alert .big{font-size:20px;font-weight:700;margin:4px 0}.finance-alert .field{max-width:280px;margin-top:10px}.setting-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.setting-row .field{min-width:260px}
/* v0.5: прямое изменение дат брони за левый/правый край */
.booked.resize-hot{cursor:ew-resize}
.booked.resize-start::before,.booked.resize-end::after{content:"";position:absolute;top:2px;bottom:2px;width:4px;background:rgba(25,35,45,.55);border-radius:3px;z-index:7;pointer-events:none;opacity:0;transition:opacity .12s ease}.booked.resize-hot-start::before,.booked.resize-hot-end::after{opacity:1}
.booked.resize-start::before{left:1px}.booked.resize-end::after{right:1px}
.board-day.resize-preview{box-shadow:inset 0 0 0 2px #344054!important;z-index:6}
.board-hint{font-size:12px;color:#667085;margin-left:auto}

/* v0.6: карточка гостя и конструктор полей */
.guest-card-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.guest-card-head h2{margin-bottom:4px}.guest-pet-tabs{display:flex;gap:6px;flex-wrap:wrap}.guest-pet-tab.active{background:#1f7a4d;color:#fff;border-color:#1f7a4d}.guest-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0;background:#f5f7fa;border:1px solid #e0e4e8;padding:12px;border-radius:9px}.guest-summary span{display:block;font-size:11px;color:#667085;margin-bottom:3px}.guest-summary b{font-size:13px}.guest-note{font-size:12px}.guest-fields-grid{margin-top:12px}.guest-field{align-self:start}.checkline{display:flex!important;align-items:center;gap:7px;font-size:13px!important;color:#20242b!important}.checkline input{width:auto!important}.required-mark{color:#b3261e}.field-settings-actions{margin-bottom:10px}.field-table{border-collapse:collapse;background:#fff;width:100%;max-width:1100px}.field-table th,.field-table td{border:1px solid #dfe3e8;padding:7px 8px;text-align:left;vertical-align:top}.field-table th{background:#f5f7fa;font-size:12px}.field-table td{font-size:12px}.field-table td:last-child{white-space:nowrap}.field-table button{padding:5px 8px;margin-right:5px}.field-table small{display:block;color:#667085;margin-top:4px;max-width:330px}.inactive-row{opacity:.55;background:#f7f7f7}
@media(max-width:760px){.guest-summary{grid-template-columns:1fr 1fr}.guest-card-head{flex-direction:column}.field-table{display:block;overflow-x:auto}}

/* v0.7: данные проживания хранятся в карточке гостя и наследуются между заездами */
.info{background:#eef7ff;color:#294b67;padding:10px;border-radius:8px;border:1px solid #b9d6ea}
.guest-inherit-note{margin:10px 0 14px;font-size:12px}.guest-stay-section{background:#fcfcfd}.guest-stay-section .field{margin-top:7px}

/* v0.8: история клиента, блокировка прошлого, настраиваемые штатные поля и печатный шаблон */
.past-locked{cursor:pointer!important;filter:saturate(.72)}
.past-lock-note{margin:0 0 12px}
.client-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0 14px}
.client-stats>div{background:#f5f7fa;border:1px solid #e0e4e8;border-radius:9px;padding:10px}
.client-stats span{display:block;color:#667085;font-size:11px;margin-bottom:4px}.client-stats b{font-size:16px}
.stay-list{display:grid;gap:6px;max-height:300px;overflow:auto;padding-right:2px}
.stay-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #dfe3e8;border-radius:9px;padding:9px 10px;background:#fff}
.stay-main{min-width:0}.stay-main small{color:#667085}.stay-state{font-size:10px;margin-left:7px;padding:2px 6px;border-radius:999px;background:#eef2f6;color:#475467}
.stay-current{border-color:#9bcfae;background:#f3fbf6}.stay-current .stay-state{background:#dff3e6;color:#17643f}
.stay-future{border-color:#e5ce75;background:#fffdf1}.stay-future .stay-state{background:#fff2b7;color:#765c00}
.stay-past{background:#f8f8f8;color:#59606a}
.template-toolbar{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:9px}.placeholder-btn{font-family:Consolas,monospace;font-size:11px;padding:4px 6px}
.code-area{font-family:Consolas,"Courier New",monospace!important;font-size:12px!important;line-height:1.4;white-space:pre;tab-size:2}
code{font-family:Consolas,"Courier New",monospace;background:#eef2f6;padding:1px 4px;border-radius:4px}
@media(max-width:760px){.client-stats{grid-template-columns:1fr 1fr}.stay-row{align-items:flex-start}}

/* v0.9 — архивные варианты списков карточки гостя */
.option-editor { margin-top: 6px; }
.option-table { margin-top: 8px; }
.option-table td:nth-child(2), .option-table th:nth-child(2) { width: 110px; }
.option-table td:nth-child(3), .option-table th:nth-child(3) { width: 190px; }
.option-table .optOrder { width: 84px; }
.option-table .optNewLabel { width: 100%; min-width: 220px; }
.option-editor .addOptionBtn { margin-top: 8px; }
.stale-option-field select { border: 2px solid #d97706; background: #fff7ed; }
.stale-note { display: block; margin-top: 4px; color: #9a3412; font-weight: 600; }
.stale-options-warning { margin: 10px 0 14px; }
.archived-guest-field { opacity: .82; }
.archived-guest-field label { color: #475569; }
.archive-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 6px; border-radius: 999px; background: #e2e8f0; color: #475569; margin-left: 5px; }
.archived-value { min-height: 38px; padding: 9px 10px; border: 1px dashed #94a3b8; border-radius: 7px; background: #f8fafc; white-space: pre-wrap; }

/* v0.10: клиент типа «Владелец» */
.owner-stay-note{margin-top:8px;padding:10px;border-radius:8px;border:1px solid #8bc4eb;background:#eaf7ff;color:#1f4d6a}.owner-pill{background:#dff2ff;color:#17577f}.owner-client-card{border-color:#9acff0;background:#f5fbff}.owner-client-item{background:#f1f9ff}.owner-client-item:hover{background:#e3f4ff}

/* v1.0: документы, акты, доверенные лица и планшет */
.document-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.document-params{margin:12px 0}.document-create-buttons{margin-bottom:10px}.document-list,.document-template-list{display:grid;gap:7px}.document-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dfe3e8;border-radius:9px;padding:9px 10px;background:#fff}.document-row small{color:#667085}.doc-status{font-size:10px;padding:2px 6px;border-radius:999px;background:#eef2f6}.doc-signed{background:#dff3e6;color:#17643f}.doc-pending_signature{background:#fff2b7;color:#765c00}.doc-void{background:#fde7e7;color:#9c1c17}.inventory-edit-row{display:grid;grid-template-columns:1.2fr .7fr .45fr 1.5fr 34px;gap:6px;margin-bottom:6px;align-items:center}.inventory-edit-row input,.inventory-edit-row select{width:100%;padding:7px;border:1px solid #cbd2d9;border-radius:7px}.inventory-edit-row.checkout-row{grid-template-columns:1.25fr .7fr .8fr 1.3fr}.invStatic{min-width:0}.invStatic small{display:block;color:#667085;margin-top:3px}.invRemove{padding:6px 8px}.tablet-setting{background:#f7fbff;border:1px solid #cfe2f2;border-radius:10px;padding:12px;margin-bottom:12px}.trusted-booking-wrap select{margin-top:4px}
@media(max-width:760px){.document-row{align-items:flex-start;flex-direction:column}.inventory-edit-row,.inventory-edit-row.checkout-row{grid-template-columns:1fr}.invRemove{justify-self:end}}
/* v1.2 — история заездов из бронирования */
.history-overlay{position:fixed;inset:0;background:#0008;z-index:5000;display:flex;align-items:center;justify-content:center;padding:20px}
.history-panel{width:min(900px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:14px;padding:16px;box-shadow:0 18px 60px #0005}
.history-head{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;background:#fff;padding:12px 0;z-index:2}.history-head h2{margin:0}.history-close{font-size:24px;line-height:1;width:42px;height:42px}
.stay-cancelled{opacity:.78;background:#f3f3f3!important}.refund-badge{background:#fff0cc!important;color:#835b00!important}

/* v1.3 */
.booking-audit-box{margin-top:14px;border-top:1px solid #e1e5ea;padding-top:10px}.booking-audit-box h3{margin:0 0 5px}.booking-audit-list{margin-top:8px;max-height:170px;overflow:auto;border:1px solid #e0e5eb;border-radius:8px;background:#fafbfc}.audit-row{padding:8px 10px;border-bottom:1px solid #eceff3}.audit-row:last-child{border-bottom:0}.audit-row small{display:block;color:#667085;margin-top:2px}.document-list{display:flex;flex-direction:column;gap:8px}.document-row[data-document-id]{transition:background .2s ease}.doc-signed{font-weight:700}

/* v1.5.0 */
.booking-label{font-size:13px;font-weight:700}
.settings-menu{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px;padding:10px;background:#f3f6f8;border:1px solid #dde4e8;border-radius:12px;position:sticky;top:58px;z-index:30}
.settings-menu-btn{padding:10px 14px;border-radius:9px;background:#fff}
.settings-menu-btn.active{background:#1f7a4d;color:#fff;border-color:#1f7a4d}
.settings-panel{background:#fff;border:1px solid #dde4e8;border-radius:12px;padding:16px;margin-bottom:24px}
.room-type-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.room-type-chips button{font-size:12px;padding:7px 9px}
.room-table td,.room-table th{vertical-align:middle}.backup-status{margin-top:10px;padding:10px;border-radius:8px;background:#f6f8fa;border:1px solid #dde4e8}
.guest-app-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.guest-icon-preview{width:112px;height:112px;object-fit:contain;border-radius:24px;background:#eef2f5;border:1px solid #d7dde2;margin-top:10px}.qr-settings{text-align:center;padding:14px;border:1px solid #d7dde2;border-radius:12px;background:#fafcfd}.qr-settings img{display:block;width:240px;height:240px;max-width:100%;margin:10px auto;background:#fff}.qr-settings small{display:block;margin-top:8px;line-height:1.35;color:#667085}
@media(max-width:900px){.guest-app-grid{grid-template-columns:1fr}.settings-menu{position:static}}
.settings-hint{padding:22px;text-align:center;border:1px dashed #cbd5dc;border-radius:12px;background:#fafcfd;color:#667085;margin-bottom:20px}
.table-scroll{max-width:100%;overflow:auto}
.archive-import-table{min-width:920px}
.archive-import-table td{vertical-align:top}
.archive-import-table select{min-width:260px;max-width:100%}

/* v1.5.3 — архив в шахматке и быстрый поиск бронирований */
.archive-booked{background:#cbd5e1!important;color:#334155;cursor:pointer!important;box-shadow:inset 0 0 0 1px #94a3b8}.archive-booked .booking-label{font-style:italic}.archive-legend{background:#cbd5e1;border-color:#94a3b8}.blacklist-badge{background:#fee2e2!important;color:#991b1b!important}
.booking-search-wrap{position:relative;min-width:270px;max-width:390px;flex:0 1 360px}.booking-search-wrap input{width:100%;padding:7px 58px 7px 9px;border:1px solid #cbd2d9;border-radius:8px;background:#fff}.booking-search-clear{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;min-width:0;padding:0;border:0;border-radius:50%;background:#eef2f5;font-size:20px;line-height:24px}.booking-search-clear:hover{background:#dfe6eb}.booking-search-count{position:absolute;right:39px;top:50%;transform:translateY(-50%);font-size:11px;color:#667085;pointer-events:none}
.archive-room-cell{background:#f1f5f9!important;color:#475569}.archive-empty{background:#f8fafc}.archive-room-cell small{font-style:italic}

.today-tasks-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.today-tasks-grid h3{margin:4px 0 8px}.count-badge{display:inline-block;min-width:24px;padding:2px 7px;border-radius:12px;background:#eef2f6;text-align:center;font-size:12px}.today-task-row{display:grid;grid-template-columns:72px 1fr 62px;gap:10px;align-items:center;width:100%;text-align:left;background:#fff;border:1px solid #dce2e7;border-radius:9px;padding:9px 10px;margin:6px 0}.today-task-row:hover{background:#f6f9f7}.today-task-room{font-weight:700}.today-task-kind{text-align:right;font-size:12px;color:#17643f}.empty-state.compact{padding:14px}.today-task-row small{color:#667085}@media(max-width:760px){.today-tasks-grid{grid-template-columns:1fr}}

/* v2.2.1 — MULTIROOM, архив в шахматке и расширенный поиск */
.email-reminder-banner{position:sticky;top:0;z-index:110;background:#fff3cd;border-bottom:1px solid #e3c45a;color:#6b5400;padding:9px 16px;text-align:center;box-shadow:0 2px 8px #0001}.email-reminder-banner button{margin-left:10px;padding:5px 9px}.email-warning{border-color:#e5c35c!important;background:#fff8dc!important;color:#6b5400!important}.email-reminder-list{margin-top:12px;max-height:55vh;overflow:auto}.email-missing-row .today-task-kind{color:#a15c00}.linkish{background:none;border:0;padding:0;color:#1769aa;text-decoration:underline;cursor:pointer;font:inherit;text-align:left}.table-wrap{max-width:100%;overflow:auto}.table-wrap .data-table{min-width:860px;width:100%;border-collapse:collapse}.table-wrap .data-table th,.table-wrap .data-table td{border:1px solid #e0e5ea;padding:7px 8px;text-align:left;vertical-align:top}.table-wrap .data-table th{background:#f5f7fa}.settings-panel details{margin:12px 0;border:1px solid #dfe4e8;border-radius:9px;padding:10px;background:#fafcfd}.settings-panel summary{cursor:pointer}


/* v2.2.2 — задачи на сегодня и подготовка номеров на завтра */
.tomorrow-prep-section{margin-top:18px;padding-top:14px;border-top:1px solid #e2e7eb}.tomorrow-prep-section h3{margin:0 0 10px}.tomorrow-prep-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tomorrow-prep-card{display:block;width:100%;text-align:left;background:#fff;border:1px solid #dce2e7;border-radius:10px;padding:11px 12px}.tomorrow-prep-card:hover{background:#f6f9f7}.prep-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}.prep-badge{font-size:12px;font-weight:700;color:#7a4d00;background:#fff3cd;border:1px solid #ead186;border-radius:12px;padding:3px 8px}.prep-pets-title{margin-top:3px;color:#667085;font-size:13px}.prep-standard{margin-top:9px;padding:7px 8px;background:#f6f8fa;border-radius:7px}.prep-pet{margin-top:7px;line-height:1.35}.prep-notes{margin:3px 0 0 12px;color:#4b5563;font-size:12px}.prep-source{display:block;margin-top:8px;color:#667085}.today-task-row{grid-template-columns:72px 1fr 70px}@media(max-width:760px){.tomorrow-prep-list{grid-template-columns:1fr}}

/* v2.2.3 — финальный room_key API PiCats Video */
#videoEmailBanner{border-top:1px solid rgba(255,255,255,.15)}


/* v2.2.4 — booking/payment redesign, unified notifications */
.notice-important{background:#fff0f0;color:#8d2019;border:1px solid #efb1ad;border-radius:9px;padding:10px 12px;margin:8px 0}
.notice-info{background:#eaf5ff;color:#184f78;border:1px solid #9ecbeb;border-radius:9px;padding:10px 12px;margin:8px 0}
.compact-note{padding:7px 9px;font-size:12px}.status-help{background:#eaf5ff;color:#184f78;border:1px solid #9ecbeb;border-radius:8px;padding:8px 10px}
.booking-top-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:18px;align-items:start}.booking-client-block,.booking-dates-block,.primary-placement-card{border:1px solid #dde4e8;border-radius:11px;padding:12px;background:#fff}.primary-placement-card{margin:12px 0}.stay-placements-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 8px}.stay-placements-head h3{margin:0}
.payment-panel{border:1px solid #cfd9e2;border-radius:12px;padding:14px;background:#fbfdff}.payment-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.payment-panel-head h3{margin:0 0 3px}.payment-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.pay-stat{padding:10px;border:1px solid #dfe5ea;border-radius:9px;background:#fff}.pay-stat span{display:block;font-size:12px;color:#667085}.pay-stat b{display:block;font-size:19px;margin-top:3px}.pay-remaining{background:#eef7ff;border-color:#9fc7e8}.extra-services-summary{margin-top:9px;padding:8px 10px;border-radius:8px;background:#f4f7f9}.payment-actions{display:flex;gap:10px;margin-top:12px}.payment-action-btn{min-width:150px;font-weight:700}.payment-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.payment-method-grid button{padding:18px 10px;font-weight:700;font-size:16px}.payment-correction-zone{margin-top:18px;padding-top:12px;border-top:1px solid #e2e7eb}.service-choice-list{display:grid;gap:10px}.service-choice{display:flex!important;align-items:center;gap:10px;border:1px solid #dce3e8;border-radius:10px;padding:12px;background:#fff}.service-choice input{width:auto!important;transform:scale(1.2)}.service-choice span{display:flex;flex-direction:column;gap:3px}.service-choice small{color:#667085}.writeout-section{margin-top:16px;padding-top:12px;border-top:1px solid #e2e7eb}.writeout-section h3{margin:0 0 8px}.finance-alert{background:#eaf5ff!important;border-color:#9ecbeb!important;color:#184f78!important}
@media(max-width:760px){.booking-top-grid,.payment-summary-grid,.payment-method-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.payment-action-btn{width:100%}}
.service-choice-dynamic{display:block!important}.service-choice-dynamic>label{display:flex;align-items:center;gap:10px;margin:0}.service-extra-fields{margin:10px 0 0 30px;max-width:360px;padding-top:8px;border-top:1px dashed #d9e0e6}.service-extra-fields.hidden{display:none!important}

/* v2.2.7 — archive, tasks, live board search, dynamic services and system UI */
.archive-booked{background:#1f5f3a!important;color:#fff!important;box-shadow:inset 0 0 0 1px #17482c!important}.archive-booked .booking-label{color:#fff}.archive-legend{background:#1f5f3a!important;border-color:#17482c!important}.archive-room-cell{background:#e8f1eb!important;color:#214a31}
.board-search-hidden{background:transparent!important;color:transparent!important;box-shadow:none!important}.board-search-hidden .booking-label{display:none!important}.board-search-hidden::before,.board-search-hidden::after{display:none!important}.board-search-match{box-shadow:inset 0 0 0 3px rgba(33,105,170,.55)!important;position:relative;z-index:2}
.task-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 6px}.task-section-head h3{margin:0}.task-complete-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin:6px 0}.task-complete-row>.today-task-row,.task-complete-row>.tomorrow-prep-card{margin:0}.task-done-btn{white-space:nowrap;align-self:stretch}.task-bulk-btn{font-size:12px;padding:7px 9px}
.service-targets{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:10px 0 4px;padding:9px;border:1px solid #dce3e8;border-radius:8px;background:#f8fafb}.service-targets>b{flex-basis:100%;font-size:13px}.target-chip{display:inline-flex!important;align-items:center;gap:6px;border:1px solid #cfd8df;border-radius:999px;background:#fff;padding:6px 10px;margin:0!important}.target-chip input{width:auto!important;margin:0!important}.service-fields-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr);gap:12px;align-items:start}.service-fields-grid .field{min-width:0;margin:0}.service-fields-grid .field input,.service-fields-grid .field select{width:100%}.field-help{display:block;position:static!important;margin-top:6px!important;line-height:1.35;color:#667085;font-size:11px;white-space:normal}.service-extra-fields{max-width:none!important}.cancel-payment-actions{display:grid;gap:10px;margin:14px 0}.cancel-payment-actions button{padding:13px 12px;text-align:left}.credit-notice .inline-buttons{margin-top:8px}.doc-automation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}.doc-automation-grid>div{border:1px solid #dde4e8;border-radius:10px;padding:11px;background:#fafcfd}.doc-type-checks{display:grid;gap:5px;margin-top:8px}.slide-admin-list{display:grid;gap:9px;margin-top:12px}.slide-admin-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dde4e8;border-radius:10px;padding:9px;background:#fff}.slide-admin-row img{width:110px;height:70px;object-fit:cover;border-radius:7px;background:#eef2f5}.slide-order-buttons{display:flex;gap:6px;align-items:center}.system-card{margin:10px 0}.security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:800px){.service-fields-grid,.doc-automation-grid,.security-grid{grid-template-columns:1fr}.slide-admin-row{grid-template-columns:86px minmax(0,1fr)}.slide-admin-row img{width:86px;height:58px}.slide-order-buttons{grid-column:1/-1}.task-complete-row{grid-template-columns:1fr}.task-done-btn{width:100%}}
.section-head-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-head-actions h3{margin:0}.today-task-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch;margin:6px 0}.today-task-line>.today-task-row,.today-task-line>.tomorrow-prep-card{margin:0}.today-task-line .task-done-btn,.task-all-done{white-space:nowrap}.prep-line{margin:0}
@media(max-width:760px){.today-task-line{grid-template-columns:1fr}.today-task-line .task-done-btn{width:100%}.section-head-actions{align-items:flex-start;flex-direction:column}}

/* v2.2.9 */
.shift-note{border:1px solid #b8c7da;border-radius:10px;padding:10px;margin:8px 0;background:#edf5ff}.shift-note.important{background:#ffe9e8;border-color:#d96d68}.shift-note.acked{opacity:.7}.communication-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.channel-card,.report-rule-card,.task-config-card{border:1px solid #d5dbe3;border-radius:10px;padding:12px;background:#fff}.pet-memory{border-radius:9px;padding:9px;margin:6px 0;background:#eaf4ff;border:1px solid #abc8e8}.pet-memory.important{background:#ffe9e8;border-color:#db7872}.review-task-actions{display:flex;gap:6px;align-items:center}.communication-history{max-height:300px;overflow:auto}.comm-log-row{border-bottom:1px solid #e4e7ec;padding:7px 0}.report-preview{white-space:pre-wrap;max-height:50vh;overflow:auto;background:#f8fafc;border:1px solid #dde3ea;padding:10px;border-radius:8px}.task-order-row{display:grid;grid-template-columns:70px 1fr auto;gap:8px;align-items:center;margin:6px 0}.pet-comment-list{margin-top:12px}.client-channel-row{display:grid;grid-template-columns:140px 1fr auto;gap:8px;align-items:center;margin:6px 0}

/* v2.2.9 — clearer chessboard headers, workflow buttons and owner logs */
:root{--board-month-a:#dfe8f0;--board-month-b:#d8e3ec;--board-dayhead-a:#edf3f7;--board-dayhead-b:#e8f0f5;--board-room:#e8f1ec;--board-room-head:#dce9e1}
.month.month-tone-a{background:var(--board-month-a)!important}.month.month-tone-b{background:var(--board-month-b)!important}.dayhead.month-tone-a{background:var(--board-dayhead-a)!important}.dayhead.month-tone-b{background:var(--board-dayhead-b)!important}.room-head.month,.room-head.dayhead{background:var(--board-room-head)!important;color:#244637}.room-cell{background:var(--board-room)!important}.room-cell small{color:#4e665b}.archive-room-cell{background:#dbe8df!important}.board-day.month-tone-a:not(.booked){background:#fff}.board-day.month-tone-b:not(.booked){background:#f7f9fb}
body.modal-open #emailReminderBanner{display:none!important}
.booking-stage-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:10px;border:1px solid #dbe2e7;background:#f7f9fb;border-radius:11px}.booking-stage-actions .stage-main{min-width:130px;font-weight:700}.booking-stage-actions .stage-main.stage-current{background:#1f7a4d;color:#fff;border-color:#1f7a4d}.booking-stage-actions .stage-main:disabled{opacity:.45;cursor:not-allowed}.booking-stage-actions .stage-spacer{flex:1}.workflow-progress{display:grid;gap:7px;margin:10px 0}.workflow-progress-row{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e0e5ea;border-radius:8px;padding:8px 10px;background:#fff}.workflow-progress-row.done{background:#eff8f2;border-color:#bdddc7}.workflow-progress-row.pending{background:#fff8e8;border-color:#ead28c}.workflow-progress-row .mark{font-weight:700;text-align:center}.workflow-required-list{display:grid;gap:7px;margin:10px 0}.workflow-required-item{padding:9px 10px;border:1px solid #e1d39c;background:#fff9e8;border-radius:8px}.document-stage-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.document-stage-actions button.primary{font-weight:700}.log-online-grid{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}.log-online-chip{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:#edf7f0;border:1px solid #b9dbc4}.log-online-dot{width:9px;height:9px;border-radius:50%;background:#2c9d58}.admin-log-card{border:1px solid #dce2e8;border-radius:11px;background:#fff;padding:12px;margin:10px 0}.admin-log-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.admin-log-meta{font-size:12px;color:#667085;line-height:1.5}.admin-log-actions{margin-top:9px;border-top:1px solid #edf0f3}.admin-log-action{padding:7px 0;border-bottom:1px solid #edf0f3;font-size:12px}.admin-log-action:last-child{border-bottom:0}.admin-log-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;align-items:end;margin:12px 0}.admin-log-table{width:100%;border-collapse:collapse}.admin-log-table th,.admin-log-table td{border:1px solid #e1e5e9;padding:7px 8px;text-align:left;vertical-align:top;font-size:12px}.admin-log-table th{background:#f3f6f8}.archive-passport-preview{font-size:11px;color:#475467;line-height:1.45;margin-top:5px}.archive-passport-preview b{color:#26333d}
@media(max-width:800px){.admin-log-filters{grid-template-columns:1fr 1fr}.booking-stage-actions .stage-spacer{display:none}.booking-stage-actions{align-items:stretch}.booking-stage-actions button{flex:1 1 140px}}
/* v2.2.9 final touch-ups */
.booking-stage-actions button.stage-current{background:#1f7a4d;color:#fff;border-color:#1f7a4d;font-weight:700}
.booking-stage-actions button:disabled{opacity:.45;cursor:not-allowed}
.log-dot{width:9px;height:9px;border-radius:50%;display:inline-block;background:#9aa4b2}.log-dot.online{background:#2c9d58}

/* v2.2.9-FIX1 — restore booking fills and soften booking-form sections */
.board-day.booked.status-preliminary{background:var(--grey)!important}
.board-day.booked.status-prepaid{background:var(--yellow)!important}
.board-day.booked.status-paid{background:var(--green)!important}
.board-day.booked.status-adjustment{background:linear-gradient(90deg,var(--yellow) 0 50%,var(--green) 50% 100%)!important}
.board-day.booked.status-owner{background:var(--blue)!important}
.booking-client-block,.booking-dates-block,.primary-placement-card,.payment-panel,.extra-placement,.booking-comment-block{background:#f2f8fd!important;border-color:#c9dfef!important}
.booking-comment-block{padding:12px;border:1px solid #c9dfef;border-radius:11px}
.booking-client-block input,.booking-client-block select,.booking-client-block textarea,.booking-dates-block input,.booking-dates-block select,.primary-placement-card input,.primary-placement-card select,.primary-placement-card textarea,.extra-placement input,.extra-placement select,.extra-placement textarea,.booking-comment-block textarea{background:#fff}

/* v3.0.0 — Windows-like modal close button, planning and employees */
.modal-window-close{position:absolute;right:8px;top:6px;z-index:200;width:38px;height:38px;min-width:38px;padding:0;border:1px solid #d8dde3;border-radius:8px;background:#fff;color:#354052;font-size:29px;font-weight:400;line-height:34px;box-shadow:0 1px 5px #0001}.modal-window-close:hover{background:#e5484d;border-color:#e5484d;color:#fff}.modal-window-content{min-width:0}.modal-window-content>h2:first-child,.modal-window-content>.document-head:first-child,.modal-window-content>.planning-head:first-child,.modal-window-content>.employee-card-head:first-child{padding-right:42px}
.pet-profile-form input:not([type=checkbox]),.pet-profile-form select,.pet-profile-form textarea,.guest-stay-section input:not([type=checkbox]),.guest-stay-section select,.guest-stay-section textarea,.guest-fields-grid input:not([type=checkbox]),.guest-fields-grid select,.guest-fields-grid textarea{color:#173b6c!important;font-weight:700!important}.pet-profile-form input:disabled,.pet-profile-form input[readonly]{color:#173b6c!important;opacity:1!important}.pet-profile-form label,.guest-stay-section label,.guest-fields-grid label{color:#303846}
.planning-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.planning-head h2{margin:0 0 4px}.planning-nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.planning-week{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:8px;overflow:auto;padding-bottom:6px}.planning-day-card{min-height:210px;padding:0;text-align:left;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border:1px solid #d7e0e8;background:#fff;overflow:hidden}.planning-day-card.today{box-shadow:inset 0 0 0 2px #2f6fed;border-color:#2f6fed}.planning-day-title{display:flex;justify-content:space-between;align-items:center;padding:9px 10px;background:#edf4fa;border-bottom:1px solid #dbe5ed}.planning-day-title b{font-size:16px}.planning-day-events{display:flex;flex-direction:column;gap:6px;padding:9px}.planning-count{display:flex;align-items:center;justify-content:space-between;gap:6px;border-radius:7px;padding:7px 8px;background:#f3f5f7;font-size:12px}.planning-count.arrival{background:#e8f5ec;color:#17633e}.planning-count.departure{background:#fff0e8;color:#9c4819}.planning-count.contract{background:#f3ebff;color:#674093}.planning-count.custom{background:#eaf2ff;color:#315b92}.planning-empty-day{color:#8993a2;font-size:12px;padding:6px}.planning-help{margin-top:10px;color:#667085;font-size:12px}.planning-day-detail{display:grid;gap:16px}.planning-day-detail section>h3{margin:0 0 8px}.planning-detail-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #dce3e9;border-radius:10px;padding:10px 12px;margin:7px 0;background:#fff}.planning-detail-row.manual{border-left:6px solid var(--event-color,#dcecff)}.planning-detail-row.done{opacity:.62;background:#f7f8f9}.planning-detail-row.arrival{border-left:6px solid #4fa86e}.planning-detail-row.departure{border-left:6px solid #ef8d5a}.planning-detail-row.contract{border-left:6px solid #9666c8}.planning-kind{display:block;font-size:10px;letter-spacing:.45px;color:#6c7788;font-weight:800;margin-bottom:3px}.planning-meta{margin-top:5px;font-size:12px;color:#667085}.planning-row-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.planning-settings-list{display:grid;gap:7px;margin:10px 0}.planning-setting-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px;border:1px solid #e0e5ea;border-radius:9px;background:#fff}.planning-color{width:18px;height:38px;border-radius:6px;border:1px solid #0001}.system-card{border:1px solid #dce3e8;border-radius:11px;padding:13px;background:#fafcfd;margin:10px 0}.system-card h3{margin-top:0}
.employee-schedule-wrap{max-width:100%;overflow:auto;border:1px solid #dce3e8;border-radius:11px;background:#fff}.employee-schedule{border-collapse:separate;border-spacing:0;min-width:1150px;width:100%;font-size:11px}.employee-schedule th,.employee-schedule td{border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;padding:0;text-align:center;height:43px}.employee-schedule thead th{position:sticky;top:0;z-index:4;background:#f3f6f8;min-width:34px}.employee-schedule thead th.weekend{background:#fff3f1}.employee-schedule thead small{display:block;color:#7b8593;font-size:9px}.employee-schedule .employee-name-col{position:sticky;left:0;z-index:5;min-width:220px;width:220px;text-align:left;background:#f7fafc;padding:7px 9px}.employee-schedule thead .employee-name-col{z-index:7;background:#e9f0f6}.employee-name-button{border:0;background:transparent;padding:0;min-height:0;font-weight:800;text-align:left;color:#193f72}.employee-name-col small{display:block;color:#6d7785;font-weight:400;margin-top:3px}.schedule-cell{width:100%;height:100%;min-height:42px;border:0;border-radius:0;padding:2px;font-size:11px;font-weight:800;background:#fff}.schedule-cell.type-shift,.schedule-legend .type-shift{background:#dff4e5}.schedule-cell.type-vacation,.schedule-legend .type-vacation{background:#fff1a8}.schedule-cell.type-sick,.schedule-legend .type-sick{background:#ffdada}.schedule-cell.type-dayoff{background:#f1f2f4;color:#8c939d}.schedule-cell.type-internship,.schedule-legend .type-internship{background:#dce9ff}.schedule-cell.type-other{background:#eadff5}.schedule-legend{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.schedule-legend span{padding:5px 8px;border:1px solid #dce3e8;border-radius:7px;font-size:11px}.schedule-choices{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;margin:12px 0}.schedule-choices button{min-height:50px}.employee-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.employee-card-head h2{margin:0 0 5px}.employee-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.employee-card-grid section,.employee-contracts{border:1px solid #dce3e8;border-radius:10px;padding:11px;background:#fafcfd}.employee-card-grid h3,.employee-contracts h3{margin-top:0}.ledger-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid #e7eaee;font-size:12px}.employee-contracts{margin-top:12px}.employee-contract-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e4e8ec}.payroll-total{margin-top:12px;padding:11px;background:#eef5ff;border:1px solid #c7daf0;border-radius:9px}.code-area{font-family:Consolas,monospace;font-size:12px}
@media(max-width:900px){.planning-week{grid-template-columns:repeat(7,minmax(132px,1fr))}.employee-card-grid{grid-template-columns:1fr}}
@media(max-width:700px){.planning-head{flex-direction:column}.planning-nav{justify-content:flex-start}.planning-detail-row,.planning-setting-row,.employee-contract-row{grid-template-columns:1fr}.planning-row-actions{justify-content:flex-start}.schedule-choices{grid-template-columns:1fr 1fr}.modal-window-close{right:6px;top:5px}}
.weekday-checks{display:flex;flex-wrap:wrap;gap:7px}.weekday-checks label{display:flex;align-items:center;gap:4px;padding:7px 9px;border:1px solid #d7e0e8;border-radius:8px;background:#fff;cursor:pointer}.weekday-checks input{width:auto}


/* v3.0.1 — Планнинг отдельной вкладкой + более компактное бронирование */
.planning-page{padding:14px 16px 28px}.planning-page-host{width:100%}.planning-page .planning-head{position:sticky;top:0;z-index:8;background:#fff;padding:10px 0 9px;border-bottom:1px solid #edf0f3}.planning-page .planning-week{grid-template-columns:repeat(7,minmax(125px,1fr));overflow:visible}.planning-page .planning-day-card{min-height:150px}.planning-page .planning-day-card.plan-selected{border-color:#2f6fed;box-shadow:inset 0 0 0 2px #2f6fed;background:#f8fbff}.planning-page-detail{margin-top:16px;border-top:1px solid #dfe5ea;padding-top:14px}.planning-page-detail>.planning-head{position:static;padding:0;border:0}.planning-page .planning-help{margin:8px 0 0}.planning-page .planning-detail-row{padding:9px 11px}.planning-page .planning-day-title{padding:8px 9px}.planning-page .planning-day-events{padding:7px;gap:5px}.planning-page .planning-count{padding:6px 7px}
.booking-modal{padding:14px 18px 16px}.booking-modal> .modal-window-content>h2:first-child{margin-bottom:9px}.booking-modal .booking-stage-actions{margin-bottom:9px;padding:7px 8px;gap:6px}.booking-modal .booking-top-grid{gap:10px}.booking-modal .booking-client-block,.booking-modal .booking-dates-block,.booking-modal .primary-placement-card,.booking-modal .payment-panel,.booking-modal .extra-placement,.booking-modal .booking-comment-block{padding:8px 10px}.booking-modal .primary-placement-card{margin:8px 0}.booking-modal .stay-placements-head{margin:9px 0 6px}.booking-modal hr{margin:9px 0}.booking-modal .grid2{gap:8px}.booking-modal .field input,.booking-modal .field select,.booking-modal .field textarea,.booking-modal input,.booking-modal select,.booking-modal textarea{padding:6px 8px}.booking-modal .field label,.booking-modal label{margin-bottom:2px}.booking-modal .inline-buttons{margin-top:4px}.booking-modal .notice-info{padding:6px 8px;margin:5px 0}.booking-modal .compact-note{padding:5px 7px}.booking-modal .payment-panel-head h3{margin-bottom:1px}.booking-modal .payment-summary-grid{gap:6px;margin-top:7px}.booking-modal .pay-stat{padding:7px 8px}.booking-modal .pay-stat b{font-size:17px;margin-top:1px}.booking-modal .extra-services-summary{margin-top:6px;padding:6px 8px}.booking-modal .payment-actions{margin-top:7px}.booking-modal .booking-comment-block{margin-top:8px!important}.booking-modal .modal-actions{margin-top:10px}.booking-modal .second-pet{margin-top:7px}
@media(max-width:1000px){.planning-page .planning-week{overflow:auto;grid-template-columns:repeat(7,minmax(130px,1fr))}}

/* v3.0.4 — интерактивная схема живущих и праздничных бронирований */
header nav{overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.hotel-map-page{padding:14px 16px 28px}.hotel-map-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:10px}.hotel-map-head h2{margin:0 0 4px}.hotel-map-head-actions,.holiday-map-controls{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.hotel-map-head-actions{align-items:center}.hotel-map-stat{padding:7px 10px;border-radius:8px;border:1px solid #dce3e8;background:#fff;font-size:13px}.hotel-map-stat.occupied{background:#e8f3ff;border-color:#b8d4ec;color:#234e78}.hotel-map-stat.free{background:#edf8ef;border-color:#bddfc5;color:#2f6840}.holiday-map-controls label{font-size:12px;color:#475467}.holiday-map-controls select{display:block;margin-top:4px;min-width:180px;padding:7px 9px;border:1px solid #cbd2d9;border-radius:7px;background:#fff}.holiday-period-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#f6f8fb;border:1px solid #dce3e8;border-radius:10px;padding:9px 12px;margin:8px 0}.hotel-map-legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:8px 0 10px;font-size:12px;color:#556070}.hotel-map-legend span{display:flex;align-items:center;gap:6px}.map-dot{width:13px;height:13px;border-radius:4px;border:1px solid #9aa5b1;display:inline-block}.map-dot.free{background:rgba(225,247,230,.95)}.map-dot.occupied{background:rgba(207,231,252,.97)}.map-dot.holiday{background:rgba(255,239,179,.97)}.map-dot.inactive{background:rgba(225,228,232,.95)}
.hotel-map-scroll{width:100%;overflow:auto;border:1px solid #d7dde3;border-radius:12px;background:#fff;padding:8px}.hotel-map-floor{position:relative;min-width:1100px;width:100%;aspect-ratio:1264/864;background:#fff;overflow:hidden}.hotel-map-room{position:absolute;border:1.5px solid rgba(95,111,126,.7);border-radius:3px;background:rgba(226,247,231,.92);padding:2px 3px;display:flex;flex-direction:column;min-width:0;overflow:hidden;box-shadow:inset 0 0 0 1px #fff7}.hotel-map-room.busy{background:rgba(210,232,251,.96);border-color:#6e9fc8}.hotel-map-room.holiday-room.busy{background:rgba(255,239,181,.97);border-color:#d2ab3c}.hotel-map-room.inactive{background:rgba(226,229,233,.94);border-color:#adb5bd;color:#7b838c}.hotel-map-room-number{font-size:9px;line-height:1;font-weight:800;color:#1f2b37;flex:0 0 auto}.hotel-map-room-body{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:1px;scrollbar-width:thin}.hotel-map-free-label{font-size:8px;color:#698274;margin:auto 0 0;line-height:1}.hotel-map-room.inactive .hotel-map-free-label{color:#7c858e}.hotel-map-booking{display:block;width:100%;min-height:0;border:0;border-radius:2px;background:rgba(255,255,255,.82);padding:1px 2px;text-align:left;font-size:clamp(7px,.60vw,9px);line-height:1.08;font-weight:700;color:#173b6c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hotel-map-booking:hover{background:#fff;box-shadow:inset 0 0 0 1px #5c91bd}.holiday-room .hotel-map-booking{color:#5b4710}.hotel-map-room-body::-webkit-scrollbar{width:4px}.hotel-map-room-body::-webkit-scrollbar-thumb{background:#9ba7b1;border-radius:4px}
@media(max-width:900px){.hotel-map-head{flex-direction:column}.hotel-map-floor{min-width:1050px}.holiday-map-controls{width:100%}.holiday-map-controls label{flex:1}.holiday-map-controls select{width:100%;min-width:150px}}

/* v3.0.4 — схема отеля без фонового изображения: только интерактивные номера */
.hotel-map-page{padding:10px 12px 18px}
.hotel-map-head{margin-bottom:6px}
.hotel-map-legend{margin:5px 0 7px}
.holiday-period-card{margin:5px 0 7px;padding:7px 10px}
.hotel-map-scroll{width:100%;overflow:hidden;border:1px solid #d7dde3;border-radius:10px;background:#f7f9fb;padding:6px;box-sizing:border-box}
.hotel-map-floor{
  position:relative;
  width:100%;
  min-width:0;
  height:clamp(620px,calc(100vh - 235px),760px);
  aspect-ratio:auto;
  background:#fbfcfd;
  overflow:hidden;
  border-radius:7px;
}
.hotel-map-room{
  position:absolute;
  box-sizing:border-box;
  border:3px solid #29323a;
  border-radius:3px;
  background:#eef8f0;
  padding:3px 4px 2px;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  box-shadow:none;
}
.hotel-map-room.busy{background:#dceeff;border-color:#214f78}
.hotel-map-room.holiday-room.busy{background:#fff0b8;border-color:#8a6811}
.hotel-map-room.inactive{background:#eceff2;border-color:#7f8993;color:#6d747b}
.hotel-map-room-number{
  position:relative;
  z-index:2;
  font-size:clamp(10px,.72vw,13px);
  line-height:1;
  font-weight:900;
  color:#18232d;
  flex:0 0 auto;
  margin-bottom:2px;
}
.hotel-map-room.inactive .hotel-map-room-number{color:#6b737b}
.hotel-map-room-body{
  min-height:0;
  flex:1;
  overflow:auto;
  display:flex;
  flex-direction:column;
  gap:2px;
  scrollbar-width:thin;
}
.hotel-map-free-label{display:none!important}
.hotel-map-booking{
  display:block;
  width:100%;
  min-height:0;
  border:0;
  border-radius:2px;
  background:rgba(255,255,255,.88);
  padding:2px 3px;
  text-align:left;
  color:#123c68;
  overflow:hidden;
  cursor:pointer;
}
.hotel-map-booking:hover{background:#fff;box-shadow:inset 0 0 0 1px #5c91bd}
.hotel-map-booking.resident-entry b,
.hotel-map-booking.resident-entry span,
.hotel-map-booking.resident-entry small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotel-map-booking.resident-entry b{font-size:clamp(8px,.62vw,11px);line-height:1.05}
.hotel-map-booking.resident-entry span{font-size:clamp(7.5px,.57vw,10px);line-height:1.05;font-weight:700}
.hotel-map-booking.resident-entry small{font-size:clamp(7px,.53vw,9px);line-height:1.05;font-weight:700;color:#465e76}
.hotel-map-booking.holiday-entry{font-size:clamp(7px,.54vw,9.5px);line-height:1.05;font-weight:800;color:#5b4710;white-space:normal;padding:2px 3px}
.hotel-map-booking.holiday-entry span{display:block;overflow:hidden;text-overflow:ellipsis}
.hotel-map-room-body::-webkit-scrollbar{width:3px}.hotel-map-room-body::-webkit-scrollbar-thumb{background:#96a2ad;border-radius:4px}
@media(max-width:1100px){
  .hotel-map-floor{height:620px}
  .hotel-map-room{border-width:2px;padding:2px}
  .hotel-map-room-number{font-size:9px}
  .hotel-map-booking.resident-entry b{font-size:8px}
  .hotel-map-booking.resident-entry span{font-size:7px}
  .hotel-map-booking.resident-entry small,.hotel-map-booking.holiday-entry{font-size:6.7px}
}

/* v3.0.5 — карты отеля: компактная геометрия и читаемый текст */
.hotel-map-scroll{display:flex;justify-content:center;align-items:flex-start;overflow:hidden!important}
.hotel-map-floor{width:min(1120px,100%)!important;min-width:0!important;height:clamp(560px,calc(100vh - 220px),660px)!important;flex:0 1 1120px}
.hotel-map-head.holiday-head{display:block}
.holiday-map-controls-left{justify-content:flex-start!important;align-items:flex-end!important;margin:2px 0 6px;width:100%}
.holiday-map-controls-left label{flex:0 0 auto}
.hotel-map-room{padding:2px 3px!important}
.hotel-map-room-number{font-size:clamp(9px,.67vw,12px)!important;margin-bottom:1px!important}
.hotel-map-room-body{gap:1px!important}
.hotel-map-booking.resident-entry{padding:1px 2px!important;display:grid!important;grid-template-rows:auto auto;gap:0;background:rgba(255,255,255,.88)}
.hotel-map-booking.resident-entry b,.hotel-map-booking.resident-entry small{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hotel-map-booking.resident-entry b{font-size:clamp(7.4px,.58vw,10.5px)!important;line-height:1.02!important;color:#103b68}
.hotel-map-booking.resident-entry small{font-size:clamp(6.8px,.51vw,9px)!important;line-height:1.02!important;color:#395a76;font-weight:700}
.hotel-map-booking.holiday-entry{padding:1px 2px!important;display:grid;grid-template-rows:auto auto;gap:0;background:rgba(255,255,255,.78);line-height:1.02!important}
.hotel-map-booking.holiday-entry .holiday-person,.hotel-map-booking.holiday-entry small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hotel-map-booking.holiday-entry .holiday-person{font-size:clamp(7px,.53vw,9.4px);font-weight:800}
.hotel-map-booking.holiday-entry small{font-size:clamp(6.5px,.48vw,8.5px);font-weight:700}
.hotel-map-booking.holiday-first{color:#111!important}
.hotel-map-booking.holiday-next{color:#7a7f86!important}
.holiday-next-sample{color:#7a7f86;font-weight:700}
@media(max-width:1100px){
  .hotel-map-floor{height:590px!important}
  .hotel-map-room{border-width:2px!important;padding:1px 2px!important}
  .hotel-map-room-number{font-size:8px!important}
  .hotel-map-booking.resident-entry b{font-size:7px!important}.hotel-map-booking.resident-entry small{font-size:6.4px!important}
  .hotel-map-booking.holiday-entry .holiday-person{font-size:6.7px!important}.hotel-map-booking.holiday-entry small{font-size:6.1px!important}
}

/* v3.0.5 — сотрудники: справочники должностей/смен и общий расчёт */
.schedule-choices.dynamic{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin:10px 0}
.schedule-choices.dynamic button{display:flex;gap:8px;align-items:center;justify-content:flex-start;min-height:44px}
.schedule-choices.dynamic button i,.shift-type-line i{width:18px;height:18px;border-radius:5px;border:1px solid #0002;flex:0 0 auto}
.schedule-cell{font-weight:800;min-width:31px;padding:4px!important}
.schedule-legend.dynamic{padding:8px 10px;color:#667085;font-size:12px}
.settings-list{display:grid;gap:8px;margin:10px 0}.settings-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid #dde3e8;border-radius:9px;padding:9px 10px;background:#fff}.settings-row.archived{opacity:.62;background:#f4f5f6}.shift-type-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-type-line span{color:#667085;font-size:12px}
.payroll-controls,.payroll-presets{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap;margin:8px 0}.payroll-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#586474}.payroll-controls input{padding:7px 9px;border:1px solid #cbd2d9;border-radius:7px}.payroll-presets button{min-height:34px;padding:6px 10px}.payroll-total{margin-top:10px;padding:9px 11px;background:#eef5ff;border:1px solid #cfe0ff;border-radius:8px}
.hotel-map-room{container-type:size}
.hotel-map-booking.resident-entry b{font-size:clamp(6.5px,18cqh,10.5px)!important}
.hotel-map-booking.resident-entry small{font-size:clamp(6px,15cqh,9px)!important}
.hotel-map-booking.holiday-entry .holiday-person{font-size:clamp(6.3px,17cqh,9.4px)}
.hotel-map-booking.holiday-entry small{font-size:clamp(5.9px,14cqh,8.5px)}

/* v3.0.7 — planning month/search, two employee months, shared hotel walls */
.board-nav-controls{display:flex;gap:4px;align-items:center;flex:0 0 auto}.board-nav-controls #prevBtn,.board-nav-controls #nextBtn{min-width:38px;font-size:17px;font-weight:800}
.planning-search-bar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:10px 0}.planning-search-bar input{flex:1 1 340px;min-width:240px;padding:8px 10px;border:1px solid #cbd2d9;border-radius:7px}.planning-nav-main{flex-wrap:wrap}
.planning-month-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.planning-month-head h2{margin-bottom:4px}.planning-month-toolbar{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:12px 0}.planning-month-search{display:flex;gap:6px;align-items:center;flex:1 1 430px}.planning-month-search input{min-width:240px;flex:1}.planning-month-weekdays,.planning-month-grid{display:grid;grid-template-columns:repeat(7,minmax(70px,1fr));gap:5px}.planning-month-weekdays{margin-bottom:5px;text-align:center;color:#667085;font-size:12px}.planning-month-day{min-height:72px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:8px;background:#fff;border:1px solid #d8dee5}.planning-month-day>span{font-size:17px;font-weight:800}.planning-month-day small{font-size:10px;color:#52606d}.planning-month-day.outside{opacity:.38}.planning-month-day.today{outline:2px solid #2f6fed;outline-offset:-2px}.planning-month-day.selected{background:#eef5ff}.planning-month-day.search-hit{background:#fff2a8;border-color:#c29b13;box-shadow:inset 0 0 0 2px #e3bd34}.planning-search-summary{padding:9px 10px;border:1px solid #e4d184;background:#fff9d8;border-radius:9px;margin:8px 0}.planning-search-date-links{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.planning-search-date-links button{padding:4px 7px;font-size:11px}
.employee-two-months{display:grid;gap:18px}.employee-month-block{background:#fff;border:1px solid #dfe3e8;border-radius:10px;padding:9px}.employee-month-block>h3{margin:0 0 8px;text-transform:capitalize}.employee-month-block .employee-schedule-wrap{margin:0}
/* Adjacent rooms use one visual wall instead of card-like gaps. */
.hotel-map-room{border-radius:0!important}.hotel-map-room-body{gap:1px!important}
.hotel-map-booking.resident-entry{grid-template-rows:auto auto auto!important;min-height:0}.hotel-map-booking.resident-entry b,.hotel-map-booking.resident-entry span,.hotel-map-booking.resident-entry small{display:block!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.02!important}.hotel-map-booking.resident-entry span{font-size:clamp(6.2px,15cqh,9.2px)!important;color:#244c70;font-weight:700}
.hotel-map-booking.holiday-entry{grid-template-rows:auto auto auto!important}.hotel-map-booking.holiday-entry b,.hotel-map-booking.holiday-entry .holiday-pets,.hotel-map-booking.holiday-entry small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.02}.hotel-map-booking.holiday-entry b{font-size:clamp(6.3px,16cqh,9.2px)}.hotel-map-booking.holiday-entry .holiday-pets{font-size:clamp(6px,14cqh,8.8px);font-weight:700}.hotel-map-booking.holiday-entry small{font-size:clamp(5.8px,13cqh,8.2px)!important}
@media(max-width:760px){.planning-month-weekdays,.planning-month-grid{grid-template-columns:repeat(7,minmax(46px,1fr));gap:3px}.planning-month-day{min-height:58px;padding:5px}.planning-month-search{flex-basis:100%}.planning-month-search input{min-width:0}.employee-month-block{padding:6px}}


/* v3.0.7 — финальные правки Планнинга, схемы и кварцовки */
.planning-head-left{justify-content:flex-start!important;align-items:center!important}.planning-head-left .planning-nav{justify-content:flex-start!important}.planning-nav-main{justify-content:flex-start!important}.planning-search-bar input{flex:0 1 640px;max-width:640px;min-width:280px}.planning-add-row{display:flex;justify-content:flex-start;margin:10px 0 4px}.planning-day-heading{margin:0 0 12px}.planning-day-heading h2{margin:0 0 3px;text-transform:capitalize}.planning-count.quartz{background:#e7f6f1;color:#176851}.planning-detail-row.quartz{border-left:6px solid #2e9f77;background:#f7fffc}
.planning-month-head{justify-content:flex-start}.planning-month-search{flex:0 1 620px}.planning-month-search input{max-width:520px}
.quartz-page{padding:16px 18px 30px}.quartz-head{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.quartz-head h2{margin:0 0 4px}.quartz-pay-note{padding:9px 11px;border:1px solid #b9dfcf;background:#f0fbf7;border-radius:9px;margin:8px 0 13px}.quartz-pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;max-width:1100px}.quartz-room-card{min-height:108px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;background:#eef9f5;border:2px solid #2e7863;border-radius:10px;padding:12px}.quartz-room-card:hover{background:#e2f5ee}.quartz-room-name{font-size:22px;font-weight:900}.quartz-room-card small{color:#5a6b65}.quartz-history{margin-top:24px;max-width:1100px}.quartz-history-list{border:1px solid #dce3e8;border-radius:9px;overflow:hidden}.quartz-history-row{display:grid;grid-template-columns:120px minmax(180px,1fr) 170px;gap:12px;padding:9px 11px;border-bottom:1px solid #e6ebef;background:#fff}.quartz-history-row:last-child{border-bottom:0}
.hotel-map-floor{height:clamp(690px,calc(100vh - 170px),780px)!important}.hotel-map-room-number{font-size:clamp(10px,1.0vw,14px)!important}.hotel-map-booking.resident-entry b{font-size:clamp(10px,1.0vw,14px)!important;line-height:1.05!important}.hotel-map-booking.resident-entry span{font-size:clamp(9px,.9vw,13px)!important;line-height:1.05!important}.hotel-map-booking.resident-entry small{font-size:clamp(8px,.82vw,12px)!important;line-height:1.05!important}.hotel-map-room-body{padding:2px 4px 3px!important}.hotel-map-booking.resident-entry{padding:2px 4px!important;gap:1px!important}
@media(max-width:700px){.planning-search-bar input{max-width:100%;min-width:0;flex:1 1 100%}.quartz-history-row{grid-template-columns:1fr}.quartz-head{flex-direction:column}}

/* v3.0.8 — схема номеров и детализация выплат */
.hotel-map-room.shared-top{border-top-width:0!important}
.hotel-map-room.shared-left{border-left-width:0!important}
.hotel-map-room-body{position:absolute!important;left:22px!important;right:3px!important;top:4px!important;bottom:3px!important;display:flex!important;align-items:stretch!important}
.hotel-map-booking.resident-entry{font-family:"DIN Pro Cond","Arial Narrow","Roboto Condensed",Arial,sans-serif!important;font-stretch:condensed!important;line-height:1.02!important;padding:3px 4px!important;justify-content:center!important;min-width:0!important}
.hotel-map-booking.resident-entry b{font-weight:500!important;font-size:13px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hotel-map-booking.resident-entry span{font-size:12.5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hotel-map-booking.resident-entry small{font-size:14px!important;font-weight:600!important;letter-spacing:-.2px!important;white-space:nowrap!important}
.payroll-breakdown-row>td{padding:0 8px 10px!important;background:#f8fafc}.payroll-breakdown-table{width:100%;border-collapse:collapse;font-size:12px}.payroll-breakdown-table th,.payroll-breakdown-table td{padding:5px 7px;border:1px solid #dbe2ea;text-align:left}.payroll-breakdown-table th{background:#eef3f7}.payroll-summary-row td{border-top:2px solid #aeb8c4}
/* v3.0.11 — configurable tablet promo templates */
.tablet-template-editor{margin:16px 0;padding:12px;border:1px solid #dfe3e8;border-radius:12px;background:#f8fafc}.tablet-template-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap}.button-like{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #cbd2d9;border-radius:7px;background:#fff;cursor:pointer;font-size:13px}.tablet-template-stage{position:relative;width:min(100%,560px);margin:12px auto;background:#fff;border:1px solid #cbd2d9;overflow:hidden;aspect-ratio:1366/2048}.tablet-template-stage>img{display:block;width:100%;height:100%;object-fit:contain;background:#eef1f4}.tablet-qr-slot{position:absolute;aspect-ratio:1/1;border:3px solid #ff8a00;background:#fffddd;color:#7a4300;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:800;font-size:12px;cursor:grab;touch-action:none;user-select:none;box-shadow:0 2px 7px #0003}.tablet-qr-slot:active{cursor:grabbing}.tablet-slot-controls{display:flex;gap:12px;flex-wrap:wrap}.tablet-slot-controls label{display:flex;align-items:center;gap:7px;font-size:12px}.tablet-slot-controls input{width:130px}
/* v3.0.11 — shared account actor PIN gate */
.actor-pin-gate{position:fixed;inset:0;z-index:10000;background:#17202bcc;display:flex;align-items:center;justify-content:center;padding:20px}.actor-pin-card{width:min(480px,96vw);background:#fff;border-radius:16px;padding:24px;box-shadow:0 20px 70px #0006}.actor-pin-card h2{margin:0 0 8px}.actor-pin-card p{line-height:1.45;color:#475467}.actor-pin-card input{width:100%;font-size:28px;letter-spacing:8px;text-align:center;margin:12px 0}.actor-pin-card button{width:100%;margin-top:8px;padding:12px}.actor-pin-card .primary{font-weight:800}

/* v3.0.12 Training Mode */
.training-page{padding:20px;max-width:1200px;margin:auto}.training-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.training-actor{background:#eef6f1;border:1px solid #b9d9c7;border-radius:999px;padding:8px 14px;font-weight:700}.training-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:16px}.training-card{background:#fff;border:1px solid #d9dfe6;border-radius:14px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px}.training-card h3{margin:8px 0}.training-status{display:inline-block;padding:4px 9px;border-radius:999px;background:#eef1f4;font-size:12px;font-weight:700}.training-status.completed{background:#e7f5ec;color:#17643f}.training-status.in_progress{background:#fff4d6;color:#7a5600}.training-meter,.training-progress{height:7px;background:#e8edf1;border-radius:999px;overflow:hidden;margin:10px 0}.training-meter i,.training-progress i{display:block;height:100%;background:#248152}.training-highlight{position:relative!important;z-index:10002!important;outline:5px solid #ffb000!important;outline-offset:4px!important;box-shadow:0 0 0 9999px rgba(20,27,35,.62)!important}.training-coach{position:fixed;right:24px;bottom:24px;z-index:10003;width:min(430px,calc(100vw - 32px))}.training-coach-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 14px 50px #0005;border:1px solid #d9dfe6}.training-coach-card p{line-height:1.45}.training-sim-head{display:flex;flex-direction:column;gap:6px}.training-badge{font-size:12px;font-weight:800;letter-spacing:.08em;color:#17643f}.training-mock{margin:18px 0;border:1px solid #d9dfe6;border-radius:14px;overflow:hidden}.training-mock-board{padding:16px;background:#f6f8fa;display:grid;gap:4px}.training-mock-board b{font-size:20px}.training-mock-status{padding:22px;font-size:17px;line-height:1.55;background:#fff}
.week-day-task-list{display:flex!important;flex-direction:column;align-items:flex-start!important;gap:2px;margin-top:4px}.week-day-task-list small{white-space:normal;text-align:left;line-height:1.15}

/* v3.0.13 Training Mode v2 — isolated interactive mini Home */
.training-card-number{float:right;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#eef3f7;font-weight:900;font-size:16px;color:#344054}.training-v2-shell{display:grid;gap:12px}.training-v2-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#fff;border:1px solid #d9dfe6;border-radius:12px;padding:12px 14px}.training-v2-toolbar>div:first-child{display:grid;gap:3px}.training-v2-safe{margin:0}.training-v2-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.training-v2-summary>div{background:#fff;border:1px solid #d9dfe6;border-radius:10px;padding:11px;display:grid;gap:3px}.training-v2-summary span,.training-v2-summary small{color:#667085}.training-v2-summary b{font-size:15px}.training-v2-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.training-v2-work{position:relative;min-width:0;background:#f7f9fb;border:1px solid #cfd7df;border-radius:12px;padding:12px;overflow:hidden}.training-v2-shade{position:absolute;inset:0;z-index:20;background:rgba(18,25,35,.56);pointer-events:none;border-radius:12px}.training-v2-mini-nav{display:flex;gap:16px;align-items:center;background:#fff;border:1px solid #d9dfe6;border-radius:9px;padding:9px 12px;margin-bottom:10px;font-size:13px}.training-v2-mini-nav b{color:#17643f}.training-v2-board{position:relative;background:#fff;border:1px solid #d9dfe6;border-radius:10px;overflow:auto}.training-v2-board-head{display:grid;grid-template-columns:132px repeat(7,minmax(82px,1fr));min-width:720px;border-bottom:1px solid #d9dfe6}.training-v2-board-head>div{padding:8px;border-right:1px solid #edf0f3;text-align:center;display:grid;gap:2px}.training-v2-board-head>div:first-child{text-align:left;font-weight:700}.training-v2-board-head span{font-size:11px;color:#667085}.training-v2-board-grid{position:relative;display:grid;grid-template-columns:132px repeat(7,minmax(82px,1fr));grid-template-rows:repeat(3,72px);min-width:720px}.training-v2-room{grid-column:1;padding:10px;border-right:1px solid #d9dfe6;border-bottom:1px solid #edf0f3;font-weight:800;background:#f8fafc}.training-v2-room small{font-weight:400;color:#667085}.training-v2-room.r1{grid-row:1}.training-v2-room.r2{grid-row:2}.training-v2-room.r3{grid-row:3}.training-v2-cell{border:0;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3;background:#fff;min-height:72px;cursor:pointer}.training-v2-cell:nth-of-type(n){box-shadow:none}.training-v2-cell:hover{background:#f6fbf8}.training-v2-booking{position:absolute;left:calc(132px + ((100% - 132px) / 7) * var(--start));width:calc(((100% - 132px) / 7) * var(--span) - 6px);top:calc((var(--room) - 1) * 72px + 9px);height:54px;border-radius:8px;display:flex;align-items:stretch;overflow:visible;z-index:4}.training-v2-booking.preliminary{background:#e5e7eb;border:1px solid #aeb6c0}.training-v2-booking.prepaid{background:#fff1a8;border:1px solid #d2a900}.training-v2-booking.paid{background:#ccefd9;border:1px solid #5ba77a}.training-v2-booking-body{flex:1;border:0;background:transparent;text-align:left;padding:7px 9px;display:grid;align-content:center;gap:1px;min-width:0;cursor:pointer}.training-v2-booking-body b,.training-v2-booking-body span,.training-v2-booking-body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.training-v2-booking-body span,.training-v2-booking-body small{font-size:10px}.training-v2-resize{position:absolute;right:-7px;top:10px;height:34px;padding:4px 8px;border-radius:8px;background:#fff;border:2px solid #17643f;font-weight:800;white-space:nowrap;cursor:pointer}.training-v2-dialog{margin-top:12px;background:#fff;border:1px solid #cfd7df;border-radius:10px;padding:15px;display:grid;gap:11px}.training-v2-dialog h3,.training-v2-dialog h4{margin:0}.training-v2-selected,.training-v2-booking-info{padding:10px;border-radius:8px;background:#f6f8fa;display:flex;gap:10px;flex-wrap:wrap}.training-v2-booking-info{display:grid}.training-v2-doc-list{display:grid;gap:8px}.training-v2-doc-list>div{display:grid;grid-template-columns:minmax(170px,1fr) 140px auto;gap:10px;align-items:center;border:1px solid #e2e7ec;border-radius:8px;padding:9px}.training-v2-doc-list span{font-size:12px;color:#667085}.training-v2-paper{max-width:650px;margin:auto;background:#fff;border:1px solid #cbd2d9;padding:26px;box-shadow:0 2px 8px #0001;line-height:1.45}.training-v2-paper-logo{text-align:center;font-weight:900;font-size:18px}.training-v2-paper h2{text-align:center;font-size:18px}.training-v2-paper hr{border:0;border-top:1px solid #cbd2d9}.training-sign-line{margin-top:28px}.training-x{font-size:30px;color:#155f3d;font-family:Arial,sans-serif}.training-v2-change{display:grid;gap:7px;background:#f6f8fa;border-radius:9px;padding:12px}.training-v2-change strong{font-size:18px;color:#17643f}.training-v2-coach{position:sticky;top:10px;background:#fff;border:2px solid #2a8057;border-radius:12px;padding:16px;box-shadow:0 8px 28px #0002;display:grid;gap:9px}.training-v2-coach h3,.training-v2-coach p{margin:0}.training-v2-step{font-weight:800;color:#475467}.training-focus{position:relative!important;z-index:30!important;outline:5px solid #ffb000!important;outline-offset:4px!important;box-shadow:0 0 0 4px #fff,0 0 28px 10px rgba(255,176,0,.8)!important;animation:trainingPulse 1.15s ease-in-out infinite;background-color:#fff!important}.training-v2-booking.training-focus{background-color:#fff3b8!important}.training-v2-dialog.training-focus{background:#fff!important}.training-v2-shade:has(~ .training-v2-mini-nav){}@keyframes trainingPulse{0%,100%{outline-color:#ffb000}50%{outline-color:#ffe082}}@media (prefers-reduced-motion:reduce){.training-focus{animation:none!important}}@media(max-width:980px){.training-v2-layout{grid-template-columns:1fr}.training-v2-coach{position:static}.training-v2-summary{grid-template-columns:1fr}.training-v2-toolbar{align-items:flex-start;flex-direction:column}.training-v2-doc-list>div{grid-template-columns:1fr}.training-v2-booking{left:calc(132px + ((100% - 132px) / 7) * var(--start));width:calc(((100% - 132px) / 7) * var(--span) - 6px)}}

/* v3.0.15 Training Mode v3.1 — real Home UI over isolated sandbox data */
.training-sandbox-active .tab:not([data-tab="board"]){opacity:.45;pointer-events:none}
.training-sandbox-ribbon{position:fixed;left:0;right:0;bottom:0;z-index:9997;background:#fff4c7;border-top:2px solid #d79a00;padding:9px 18px;text-align:center;font-weight:700;color:#493500;box-shadow:0 -3px 18px rgba(0,0,0,.12)}
.training-real-coach{position:fixed;right:18px;bottom:56px;z-index:9998;width:min(390px,calc(100vw - 36px));max-height:58vh;overflow:auto;background:#fff;border:2px solid #238455;border-radius:14px;padding:16px 17px;box-shadow:0 14px 42px rgba(0,0,0,.25)}
.training-real-coach h3{margin:8px 0 8px}.training-real-coach p{line-height:1.35}.training-real-badge{font-size:12px;font-weight:800;letter-spacing:.08em;color:#16613e}.training-real-step{font-weight:700;margin:8px 0}.training-real-focus{position:relative!important;z-index:9996!important;outline:4px solid #ffb000!important;outline-offset:4px!important;box-shadow:0 0 0 9px rgba(255,176,0,.26),0 0 26px rgba(255,176,0,.8)!important;animation:trainingRealPulse 1.15s ease-in-out infinite alternate!important}
@keyframes trainingRealPulse{from{outline-color:#ffb000;box-shadow:0 0 0 7px rgba(255,176,0,.2),0 0 18px rgba(255,176,0,.55)}to{outline-color:#ff7a00;box-shadow:0 0 0 12px rgba(255,176,0,.28),0 0 34px rgba(255,122,0,.78)}}
.training-only-action{border:2px dashed #238455!important;background:#effbf4!important;color:#124c32!important;font-weight:700!important}
.training-doc-preview{padding:4px}.training-doc-paper{max-width:760px;margin:0 auto;background:#fff;border:1px solid #ccd3db;padding:36px 46px;min-height:520px;font-family:Arial,sans-serif;box-shadow:0 6px 22px rgba(0,0,0,.08)}.training-doc-paper h2{text-align:center;margin-top:0}.training-sign-line{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #333;margin-top:35px;padding-top:8px}.training-cross-sign{font-size:40px;line-height:1;font-weight:500;color:#1c4a8c}
@media(max-width:780px){.training-real-coach{right:8px;bottom:54px;width:calc(100vw - 16px);max-height:42vh}.training-doc-paper{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){.training-real-focus{animation:none!important}}

/* v3.0.16 — partial prepayment and slideshow effect preview */
.booked.status-partial-prepaid{background:linear-gradient(90deg,var(--grey) 0 50%,var(--yellow) 50% 100%)}
.board-day.booked.status-partial-prepaid{background:linear-gradient(90deg,var(--grey) 0 50%,var(--yellow) 50% 100%)!important}
.payment-amount-due{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef7ff;border:1px solid #a9cde9;border-radius:10px;padding:11px 13px;margin:8px 0 10px}.payment-amount-due span{font-size:13px;color:#294b67}.payment-amount-due b{font-size:22px;color:#123e73}.payment-amount-due.done{background:#edf7f0;border-color:#b9dbc4}.payment-amount-due.done b{color:#17643f}
.slide-effect-preview-wrap{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(260px,1fr);gap:14px;align-items:center;margin:12px 0;padding:11px;border:1px solid #d9dfe6;border-radius:11px;background:#f8fafc}.slide-effect-preview{position:relative;height:150px;overflow:hidden;border-radius:10px;background:#111;--preview-transition:1s}.slide-preview-frame{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900;color:#fff;opacity:0;transform:translateX(7%);transition:opacity var(--preview-transition) ease-in-out,transform var(--preview-transition) ease-in-out}.slide-preview-frame.preview-a{background:linear-gradient(135deg,#365d8d,#789cc6)}.slide-preview-frame.preview-b{background:linear-gradient(135deg,#557b5d,#9ab27e)}.slide-effect-preview[data-effect="fade"] .slide-preview-frame{transform:none}.slide-effect-preview[data-effect="slide"] .slide-preview-frame{transform:translateX(7%)}.slide-effect-preview[data-effect="zoom"] .slide-preview-frame{transform:scale(1.04)}.slide-effect-preview[data-effect="none"] .slide-preview-frame{transition:none;transform:none}.slide-effect-preview .slide-preview-frame.current{opacity:1;transform:none;z-index:2}.slide-effect-preview[data-effect="slide"] .slide-preview-frame.leaving{opacity:0;transform:translateX(-7%)}.slide-effect-preview[data-effect="zoom"] .slide-preview-frame.leaving{opacity:0;transform:scale(.985)}.slide-effect-preview[data-effect="fade"] .slide-preview-frame.leaving{opacity:0}.slide-effect-preview[data-effect="none"] .slide-preview-frame:not(.current){display:none}@media(max-width:760px){.slide-effect-preview-wrap{grid-template-columns:1fr}.slide-effect-preview{height:120px}}

/* v3.0.17 — explicit tablet document controls/statuses */
.tablet-status-line{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.tablet-status-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:12px;border:1px solid #cfd8e3;background:#f7f9fb;color:#445064}
.tablet-status-chip.client{background:#f1f7ff;border-color:#c7dcf7}
.tablet-status-chip.staff{background:#f3fbf6;border-color:#cce8d5}
.tablet-emergency-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px dashed #d7dde5}
.danger-lite{border-color:#e7a1a1!important;color:#9f2f2f!important;background:#fff7f7!important}

/* PiCats Home v3.1 Chat Hub */
.chat-hub-page{padding:18px;overflow:auto}.chat-hub-host{max-width:1180px;margin:0 auto}.chat-hub-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.chat-hub-head h2{margin:0 0 4px}.chat-hub-main-tabs,.chat-hub-subtabs{display:flex;gap:8px;flex-wrap:wrap}.chat-hub-main-tabs button,.chat-hub-subtabs button{border:1px solid #d8e2e5;background:#fff;border-radius:14px;padding:10px 15px;font-weight:700}.chat-hub-main-tabs button.active,.chat-hub-subtabs button.active{background:#e6f6f0;border-color:#69b99b;color:#0d7657}.chat-hub-subtabs{margin:12px 0}.chat-hub-subtabs span{display:inline-block;margin-left:5px;padding:1px 7px;border-radius:10px;background:#edf2f4;font-size:12px}.chat-hub-search{display:flex;gap:8px;margin:10px 0 12px}.chat-hub-search input{flex:1;min-width:220px}.chat-hub-list{border:1px solid #dce4e8;border-radius:16px;overflow:hidden;background:#fff}.chat-hub-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid #e8edef}.chat-hub-row:last-child{border-bottom:0}.chat-hub-avatar{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:#dff4ec;color:#0d7657;font-weight:800;font-size:18px;flex:0 0 auto}.chat-hub-row-body{flex:1;min-width:0}.chat-hub-row-body>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-hub-status{font-size:12px;color:#8b6b27;margin-top:4px}.chat-hub-status.ready{color:#0d7657}.chat-hub-row-actions{display:flex;gap:8px}.chat-hub-row-actions button:disabled{opacity:.55}

/* PiCats Home v3.1.3 client-service Chat Hub */
.chat-hub-row.clickable{cursor:pointer}.chat-hub-conversation{height:calc(100vh - 116px);min-height:520px;display:flex;flex-direction:column;border:1px solid #dce4e8;border-radius:18px;overflow:hidden;background:#fff}.chat-hub-conv-head{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid #e2e8ea}.chat-hub-conv-head h2{margin:0 0 2px;font-size:19px}.chat-hub-messages{flex:1;min-height:0;overflow:auto;background:#eef3f5;padding:14px}.chat-hub-msg{display:flex;margin:8px 0}.chat-hub-msg.mine{justify-content:flex-end}.chat-hub-bubble{max-width:min(720px,82%);background:#fff;border-radius:17px 17px 17px 5px;padding:9px 12px;box-shadow:0 1px 5px #0000000c}.chat-hub-msg.mine .chat-hub-bubble{background:#dff6ec;border-radius:17px 17px 5px 17px}.chat-hub-sender{font-size:12px;font-weight:750;color:#0d7657;margin-bottom:3px}.chat-hub-msg-text{white-space:pre-wrap;word-break:break-word}.chat-hub-msg-time{text-align:right;color:#7c8b92;font-size:10px;margin-top:4px}.chat-hub-media{display:block;max-width:min(560px,70vw);max-height:52vh;border-radius:12px}.chat-hub-audio{width:min(360px,65vw)}.chat-hub-composer{display:flex;gap:9px;align-items:flex-end;padding:10px;border-top:1px solid #dce4e8;background:#fff}.chat-hub-composer textarea{flex:1;min-height:46px;max-height:130px;resize:vertical;border:1px solid #ccd8dd;border-radius:15px;padding:11px 12px}.chat-hub-composer button{min-width:120px;height:46px}@media(max-width:720px){.chat-hub-page{padding:8px}.chat-hub-conversation{height:calc(100vh - 90px);border-radius:12px}.chat-hub-bubble{max-width:90%}.chat-hub-composer button{min-width:92px}.chat-hub-head{align-items:flex-start;flex-direction:column}}
/* PiCats Home v3.1.3 chat privacy + client notification controls */
.chat-hub-notify-label{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;color:#5f7078}.chat-hub-notify-label select{height:40px;border:1px solid #ccd8dd;border-radius:12px;background:#fff;padding:0 9px}.chat-hub-search .muted{flex:1;align-self:center}@media(max-width:760px){.chat-hub-search{flex-wrap:wrap}.chat-hub-notify-label{width:100%;justify-content:flex-start}.chat-hub-notify-label select{flex:1}}

/* v3.1.5 Chat Hub messenger UX */
.chat-hub-unread-badge{min-width:24px;height:24px;padding:0 7px;border-radius:13px;background:#0d8a63;color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}.chat-hub-unread-mini{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:5px;border-radius:10px;background:#0d8a63;color:#fff;font-style:normal;font-size:11px}.chat-hub-msg-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;color:#7c8b92;font-size:10px;margin-top:4px}.chat-hub-ticks{font-weight:900;letter-spacing:-2px;font-size:13px}.chat-hub-ticks.sent,.chat-hub-ticks.delivered{color:#159567}.chat-hub-ticks.read{color:#1689d8}.chat-hub-attach,.chat-hub-mic{min-width:46px!important;width:46px!important;padding:0!important;font-size:20px;border:1px solid #d8e2e5;background:#edf3f5;border-radius:14px}.chat-hub-mic.recording{background:#ffe8e8;color:#b63838;border-color:#efb9b9}#chatHubSend{min-width:110px}.chat-hub-composer textarea{resize:none}

/* v3.1.8 — unread indicator directly on the top Chats tab */
.chat-unread-badge{background:#d92d20!important;color:#fff!important;font-weight:800;box-shadow:0 0 0 2px #fff;vertical-align:middle}


/* v3.1.9 — PiCats blue messenger skin + live unread counters */
.chat-hub-page{background:linear-gradient(180deg,#f7fbff 0,#eef5fb 100%)}
.chat-hub-host{--pc-chat-blue:#1769c2;--pc-chat-blue2:#2e83dc;--pc-chat-soft:#eaf4ff;--pc-chat-line:#d8e6f3}
.chat-hub-head{background:#fff;border:1px solid var(--pc-chat-line);border-radius:18px;padding:14px 16px;box-shadow:0 6px 24px #1d56840b}
.chat-hub-main-tabs button,.chat-hub-subtabs button{border-color:var(--pc-chat-line);color:#49677f;transition:.15s ease}
.chat-hub-main-tabs button:hover,.chat-hub-subtabs button:hover{background:#f4f9ff;border-color:#b9d4ee}
.chat-hub-main-tabs button.active,.chat-hub-subtabs button.active{background:var(--pc-chat-soft);border-color:#7fb2e3;color:#0d559e}
.chat-hub-search{background:#fff;border:1px solid var(--pc-chat-line);border-radius:16px;padding:10px 12px;box-shadow:0 4px 18px #1d568408}
.chat-hub-list{border-color:var(--pc-chat-line);box-shadow:0 8px 28px #1d56840a}
.chat-hub-row{padding:14px 15px;transition:background .15s ease}
.chat-hub-row:hover{background:#f6faff}
.chat-hub-avatar{background:linear-gradient(145deg,#e5f2ff,#c7e2ff);color:#0d5da9;border-radius:50%}
.chat-hub-status.ready{color:#1769c2}
.chat-hub-row-actions .primary,.chat-hub-composer .primary{background:linear-gradient(135deg,var(--pc-chat-blue2),var(--pc-chat-blue));border-color:var(--pc-chat-blue);color:#fff}
.chat-hub-unread-badge,.chat-hub-unread-mini{background:#1769c2;color:#fff}
.chat-hub-conversation{border-color:var(--pc-chat-line);box-shadow:0 10px 36px #1d568412;background:#fff}
.chat-hub-conv-head{background:linear-gradient(180deg,#fff,#f7fbff);border-bottom-color:var(--pc-chat-line)}
.chat-hub-messages{background-color:#edf5fc;background-image:radial-gradient(circle at 1px 1px,#c8dded55 1px,transparent 1px);background-size:22px 22px}
.chat-hub-bubble{border:1px solid #e1eaf1;box-shadow:0 2px 7px #28547610}
.chat-hub-msg.mine .chat-hub-bubble{background:#dcecff;border-color:#c5dcf5}
.chat-hub-sender{color:#1769c2}
.chat-hub-composer{border-top-color:var(--pc-chat-line);background:#fbfdff}
.chat-hub-composer textarea{border-color:#c7d9e8;background:#fff}
.chat-hub-attach,.chat-hub-mic{background:#eaf4ff;border-color:#c7dff4;color:#1769c2}
.chat-hub-ticks.sent,.chat-hub-ticks.delivered{color:#1769c2}.chat-hub-ticks.read{color:#1590e8}


/* PiCats Chat Design v1 — shared with mobile /mobile/ UI */
.chat-hub-host{--pc-chat-blue:#1769c2;--pc-chat-blue2:#2e83dc;--pc-chat-soft:#dcecff;--pc-chat-soft2:#eaf4ff;--pc-chat-bg:#edf5fc;--pc-chat-line:#d4e3f1;--pc-chat-text:#17212b}
.chat-hub-conversation{background:#fff;border:1px solid var(--pc-chat-line);border-radius:20px;box-shadow:0 10px 38px #1d568414}
.chat-hub-conv-head{min-height:68px;background:#fff;border-bottom:1px solid var(--pc-chat-line);padding:11px 14px}.chat-hub-conv-head button{border:0;background:#eaf4ff;color:#1769c2;border-radius:50%;min-width:42px;width:42px;height:42px;font-size:0}.chat-hub-conv-head button:after{content:'‹';font-size:28px;line-height:1}.chat-hub-conv-head h2{font-size:18px;color:#17212b}
.chat-hub-messages{background-color:#edf5fc;background-image:radial-gradient(circle at 1px 1px,#c8dded55 1px,transparent 1px);background-size:22px 22px;padding:16px 18px}
.chat-hub-msg{margin:7px 0}.chat-hub-bubble{max-width:min(680px,78%);border-radius:18px 18px 18px 5px;border:1px solid #e1eaf1;background:#fff;box-shadow:0 2px 7px #28547610;padding:9px 11px}.chat-hub-msg.mine .chat-hub-bubble{background:#dcecff;border-color:#c5dcf5;border-radius:18px 18px 5px 18px}.chat-hub-sender{color:#1769c2}.chat-hub-msg-meta{color:#829099}.chat-hub-ticks.sent,.chat-hub-ticks.delivered{color:#1a9b68}.chat-hub-ticks.read{color:#1689d8}
.chat-hub-media{display:block;width:auto;max-width:min(320px,40vw);max-height:320px;object-fit:cover;border-radius:12px;background:#d8e3ed}.chat-hub-video{width:min(320px,40vw);aspect-ratio:16/10;object-fit:contain;background:#0b1620}.chat-hub-photo{cursor:zoom-in}.chat-hub-audio{width:min(340px,55vw);height:38px}
.chat-hub-composer{background:#fbfdff;border-top:1px solid var(--pc-chat-line);padding:9px 11px}.chat-hub-composer textarea{border:1px solid #c7d9e8;border-radius:20px;background:#fff;padding:11px 14px}.chat-hub-attach,.chat-hub-mic{border-radius:50%;background:#eaf4ff!important;border-color:#c7dff4!important;color:#1769c2!important}.chat-hub-composer .primary{border-radius:20px;background:linear-gradient(135deg,#2e83dc,#1769c2)!important;border-color:#1769c2!important}
.chat-hub-avatar{border-radius:50%;background:linear-gradient(145deg,#e6f2ff,#c9e3ff);color:#0d5da9}.chat-hub-unread-badge,.chat-hub-unread-mini{background:#1769c2}.chat-hub-main-tabs button.active,.chat-hub-subtabs button.active{background:#eaf4ff;border-color:#7fb2e3;color:#0d559e}
@media(max-width:720px){.chat-hub-media,.chat-hub-video{max-width:min(240px,68vw);width:auto}.chat-hub-audio{width:min(300px,72vw)}.chat-hub-bubble{max-width:88%}}

/* PiCats Chat Design v1.1 — shared media cards/progress for Home desktop */
.chat-hub-media-card{position:relative;width:180px;max-width:180px;height:132px;border-radius:14px;overflow:hidden;background:#d7e4ef;cursor:pointer;touch-action:manipulation}.chat-hub-media-card img{display:block;width:180px;height:108px;object-fit:cover}.chat-hub-media-card.no-thumb:before{content:'🖼';position:absolute;inset:0 0 24px;display:grid;place-items:center;font-size:36px}.chat-hub-media-card.video.no-thumb:before{content:'🎥'}.chat-hub-play{position:absolute;left:50%;top:54px;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ffffffe6;color:#1769c2;font-size:18px;box-shadow:0 3px 12px #0003}.chat-hub-media-label{position:absolute;left:0;right:0;bottom:0;height:24px;padding:5px 8px;background:#f7fbff;color:#557089;font-size:10px}.chat-hub-audio-wrap{min-width:280px}.chat-hub-media-state{font-size:10px;color:#718596;margin-top:2px}.chat-hub-pending-media{width:180px;border:1px solid #c5dced;border-radius:12px;overflow:hidden;background:#f4f9ff}.chat-hub-pending-thumb{display:block;width:180px;height:96px;object-fit:cover;background:#d8e4ee}.chat-hub-pending-thumb.icon{display:grid;place-items:center;font-size:30px}.chat-hub-pending-media>div:nth-child(2){padding:6px 8px;font-size:11px;color:#557089}.chat-hub-upload-progress{height:5px;background:#d6e4ef}.chat-hub-upload-progress i{display:block;width:0;height:100%;background:#1769c2;transition:width .12s linear}.chat-hub-spinner{display:inline-block;width:13px;height:13px;border:2px solid #b7c6d3;border-top-color:#1769c2;border-radius:50%;animation:chspin .8s linear infinite}@keyframes chspin{to{transform:rotate(360deg)}}.chat-hub-media-viewer{position:fixed;inset:0;z-index:2500;background:#07111bea;display:flex;align-items:center;justify-content:center;padding:24px}.chat-hub-media-close{position:absolute;right:22px;top:22px;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#17212b;font-size:26px}.chat-hub-media-full img,.chat-hub-media-full video{max-width:92vw;max-height:86vh;border-radius:12px;background:#000}.chat-hub-media-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;color:#fff;background:#07111bbd;border-radius:18px;padding:10px 14px}.chat-hub-media-load .chat-hub-spinner{border-color:#ffffff55;border-top-color:#fff}.chat-hub-media-load.hidden{display:none}.chat-hub-media-viewer .chat-hub-spinner{width:18px;height:18px}

/* PiCats Home v3.2.0 — Chat UX v1.2 */
.chat-hub-msg-action{float:right;margin:-4px -5px 0 6px;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:#708292;font-weight:900;padding:0;min-width:0!important}.chat-hub-msg-action:hover{background:#dcecff}.chat-hub-reply-preview{border-left:3px solid #1769c2;background:#eef6ff;border-radius:8px;padding:5px 7px;margin:0 0 6px;max-width:360px;cursor:pointer}.chat-hub-reply-preview b,.chat-hub-reply-preview span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.chat-hub-reply-preview b{color:#1769c2}.chat-hub-forwarded{font-size:10px;color:#607b92;font-weight:700;margin-bottom:4px}.chat-hub-reactions{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}.chat-hub-reaction{border:1px solid #bfd5e8;background:#f4f9fe;border-radius:13px;padding:2px 7px;font-size:12px;min-width:0!important;height:auto!important}.chat-hub-reaction.mine{background:#d7ebff;border-color:#77afe5}.chat-hub-sheet-overlay{position:fixed;inset:0;z-index:3000;background:#07111b88;display:flex;align-items:flex-end;justify-content:center;padding:18px}.chat-hub-action-sheet{width:min(460px,96vw);max-height:80vh;overflow:auto;background:#fff;border-radius:20px;padding:12px;box-shadow:0 18px 60px #0005}.chat-hub-action-sheet h3{margin:5px 8px 10px}.chat-hub-action-sheet>button,.chat-hub-forward-list button{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf1f5;background:#fff;padding:12px 13px;font-size:14px}.chat-hub-action-sheet button:hover{background:#f3f8fd}.chat-hub-action-sheet button small,.chat-hub-forward-list small{display:block;color:#718596;margin-top:3px}.chat-hub-reaction-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:5px}.chat-hub-reaction-picker button{border:0;background:#f4f8fb;border-radius:12px;font-size:24px;padding:10px}.chat-hub-forward-list{max-height:55vh;overflow:auto}.chat-hub-reply-bar{display:flex;gap:8px;align-items:center;padding:7px 11px;background:#eaf4ff;border-top:1px solid #c7d9e8}.chat-hub-reply-bar>div{flex:1;min-width:0}.chat-hub-reply-bar b,.chat-hub-reply-bar span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.chat-hub-reply-bar b{color:#1769c2}.chat-hub-reply-bar button{border:0;background:transparent;font-size:21px;min-width:32px!important}.chat-hub-room-search-btn{margin-left:auto;border-radius:50%!important;min-width:42px!important;width:42px!important;height:42px}.chat-hub-room-find{padding:8px 12px;background:#f7fbff;border-bottom:1px solid #d4e3f1}.chat-hub-room-find input{width:100%;border:1px solid #c7d9e8;border-radius:16px;padding:9px 12px}.chat-hub-history-loader{text-align:center;color:#718596;font-size:11px;padding:8px}.chat-hub-search-results{background:#fff;border:1px solid #d8e6f3;border-radius:16px;padding:10px 12px;margin:10px 0}.chat-hub-search-results>b{display:block;margin-bottom:6px}.chat-hub-search-results button{display:block;width:100%;text-align:left;background:#f8fbfe;border:0;border-bottom:1px solid #e7eef5;padding:8px 9px}.chat-hub-search-results button span{display:block;color:#1769c2;font-weight:700}.chat-hub-search-results button small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#60798e}.chat-hub-viewer-progress{width:260px;max-width:65vw;height:5px;background:#ffffff35;border-radius:5px;overflow:hidden;margin-top:6px}.chat-hub-viewer-progress i{display:block;height:100%;width:0;background:#fff}.chat-hub-viewer-progress.indeterminate i{width:35%;animation:chatHubInd 1.1s ease-in-out infinite}@keyframes chatHubInd{0%{transform:translateX(-120%)}100%{transform:translateX(340%)}}.chat-hub-media-load{flex-wrap:wrap;justify-content:center;max-width:360px}.chat-hub-media-load>[data-viewer-text]{width:calc(100% - 32px)}.chat-hub-upload-progress.indeterminate i{width:35%!important;animation:chatHubUploadInd 1.1s ease-in-out infinite}@keyframes chatHubUploadInd{0%{transform:translateX(-130%)}100%{transform:translateX(340%)}}.chat-hub-upload-remove{display:block;width:100%;border:0;background:#fff;color:#b33;padding:6px;font-size:11px}.chat-hub-msg.upload-error .chat-hub-pending-media{border-color:#e2a3a3;background:#fff3f3}.chat-hub-msg.target-flash .chat-hub-bubble{outline:3px solid #6aa9e8;transition:outline .5s}.chat-hub-quality-overlay .chat-hub-action-sheet button b{display:block}.chat-hub-quality-overlay .chat-hub-action-sheet button small{display:block;color:#718596;margin-top:3px}

/* PiCats Home v3.2.0 — unified occupancy map */
.occupancy-mode-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.occupancy-mode-tabs button{border:1px solid #a9c7e5;background:#fff;color:#305877;border-radius:13px;padding:9px 14px;font-weight:700}.occupancy-mode-tabs button.active{background:#1769c2;color:#fff;border-color:#1769c2}.occupancy-date-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #c7dced;border-radius:14px;padding:10px 12px;margin-bottom:10px}.occupancy-date-controls label{display:flex;align-items:center;gap:7px;font-weight:700}.occupancy-date-controls input{border:1px solid #c4d6e7;border-radius:9px;padding:7px 9px}.occupancy-stats{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.occupancy-stats span{background:#fff;border:1px solid #c9dced;border-radius:999px;padding:7px 11px;color:#45637c}.occupancy-stats b{color:#153f66}.hotel-map-floor.unified-occupancy{background:#b8d9f4!important;border-color:#80b2dc!important}.hotel-map-room.occupancy-room.free{background:#d9ecfb!important;border-color:#77add9!important}.hotel-map-room.occupancy-room.busy{background:#c8e2f6!important;border-color:#6ea7d4!important}.hotel-map-room.occupancy-room.inactive{background:#d3d8dd!important;border-color:#9ca8b2!important}.hotel-map-booking.occupancy-entry{position:relative;color:#17212b!important;border:1px solid transparent!important;border-radius:8px!important;margin:2px 3px!important;padding:3px 20px 3px 5px!important;box-shadow:0 1px 4px #0001!important}.hotel-map-booking.occupancy-entry.map-current{background:#b9e9c8!important;border-color:#59aa72!important}.hotel-map-booking.occupancy-entry.map-booking{background:#ffe59a!important;border-color:#d6ad39!important}.hotel-map-booking.occupancy-entry.map-conflict{outline:3px solid #d13d3d!important;outline-offset:-1px!important}.map-payment{position:absolute;right:4px;top:4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:9px;font-weight:900;background:#fff9;border:1px solid #fff}.map-payment.paid{color:#167243}.map-payment.prepaid{color:#966d00}.map-payment.unpaid{color:#b52c2c}.map-dot.occ-free{background:#b8d9f4!important}.map-dot.occ-current{background:#79cf94!important}.map-dot.occ-booking{background:#f2c84d!important}.map-dot.occ-conflict{background:#d13d3d!important}.occupancy-legend{background:#fff;border:1px solid #c7dced;border-radius:12px;padding:8px 10px}.occupancy-head{margin-bottom:2px}
@media(max-width:760px){.occupancy-date-controls{align-items:stretch}.occupancy-date-controls label{width:100%;justify-content:space-between}.occupancy-date-controls input{flex:1}.chat-hub-reaction-picker{grid-template-columns:repeat(3,1fr)}}

/* PiCats Home v3.2.1 — occupancy first-booking cards */
.hotel-map-room.occupancy-room.has-bookings{cursor:pointer;overflow:hidden}
.hotel-map-room.occupancy-room.has-bookings:hover{box-shadow:0 0 0 3px rgba(23,105,194,.18) inset}
.hotel-map-room-body{overflow:hidden!important;position:absolute!important;left:22px!important;right:3px!important;top:4px!important;bottom:3px!important;display:block!important;padding:1px 2px!important}
.hotel-map-booking.occupancy-entry{height:100%!important;min-height:0!important;margin:0!important;padding:5px 6px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;border-radius:8px!important;white-space:normal!important;text-align:left!important}
.hotel-map-client-name{display:block;font-size:13px;line-height:1.12;font-weight:800;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotel-map-pet-name{font-size:12px;line-height:1.15;font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hotel-map-dates{font-size:11px;line-height:1.1;font-weight:600}
.hotel-map-more-badge{position:absolute;right:4px;top:3px;z-index:4;background:#1769c2;color:#fff;border-radius:999px;min-width:26px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.hotel-map-more-badge+.hotel-map-room-body{right:34px!important}
.hotel-map-booking-list{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow:auto;padding:2px}
.hotel-map-booking-list-row{width:100%;display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:10px;align-items:center;text-align:left;padding:10px 12px;border:1px solid #d4e3f1;border-radius:12px;background:#fff;color:#17212b}
.hotel-map-booking-list-row.current{background:#effaf1;border-color:#8bcf9a}
.hotel-map-booking-list-row.conflict{box-shadow:0 0 0 2px #d9534f inset}
.hotel-map-booking-list-row:hover{background:#edf5fc}
.hotel-map-list-index{width:28px;height:28px;border-radius:50%;background:#e8f2fc;display:flex;align-items:center;justify-content:center;font-weight:800;color:#1769c2}
.hotel-map-booking-list-row small{display:block;margin-top:3px;color:#53677a}
.hotel-map-list-dates{white-space:nowrap;font-weight:700}
@media(max-width:700px){.hotel-map-booking-list-row{grid-template-columns:28px 1fr}.hotel-map-list-dates,.hotel-map-booking-list-row>.map-payment{grid-column:2}}
.database-reset-card{border:1px solid #e7b0b0;background:#fffafa}
.database-reset-card .danger{font-weight:800}


/* PiCats Home v3.2.1-FIX1 — occupancy map layout repair */
.occupancy-summary{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:8px;margin:9px 0}.occupancy-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:8px;background:#fff;border:1px solid #c9dced;border-radius:11px;padding:8px 10px;color:#45637c}.occupancy-summary>div>b{font-size:18px;color:#153f66}.occupancy-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid #c7dced;border-radius:11px;padding:8px 10px;margin:0 0 8px;font-size:12px;color:#53677a}.occupancy-legend>span{display:flex;align-items:center;gap:6px}.legend-current,.legend-booking,.legend-conflict{display:inline-block;width:13px;height:13px;border-radius:4px;border:1px solid}.legend-current{background:#b9e9c8;border-color:#59aa72}.legend-booking{background:#ffe59a;border-color:#d6ad39}.legend-conflict{background:#fff;border-color:#d13d3d;box-shadow:inset 0 0 0 2px #d13d3d}.hotel-map-room.occupancy-room{background:#d9ecfb!important;border-color:#77add9!important}.hotel-map-room.occupancy-room.inactive-room{background:#d3d8dd!important;border-color:#9ca8b2!important}.hotel-map-room.occupancy-room.conflict-room{box-shadow:inset 0 0 0 2px #d13d3d!important}.hotel-map-booking.occupancy-entry .map-payment{right:2px!important;top:2px!important}.hotel-map-list-payment{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.hotel-map-list-payment.paid{background:#e3f5e9;color:#167243}.hotel-map-list-payment.prepaid{background:#fff3c7;color:#8a6800}.hotel-map-list-payment.unpaid{background:#fde8e8;color:#b52c2c}@media(max-width:900px){.occupancy-summary{grid-template-columns:repeat(2,minmax(120px,1fr))}}

/* PiCats Home v3.2.1 — two-column Chat Hub */
.chat-hub-split{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);gap:12px;min-height:650px;height:calc(100vh - 220px);min-height:560px}
.chat-hub-sidebar,.chat-hub-conversation-pane{border:1px solid #d4e3f1;border-radius:14px;background:#fff;min-width:0;overflow:hidden}
.chat-hub-sidebar{display:flex;flex-direction:column;overflow-y:auto}
.chat-hub-sidebar .chat-hub-search{position:sticky;top:0;z-index:5;background:#fff;padding:10px;border-bottom:1px solid #e3edf6;display:grid;grid-template-columns:1fr auto;gap:7px}
.chat-hub-sidebar .chat-hub-search input{min-width:0;width:100%}
.chat-hub-sidebar .chat-hub-notify-label{padding:0 10px 8px;display:flex;gap:8px;align-items:center;font-size:12px;color:#53677a}
.chat-hub-sidebar-title{display:flex;align-items:center;justify-content:space-between;padding:9px 11px 6px;color:#31506e;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.chat-hub-sidebar-title.groups{margin-top:6px;border-top:1px solid #e7eef5;padding-top:12px}
.chat-hub-side-list{padding:0 7px 7px;display:flex;flex-direction:column;gap:5px}
.chat-hub-side-row{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) auto auto;gap:7px;align-items:center;padding:8px;border:1px solid transparent;border-radius:11px;cursor:pointer;background:#fff;transition:.12s}
.chat-hub-side-row:hover{background:#f2f7fc;border-color:#d8e7f4}
.chat-hub-side-row.active-chat{background:#e7f2ff;border-color:#86b9ec;box-shadow:0 0 0 1px #86b9ec inset}
.chat-hub-side-row.disabled{opacity:.55;cursor:default}
.chat-hub-side-text{min-width:0}.chat-hub-side-text>b,.chat-hub-side-text>small,.chat-hub-side-text>.chat-hub-status{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-hub-side-text>b{font-size:13px}.chat-hub-side-text>small{font-size:11px;color:#657789;margin-top:2px}.chat-hub-side-text>.chat-hub-status{font-size:10px;margin-top:2px}
.chat-hub-side-mute{border:0!important;background:transparent!important;padding:4px!important;min-width:0!important}
.chat-hub-identity-note{margin:7px 7px 2px!important;padding:8px!important;font-size:11px!important}
.chat-hub-conversation-pane{display:flex;min-height:0;background:#edf5fc}
.chat-hub-conversation-pane>.chat-hub-conversation{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}
.chat-hub-conversation-pane .chat-hub-messages{flex:1;min-height:0;overflow:auto}
.chat-hub-empty-conversation{margin:auto;text-align:center;color:#718396;display:flex;flex-direction:column;gap:7px;padding:30px}.chat-hub-empty-conversation>b{font-size:20px;color:#39546e}
.chat-hub-sidebar .chat-hub-search-results{margin:0 7px 8px;max-height:220px;overflow:auto}
@media(max-width:850px){.chat-hub-split{grid-template-columns:250px minmax(0,1fr);height:calc(100vh - 190px)}.chat-hub-side-row{grid-template-columns:32px minmax(0,1fr) auto}.chat-hub-side-mute{display:none}}

/* v3.2.1-FIX2 — enlarge occupancy map for 1920x1080 and move +N under room number */
.hotel-map-scroll{overflow:auto!important;padding:10px!important}
.hotel-map-floor.unified-occupancy{width:min(1760px,calc(100vw - 64px))!important;min-width:1320px!important;max-width:none!important;height:auto!important;min-height:0!important;aspect-ratio:1264/864!important;margin:0 auto!important}
.hotel-map-room.occupancy-room{padding:2px 3px!important}
.hotel-map-room-number{position:absolute!important;left:4px!important;top:4px!important;z-index:3!important;margin:0!important;font-size:clamp(12px,.9vw,15px)!important;line-height:1!important}
.hotel-map-room-body{left:34px!important;right:4px!important;top:4px!important;bottom:4px!important;padding:1px 2px!important}
.hotel-map-booking.occupancy-entry{padding:6px 7px!important;gap:2px!important}
.hotel-map-booking.occupancy-entry .hotel-map-client-name{font-size:clamp(12px,.92vw,15px)!important;line-height:1.02!important;font-weight:700!important}
.hotel-map-booking.occupancy-entry .hotel-map-pet-name{font-size:clamp(11px,.82vw,14px)!important;line-height:1.02!important;font-weight:700!important;color:#234b6f!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hotel-map-booking.occupancy-entry .hotel-map-dates{font-size:clamp(11px,.8vw,14px)!important;line-height:1.02!important;font-weight:700!important;letter-spacing:-0.1px!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#395a76!important}
.hotel-map-more-badge{left:4px!important;right:auto!important;top:22px!important;min-width:0!important;height:auto!important;padding:1px 5px!important;border-radius:8px!important;font-size:10px!important;line-height:1.1!important}
.hotel-map-more-badge+.hotel-map-room-body{right:4px!important}
@media (min-width: 1900px){.hotel-map-floor.unified-occupancy{width:min(1820px,calc(100vw - 48px))!important;min-width:1500px!important}}
@media (max-width: 1500px){.hotel-map-floor.unified-occupancy{width:100%!important;min-width:1180px!important}.hotel-map-room-body{left:30px!important}.hotel-map-room-number{font-size:clamp(11px,.85vw,14px)!important}.hotel-map-booking.occupancy-entry .hotel-map-client-name{font-size:clamp(11px,.86vw,14px)!important}.hotel-map-booking.occupancy-entry .hotel-map-pet-name,.hotel-map-booking.occupancy-entry .hotel-map-dates{font-size:clamp(10px,.76vw,13px)!important}}

/* v3.2.1-FIX3 — chat list readability */
.chat-hub-side-row{grid-template-columns:46px minmax(0,1fr) auto auto!important;gap:10px!important;padding:10px 10px!important;align-items:center!important}
.chat-hub-avatar{width:42px!important;height:42px!important;border-radius:50%!important;display:grid!important;place-items:center!important;overflow:hidden!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;flex:0 0 auto!important}
.chat-hub-avatar.photo{color:transparent!important;text-indent:-9999px!important}
.chat-hub-avatar.group{font-weight:800!important}
.chat-hub-side-text{min-width:0!important;overflow:hidden!important}
.chat-hub-side-text>b{font-size:13px!important;line-height:1.2!important;margin:0 0 2px!important;display:block!important}
.chat-hub-side-text>small{font-size:11px!important;line-height:1.2!important;display:block!important;margin-top:1px!important}
.chat-hub-side-text>.chat-hub-status{font-size:10px!important;line-height:1.15!important;display:block!important;margin-top:2px!important}
.chat-hub-side-mute{align-self:center!important}

/* v3.2.1-FIX4 avatar image overlay */
.chat-hub-avatar{position:relative!important}.chat-hub-avatar>span{position:relative;z-index:1}.chat-hub-avatar>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%;z-index:2}.chat-hub-avatar.photo{color:#0d5da9!important;text-indent:0!important}