
:root{
  --bg:#0f1115; --panel:#171a21; --panel2:#1d212a; --text:#f4f6fa;
  --muted:#9aa4b2; --line:#2c3340; --accent:#7c5cff; --danger:#ff6b6b;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit;text-decoration:none} header{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#13161c}
.brand{font-weight:800;font-size:20px} nav{display:flex;gap:18px;align-items:center;color:var(--muted)} main{min-height:calc(100vh - 62px)}
button{background:var(--accent);color:white;border:0;border-radius:9px;padding:10px 14px;font-weight:700;cursor:pointer}
input,select,textarea{width:100%;background:#101318;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:10px}
label{display:block;margin:12px 0;color:var(--muted)} .muted{color:var(--muted);font-size:13px}.error{background:#3a1f24;color:#ffb4bb;padding:10px;border-radius:8px;margin:10px 0}
.login-card{width:min(420px,92vw);margin:10vh auto;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.login-card button{width:100%;margin-top:12px}.page-grid{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 62px)}
.sidebar{border-right:1px solid var(--line);padding:20px;background:#12151b}.sidebar a{display:block;padding:10px 12px;border-radius:9px;margin:4px 0;color:var(--muted)}.sidebar a.active{background:var(--panel2);color:white}
.panel{margin:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel.wide{max-width:1100px;margin:20px auto}
.panel-title{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.panel-title h2{margin:0}
.conversation-row{display:flex;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.conversation-row:hover{background:var(--panel2)}.right{text-align:right}
.pill{display:inline-block;padding:4px 8px;border-radius:999px;background:#292f3a;color:#cbd2dc;font-size:12px}
.empty{padding:30px;color:var(--muted);text-align:center}
.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 62px)}.chat-panel{display:grid;grid-template-rows:auto 1fr auto;min-height:calc(100vh - 62px)}
.chat-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line)}.chat-header h2{margin:0 0 6px}.inline{width:180px}
.messages{padding:20px;overflow:auto;max-height:calc(100vh - 210px)}.msg{max-width:70%;padding:10px 12px;border-radius:12px;margin:8px 0}.msg.in{background:var(--panel2)}.msg.out{background:#2b2459;margin-left:auto}.msg small{display:block;color:#a6acb6;margin-top:5px;font-size:10px}
.composer{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px;border-top:1px solid var(--line)}.composer textarea{min-height:70px;resize:vertical}
.tools{border-left:1px solid var(--line);padding:14px;overflow:auto;max-height:calc(100vh - 62px);background:#12151b}.tool-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px}.tool-title{font-weight:800;margin-bottom:10px}
.item-row{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line)}.item-row:first-of-type{border-top:0}.small{padding:7px 9px;font-size:12px;white-space:nowrap}.bought{opacity:.65}.warning{font-size:11px;color:#ffc078}
.payment-btn{width:100%;margin-top:8px;text-align:left}.request-row{padding:8px 0;border-top:1px solid var(--line)}.request-row:first-of-type{border-top:0}
.admin-request{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}.supply-form{display:grid;grid-template-columns:1fr auto;gap:8px}
@media(max-width:900px){header{padding:0 12px}nav{gap:10px;font-size:13px}.page-grid{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.sidebar h3{display:none}.sidebar a{white-space:nowrap}.panel{margin:10px}.chat-layout{grid-template-columns:1fr}.tools{border-left:0;border-top:1px solid var(--line);max-height:none}.messages{max-height:50vh}.admin-request{grid-template-columns:1fr}.supply-form{grid-template-columns:1fr}}

.status-page{padding:10px}.status-control{overflow:visible}.status-form{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.status-form .toggle-line{grid-column:1/-1;display:flex;gap:24px}.status-form .toggle-line label{display:flex;gap:8px;align-items:center;margin:0}.status-form .toggle-line input{width:auto}.status-form button{grid-column:1/-1}
.status-badge{padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800}.status-available{background:#173a2a;color:#7ee2a8}.status-busy,.status-reserved{background:#3c3215;color:#ffd86b}.status-unavailable{background:#3d1f25;color:#ff9ca6}
.availability{font-size:18px;font-weight:900;margin-bottom:8px}.availability.good{color:#7ee2a8}.availability.wait{color:#ffd86b}.availability.bad{color:#ff9ca6}
.service-flags{display:flex;gap:12px;font-size:13px;color:var(--muted);margin-bottom:8px}.warning-block{padding:9px;border-radius:8px;background:#322a16;color:#ffd86b;font-size:12px}
.wait-confirm{display:flex!important;align-items:center;gap:8px}.wait-confirm input{width:auto}.service-actions{display:grid;grid-template-columns:1fr auto;gap:8px}
@media(max-width:900px){.status-form{grid-template-columns:1fr}.status-form .toggle-line,.status-form button{grid-column:1}.status-form .toggle-line{flex-direction:column;gap:8px}}

.sticky-status{position:sticky;top:0;z-index:4}
.tool-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;position:sticky;top:150px;z-index:3;background:#12151b;padding:4px 0}
.tab-btn{background:#20252e;color:var(--muted);padding:8px 6px;font-size:12px}.tab-btn.active{background:var(--accent);color:#fff}
.tab-panel{display:none}.tab-panel.active{display:block}
.live-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.product-tile{background:#20252e;border:1px solid var(--line);display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left}
.product-tile span{font-size:12px;color:#c8d0dc}.product-tile.selected{outline:2px solid var(--accent);background:#2a2450}
.disabled-tile{opacity:.35;cursor:not-allowed}
.content-card{display:grid;grid-template-columns:46px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.content-card:first-of-type{border-top:0}.content-thumb{width:46px;height:46px;border-radius:8px;background:#292f3a;display:flex;align-items:center;justify-content:center;font-weight:900}
.content-meta{min-width:0}
.composer-wrap{border-top:1px solid var(--line)}.quick-actions{display:flex;gap:8px;padding:8px 14px 0;flex-wrap:wrap}
.quick-actions button{background:#20252e;color:#d9deea;padding:7px 10px;font-size:12px}
.quick-actions button:hover{background:#2a3140}
@media(max-width:900px){.tool-tabs{top:0}.live-product-grid{grid-template-columns:1fr}.content-card{grid-template-columns:40px 1fr}.content-card button{grid-column:1/-1}}

.live-source{background:#16372a;color:#87e4ad}.integration-form{padding:18px}.integration-result{padding:0 18px 18px}.success-block{margin:0 18px 18px;padding:12px;border-radius:9px;background:#16372a;color:#87e4ad}.catalog-group .live-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.selected-sale-card{border-color:#413a67}.selected-product-empty,.payment-summary{padding:9px;border:1px solid var(--line);border-radius:8px;background:#12151b;color:var(--muted);margin-bottom:10px}.sale-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sale-action-row button:first-child{background:#303746}.history-row{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:9px 0;border-top:1px solid var(--line)}.history-row:first-of-type{border-top:0}.history-row .muted{grid-column:1/-1}.compact-empty{padding:15px}.composer textarea{min-height:42px;max-height:150px;overflow-y:auto}.composer{padding-top:8px}@media(max-width:900px){.sale-action-row{grid-template-columns:1fr}.catalog-group .live-product-grid{grid-template-columns:1fr}}

.catalog-group .collapsible-title{cursor:pointer}.catalog-group .collapsible-title:after{content:" ▾"}.catalog-group.collapsed .collapsible-title:after{content:" ▸"}.catalog-group.collapsed .live-product-grid{display:none}
.one-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px}.conversation-time{font-size:11px;color:var(--muted);text-align:right}

#messagesPane{overflow-y:auto;scroll-behavior:auto}.send-status{min-height:18px;padding:0 14px 8px;font-size:12px;color:var(--muted)}.send-status.success{color:#7ee2a8}.send-status.error{color:#ff9ca6}#sendButton:disabled{opacity:.55;cursor:wait}

/* v5.3 menus + emoji picker */
.catalog-group .tool-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.category-menu-button{
  padding:5px 8px;
  font-size:11px;
  background:#303746;
  color:#eef2f8;
  flex:0 0 auto;
}
.quick-menu{
  background:#20252e !important;
  color:#d9deea !important;
  padding:7px 10px !important;
  font-size:12px !important;
}
.composer-input-wrap{
  position:relative;
  min-width:0;
}
.composer-input-wrap textarea{
  padding-right:46px;
}
.emoji-button{
  position:absolute;
  right:7px;
  bottom:7px;
  width:34px;
  height:34px;
  padding:0;
  border-radius:8px;
  background:#252b35;
  font-size:18px;
}
.emoji-picker{
  position:absolute;
  right:0;
  bottom:48px;
  z-index:30;
  width:238px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#171a21;
  box-shadow:0 10px 35px rgba(0,0,0,.35);
}
.emoji-picker[hidden]{display:none}
.emoji-picker button{
  width:38px;
  height:38px;
  padding:0;
  margin:2px;
  background:#222731;
  font-size:20px;
}
.composer{
  grid-template-columns:minmax(0,1fr) auto;
}

/* v5.4 operations + media */
.chat-image{display:block;max-width:min(360px,100%);max-height:420px;object-fit:contain;border-radius:10px;margin-bottom:7px;background:#0b0d10}
.inbox-title-row{gap:20px}.inbox-search{display:flex;gap:8px;width:min(520px,60%)}.inbox-search button{padding:8px 12px}
.unread-conversation{background:#1b1f28}.conversation-name-line{display:flex;align-items:center;gap:7px}.unread-dot{width:8px;height:8px;background:#7c5cff;border-radius:50%}.unread-count{min-width:20px;height:20px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#7c5cff;color:#fff;font-size:11px;font-weight:800}.inbox-meta{display:flex;gap:10px;margin-top:5px;font-size:11px;color:#7f8998}
.payment-admin-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:18px;padding:18px}.payment-method-admin-card{border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px;background:#14171d}.payment-method-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.payment-method-heading>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.stored-payment-message{white-space:pre-wrap;padding:10px;margin:10px 0;background:#101318;border:1px solid var(--line);border-radius:8px;font-size:13px}.payment-method-admin-card summary{cursor:pointer;color:#b8c0ce}.payment-edit-form label{margin:9px 0}.checkbox-label{display:flex!important;align-items:center;gap:8px}.checkbox-label input{width:auto}.add-payment-card{height:max-content;position:sticky;top:80px}
@media(max-width:900px){.inbox-search{width:100%}.inbox-title-row{flex-direction:column;align-items:stretch}.payment-admin-grid{grid-template-columns:1fr}.add-payment-card{position:static}.chat-image{max-width:100%}}

/* v5.5 read-state/media cleanup */
.chat-media-link{display:inline-block;cursor:zoom-in}
.chat-media-link img{max-width:min(420px,100%);height:auto;border-radius:10px}
.attachment-card{
  display:flex;align-items:center;gap:10px;padding:10px 12px;
  border:1px solid var(--line);border-radius:10px;background:#20252e;
  color:#eef2f8;text-decoration:none;max-width:420px
}
.attachment-card:hover{background:#272d38}
.viewed-unanswered-badge{
  font-size:11px;opacity:.75;margin-left:6px
}

/* v5.6 automatic Telegram call state */
.call-timer{margin-top:6px;font-size:12px;color:#ffb1b8}
.model-call-timer{font-size:14px;font-weight:700;margin-top:8px}
.status-on-call{background:#4a1e25;color:#ffb1b8}

#conversationList{min-height:70px}

/* Luna Ops */
.ops-requests{display:flex;flex-direction:column;gap:8px}
.ops-request{padding:9px 10px;border:1px solid var(--line);border-radius:9px;background:#20252e;font-size:12px}
.ops-request>strong{display:block;margin-bottom:3px}
.ops-actions{margin-top:7px}
.ops-ready,.ops-details_ready{border-color:#315f45}
.ops-pending,.ops-awaiting_details{border-color:#685a2d}
.ops-declined{border-color:#6c3138}

/* Luna Ops v1.1 */
.live-notes-label{display:block;margin-top:9px}
.live-notes-label textarea{width:100%;box-sizing:border-box;margin-top:5px;resize:vertical}
.field-label{font-size:12px;font-weight:700;margin:10px 0 5px}
.payment-methods-grid{display:flex;flex-direction:column;gap:7px}
.payment-methods-grid .payment-btn{width:100%;text-align:left}
.payment-generic-request{border-style:dashed}
.ops-prep{margin-top:5px;padding:6px 7px;border-radius:6px;background:rgba(255,255,255,.04)}

.menu-sync-admin{margin-top:18px}
.menu-format-example{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.menu-format-example pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:12px;border-radius:10px;background:#0d0f13;line-height:1.6}
.check-row{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}
.check-row input{width:auto!important}

.sell-currency-card{
  border:1px solid rgba(123,157,255,.35);
  background:linear-gradient(180deg,rgba(51,72,126,.22),rgba(22,26,36,.9));
}
.sell-currency-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
#sellCurrencySelect{
  min-width:105px;
  font-size:16px;
  font-weight:800;
  padding:10px 12px;
  border-radius:11px;
}
@media(max-width:650px){
  .sell-currency-row{
    align-items:stretch;
    flex-direction:column;
  }
  #sellCurrencySelect{
    width:100%;
  }
}

.telegram-content-card{
  cursor:default;
}
.telegram-thumb-wrap{
  position:relative;
  overflow:hidden;
  padding:0!important;
}
.telegram-content-thumb{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.duration-overlay{
  position:absolute;
  right:5px;
  bottom:5px;
  background:rgba(0,0,0,.72);
  color:white;
  border-radius:5px;
  padding:2px 5px;
  font-size:10px;
}
.staged-content-preview{
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:8px;
  padding:8px;
  border:1px solid rgba(119,155,255,.35);
  border-radius:12px;
  background:#171c25;
}
.staged-content-preview img{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:8px;
}
.staged-content-meta{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
}
.staged-content-meta strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* UNREAD INDICATORS - visual only, never reorder inbox */
.unread-conversation{
  background:rgba(92,125,255,.09)!important;
  box-shadow:inset 3px 0 0 rgba(112,143,255,.85);
}
.unread-conversation .conversation-name-line strong,
.unread-conversation strong{
  font-weight:850;
}
.conversation-row:hover,
.unread-conversation:hover{
  background:#2a3040!important;
}
.unread-count,.unread-badge,.nav-unread-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  padding:0 6px;
  margin-left:7px;
  border-radius:999px;
  background:#e8505b;
  color:#fff;
  font-size:11px;
  font-weight:850;
  line-height:1;
}
.nav-unread-badge[hidden]{display:none!important}

.staged-content-preview[hidden]{display:none!important}

/* PAYMENT OPTIONS ADMIN + CHAT */
.payment-options-card{
  border-color:rgba(115,139,255,.35);
  background:linear-gradient(180deg,rgba(57,71,122,.18),rgba(25,28,37,.94));
}
#insertPaymentOptions{
  width:100%;
  margin:8px 0 6px;
}
.payment-message-admin{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.payment-message-card{
  padding:14px;
  border:1px solid var(--line);
  border-radius:13px;
  background:rgba(255,255,255,.025);
}
.payment-message-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:8px;
}
.payment-message-card textarea{
  width:100%;
}
.payment-method-admin-list{
  margin-top:18px;
  display:grid;
  gap:8px;
}
.payment-method-admin-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:12px;
}
@media(max-width:750px){
  .payment-message-admin{grid-template-columns:1fr}
}

.market-selects{display:flex;gap:8px;align-items:center}.market-selects select{min-width:120px}

/* PAYMENT TAB MARKET SELECTORS */
.payment-market-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 110px;
  gap:8px;
  margin:8px 0 10px;
}
.payment-market-row select{
  width:100%;
  min-width:0;
  font-weight:750;
}
@media(max-width:520px){
  .payment-market-row{
    grid-template-columns:minmax(0,1fr) 92px;
  }
}


/* COUNTRY/CURRENCY LAYOUT FIX */
.sell-currency-card{
  padding:14px!important;
}
.sell-currency-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  align-items:stretch!important;
}
.sell-currency-row > div:first-child{
  min-width:0!important;
}
.sell-currency-row .tool-title{
  margin-bottom:4px!important;
}
.market-selects{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 105px!important;
  gap:8px!important;
  width:100%!important;
  align-items:center!important;
}
.market-selects select,
.payment-market-row select{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:42px!important;
}
.payment-market-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 105px!important;
  gap:8px!important;
  width:100%!important;
  margin:10px 0 12px!important;
}
@media(max-width:520px){
  .market-selects,
  .payment-market-row{
    grid-template-columns:minmax(0,1fr) 92px!important;
  }
}


/* LONG PAYMENT / EDITABLE COMPOSER */
.composer-edit-tools{
  display:flex;
  gap:7px;
  align-items:center;
  padding:6px 8px 5px;
  border-top:1px solid var(--line);
  background:rgba(15,18,24,.96);
}
.composer-edit-tools .small{
  padding:5px 9px!important;
  font-size:11px!important;
}
#replyBox{
  min-height:48px!important;
  max-height:48vh!important;
  line-height:1.45!important;
  resize:vertical!important;
  overflow-y:auto!important;
}
#replyBox.composer-long-text,
#replyBox.composer-expanded{
  min-height:180px!important;
  font-size:14px!important;
  line-height:1.5!important;
  padding:12px!important;
}
.composer:has(#replyBox.composer-long-text),
.composer:has(#replyBox.composer-expanded){
  align-items:flex-end!important;
}


/* SALES CURRENCY vs PAYMENT CURRENCY */
.payment-options-card .muted.payment-currency-note{
  margin-top:4px;
}

.payment-method-selector-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin:12px 0 7px;
  font-weight:800;
}
.payment-method-checklist{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  margin-bottom:10px;
}
.payment-method-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:7px;
  min-height:38px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  cursor:pointer;
}
.payment-method-check input{
  width:auto!important;
  flex:0 0 auto;
}
#insertSelectedPaymentOptions{
  width:100%;
}
@media(max-width:600px){
  .payment-method-checklist{
    grid-template-columns:1fr;
  }
}

/* CASA ELEVA MULTI-MODEL */
.ce-brand{display:flex;align-items:center;gap:9px!important;text-transform:none!important}
.ce-brand small{font-size:9px;letter-spacing:1.4px;color:#8991a0;margin-left:3px}
.ce-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#df72c8,#7d52ff);font-size:11px;font-weight:950;color:white}
.ce-inbox-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;padding:24px 26px 10px}
.ce-inbox-head h1{margin:2px 0 5px;font-size:30px}.ce-inbox-head p{margin:0;color:#949cab}
.ce-eyebrow{font-size:10px;font-weight:900;letter-spacing:1.3px;color:#b89cff}
.ce-creator-summary{display:flex;gap:7px;flex-wrap:wrap}.creator-summary-pill{font-size:11px;padding:7px 10px;border:1px solid #343b49;background:#171b24;border-radius:999px}
.ce-filter-title{font-size:9px;font-weight:900;color:#777f8e;letter-spacing:1.2px;margin:20px 0 6px;padding-left:4px}
.ce-model-filter{display:flex!important;align-items:center;gap:9px;padding:12px 10px!important;border-radius:8px;margin:3px 0;font-size:16px!important}.ce-model-filter.active{background:#30234b!important;color:#fff!important;font-weight:800}.model-color-dot{width:11px;height:11px;border-radius:50%;background:#8d61ff;flex:0 0 auto}.model-model_001 .model-color-dot{background:#45b7ff}.model-model_002 .model-color-dot{background:#ff65c3}
.conversation-row{grid-template-columns:42px 1fr auto!important;gap:12px!important}.ce-model-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#6541a7;color:#fff;font-weight:900;flex:0 0 auto}
.ce-model-avatar.large{width:46px;height:46px;border-radius:14px;font-size:17px}
.ce-model-badge{font-size:13px;font-weight:850;color:#fff;background:#30244a;border:1px solid #49356f;padding:4px 9px;border-radius:999px;margin-left:8px;vertical-align:middle}.model-model_001 .ce-model-badge{background:#123d58;border-color:#238bc5;color:#8ed8ff}.model-model_002 .ce-model-badge{background:#542044;border-color:#c94f9e;color:#ffb9e4}.conversation-row.model-model_001{border-left:5px solid #45b7ff}.conversation-row.model-model_002{border-left:5px solid #ff65c3}
.ce-chat-creator-lock{display:flex;align-items:center;gap:12px;margin:14px 18px 8px;padding:12px 15px;background:#171b24;border:1px solid #302c46;border-radius:14px}
.ce-chat-creator-lock div{display:grid}.ce-chat-creator-lock small{font-size:9px;color:#8f97a5;letter-spacing:1px}.ce-chat-creator-lock strong{font-size:17px}.ce-lock{margin-left:auto;font-size:11px;color:#9aa2ae}
@media(max-width:760px){.ce-inbox-head{display:block}.ce-creator-summary{margin-top:12px}.ce-lock{display:none}}
.inbox-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start;padding:0 18px 18px}.inbox-nav{padding:10px 0;position:sticky;top:12px}.inbox-nav h3{margin:0 0 14px;padding:0 10px;font-size:17px}.inbox-nav>a:not(.ce-model-filter){display:block;padding:7px 10px;border-radius:7px;font-size:14px;color:var(--muted)}.inbox-nav>a:not(.ce-model-filter).active{background:#292d38;color:#fff}.ce-filter-title{margin-top:18px}.ce-model-filter{border:1px solid transparent!important}.ce-model-filter:hover{background:#1b1f28!important}.ce-model-filter.model-model_001.active{background:#123d58!important;border-color:#238bc5!important}.ce-model-filter.model-model_002.active{background:#542044!important;border-color:#c94f9e!important}.inbox-list.panel{margin:0;min-width:0}.inbox-title-row{padding:14px 18px}.conversation-row{min-height:72px;padding:13px 18px!important}.conversation-main{min-width:0}.conversation-name-line{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.conversation-name-line strong{font-size:16px}.inbox-meta{display:flex;gap:10px;margin-top:4px}.inbox-meta span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.inbox-layout{grid-template-columns:1fr;padding:0 10px 10px}.inbox-nav{position:static;display:flex;gap:5px;overflow:auto;padding:0}.inbox-nav h3,.ce-filter-title{display:none}.inbox-nav>a{white-space:nowrap}.inbox-list.panel{margin:0}.conversation-row{min-height:64px}}
.translate-message{display:none}.msg-text-original{font-size:16px;line-height:1.4}.msg-text-translation{display:none;margin-top:4px;color:#aeb6c5!important;font-size:12px;line-height:1.35}
.translation-mode-toggle{margin-left:auto;background:#3b3260;color:#fff;border:1px solid #7256b6;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700}.msg.in,.msg.out{display:flex;flex-direction:column;align-items:flex-start}.messages.translation-mode .msg-text-original{order:2;color:#aeb6c5!important;font-size:13px}.messages.translation-mode .msg-text-translation{display:block;order:1;color:#f4f6fa!important;font-size:17px;font-style:normal;margin:0 0 3px}.msg small{order:3}
.model-unread-indicator{margin-left:10px;padding:4px 9px;border-radius:999px;background:#e94f67;color:#fff;font-size:12px;font-weight:800;vertical-align:middle}.model-unread-indicator[hidden]{display:none}
.chat-model-sidebar{width:190px;flex:0 0 190px;border-right:1px solid var(--line);background:#12151b;padding:16px 10px;max-height:calc(100vh - 62px)}
.availability-rail-title{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#b89cff;margin:0 4px 3px}
.availability-rail-subtitle{font-size:11px;color:#8991a0;margin:0 4px 13px}
.chat-model-list{display:grid;gap:5px}
.availability-model-row{display:flex!important;align-items:center;gap:9px;padding:10px 7px;border-radius:8px;color:#dbe0ea;font-size:14px;min-width:0}
.availability-model-row:hover{background:#292d38}
.availability-status-dot{width:11px;height:11px;border-radius:50%;flex:0 0 11px}
.availability-status-dot.status-available{background:#45df91;box-shadow:0 0 8px #45df91}
.availability-status-dot.status-busy,.availability-status-dot.status-reserved{background:#ffd15c;box-shadow:0 0 8px #ffd15c}
.availability-status-dot.status-on_call{background:#ff687b;box-shadow:0 0 8px #ff687b}
.availability-status-dot.status-unavailable{background:#8993a4}
.availability-model-copy{display:grid;gap:2px;min-width:0}
.availability-model-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.availability-model-state{color:#aab2c0;font-size:10px}
.availability-rail-eta{margin-left:4px;color:#ffd15c}
.quick-availability{display:block;margin-top:12px;width:100%;background:#2f7656}.quick-availability:hover{background:#3d966d}@media(max-width:900px){.chat-model-sidebar{display:none}}

/* Compact inbox navigation and live creator status. */
.ce-inbox-head{padding-bottom:6px}
.ce-creator-summary{display:none}
.inbox-type-filters{display:flex;gap:6px;flex-wrap:wrap;padding:0 26px 10px}
.inbox-type-filters .filter-chip{font-size:12px;padding:5px 9px}
.inbox-layout{grid-template-columns:174px minmax(0,1fr);gap:12px;padding-left:12px;padding-right:12px}
.inbox-nav{padding-top:4px}
.inbox-nav h3{margin-bottom:8px;padding-left:6px;font-size:14px}
.ce-model-filter{padding:8px 7px!important;margin:2px 0;font-size:13px!important;gap:7px!important}
.model-status-label{margin-left:auto;font-size:10px;color:#8993a4;white-space:nowrap}
.model-color-dot.status-available{background:#45df91;box-shadow:0 0 7px #45df91}
.model-color-dot.status-busy,.model-color-dot.status-reserved{background:#ffd15c;box-shadow:0 0 7px #ffd15c}
.model-color-dot.status-on_call{background:#ff687b;box-shadow:0 0 7px #ff687b}
.model-color-dot.status-unavailable{background:#8993a4}
.inbox-title-row{padding:11px 14px}
.conversation-row{min-height:64px;padding:10px 14px!important}
@media(max-width:900px){.inbox-type-filters{padding-left:10px;padding-right:10px}.inbox-layout{grid-template-columns:1fr}.inbox-nav{display:flex;align-items:center;gap:4px;overflow:auto}.inbox-nav h3{display:block;white-space:nowrap}.model-status-label{display:none}}

/* The creator rail belongs inside the chat grid, not above the conversation. */
.chat-layout:has(.chat-model-sidebar){grid-template-columns:190px minmax(0,1fr) 390px}
.chat-layout:has(.chat-model-sidebar) .chat-model-sidebar{grid-column:1;grid-row:1;min-height:calc(100vh - 62px);max-height:none;overflow:auto}
.chat-layout:has(.chat-model-sidebar) .chat-panel{grid-column:2;grid-row:1}
.chat-layout:has(.chat-model-sidebar) .tools{grid-column:3;grid-row:1}
.chat-model-list a{min-width:0}
.chat-model-list a span:not(.model-color-dot){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.model-live-status{margin-left:auto;color:#8f99a8;font-size:10px;white-space:nowrap}
.model-color-dot.status-available{background:#45df91;box-shadow:0 0 7px #45df91}
.model-color-dot.status-busy,.model-color-dot.status-reserved{background:#ffd15c;box-shadow:0 0 7px #ffd15c}
.model-color-dot.status-on_call{background:#ff687b;box-shadow:0 0 7px #ff687b}
.menu-prices-page{padding-bottom:20px}.menu-prices-page .panel-title{margin:-1px -1px 12px}.button-link{display:inline-block;background:#303746;border-radius:8px;padding:7px 10px}.menu-price-group h3{margin:0 0 12px}.menu-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.menu-price-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:8px;background:#12151b;border:1px solid var(--line);border-radius:8px}.menu-price-row span{display:flex;flex-direction:column;min-width:0}.menu-price-row strong{font-size:13px}.menu-price-row small{color:#9aa4b2;font-size:10px}.menu-price-row input{max-width:105px;padding:7px}.menu-error{margin:18px}@media(max-width:1100px){.chat-layout:has(.chat-model-sidebar){grid-template-columns:165px minmax(0,1fr) 330px}.menu-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.currency-price-section{margin:18px 0 26px}.currency-price-heading{display:flex;align-items:baseline;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line)}.currency-price-heading h2{margin:0;color:#c4a8ff}.currency-price-heading span{color:var(--muted);font-size:13px}.menu-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-section-heading h3{margin:0}.menu-price-group{margin-top:10px}
.menu-price-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:8px;align-items:center}.menu-price-head{font-weight:800;color:var(--muted)}.menu-price-grid input{min-width:0}.model-category-row{padding:12px 0;border-top:1px solid var(--line)}.model-category-row>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.check-inline{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:12px}.check-inline input{width:auto}.menu-form>.tool-card{margin:14px 0}.menu-form>button{margin:4px 0 18px}@media(max-width:800px){.menu-price-grid{grid-template-columns:1.5fr repeat(4,minmax(65px,1fr));font-size:12px}}
@media(max-width:900px){.chat-layout:has(.chat-model-sidebar){display:grid;grid-template-columns:1fr}.chat-layout:has(.chat-model-sidebar) .chat-model-sidebar,.chat-layout:has(.chat-model-sidebar) .chat-panel,.chat-layout:has(.chat-model-sidebar) .tools{grid-column:1;grid-row:auto}.chat-layout:has(.chat-model-sidebar) .chat-model-sidebar{display:none}.menu-price-grid{grid-template-columns:1fr}}

/* MOBILE CHATTER LAYOUT */
.mobile-nav-toggle{display:none}
@media(max-width:700px){
  body{overflow-x:hidden}
  header{height:auto;min-height:58px;position:sticky;top:0;z-index:50;gap:8px;flex-wrap:wrap;padding:10px 12px}
  .brand{font-size:17px;min-width:0}.ce-brand small{display:none}.ce-mark{width:30px;height:30px;border-radius:9px}
  .mobile-nav-toggle{display:block;margin-left:auto;background:#252b35;color:#fff;border:1px solid #3b4352;padding:7px 10px;border-radius:8px;font-size:18px;line-height:1}
  header nav{display:none;width:100%;order:3;flex-direction:column;align-items:stretch;gap:2px;padding-top:8px;border-top:1px solid var(--line)}
  header nav.mobile-nav-open{display:flex}
  header nav a,header nav span{padding:9px 6px;font-size:14px}
  main{min-height:calc(100vh - 58px)}
  .ce-inbox-head{padding:16px 12px 7px}.ce-inbox-head h1{font-size:25px}.ce-inbox-head p{font-size:13px;line-height:1.35}
  .inbox-type-filters{padding:0 12px 8px;overflow-x:auto;flex-wrap:nowrap}.inbox-type-filters .filter-chip{flex:0 0 auto}
  .inbox-layout{display:block;padding:0 8px 10px}
  .inbox-nav{display:flex;gap:5px;overflow-x:auto;padding:5px 0 8px;scrollbar-width:none}.inbox-nav::-webkit-scrollbar{display:none}
  .inbox-nav h3{display:block!important;flex:0 0 auto;font-size:14px;margin:0;padding:9px 5px}.inbox-nav>a{flex:0 0 auto;white-space:nowrap;font-size:13px!important;padding:9px 10px!important;margin:0!important}.inbox-nav>a.manage-models-link{display:none}
  .inbox-list.panel{border-radius:11px}.inbox-title-row{padding:12px 13px;gap:10px}.inbox-title-row h2{font-size:20px}.inbox-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px}.inbox-search{display:grid;grid-template-columns:1fr auto;gap:6px}.inbox-search input{min-width:0}.inbox-search button{padding:9px 11px}
  .conversation-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:9px!important;min-height:76px;padding:12px 10px!important}.conversation-creator-block{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px!important;min-width:0}.conversation-creator-block .ce-model-avatar{width:34px!important;height:34px!important;font-size:14px!important;border-radius:10px}.conversation-creator-name{display:none!important}.conversation-divider{display:none!important}
  .conversation-main{min-width:0}.conversation-client-name{font-size:16px!important;line-height:1.2}.conversation-main .muted{font-size:14px;line-height:1.3;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.conversation-side{align-self:start}.conversation-time{font-size:10px;white-space:nowrap}.unread-count{min-width:19px;height:19px;font-size:10px}
  .ce-chat-creator-lock{margin:8px 10px 6px;padding:9px 11px}.ce-chat-creator-lock strong{font-size:16px}.ce-chat-creator-lock .ce-model-avatar{width:38px;height:38px}
  .chat-layout,.chat-layout:has(.chat-model-sidebar){display:flex!important;flex-direction:column!important;min-height:calc(100vh - 120px);width:100%;overflow:visible}
  .chat-model-sidebar{display:block!important;order:0;width:100%!important;max-height:none!important;height:auto!important;border:0!important;border-bottom:1px solid var(--line)!important;padding:7px 10px!important;overflow-x:auto!important;overflow-y:hidden!important;background:#12151b}
  .chat-model-sidebar .availability-rail-title,.chat-model-sidebar .availability-rail-subtitle{display:none}.chat-model-list{display:flex!important;gap:5px!important;overflow-x:auto;scrollbar-width:none}.chat-model-list::-webkit-scrollbar{display:none}.availability-all-creators,.availability-model-row{flex:0 0 auto;padding:8px 10px!important;font-size:12px!important;border:1px solid var(--line);border-radius:999px;background:#1b1f28}.availability-model-copy strong{font-size:12px!important}.availability-model-state{font-size:9px!important}.availability-status-dot{width:8px;height:8px;flex-basis:8px}
  .chat-panel{order:1;display:flex!important;flex-direction:column!important;min-height:calc(100vh - 165px)!important}.chat-header{padding:10px 12px;gap:8px;align-items:flex-start}.chat-header h2{font-size:19px}.chat-header .inline{width:105px}.chat-header .pill{font-size:10px;padding:3px 6px}
  .messages{flex:1;min-height:38vh;max-height:none!important;padding:12px 10px 10px;overflow-y:auto}.msg{max-width:92%;font-size:16px;line-height:1.38;padding:10px 11px;margin:6px 0}.msg.out{max-width:92%}.msg small{font-size:9px}.chat-image{max-height:300px}
  .composer-wrap{position:sticky;bottom:0;z-index:20;background:#0f1115;box-shadow:0 -8px 18px rgba(0,0,0,.22)}.quick-actions{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:7px 8px 3px}.quick-actions::-webkit-scrollbar{display:none}.quick-actions button{flex:0 0 auto;font-size:11px;padding:7px 9px}.composer-edit-tools{padding:4px 8px}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto!important;gap:6px;padding:7px 8px}.composer-input-wrap{grid-column:1}.composer #translateReply{grid-column:2;grid-row:1;max-width:105px}.composer #sendButton{grid-column:1/-1;width:100%;padding:10px}#replyBox{min-height:48px!important;max-height:24vh!important;font-size:15px}
  .tools{order:2;border:0!important;border-top:1px solid var(--line)!important;max-height:none!important;padding:8px;background:#12151b}.tools .live-status-card,.tools #lunaOpsPanel{margin-bottom:8px}.tool-tabs{position:sticky;top:58px;z-index:10;display:flex;overflow-x:auto;scrollbar-width:none;gap:5px;padding:4px 0}.tool-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1 0 78px}.tool-card{margin:8px 0;padding:11px;border-radius:11px}.tool-title{font-size:15px}.live-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-tile{padding:10px;font-size:13px}.product-tile span{font-size:11px}.payment-method-checklist{grid-template-columns:1fr}.market-selects,.payment-market-row{grid-template-columns:minmax(0,1fr) 92px!important}.content-card{grid-template-columns:46px minmax(0,1fr)!important}.content-card button{grid-column:2}.telegram-content-thumb{height:46px}
}

/* Keep the chat inside the browser viewport when the creator rail is open. */
html,body{overflow-x:hidden}
.chat-layout:has(.chat-model-sidebar){width:100%;max-width:100vw;min-width:0;grid-template-columns:170px minmax(0,1fr) 350px;overflow:hidden}
.chat-layout:has(.chat-model-sidebar) .chat-model-sidebar,.chat-layout:has(.chat-model-sidebar) .chat-panel,.chat-layout:has(.chat-model-sidebar) .tools{min-width:0}
.chat-layout:has(.chat-model-sidebar) .chat-panel{overflow:hidden}
.chat-layout:has(.chat-model-sidebar) .messages{min-width:0;max-width:100%;overflow-x:hidden}
.chat-layout:has(.chat-model-sidebar) .composer-wrap{min-width:0;max-width:100%}
.chat-layout:has(.chat-model-sidebar) .tools{overflow-x:hidden}
@media(max-width:1100px){.chat-layout:has(.chat-model-sidebar){grid-template-columns:150px minmax(0,1fr) 310px}.chat-layout:has(.chat-model-sidebar) .model-live-status{display:none}}

/* v5.8 inbox readability and persistent creator navigation */
.inbox-nav{position:sticky;top:74px;max-height:calc(100vh - 88px);overflow:auto;scrollbar-width:thin}
.inbox-return-all{display:inline-flex;align-items:center;margin:0 0 5px;color:#c9b4ff;font-size:12px;font-weight:800}
.inbox-return-all:hover{text-decoration:underline}
.inbox-list .conversation-row{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) 96px!important;
  align-items:center!important;
  gap:12px!important;
  min-height:76px!important;
  padding:12px 16px!important;
}
.inbox-list .conversation-main{min-width:0}
.inbox-list .conversation-name-line{
  display:grid!important;
  grid-template-columns:minmax(180px,240px) 160px max-content!important;
  align-items:center!important;
  justify-content:start!important;
  gap:8px!important;
  flex-wrap:nowrap!important;
  min-width:0;
}
.inbox-list .conversation-client-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.inbox-list .ce-model-badge{display:block;width:160px;margin-left:0!important;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-list .conversation-preview,.inbox-list .one-line{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.inbox-list .inbox-meta{display:flex;align-items:center;gap:10px;margin-top:5px}
.inbox-list .inbox-meta .pill{font-size:10px;padding:3px 7px}
.inbox-list .conversation-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-width:0}
.inbox-list .conversation-time{white-space:nowrap}
.availability-all-creators{display:flex;align-items:center;padding:9px 7px;border-radius:8px;background:#30234b;color:#fff;font-size:13px;font-weight:800;margin-bottom:7px}
.availability-all-creators:hover{background:#423064}
@media(max-width:900px){
  .inbox-nav{position:sticky;top:62px;max-height:none;overflow-x:auto;overflow-y:hidden}
  .inbox-list .conversation-row{grid-template-columns:32px minmax(0,1fr) 70px!important;gap:8px!important;padding:10px!important}
  .inbox-list .conversation-name-line{grid-template-columns:minmax(110px,1fr) max-content!important}
  .inbox-list .conversation-name-line .unread-count{grid-column:3}
  .inbox-list .ce-model-badge{width:130px;font-size:11px}
}

/* v5.8.1 inbox hierarchy: creator first, client second, message larger */
.inbox-list .conversation-name-line{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:3px!important;
  min-width:0;
}
.inbox-list .conversation-model-label{
  display:block;
  width:170px;
  margin:0!important;
  padding:5px 9px!important;
  font-size:13px!important;
  line-height:1.2;
  text-align:center;
}
.inbox-list .conversation-side .conversation-model-label{margin-bottom:5px!important}
.inbox-list .inbox-meta{display:none!important}
.inbox-sound-toggle{padding:5px 9px!important;font-size:11px!important;background:#252b35;color:#cbd2dc;border:1px solid var(--line);border-radius:8px;white-space:nowrap}
.inbox-sound-toggle:hover{background:#303746}
.inbox-sound-toggle.active{background:#3e2d69;border-color:#7c5cff;color:#fff}
.inbox-list .conversation-client-line{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  max-width:100%;
}
.inbox-list .conversation-model-top{display:flex;align-items:center;min-height:25px}
.inbox-list .conversation-model-top .conversation-model-label{width:auto;max-width:230px;font-size:13px!important;padding:4px 10px!important;text-align:left}
.manage-models-link{display:block;padding:7px 10px;border-radius:7px;font-size:12px;color:#c9b4ff!important}
.manage-models-link:hover{background:#1b1f28!important}
.manage-models-page{max-width:900px;margin:26px auto}
.manage-model-list{display:grid;gap:8px;padding:12px 18px 22px}
.manage-model-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 16px;background:#171b24;border:1px solid var(--line);border-radius:10px}
.manage-model-row.is-hidden{opacity:.62}
.manage-model-row strong{font-size:16px}.manage-model-row .small{font-size:11px;margin-top:4px}
.secondary-button{background:#303746;color:#fff;border:1px solid #454e5e;border-radius:8px;padding:8px 12px;cursor:pointer}
.secondary-button:hover{background:#4b3a72;border-color:#7c5cff}
.inbox-list .conversation-client-name{
  font-size:16px!important;
}
.inbox-list .conversation-main>.one-line,
.inbox-list .conversation-main .muted.one-line{
  font-size:15px!important;
  line-height:1.35;
  margin-top:4px;
}
@media(max-width:900px){
  .inbox-list .conversation-model-label{width:145px;font-size:12px!important}
  .inbox-list .conversation-main>.one-line,
  .inbox-list .conversation-main .muted.one-line{font-size:14px!important}
}

/* v5.8.2 inbox row: creator block | divider | client and message */
.inbox-list .conversation-row{
  grid-template-columns:205px 1px minmax(0,1fr) 96px!important;
  gap:14px!important;
  min-height:82px!important;
  padding:13px 16px!important;
}
.inbox-list .conversation-creator-block{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  min-width:0!important;
}
.inbox-list .conversation-creator-block .ce-model-avatar,
.inbox-list .conversation-creator-name{
  background:#3e2b61!important;
  border:1px solid #7c5cff!important;
  color:#fff!important;
}
.inbox-list .conversation-creator-block .ce-model-avatar{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:10px!important;
  font-size:16px!important;
  font-weight:800!important;
}
.inbox-list .conversation-creator-name{
  display:inline-flex!important;
  align-items:center!important;
  min-width:0!important;
  max-width:145px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.1!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.inbox-list .conversation-divider{
  width:1px!important;
  height:52px!important;
  justify-self:center!important;
  background:#394150!important;
}
.inbox-list .conversation-main{min-width:0!important}
.inbox-list .conversation-client-name{font-size:17px!important}
.country-badge{display:inline-block;margin-left:4px;font-size:.9em;line-height:1;vertical-align:baseline}
.chat-country-badge{padding:5px 18px;color:#aab2c0;font-size:12px;border-bottom:1px solid var(--line)}
.inbox-list .conversation-main>.one-line,
.inbox-list .conversation-main .muted.one-line{font-size:16px!important;line-height:1.35!important}
@media(max-width:900px){
  .inbox-list .conversation-row{grid-template-columns:150px 1px minmax(0,1fr) 70px!important;gap:9px!important;padding:10px!important}
  .inbox-list .conversation-creator-block{gap:6px!important}
  .inbox-list .conversation-creator-block .ce-model-avatar{flex-basis:32px!important;width:32px!important;height:32px!important;font-size:14px!important}
  .inbox-list .conversation-creator-name{max-width:104px!important;padding:6px 7px!important;font-size:11px!important}
  .inbox-list .conversation-divider{height:44px!important}
  .inbox-list .conversation-client-name{font-size:15px!important}
  .inbox-list .conversation-main>.one-line,
  .inbox-list .conversation-main .muted.one-line{font-size:14px!important}
}

/* v5.8.3 creator identity colors, readable names, and soft glow */
.inbox-list .conversation-row{
  grid-template-columns:238px 1px minmax(0,1fr) 96px!important;
}
.inbox-list .conversation-creator-block .ce-model-avatar,
.inbox-list .conversation-creator-name{
  background:var(--creator-bg,#30244a)!important;
  border-color:var(--creator-color,#a978ff)!important;
  color:#fff!important;
  box-shadow:0 0 8px color-mix(in srgb,var(--creator-color,#a978ff) 32%,transparent)!important;
}
.inbox-list .conversation-creator-block .ce-model-avatar{
  text-shadow:0 0 7px color-mix(in srgb,var(--creator-color,#a978ff) 65%,white)!important;
}
.inbox-list .conversation-creator-name{
  flex:1 1 auto!important;
  max-width:none!important;
  min-width:0!important;
  padding:7px 9px!important;
  font-size:12px!important;
  letter-spacing:-.1px!important;
  text-align:center!important;
}
.inbox-list .conversation-row.model-model_001{--creator-color:#53c7ff;--creator-bg:#103c59}
.inbox-list .conversation-row.model-model_002{--creator-color:#ff67c9;--creator-bg:#542044}
.inbox-list .conversation-row.model-model_003{--creator-color:#ffad68;--creator-bg:#57351e}
.inbox-list .conversation-row.model-model_004{--creator-color:#65e8a0;--creator-bg:#164a3a}
.inbox-list .conversation-row.model-model_005{--creator-color:#b081ff;--creator-bg:#39225f}
.chat-sidebar-row .ce-model-badge{background:var(--creator-bg,#30244a)!important;border-color:var(--creator-color,#a978ff)!important;color:#fff!important;box-shadow:0 0 7px color-mix(in srgb,var(--creator-color,#a978ff) 28%,transparent)!important}
@media(max-width:900px){
  .inbox-list .conversation-row{grid-template-columns:192px 1px minmax(0,1fr) 70px!important}
  .inbox-list .conversation-creator-name{font-size:11px!important;padding:6px 7px!important}
}

/* MOBILE CHATTER V2 - final overrides must remain at the end of this file. */
@media(max-width:700px){
  .inbox-list .conversation-row{
    display:grid!important;
    grid-template-columns:112px minmax(0,1fr) 46px!important;
    gap:8px!important;
    min-height:76px!important;
    padding:10px 8px!important;
  }
  .inbox-list .conversation-creator-block{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:5px!important;
    min-width:0!important;
  }
  .inbox-list .conversation-creator-block .ce-model-avatar{
    flex:0 0 29px!important;
    width:29px!important;
    height:29px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  .inbox-list .conversation-creator-name{
    display:block!important;
    min-width:0!important;
    max-width:76px!important;
    padding:5px 6px!important;
    font-size:9px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .inbox-list .conversation-divider{display:none!important}
  .inbox-list .conversation-main{display:block!important;min-width:0!important;overflow:hidden!important}
  .inbox-list .conversation-client-line{display:flex!important;min-width:0!important}
  .inbox-list .conversation-client-name{
    display:block!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    font-size:15px!important;
    line-height:1.2!important;
  }
  .inbox-list .conversation-main>.one-line,
  .inbox-list .conversation-main .muted.one-line{
    display:-webkit-box!important;
    margin-top:4px!important;
    overflow:hidden!important;
    white-space:normal!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    font-size:13px!important;
    line-height:1.28!important;
  }
  .inbox-list .conversation-side{display:block!important;min-width:0!important;align-self:start!important}
  .inbox-list .conversation-time{font-size:9px!important;white-space:nowrap!important}

  .chat-layout:has(.chat-model-sidebar),
  .chat-layout{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:0!important;
    overflow:visible!important;
  }
  .chat-layout:has(.chat-model-sidebar) .chat-model-sidebar,
  .chat-layout:has(.chat-model-sidebar) .chat-panel,
  .chat-layout:has(.chat-model-sidebar) .tools{
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0!important;
  }
  .chat-layout:has(.chat-model-sidebar) .chat-model-sidebar{
    display:block!important;
    order:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:86px!important;
    padding:7px 9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
  .chat-layout:has(.chat-model-sidebar) .chat-panel{
    display:flex!important;
    order:1!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }
  .chat-layout:has(.chat-model-sidebar) .tools{order:2!important}
  .chat-model-list{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important}
  .availability-all-creators,.availability-model-row{min-height:54px!important}
  .chat-header{position:relative!important}
  .messages{
    flex:none!important;
    min-height:260px!important;
    height:calc(100dvh - 385px)!important;
    max-height:560px!important;
    overflow-y:auto!important;
  }

  .mobile-market-card{
    margin:5px 8px!important;
    padding:8px!important;
    border-radius:10px!important;
  }
  .mobile-market-card .sell-currency-row{display:block!important}
  .mobile-market-card .sell-currency-row>div:first-child{display:none!important}
  .mobile-market-card .market-selects{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:7px!important;
  }
  .mobile-market-card select{height:38px!important;padding:7px 9px!important;font-size:13px!important}
  .mobile-market-card #sellCurrencyStatus{display:none!important}

  .composer{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:7px!important;
    padding:7px 8px 9px!important;
  }
  .composer .composer-input-wrap{grid-column:1/-1!important;grid-row:1!important}
  .composer #translateReply{
    grid-column:1!important;
    grid-row:2!important;
    width:auto!important;
    max-width:none!important;
    min-height:42px!important;
    padding:8px 10px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .composer #sendButton{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 12px!important;
  }
  #replyBox{width:100%!important;min-height:64px!important;font-size:16px!important}
}

/* MOBILE CHATTER V4 */
.mobile-back-inbox{display:none}
.mobile-language-toggle{display:none}
.ce-chat-creator-lock.model-model_001{--chat-creator-color:#53c7ff;--chat-creator-bg:#103c59}
.ce-chat-creator-lock.model-model_002{--chat-creator-color:#ff67c9;--chat-creator-bg:#542044}
.ce-chat-creator-lock.model-model_003{--chat-creator-color:#ffad68;--chat-creator-bg:#57351e}
.ce-chat-creator-lock.model-model_004{--chat-creator-color:#65e8a0;--chat-creator-bg:#164a3a}
.ce-chat-creator-lock.model-model_005{--chat-creator-color:#b081ff;--chat-creator-bg:#39225f}
@media(max-width:700px){
  .mobile-language-toggle{display:block!important;margin-left:auto!important;padding:7px 9px!important;background:#3e2d69!important;border:1px solid #7c5cff!important;font-size:11px!important;white-space:nowrap!important}
  .mobile-nav-toggle{margin-left:0!important}
  .ce-chat-creator-lock{
    min-height:50px!important;
    margin:7px 9px 5px!important;
    padding:7px 9px!important;
    gap:7px!important;
    border-color:var(--chat-creator-color,#a978ff)!important;
    background:var(--chat-creator-bg,#30244a)!important;
    box-shadow:0 0 9px color-mix(in srgb,var(--chat-creator-color,#a978ff) 22%,transparent)!important;
  }
  .ce-chat-creator-lock .ce-model-avatar.large{
    width:30px!important;height:30px!important;flex:0 0 30px!important;border-radius:9px!important;font-size:13px!important;
    color:#fff!important;border:1px solid var(--chat-creator-color,#a978ff)!important;background:var(--chat-creator-bg,#30244a)!important;
  }
  .ce-chat-creator-lock .creator-lock-copy{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important}
  .ce-chat-creator-lock .creator-lock-copy small{font-size:9px!important;white-space:nowrap!important;color:#d7dce5!important}
  .ce-chat-creator-lock .creator-lock-copy strong{font-size:14px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;text-shadow:0 0 7px var(--chat-creator-color,#a978ff)!important}
  .ce-chat-creator-lock .model-unread-indicator{font-size:10px!important;padding:4px 7px!important;margin-left:0!important;white-space:nowrap!important}
  .ce-chat-creator-lock .ce-lock{display:none!important}
  .mobile-back-inbox{display:inline-flex!important;align-items:center!important;margin-left:auto!important;padding:7px 9px!important;border-radius:8px!important;background:#20252e!important;border:1px solid #414959!important;font-size:11px!important;font-weight:800!important;white-space:nowrap!important}

  .chat-layout:has(.chat-model-sidebar) .chat-model-sidebar{display:none!important}
  .chat-header{min-height:54px!important;padding:10px 12px!important;align-items:center!important}
  .chat-header>div{min-width:0!important}.chat-header h2{margin:0!important;font-size:22px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .chat-header .pill,.chat-header form.inline,.chat-header .translation-mode-toggle{display:none!important}
  .messages{height:62dvh!important;min-height:420px!important;max-height:none!important}
  .composer-wrap{position:static!important;box-shadow:none!important;display:flex!important;flex-direction:column!important}
  .composer-wrap #stagedContentPreview{order:0!important}
  .composer-wrap #composerEditTools{display:none!important}
  .composer-wrap #messageForm{order:1!important}
  .composer-wrap .quick-actions{order:2!important;border-top:1px solid var(--line)!important;padding:8px 8px 5px!important}
  .composer-wrap .mobile-market-card{order:3!important;margin:0 8px 8px!important}
  .composer-wrap #sendStatus{order:4!important}
}

/* MOBILE INBOX V6 */
.mobile-inbox-title{display:none}
@media(max-width:700px){
  .ce-inbox-head{padding:10px 12px 5px!important}
  .ce-inbox-head .ce-eyebrow,.ce-inbox-head p{display:none!important}
  .ce-inbox-head h1{margin:0!important;font-size:22px!important;line-height:1.2!important}
  .desktop-inbox-title{display:none!important}.mobile-inbox-title{display:inline!important}
  .inbox-type-filters{padding:3px 9px 6px!important;gap:4px!important}
  .inbox-type-filters .filter-chip{padding:7px 9px!important;font-size:12px!important}
  .inbox-layout{padding-top:0!important}
  .inbox-nav{padding-top:2px!important;padding-bottom:6px!important}
  .inbox-title-row{padding-top:10px!important}
}
.staged-video-note-preview{display:flex;align-items:center;gap:12px;padding:10px 12px;margin:8px 0;border:1px solid #8b5cf6;border-radius:14px;background:#231a38}
.staged-video-note-preview[hidden]{display:none}
.staged-video-note-preview>div{display:flex;flex-direction:column;flex:1;min-width:0}
.staged-video-note-preview small{color:#bca7ff;font-size:10px;font-weight:800;letter-spacing:.08em}
.video-note-round{display:inline-grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);box-shadow:0 0 14px #8b5cf688}
.video-note-library{margin:8px 0;padding:8px 10px;border:1px solid #343b4a;border-radius:12px;background:#171b24}
.video-note-library summary{cursor:pointer;font-weight:800;color:#fff}
.video-note-upload{display:grid;grid-template-columns:minmax(130px,1fr) minmax(170px,1.3fr) auto;gap:8px;margin:12px 0}
.video-note-list{display:grid;gap:8px}
.video-note-item{display:flex;gap:8px;align-items:center}
.stage-video-note{display:flex;align-items:center;gap:10px;flex:1;text-align:left;background:#202532;border:1px solid #394052}
.stage-video-note strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.delete-video-note{flex:0 0 auto;background:#42202a;color:#ffabbc}
@media(max-width:700px){.video-note-upload{grid-template-columns:1fr}.video-note-upload input,.video-note-upload button{width:100%}}
.composer-wrap{position:relative}
.quick-video-notes{border-color:#8b5cf6;color:#fff;background:linear-gradient(135deg,#342253,#4c2670)}
.quick-video-notes[aria-expanded="true"]{box-shadow:0 0 14px #9f67ff88;border-color:#b991ff}
.quick-video-notes-menu{position:absolute;left:10px;bottom:calc(100% - 52px);z-index:40;width:min(360px,calc(100% - 20px));max-height:320px;overflow:auto;padding:10px;border:1px solid #7957b7;border-radius:14px;background:#151821;box-shadow:0 16px 45px #000c}
.quick-video-notes-menu[hidden]{display:none}
.quick-video-notes-head{display:flex;flex-direction:column;padding:3px 5px 9px;color:#fff}
.quick-video-notes-head small{color:#aeb6ca;font-weight:400}
.quick-note-choice{display:flex;align-items:center;gap:10px;width:100%;margin:5px 0;text-align:left;background:#202532;border:1px solid #394052;color:#fff}
.quick-note-choice .video-note-round{width:34px;height:34px;flex-basis:34px}
.quick-note-empty{padding:10px 5px}
@media(max-width:700px){.quick-video-notes-menu{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 96px);width:auto;max-height:50vh}}
.send-video-note-now{margin-left:auto;background:linear-gradient(135deg,#7c4dff,#a855f7);color:#fff;border:1px solid #bc8cff;font-weight:800;white-space:nowrap;box-shadow:0 0 12px #8b5cf655}
.send-video-note-now:hover{filter:brightness(1.12);box-shadow:0 0 18px #9f67ff99}
@media(max-width:700px){.staged-video-note-preview{flex-wrap:wrap}.send-video-note-now{order:4;width:100%;margin:4px 0 0}}

/* Telegram read receipts and true message replies */
.message-meta{order:3;display:flex;align-items:center;gap:9px;width:100%;margin-top:6px}.message-meta small{margin:0!important;flex:1}.delivery-indicator{font-size:11px;font-weight:800;white-space:nowrap}.delivery-indicator.is-sent{color:#a6acb6}.delivery-indicator.is-read{color:#69c8ff;text-shadow:0 0 8px rgba(105,200,255,.35)}.reply-to-message{padding:4px 8px;border:0;background:transparent;color:#bda8ff;font-size:11px;font-weight:800}.reply-to-message:hover{color:#fff;background:#4b347a}.message-reply-quote{order:0;width:100%;box-sizing:border-box;margin-bottom:7px;padding:7px 9px;border-left:3px solid #8a59ff;border-radius:5px;background:rgba(0,0,0,.18);color:#d6dbe6;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-reply-quote small{display:block!important;margin:0 0 2px!important;color:#bda8ff!important;font-size:9px!important;font-weight:900;letter-spacing:.08em}.reply-context{display:flex;align-items:center;gap:10px;margin:6px 0;padding:8px 10px;border-left:4px solid #8a59ff;border-radius:8px;background:#201a31}.reply-context>div{min-width:0;flex:1}.reply-context small{display:block;color:#bda8ff;font-size:9px;font-weight:900;letter-spacing:.08em}.reply-context strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;font-size:13px}.reply-context button{width:30px;height:30px;padding:0;border-radius:50%;background:#352a4d;color:#fff}
@media(max-width:900px){.reply-to-message{font-size:12px;padding:7px 10px}.delivery-indicator{font-size:12px}.message-reply-quote{font-size:13px}.reply-context{margin:8px 10px}}

/* Last-message sender and Telegram read state in the main inbox */
.inbox-preview-line{display:flex;align-items:center;gap:7px;min-width:0;margin-top:4px}.inbox-preview-line>.one-line{min-width:0;flex:1;font-size:15px!important;line-height:1.35}.inbox-sender-indicator{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1.45}.inbox-sender-indicator.is-incoming{background:#29303b;color:#d4d9e2}.inbox-sender-indicator.is-outgoing{background:#173b50;color:#8dd7ff;border:1px solid #286f94}.inbox-read-state{font-size:10px;font-weight:900;white-space:nowrap}.inbox-read-state.is-sent{color:#aab2c0}.inbox-read-state.is-read{color:#72d1ff;text-shadow:0 0 7px rgba(114,209,255,.38)}
@media(max-width:700px){.inbox-preview-line{gap:5px}.inbox-preview-line>.one-line{font-size:14px!important}.inbox-sender-indicator,.inbox-read-state{font-size:9px}.inbox-sender-indicator{padding:2px 5px}}


/* CROSS_MODEL_CLIENT_HISTORY_V1 */
.cross-model-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:5px}
.cross-model-chip{display:inline-flex;align-items:center;max-width:100%;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cross-model-chip.contact-chip{background:#3a2517;border:1px solid #8a5527;color:#ffc477}
.cross-model-chip.sale-chip{background:#173d2b;border:1px solid #2f9b66;color:#8ff0b9}
.cross-model-history-card{margin:8px 18px 4px;padding:10px 12px;border:1px solid #3c4658;border-radius:12px;background:#171b23}
.cross-model-history-card>strong{display:block;margin-bottom:7px;color:#fff}
.cross-model-history-model{display:flex;flex-direction:column;gap:4px;padding:7px 0;border-top:1px solid #2b3240;color:#ffc477}
.cross-model-history-model:first-of-type{border-top:0}
.cross-model-sale-line{color:#8ff0b9;font-weight:800}
@media(max-width:900px){.cross-model-chip{font-size:11px}.cross-model-history-card{margin:7px 10px}.cross-model-history-model{font-size:13px}}

/* CASA_REPLY_VISIBILITY_V1
   The reply card must exist only after the operator explicitly taps Reply. */
.reply-context[hidden]{display:none!important}
.reply-context strong{
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden!important;
  line-height:1.35;
}
.dynamic-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dynamic-menu-grid label{margin:0}.dynamic-menu-grid textarea{min-height:96px;resize:vertical}
@media(max-width:800px){.dynamic-menu-grid{grid-template-columns:1fr}}

/* CASA_CLIENT_RISK_FLAGS_V1 */
.client-risk-badge{display:inline-flex;align-items:center;margin-left:7px;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.02em;vertical-align:middle}
.risk-scammer{background:#572028;color:#ff9da7;border:1px solid #9c3947}
.risk-time-waster{background:#4a3b13;color:#ffd76a;border:1px solid #8d711e}
.conversation-row.client-risk-scammer{box-shadow:inset 4px 0 #ff5f6d}.conversation-row.client-risk-time_waster{box-shadow:inset 4px 0 #f4c64d}
.client-risk-form{display:flex;align-items:center;gap:7px;min-width:180px}.client-risk-form select{border-color:#4a5364}.client-risk-form.is-scammer select{border-color:#b64252;color:#ff9da7}.client-risk-form.is-time-waster select{border-color:#a78624;color:#ffd76a}
@media(max-width:900px){.chat-header .client-risk-form{display:flex!important;width:100%!important;min-width:0!important;order:3}.chat-header{flex-wrap:wrap!important}.client-risk-badge{font-size:11px}}

