:root {--apple-bg: #f5f5f7; --apple-card: #fff; --apple-ink: #17212d; --apple-muted: #6e7785; --apple-line: #e3e6ea; --apple-blue: #14566e; --apple-blue-dark: #0d4054; --apple-teal: #397a72; --apple-gold: #aa7a45; --apple-green: #238451; --apple-shadow: 0 1px 2px #142f3c0a,0 14px 38px #142f3c0d;}
body[data-workspace] {font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,Arial,sans-serif; background: var(--apple-bg); color: var(--apple-ink); letter-spacing: -.005em;}
body[data-workspace]>header {position: sticky; top: 0; z-index: 30; min-height: 64px; padding: 10px max(24px,calc((100vw - 1320px)/2)); border-bottom: 1px solid #dde1e5; background: #fbfbfceB; color: var(--apple-ink); box-shadow: none; backdrop-filter: saturate(180%) blur(22px);}
body[data-workspace]>header a {color: var(--apple-blue); font-weight: 600; text-decoration: none;}
body[data-workspace]>header strong {color: #173746; letter-spacing: .12em;}
body[data-workspace] main {max-width: 1320px; padding: 30px 28px 84px;}
body[data-workspace] h1 {font-size: clamp(30px,4vw,46px); font-weight: 750; letter-spacing: -.035em;}
body[data-workspace] h2 {letter-spacing: -.025em;}
body[data-workspace] :is(article,.panel,fieldset,#guest-workspace) {border: 1px solid var(--apple-line); border-radius: 20px; background: var(--apple-card); box-shadow: var(--apple-shadow);}
body[data-workspace] :is(input,select,textarea) {border: 1px solid #d6dbe0; border-radius: 11px; background: #fff; box-shadow: inset 0 1px 1px #142f3c08;}
body[data-workspace] :is(input,select,textarea):focus {border-color: #6b98aa; box-shadow: 0 0 0 4px #397a721a; outline: 0;}
body[data-workspace] :is(button,.button) {border-radius: 12px; background: var(--apple-blue); font-weight: 650; box-shadow: none;}
body[data-workspace] :is(button,.button):hover:not(:disabled) {background: var(--apple-blue-dark); box-shadow: 0 6px 18px #14566e20;}
body[data-workspace] button.secondary {border: 1px solid var(--apple-line); background: #f4f5f7; color: #243541;}
body[data-workspace] button.secondary:hover:not(:disabled) {background: #e9edf0;}
body[data-workspace] #status:not(:empty) {border: 0; border-radius: 12px; background: #eef3f5; color: #4e6672;}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar {position: sticky; top: 75px; z-index: 18; display: flex; gap: 8px; margin: 12px 0 22px; padding: 9px; border: 1px solid #e1e5e8; border-radius: 16px; background: #ffffffed; box-shadow: 0 8px 30px #18374710; backdrop-filter: blur(18px);}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar button {min-height: 40px; padding: 8px 14px; font-size: 14px;}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar #new {margin-right: auto;}
body[data-workspace]:not([data-cabinet=guest]) #business-workspace {padding: 20px; border-radius: 22px; background: #fff; box-shadow: var(--apple-shadow);}
body[data-workspace]:not([data-cabinet=guest]) .business-header {padding: 4px 4px 16px;}
body[data-workspace]:not([data-cabinet=guest]) .business-header h2 {font-size: 24px;}
body[data-workspace]:not([data-cabinet=guest]) .workflow-tabs {border: 1px solid var(--apple-line); border-radius: 14px; background: #f1f3f5; overflow: auto;}
body[data-workspace]:not([data-cabinet=guest]) .workflow-tabs button {border: 0; background: transparent; color: #53616b; box-shadow: none;}
body[data-workspace]:not([data-cabinet=guest]) .workflow-tabs button[aria-selected=true] {background: #fff; color: #153f50; box-shadow: 0 1px 4px #142f3c18;}
body[data-workspace]:not([data-cabinet=guest]) [role=tabpanel] {padding-top: 18px;}
body[data-workspace]:not([data-cabinet=guest]) .overview-actions {gap: 10px;}
body[data-workspace]:not([data-cabinet=guest]) .overview-card,body[data-workspace]:not([data-cabinet=guest]) .overview-link {border-color: var(--apple-line); border-radius: 15px; background: #fafbfc;}
body[data-workspace]:not([data-cabinet=guest]) table {border: 1px solid var(--apple-line); border-radius: 16px;}
body[data-workspace]:not([data-cabinet=guest]) th {background: #f5f6f8; color: #66717b; text-transform: none; letter-spacing: 0;}
body[data-workspace]:not([data-cabinet=guest]) tr:hover td {background: #f2f7f7;}
body[data-cabinet=guest] main {max-width: 1180px; margin: 22px auto; padding: 0 24px 48px;}
body[data-cabinet=guest] #guest-workspace {padding: 22px; border-radius: 24px;}
body[data-cabinet=guest] .guest-heading {padding: 2px 2px 14px;}
body[data-cabinet=guest] .guest-heading h2 {font-size: 26px; font-weight: 750;}
body[data-cabinet=guest] .guest-heading .status-badge {border-radius: 999px; padding: 7px 11px; background: #e8f5ec; color: #1f7046;}
body[data-cabinet=guest] #guest-workspace .workflow-tabs {border: 1px solid var(--apple-line); border-radius: 15px; background: #f1f3f5;}
body[data-cabinet=guest] #guest-workspace .workflow-tabs button {border: 0; background: transparent; color: #53616b; box-shadow: none;}
body[data-cabinet=guest] #guest-workspace .workflow-tabs button[aria-selected=true] {background: #fff; color: #123f52; box-shadow: 0 1px 5px #142f3c1c;}
body[data-cabinet=guest] .guest-overview {grid-template-columns: minmax(0,1.45fr) minmax(280px,.75fr); gap: 18px;}
.guest-trip-summary {border: 0; border-radius: 18px; background: #f6f8f9; padding: 20px;}
.guest-property img {width: 118px; height: 92px; flex-basis: 118px; border-radius: 14px;}
.guest-property strong {font-size: 22px;}
.guest-dates,.guest-money {gap: 16px;}
.guest-money {border-color: #dfe4e7;}
body[data-cabinet=guest] .guest-overview .guest-next {border: 0; border-radius: 18px; background: #edf6f3; padding: 20px; box-shadow: inset 0 0 0 1px #d8e9e2;}
body[data-cabinet=guest] .guest-overview .guest-next>strong {font-size: 22px;}
body[data-cabinet=guest] .guest-stay-guide,body[data-cabinet=guest] .guest-payment-summary,body[data-cabinet=guest] .paper-documents,body[data-cabinet=guest] .guest-document-request {border-radius: 18px !important; border-color: var(--apple-line) !important; background: #fff !important;}
body[data-cabinet=guest] .offer-apartment.compact-stay {grid-template-columns: minmax(180px,1fr) minmax(280px,1.1fr); border: 1px solid var(--apple-line); border-radius: 18px; overflow: hidden;}
body[data-cabinet=guest] .compact-stay .offer-gallery {height: auto; min-height: 210px; border-radius: 0;}
body[data-cabinet=guest] .compact-stay .offer-cover img {height: 100%; min-height: 210px; object-fit: cover; border-radius: 0;}
body[data-cabinet=guest] .compact-stay .offer-apartment-body {padding: 18px 20px;}
@media (max-width:760px) {body[data-workspace]>header {position: relative; min-height: auto; padding: 12px 16px;}
body[data-workspace] main {padding: 18px 12px 60px;}
body[data-workspace] :is(article,.panel,fieldset,#guest-workspace) {border-radius: 16px;}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar {position: relative; top: auto; display: grid; grid-template-columns: 1fr 1fr; margin: 8px 0 14px; padding: 7px;}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar #new {grid-column: 1/-1; margin: 0;}
body[data-workspace]:not([data-cabinet=guest]) #business-workspace {padding: 12px; border-radius: 17px;}
body[data-cabinet=guest] main {margin: 10px auto; padding: 0 10px 30px;}
body[data-cabinet=guest] #guest-workspace {padding: 12px; border-radius: 17px;}
body[data-cabinet=guest] .guest-heading h2 {font-size: 20px;}
body[data-cabinet=guest] .guest-overview {grid-template-columns: 1fr;}
.guest-trip-summary {padding: 14px;}
.guest-property img {width: 76px; height: 66px; flex-basis: 76px;}
body[data-cabinet=guest] .offer-apartment.compact-stay {grid-template-columns: 1fr;}
body[data-cabinet=guest] .compact-stay .offer-gallery,body[data-cabinet=guest] .compact-stay .offer-cover img {min-height: 0; height: auto; aspect-ratio: 16/10;}
body[data-cabinet=guest] .compact-stay .offer-apartment-body {padding: 14px 16px;}

body[data-cabinet=guest] #guest-workspace .workflow-tabs button {font-size: 14px;}}
@media (max-width:390px) {body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar {grid-template-columns: 1fr;}
body[data-workspace]:not([data-cabinet=guest]) #workspace>.bar #new {grid-column: auto;}
.guest-property {align-items: flex-start;}
.guest-property strong {font-size: 18px;}}
@media (prefers-reduced-motion:reduce) {body[data-workspace] * {transition: none !important; scroll-behavior: auto !important;}}
.site-design-form {display: grid; grid-template-columns: minmax(180px,280px) minmax(240px,1fr); gap: 12px; align-items: end; margin-top: 16px;}
.site-design-form label {margin: 0;}
.site-design-form button,.site-design-form a {width: max-content; margin: 0;}
.site-design-form small {grid-column: 1/-1; min-height: 1.3em;}
.site-design-preview-links {display: flex; flex-wrap: wrap; gap: 8px; grid-column: 1/-1;}
.site-design-preview-links a {display: inline-flex; padding: 8px 11px; border: 1px solid var(--apple-line); border-radius: 10px; text-decoration: none;}
@media (max-width:760px) {.site-design-form {grid-template-columns: 1fr;}
.site-design-form small {grid-column: auto;}
.site-design-form button,.site-design-form a {width: 100%; text-align: center;}}
body[data-workspace] {--apple-bg: #f5f5f7; --apple-card: #fff; --apple-ink: #1d1d1f; --apple-muted: #6e6e73; --apple-line: #dfe1e5; --apple-blue: #365b70; --apple-blue-dark: #294b60; --control-bg: #f7f8fa; --control-hover: #eceff2; --control-ink: #283847; --control-line: #cbd4dc; background: var(--apple-bg) !important; color: var(--apple-ink) !important; -webkit-font-smoothing: antialiased;}
body[data-workspace]>header {background: rgba(251,251,253,.88) !important; color: var(--apple-ink) !important; border-color: #d2d2d7 !important;}
body[data-workspace]>header :is(a,strong,button,summary) {color: var(--apple-ink) !important;}
body[data-workspace]>header {box-shadow: 0 1px 0 rgba(0,0,0,.08) !important; backdrop-filter: saturate(180%) blur(24px) !important;}
body[data-workspace] main {max-width: 1440px;}
body[data-workspace] :is(button,.button) {background: var(--control-bg) !important; color: var(--control-ink) !important; border: 1px solid var(--control-line) !important;}
body[data-workspace] :is(button,.button):hover:not(:disabled) {background: var(--control-hover) !important; color: var(--control-ink) !important;}
body[data-workspace] button.secondary {background: var(--control-bg) !important; color: var(--control-ink) !important; border: 1px solid var(--control-line) !important;}
body[data-workspace] button.secondary:hover:not(:disabled) {background: var(--control-hover) !important;}
body[data-workspace] :is(button,.button) {border-radius: 10px !important; font-family: -apple-system,BlinkMacSystemFont,"SF Pro Text",Inter,sans-serif !important; font-size: 14px; font-weight: 600; letter-spacing: -.006em; box-shadow: 0 1px 1px rgba(0,0,0,.04) !important; transition: background-color .14s ease,border-color .14s ease,box-shadow .14s ease,transform .08s ease !important;}
body[data-workspace] :is(button,.button):active:not(:disabled) {transform: scale(.98); box-shadow: none !important;}
body[data-workspace] :is(button,.button):focus-visible {outline: 0 !important; box-shadow: 0 0 0 4px rgba(0,113,227,.22) !important;}
body[data-workspace] :is(button,.button):disabled {background: #e9e9ed !important; color: #98989d !important; border-color: transparent !important; opacity: 1; box-shadow: none !important;}
body[data-workspace] :is(.danger,[data-danger],button[name=delete],button[name=remove]) {background: #fff !important; color: #c62828 !important; border: 1px solid #efc6c3 !important;}
body[data-workspace] :is(.danger,[data-danger],button[name=delete],button[name=remove]):hover:not(:disabled) {background: #fff0ef !important; color: #a91d16 !important;}
body[data-workspace] :is(.command-overflow>summary,.admin-account-menu>summary) {border-radius: 9px !important; background: #f2f2f7 !important; color: #3a3a3c !important; border: 1px solid #d2d2d7 !important;}
body[data-cabinet=operations] {background: #f5f5f7 !important;}
body[data-cabinet=operations] #workspace>.bar,
body[data-cabinet=operations] #business-workspace,
body[data-cabinet=operations] #order-tools,
body[data-cabinet=operations] :is(#hotel-today,#hotel-readiness,#booking-calendar,#incoming-inquiries,#chat-inbox) {background: #fff !important; border: 1px solid var(--apple-line) !important; border-radius: 18px !important; box-shadow: 0 1px 2px rgba(0,0,0,.03),0 10px 30px rgba(0,0,0,.045) !important;}
body[data-cabinet=operations] #workspace>.bar {padding: 8px !important;}
body[data-cabinet=operations] #workspace>.bar {background: rgba(255,255,255,.78) !important; backdrop-filter: blur(22px) saturate(180%) !important;}
body[data-cabinet=operations] #workspace>.bar button:not(#new) {background: #f2f2f7 !important; color: #1d1d1f !important; border: 1px solid #d2d2d7 !important;}
body[data-cabinet=operations] #workspace>.bar #new {background: #0071e3 !important; color: #fff !important;}
body[data-cabinet=operations] .workspace-views>button:not(:disabled),
body[data-cabinet=operations] .workday-tools>button:not(:disabled) {background: #fff !important; color: #3a3a3c !important; border: 1px solid #d2d2d7 !important;}
body[data-cabinet=operations] .workspace-views>button[aria-pressed=true]:not(:disabled),
body[data-cabinet=operations] .workday-tools>button[aria-pressed=true]:not(:disabled) {background: #1d1d1f !important; color: #fff !important; border-color: #1d1d1f !important;}
body[data-cabinet=operations] .workspace-views {display: flex; gap: 4px; padding: 4px; border-radius: 12px; background: #e9e9ee !important;}
body[data-cabinet=operations] .workspace-views>button:not(:disabled) {border: 0 !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important;}
body[data-cabinet=operations] .workspace-views>button[aria-pressed=true]:not(:disabled) {background: #fff !important; color: #1d1d1f !important; box-shadow: 0 1px 4px rgba(0,0,0,.16) !important;}
body[data-cabinet=operations] :is(h1,h2,h3,strong) {letter-spacing: -.018em;}
body[data-cabinet=operations] :is(input,select,textarea) {background: #fff !important; border-color: #c7c7cc !important; border-radius: 9px !important;}
body[data-cabinet=operations] :is(article,.panel,fieldset) {border-radius: 16px !important;}
body[data-workspace] :is(.status-badge,.readiness-badge,.request-state) {font-weight: 700 !important; border: 1px solid currentColor !important;}
body[data-workspace] :is(.status-badge,.readiness-badge,.request-state):is([data-state=confirmed],[data-state=arrived],[data-state=ready],[data-state=paid]) {background: #eaf8ef !important; color: #16733b !important;}
body[data-workspace] :is(.status-badge,.readiness-badge,.request-state):is([data-state=partial],[data-state=selected],[data-state=hold],[data-state=dirty],[data-state=requested],[data-state=new]) {background: #fff4df !important; color: #8a5700 !important;}
body[data-workspace] :is(.status-badge,.readiness-badge,.request-state):is([data-state=cancelled],[data-state=declined],[data-state=payment_canceled],[data-state=maintenance],[data-state=overdue]) {background: #fff0ef !important; color: #b42318 !important;}
body[data-workspace] :is(.status-badge,.readiness-badge,.request-state):is([data-state=signed],[data-state=partially_refunded],[data-state=refunded]) {background: #f5efff !important; color: #7040a0 !important;}
body[data-workspace] :is(.note,[data-tone=warning]) {background: #fff6e5 !important; color: #744b00 !important; border-color: #e9b949 !important;}
body[data-workspace] :is([data-tone=error],.error) {background: #fff0ef !important; color: #b42318 !important; border-color: #e5857d !important;}
body[data-workspace] :is([data-tone=success]) {background: #eaf8ef !important; color: #16733b !important; border-color: #79bd91 !important;}
body[data-workspace] .booking-tile[data-tone=neutral] {background: #f5f7fa !important; color: #334155 !important; border-color: #cbd5e1 !important;}
body[data-workspace] .booking-tile[data-tone=neutral]>strong {color: #334155 !important;}
body[data-workspace] .booking-tile[data-tone=warning]>strong {color: #744b00 !important;}
body[data-workspace] .booking-tile[data-tone=error]>strong {color: #b42318 !important;}
body[data-workspace] .booking-tile[data-tone=success]>strong {color: #16733b !important;}
body[data-workspace] .queue-row[data-urgency=soon] {background: #fff6e5 !important; border-color: #e9b949 !important;}
body[data-workspace] .queue-row[data-urgency=overdue] {background: #fff0ef !important; color: #b42318 !important; border-color: #e5857d !important; border-left: 5px solid #b42318 !important;}
body[data-workspace] .queue-row[data-state=completed],body[data-workspace] .queue-row[data-state=partial] {background: #eaf8ef !important; border-color: #79bd91 !important;}
body[data-workspace] .queue-row[data-state=archived] {background: #f1f3f5 !important; color: #667085 !important; border-color: #cbd0d6 !important;}
.request-archive-prompt {display: flex; align-items: center; gap: 8px; flex-wrap: wrap; padding: 8px 10px; margin: 6px 0; border: 1px solid #79bd91; border-radius: 10px; background: #eaf8ef; color: #16733b;}
.combined-documents {margin-top: 12px; padding-top: 12px; border-top: 1px solid #d8dee7;}
.booking-chat-panel .chat-head {position: sticky; top: 54px; z-index: 5;}
body[data-cabinet=operations] .readiness-row-wrap {background: #fff !important; border: 1px solid #e2e2e7 !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(0,0,0,.025) !important; padding: 10px 12px !important;}
body[data-cabinet=operations] .readiness-row-wrap:hover {border-color: #c7c7cc !important; background: #fafafa !important;}
body[data-cabinet=operations] .readiness-row-open {background: transparent !important; color: #1d1d1f !important; border: 0 !important; box-shadow: none !important;}
body[data-cabinet=operations] .readiness-row-summary span {color: #1d1d1f !important;}
body[data-cabinet=operations] .readiness-row-summary small {color: #6e6e73 !important;}
body[data-cabinet=operations] .readiness-row-wrap>.readiness-row-open:first-child {display: grid; place-items: center; min-height: 44px; border-radius: 11px !important; background: #f2f2f7 !important; color: #1d1d1f !important; font-weight: 700;}
body[data-cabinet=operations] .readiness-quick {border-radius: 10px !important; border-color: transparent !important; box-shadow: none !important;}
body[data-cabinet=operations] .readiness-quick[data-state=unknown] {background: #f2f2f7 !important; color: #3a3a3c !important;}
body[data-cabinet=operations] .readiness-quick[data-state=dirty] {background: #fff0ee !important; color: #b42318 !important;}
body[data-cabinet=operations] .readiness-quick[data-state=clean] {background: #eef6ff !important; color: #0561b4 !important;}
body[data-cabinet=operations] .readiness-quick[data-state=ready] {background: #edf8f1 !important; color: #18723c !important;}
body[data-cabinet=operations] .readiness-quick[data-state=maintenance] {background: #f7f0ff !important; color: #7040a0 !important;}
body[data-cabinet=guest] {background: #f5f5f7 !important;}
body[data-cabinet=guest] #guest-workspace {background: #fff !important; border-color: var(--apple-line) !important; box-shadow: 0 12px 40px rgba(0,0,0,.055) !important;}
body[data-cabinet=guest] .guest-heading {border-bottom: 1px solid #e5e5ea; margin-bottom: 12px;}
body[data-cabinet=guest] :is(h1,h2,h3,strong) {letter-spacing: -.02em;}
body[data-cabinet=guest] #guest-workspace>[role=tabpanel] {background: transparent !important; border-top: 0 !important;}
body[data-cabinet=guest] #guest-workspace .workflow-tabs button:not(:disabled) {background: transparent !important; color: #6e6e73 !important; border: 0 !important;}
body[data-cabinet=guest] #guest-workspace .workflow-tabs button[aria-selected=true]:not(:disabled) {background: #fff !important; color: #1d1d1f !important; box-shadow: 0 1px 5px rgba(0,0,0,.12) !important;}
body[data-cabinet=guest] :is(.guest-trip-summary,.guest-next,.guest-stay-guide,.guest-payment-summary,.paper-documents,.guest-document-request) {background: #f7f7f9 !important; border: 1px solid #e5e5ea !important; color: #1d1d1f !important;}
@media (max-width:760px) {body[data-workspace] main {padding: 12px 10px calc(72px + env(safe-area-inset-bottom)) !important;}
body[data-workspace]>header {padding: 10px 14px !important;}
body[data-cabinet=operations] #workspace>.bar {grid-template-columns: 1fr 1fr !important; border-radius: 14px !important;}
body[data-cabinet=operations] .workspace-views {display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px !important;}
body[data-cabinet=operations] .workspace-views>button {width: 100%; min-width: 0; padding: 8px 6px !important;}
body[data-cabinet=operations] .readiness-row-wrap {grid-template-columns: 58px minmax(0,1fr) !important; padding: 8px !important;}
body[data-cabinet=operations] .readiness-row-wrap .readiness-quick {grid-column: 2; grid-row: 1;}
body[data-cabinet=operations] .readiness-row-summary {grid-column: 1/-1; grid-row: 2; padding: 4px 2px;}
body[data-cabinet=guest] #guest-workspace {border-radius: 18px !important;}
}
body[data-cabinet=operations] #chat-inbox {padding: 14px !important;}
body[data-cabinet=operations] .chat-inbox-row {grid-template-columns: minmax(220px,1.1fr) minmax(120px,.55fr) minmax(260px,1.5fr) auto; align-items: center; margin: 0 0 8px; padding: 13px 15px; border: 1px solid #e2e2e7 !important; border-radius: 13px !important; background: #fff !important; color: #1d1d1f !important; box-shadow: none !important;}
body[data-cabinet=operations] .chat-inbox-row:hover {background: #f7f7f9 !important; border-color: #c7c7cc !important;}
body[data-cabinet=operations] .chat-person {display: flex; flex-direction: column; gap: 3px; min-width: 0;}
body[data-cabinet=operations] .chat-person strong {font-size: 15px; overflow: hidden; text-overflow: ellipsis;}
body[data-cabinet=operations] .chat-person small {color: #6e6e73; font-size: 13px; overflow: hidden; text-overflow: ellipsis;}
body[data-cabinet=operations] .chat-bookings {color: #6e6e73; font-size: 13px;}
body[data-cabinet=operations] .chat-preview-text {grid-column: auto !important; color: #3a3a3c !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
body[data-cabinet=operations] :is(#chat-count,.chat-row-badges>b,.chat-unread) {display: inline-grid; place-items: center; min-width: 25px; height: 25px; padding: 0 7px; border-radius: 999px; background: #ff3b30 !important; color: #fff !important; font-size: 13px; font-weight: 750; line-height: 1; border: 2px solid #fff; box-shadow: 0 2px 8px rgba(255,59,48,.28);}

body[data-cabinet=operations] #chat-count {margin-left: 5px;}
body[data-cabinet=operations] #chat-count[data-empty=true] {display: none;}
body[data-cabinet=operations] #chat-count:not(:empty),body[data-cabinet=operations] .chat-row-badges>b {animation: chat-attention 1.8s ease-in-out infinite;}
@keyframes chat-attention {0%,100% {transform: scale(1); box-shadow: 0 2px 8px rgba(255,59,48,.24);} 
50% {transform: scale(1.1); box-shadow: 0 0 0 7px rgba(255,59,48,0);} }
@media (prefers-reduced-motion:reduce) {body[data-cabinet=operations] #chat-count,body[data-cabinet=operations] .chat-row-badges>b {animation: none;}}
@media (max-width:760px) {body[data-cabinet=operations] #chat-inbox {padding: 8px !important;}
body[data-cabinet=operations] .chat-inbox-row {grid-template-columns: minmax(0,1fr) auto; gap: 5px 10px; padding: 12px;}
body[data-cabinet=operations] .chat-person {grid-column: 1;}
.chat-bookings {grid-column: 1;}
.chat-preview-text {grid-column: 1 !important;}
.chat-inbox-row>b {grid-column: 2 !important; grid-row: 1/4 !important;}}
body[data-cabinet=operations] #chat-toolbar {display: none;}
body[data-cabinet=operations][data-order-view=chats] #chat-toolbar {display: grid; gap: 10px; margin: 10px 0 4px;}
#chat-toolbar>input {width: 100%; min-height: 40px; padding: 9px 13px; border: 1px solid #d2d2d7; border-radius: 12px; background: #fff;}
#chat-toolbar>div {display: flex; gap: 7px; overflow-x: auto;}
body[data-cabinet=operations] .chat-inbox-row {grid-template-columns: 46px minmax(190px,1fr) minmax(240px,1.7fr) auto; grid-template-rows: auto auto; min-height: 54px; align-items: center; gap: 1px 10px; margin: 0 0 4px; padding: 5px 10px;}
.chat-avatar {grid-column: 1; grid-row: 1/3; display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; background: #e8e8ed; color: #3a3a3c; font-weight: 750;}
.chat-person {grid-column: 2; grid-row: 1/3; gap: 1px !important;}
.chat-person small {display: block; white-space: nowrap;}
.chat-bookings {grid-column: 3; grid-row: 1;}
.chat-preview-text {grid-column: 3 !important; grid-row: 2;}
.chat-row-badges {grid-column: 4; grid-row: 1/3; display: flex; gap: 5px; align-items: center;}
.task-badge {display: inline-grid; min-width: 25px; height: 25px; padding: 0 7px; place-items: center; border-radius: 999px; background: #ff9f0a; color: #fff; font-style: normal; font-weight: 750;}
body[data-cabinet=operations] .chat-inbox-row:is(:focus-visible,:active) {background: #0a84ff !important; border-color: #0a84ff !important; color: #fff !important; outline: 3px solid rgba(10,132,255,.24); outline-offset: 1px;}
body[data-cabinet=operations] .chat-inbox-row:is(:focus-visible,:active) :is(strong,small,.chat-organization,.chat-client,.chat-bookings,.chat-preview-text) {color: #fff !important;}
@media (max-width:700px) {body[data-cabinet=operations][data-order-view=chats] main {padding: 0 10px 78px !important; max-width: none !important;}
body[data-cabinet=operations][data-order-view=chats] h1,body[data-cabinet=operations][data-order-view=chats] #status {display: none;}
body[data-cabinet=operations][data-order-view=chats] #chat-toolbar {position: sticky; top: 0; z-index: 20; padding: 10px 0; background: #f5f5f7;}
body[data-cabinet=operations] .workspace-views {position: fixed !important; left: 0; right: 0; bottom: 0; z-index: 900; display: grid !important; grid-template-columns: repeat(4,1fr); gap: 2px; padding: 6px max(6px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left)); background: rgba(249,249,251,.96); border-top: 1px solid #d2d2d7; backdrop-filter: blur(20px);}
body[data-cabinet=operations] .workspace-views button {min-width: 0; padding: 7px 3px; font-size: 12px; border: 0; background: transparent !important; color: #555 !important; box-shadow: none !important;}
body[data-cabinet=operations] .chat-inbox-row {grid-template-columns: 48px minmax(0,1fr) auto; grid-template-rows: auto auto; min-height: 54px; margin: 0; padding: 5px 4px; border: 0; border-bottom: 1px solid #e5e5ea; border-radius: 0; background: transparent !important;}
body[data-cabinet=operations] .chat-avatar {grid-column: 1; grid-row: 1/3;}
.chat-person {grid-column: 2; grid-row: 1;}
.chat-person small {font-size: 11px;}
.chat-bookings {display: none;}
.chat-preview-text {grid-column: 2 !important; grid-row: 2;}
.chat-row-badges {grid-column: 3; grid-row: 1/3;}
.chat-panel:not([hidden])+.workspace-views {display: none !important;}}
body[data-cabinet=operations] .chat-toolbar-main {display: grid; grid-template-columns: minmax(180px,520px) 44px 44px; gap: 8px; align-items: center;}
body[data-cabinet=operations] .chat-toolbar-main>input {width: 100%; min-height: 42px; padding: 9px 13px; border: 1px solid #d2d2d7; border-radius: 12px; background: #fff;}
body[data-cabinet=operations] .chat-icon-button {position: relative; display: grid; width: 44px; height: 42px; padding: 0; place-items: center; border: 1px solid #d2d2d7; border-radius: 12px; background: #fff; color: #1d1d1f; font: 700 17px/1 system-ui; box-shadow: none;}
body[data-cabinet=operations] .chat-toolbar-actions {display: flex; gap: 7px; overflow-x: auto; padding: 1px 0 3px; scrollbar-width: none;}
body[data-cabinet=operations] .chat-toolbar-actions::-webkit-scrollbar {display: none;}
body[data-cabinet=operations] .chat-toolbar-actions button {flex: 0 0 auto;}
body[data-cabinet=operations] .chat-overflow {position: relative;}
body[data-cabinet=operations] .chat-overflow>summary {list-style: none; cursor: pointer;}
body[data-cabinet=operations] .chat-overflow>summary::-webkit-details-marker {display: none;}
body[data-cabinet=operations] .chat-overflow-menu {position: absolute; right: 0; top: 48px; z-index: 40; display: grid !important; width: min(280px,calc(100vw - 24px)); gap: 5px !important; padding: 10px; overflow: visible !important; border: 1px solid #d2d2d7; border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: 0 12px 32px rgba(0,0,0,.16);}
body[data-cabinet=operations] .chat-overflow-menu :is(a,button,label) {display: block; padding: 10px 12px; border-radius: 9px; color: inherit; text-align: left; text-decoration: none;}
body[data-cabinet=operations] .chat-overflow-menu select {width: 100%; margin-top: 5px;}
body[data-cabinet=operations] .chat-icon-button b {position: absolute; right: -5px; top: -6px; display: grid; min-width: 22px; height: 22px; padding: 0 5px; place-items: center; border: 2px solid #fff; border-radius: 999px; background: #ff3b30; color: #fff; font-size: 11px;}
body[data-cabinet=operations] .chat-icon-button b[hidden] {display: none;}
@media (max-width:700px) {body[data-cabinet=operations][data-order-view=chats]>header {display: none;}
body[data-cabinet=operations] .chat-toolbar-main {grid-template-columns: minmax(0,1fr) 44px 44px;}
body[data-cabinet=operations] .chat-toolbar-actions button {min-height: 34px; padding: 6px 11px; font-size: 13px;}}
body[data-cabinet=operations] .chat-person .chat-organization {color: #8e8e93; font-size: 12px; line-height: 1.15;}
body[data-cabinet=operations] .chat-person .chat-client {color: #0a84ff; font-size: 11px; line-height: 1.2;}
body[data-cabinet=guest] .login-dialog {padding: 0 !important; overflow: hidden; border: 1px solid rgba(0,0,0,.12); background: rgba(255,255,255,.96) !important; color: #1d1d1f !important; box-shadow: 0 24px 80px rgba(0,0,0,.26); backdrop-filter: blur(24px) saturate(180%);}
body[data-cabinet=guest] .login-dialog>section {padding: 28px !important; background: transparent !important; color: inherit !important;}
body[data-cabinet=guest] .login-dialog :is(h2,label) {color: inherit !important;}
body[data-cabinet=guest] .login-dialog :is(p,.muted) {color: #6e6e73 !important;}
html[data-theme=dark] body[data-cabinet=guest] .login-dialog {border-color: #3a3a3c; background: rgba(28,28,30,.97) !important; color: #f5f5f7 !important;}
html[data-theme=dark] body[data-cabinet=guest] .login-dialog :is(p,.muted) {color: #a1a1a6 !important;}
html[data-theme=dark] body[data-cabinet=guest] .login-dialog :is(input,select,textarea) {background: #2c2c2e !important; border-color: #48484a !important; color: #f5f5f7 !important;}
@media (max-width:600px) {body[data-cabinet=guest] .login-dialog>section {padding: 22px !important;}}
body[data-cabinet=operations] .app-management {width: min(680px,calc(100vw - 24px)); padding: 0; border: 1px solid #d2d2d7; border-radius: 20px; background: rgba(255,255,255,.98); color: #1d1d1f; box-shadow: 0 24px 80px rgba(0,0,0,.24); backdrop-filter: blur(24px) saturate(180%);}
body[data-cabinet=operations] .app-management::backdrop {background: rgba(0,0,0,.3); backdrop-filter: blur(5px);}
body[data-cabinet=operations] .app-management form {display: grid; gap: 18px; padding: 22px;}
body[data-cabinet=operations] .app-management header {display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;}
body[data-cabinet=operations] .app-management header strong {display: block; font-size: 22px;}
body[data-cabinet=operations] .app-management header small {display: block; margin-top: 5px; color: #6e6e73;}
body[data-cabinet=operations] .app-metrics-summary {display: grid; gap: 8px; padding: 14px; border-radius: 14px; background: #f5f5f7;}
body[data-cabinet=operations] .app-metrics-summary ul {margin: 0; padding-left: 20px;}
html[data-theme=dark] body[data-cabinet=operations] .app-management {border-color: #3a3a3c; background: rgba(28,28,30,.98); color: #f5f5f7;}
html[data-theme=dark] body[data-cabinet=operations] .app-management header small {color: #a1a1a6;}
html[data-theme=dark] body[data-cabinet=operations] .app-metrics-summary {background: #2c2c2e;}
@media (max-width:600px) {body[data-cabinet=operations] .app-management {width: 100vw; max-width: none; height: 100dvh; max-height: none; border: 0; border-radius: 0;}
body[data-cabinet=operations] .app-management form {padding: 18px;}
.app-management .grid {grid-template-columns: 1fr;}}
.retention-controls {display: flex; align-items: end; gap: 10px;}
.retention-controls label {flex: 1;}
.retention-controls input {width: 100%;}
.retention-items {display: grid; gap: 8px; max-height: 48vh; overflow: auto;}
.retention-items article {display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; padding: 11px 13px; border: 1px solid #d2d2d7; border-left: 4px solid #8e8e93; border-radius: 12px;}
.retention-items article>small {grid-column: 1/-1; color: #6e6e73;}
.retention-items article div small {display: block; margin-top: 3px; color: #6e6e73;}
.retention-items article[data-retention-state=candidate] {border-left-color: #ff9f0a; background: #fff8e8;}
.retention-items article[data-retention-state=held] {border-left-color: #ff3b30; background: #fff2f1;}
.retention-items article[data-retention-state=archive] {border-left-color: #5856d6; background: #f4f3ff;}
.retention-items article[data-retention-state=scheduled] {border-left-color: #34c759; background: #f0faf2;}
@media (max-width:600px) {.retention-controls {align-items: stretch; flex-direction: column;}
.retention-controls button {width: 100%;}
.retention-items {max-height: none;}}
body[data-cabinet=operations] .operations-actions {display: grid !important; grid-template-columns: auto auto auto 42px; align-items: center; justify-content: start; gap: 6px !important;}
body[data-cabinet=operations] .operations-actions .command-overflow {position: relative; margin: 0;}
body[data-cabinet=operations] .operations-actions .command-overflow>summary {display: grid; width: 42px; height: 36px; padding: 0 !important; place-items: center; list-style: none; cursor: pointer;}
body[data-cabinet=operations] .operations-actions .command-overflow>summary::-webkit-details-marker {display: none;}
body[data-cabinet=operations] .operations-actions .command-overflow>div {position: absolute; right: 0; top: 42px; z-index: 50; display: grid; width: min(290px,calc(100vw - 24px)); gap: 5px; padding: 9px; border: 1px solid #d2d2d7; border-radius: 13px; background: rgba(255,255,255,.98); box-shadow: 0 14px 36px rgba(0,0,0,.17); backdrop-filter: blur(20px);}
body[data-cabinet=operations] .operations-actions .command-overflow button {width: 100%; text-align: left;}
body[data-cabinet=operations] #mode-notice:empty {display: none;}
body[data-cabinet=operations] #order-tools {padding: 9px 11px !important;}
body[data-cabinet=operations] #order-tools .filter-main {gap: 8px 12px;}
body[data-cabinet=operations] #order-tools .archive-filters {gap: 5px 18px;}
body[data-cabinet=operations] #order-tools .date-filters {margin: 1px 0;}
body[data-cabinet=operations] #order-tools .filter-info {min-height: 30px;}
@media (max-width:600px) {body[data-cabinet=operations] #workspace>.operations-actions {grid-template-columns: minmax(0,1fr) auto auto 44px !important; border-radius: 14px !important;}
body[data-cabinet=operations] #workspace>.operations-actions button {min-width: 0; padding-inline: 10px !important;}
body[data-cabinet=operations] .operations-actions #refresh {font-size: 0;}
body[data-cabinet=operations] .operations-actions #refresh::after {content: '↻'; font-size: 20px;}
body[data-cabinet=operations] #order-tools {padding: 8px !important;}
body[data-cabinet=operations] #order-tools .archive-filters {display: flex !important; gap: 2px 12px; font-size: 13px;}}
.retention-items article[data-retention-state=recycle] {border-left-color: #8e8e93 !important; background: #f2f2f7 !important;}
.retention-items article[data-retention-state=recycle]>button {grid-column: 1/-1; justify-self: start;}