/*
 * YolunÜstü V2 — Shared/Common Components
 *
 * Canonical visual layer for reusable partials.
 * Markup, routes, JS state and backend behavior are preserved.
 *
 * Components covered:
 * - partials/business-ui.blade.php
 * - partials/canonical-location-selector.blade.php
 * - partials/canonical-location-stop-selector.blade.php
 * - partials/info-explainer-sheet.blade.php
 * - partials/info-explainer-trigger.blade.php
 * - partials/lazy-canonical-location-selector.blade.php
 * - partials/lazy-canonical-location-stop-selector.blade.php
 * - partials/messages-shell.blade.php
 * - operations/partials/center.blade.php
 */

:root{
  --yu-common-navy:#09285c;
  --yu-common-green:#0aae66;
  --yu-common-green-dark:#087c4b;
  --yu-common-soft-green:#e9f8f1;
  --yu-common-border:#dbe7ef;
  --yu-common-muted:#71839a;
  --yu-common-bg:#f3f8fb;
  --yu-common-shadow:0 10px 28px rgba(9,40,92,.08);
}

body.yu-v2-app,body.yu-v2-admin{
  --yu-v2-navy:var(--yu-common-navy);
  --yu-v2-green:var(--yu-common-green);
  --yu-v2-line:var(--yu-common-border);
  --yu-v2-muted:var(--yu-common-muted);
}

/* ============================================================
   GROUP 2 — SHARED COMPONENTS / V2 UX
   Visual-only layer. Backend/JS behavior is preserved.
   ============================================================ */

/* ---------- Business UI ---------- */
body.yu-v2-app .biz-wrap,
body.yu-v2-admin .biz-wrap{
  width:min(100%,1480px)!important;
  margin:0 auto!important;
  padding:18px!important;
}
body.yu-v2-app .biz-grid,
body.yu-v2-admin .biz-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:14px!important;
}
body.yu-v2-app .biz-col-12,body.yu-v2-admin .biz-col-12{grid-column:span 12!important}
body.yu-v2-app .biz-col-8,body.yu-v2-admin .biz-col-8{grid-column:span 8!important}
body.yu-v2-app .biz-col-6,body.yu-v2-admin .biz-col-6{grid-column:span 6!important}
body.yu-v2-app .biz-col-4,body.yu-v2-admin .biz-col-4{grid-column:span 4!important}

body.yu-v2-app .biz-card,
body.yu-v2-admin .biz-card{
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid var(--yu-v2-line)!important;
  border-radius:20px!important;
  box-shadow:var(--yu-v2-shadow)!important;
}
body.yu-v2-app .biz-card-h,
body.yu-v2-admin .biz-card-h{
  padding:15px 16px!important;
  background:#fff!important;
  border-bottom:1px solid #edf2f6!important;
}
body.yu-v2-app .biz-card-b,
body.yu-v2-admin .biz-card-b{padding:16px!important}
body.yu-v2-app .biz-title,
body.yu-v2-admin .biz-title{font-size:19px!important;font-weight:900!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .biz-sub,
body.yu-v2-admin .biz-sub{font-size:12px!important;color:var(--yu-v2-muted)!important}
body.yu-v2-app .biz-btn,
body.yu-v2-admin .biz-btn{
  min-height:42px!important;
  padding:10px 14px!important;
  border-radius:14px!important;
  border:1px solid var(--yu-v2-line)!important;
  background:#fff!important;
  color:var(--yu-v2-navy)!important;
  font-size:13px!important;
  font-weight:850!important;
}
body.yu-v2-app .biz-btn:hover,
body.yu-v2-admin .biz-btn:hover{background:#f5faf8!important}
body.yu-v2-app .biz-btn-primary,
body.yu-v2-admin .biz-btn-primary{
  background:linear-gradient(180deg,#12bb71,#08a45f)!important;
  border-color:#0aae66!important;color:#fff!important;
}
body.yu-v2-app .biz-btn-danger,
body.yu-v2-admin .biz-btn-danger{
  background:#fff7f8!important;border-color:#ffd6dc!important;color:#b52139!important;
}
body.yu-v2-app .biz-table,
body.yu-v2-admin .biz-table{border-collapse:separate!important;border-spacing:0!important}
body.yu-v2-app .biz-table th,
body.yu-v2-admin .biz-table th{
  padding:11px!important;background:#f5faf8!important;color:#52708f!important;
  border-bottom:1px solid var(--yu-v2-line)!important;
}
body.yu-v2-app .biz-table td,
body.yu-v2-admin .biz-table td{
  padding:12px 11px!important;border-bottom:1px solid #edf2f6!important;
  color:#294769!important;font-size:12px!important;
}
body.yu-v2-app .biz-badge,
body.yu-v2-admin .biz-badge{padding:6px 9px!important;border-radius:999px!important;font-weight:900!important}
body.yu-v2-app .biz-form-grid,
body.yu-v2-admin .biz-form-grid{gap:12px!important}
body.yu-v2-app .biz-label,
body.yu-v2-admin .biz-label{color:#395775!important;font-size:11px!important;font-weight:900!important}
body.yu-v2-app .biz-input,
body.yu-v2-app .biz-select,
body.yu-v2-app .biz-textarea,
body.yu-v2-admin .biz-input,
body.yu-v2-admin .biz-select,
body.yu-v2-admin .biz-textarea{
  min-height:46px!important;
  border:1px solid var(--yu-v2-line)!important;
  border-radius:15px!important;
  background:#f9fbfd!important;
  color:var(--yu-v2-navy)!important;
  padding:11px 13px!important;
  box-shadow:none!important;
}
body.yu-v2-app .biz-input:focus,
body.yu-v2-app .biz-select:focus,
body.yu-v2-app .biz-textarea:focus,
body.yu-v2-admin .biz-input:focus,
body.yu-v2-admin .biz-select:focus,
body.yu-v2-admin .biz-textarea:focus{
  border-color:#8fd8b6!important;
  box-shadow:0 0 0 4px rgba(10,174,102,.08)!important;
  background:#fff!important;
}
body.yu-v2-app .biz-stat,
body.yu-v2-admin .biz-stat{
  padding:15px!important;border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;background:#fff!important;
}
body.yu-v2-app .biz-stat-v,
body.yu-v2-admin .biz-stat-v{font-size:25px!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .biz-kv,
body.yu-v2-admin .biz-kv{grid-template-columns:minmax(120px,170px) 1fr!important}
body.yu-v2-app .biz-hero,
body.yu-v2-admin .biz-hero{
  padding:20px!important;border-radius:20px!important;
  background:linear-gradient(135deg,#08295b 0%,#17477e 62%,#0aae66 160%)!important;
}

/* ---------- Canonical location selectors ---------- */
body.yu-v2-app .canonical-location,
body.yu-v2-admin .canonical-location{
  position:relative!important;
  width:100%!important;
}
body.yu-v2-app .canonical-location-search,
body.yu-v2-admin .canonical-location-search{
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:0 14px!important;
  background:#f9fbfd!important;
  border:1px solid var(--yu-v2-line)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body.yu-v2-app .canonical-location-search:focus-within,
body.yu-v2-admin .canonical-location-search:focus-within{
  background:#fff!important;border-color:#8fd8b6!important;box-shadow:0 0 0 4px rgba(10,174,102,.08)!important
}
body.yu-v2-app .canonical-location-search>i,
body.yu-v2-admin .canonical-location-search>i{color:#7990ac!important;font-size:15px!important}
body.yu-v2-app .canonical-location-search-input,
body.yu-v2-admin .canonical-location-search-input{
  flex:1!important;min-width:0!important;border:0!important;outline:0!important;
  background:transparent!important;color:var(--yu-v2-navy)!important;font-size:14px!important;
}
body.yu-v2-app .canonical-location-menu,
body.yu-v2-admin .canonical-location-menu{
  position:absolute!important;left:0!important;right:0!important;top:calc(100% + 8px)!important;
  z-index:2100!important;padding:8px!important;background:#fff!important;
  border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;
  box-shadow:0 22px 48px rgba(14,42,78,.18)!important;overflow:hidden!important;
}
body.yu-v2-app .canonical-location-tabs,
body.yu-v2-admin .canonical-location-tabs{display:flex!important;gap:4px!important;padding:4px!important;background:#f1f5f8!important;border-radius:13px!important;margin-bottom:7px!important}
body.yu-v2-app .canonical-location-tab,
body.yu-v2-admin .canonical-location-tab{
  flex:1!important;border:0!important;background:transparent!important;border-radius:10px!important;
  padding:9px 7px!important;color:#617894!important;font-weight:850!important;font-size:12px!important;
}
body.yu-v2-app .canonical-location-tab.is-active,
body.yu-v2-admin .canonical-location-tab.is-active{background:#0aae66!important;color:#fff!important}
body.yu-v2-app .canonical-location-list,
body.yu-v2-admin .canonical-location-list{
  max-height:min(48vh,360px)!important;overflow:auto!important;display:grid!important;gap:5px!important;
}
body.yu-v2-app .canonical-location-option,
body.yu-v2-admin .canonical-location-option{
  width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:11px 12px!important;border:1px solid transparent!important;
  border-radius:13px!important;background:#fff!important;color:var(--yu-v2-navy)!important;text-align:left!important;
}
body.yu-v2-app .canonical-location-option:hover,
body.yu-v2-admin .canonical-location-option:hover{background:#effaf4!important;border-color:#d1f0df!important}
body.yu-v2-app .canonical-location-option-name,
body.yu-v2-admin .canonical-location-option-name{display:block!important;font-weight:850!important;font-size:13px!important}
body.yu-v2-app .canonical-location-option-meta,
body.yu-v2-admin .canonical-location-option-meta{display:block!important;color:var(--yu-v2-muted)!important;font-size:11px!important;margin-top:3px!important}
body.yu-v2-app .canonical-location-selected,
body.yu-v2-admin .canonical-location-selected{
  padding:12px 13px!important;border:1px solid var(--yu-v2-line)!important;border-radius:15px!important;
  background:#f8fbfc!important;display:flex!important;flex-direction:column!important;gap:2px!important;
}
body.yu-v2-app .canonical-location-selected-name,
body.yu-v2-admin .canonical-location-selected-name{font-weight:900!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .canonical-location-selected-meta,
body.yu-v2-admin .canonical-location-selected-meta{font-size:11px!important;color:var(--yu-v2-muted)!important}
body.yu-v2-app .canonical-location.is-open .canonical-location-search,
body.yu-v2-admin .canonical-location.is-open .canonical-location-search{border-color:#8fd8b6!important}
body.yu-v2-app .canonical-location-empty,
body.yu-v2-admin .canonical-location-empty,
body.yu-v2-app .canonical-location-loading,
body.yu-v2-admin .canonical-location-loading{
  padding:18px 12px!important;text-align:center!important;color:var(--yu-v2-muted)!important;font-size:12px!important;
}
body.yu-v2-app .error-list,
body.yu-v2-admin .error-list{
  margin-top:6px!important;padding:8px 10px!important;border-radius:11px!important;
  background:#fff0f2!important;color:#b52139!important;font-size:11px!important;
}


/* ---------- Info explainer: fully hidden until opened ---------- */
body.yu-v2-app .yu-info-sheet-overlay,
body.yu-v2-admin .yu-info-sheet-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:6000!important;
  background:rgba(7,31,57,.50)!important;
  backdrop-filter:blur(4px)!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:0!important;
}
body.yu-v2-app .yu-info-sheet-overlay[hidden],
body.yu-v2-admin .yu-info-sheet-overlay[hidden]{display:none!important}
body.yu-v2-app .yu-info-sheet,
body.yu-v2-admin .yu-info-sheet{
  width:min(620px,100%)!important;
  max-height:min(86dvh,760px)!important;
  position:relative!important;
  left:auto!important;bottom:auto!important;transform:none!important;
  background:#fff!important;
  border:1px solid var(--yu-v2-line)!important;
  border-radius:24px 24px 0 0!important;
  box-shadow:0 -18px 60px rgba(6,33,61,.24)!important;
  overflow:auto!important;
  padding:0!important;
}
body.yu-v2-app .yu-info-sheet-handle,
body.yu-v2-admin .yu-info-sheet-handle{
  width:44px!important;height:5px!important;border-radius:99px!important;
  background:#d9e4ec!important;margin:9px auto 4px!important;
}
body.yu-v2-app .yu-info-sheet-head,
body.yu-v2-admin .yu-info-sheet-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;padding:10px 16px 13px!important;border-bottom:1px solid #edf2f6!important;
}
body.yu-v2-app .yu-info-sheet-head h2,
body.yu-v2-admin .yu-info-sheet-head h2{
  margin:3px 0 0!important;font-size:20px!important;color:var(--yu-v2-navy)!important;
}
body.yu-v2-app .yu-info-sheet-kicker,
body.yu-v2-admin .yu-info-sheet-kicker{
  color:#0aae66!important;font-size:10px!important;font-weight:900!important;letter-spacing:.1em!important
}
body.yu-v2-app .yu-info-sheet-close,
body.yu-v2-admin .yu-info-sheet-close{
  width:38px!important;height:38px!important;border-radius:12px!important;
  border:1px solid var(--yu-v2-line)!important;background:#f7fafc!important;
  color:var(--yu-v2-navy)!important;display:grid!important;place-items:center!important;
}
body.yu-v2-app .yu-info-sheet-body,
body.yu-v2-admin .yu-info-sheet-body{padding:15px 16px 20px!important}
body.yu-v2-app .yu-info-sheet-block,
body.yu-v2-admin .yu-info-sheet-block{
  padding:13px!important;border:1px solid var(--yu-v2-line)!important;border-radius:17px!important;
  background:#f9fbfd!important;margin-bottom:10px!important
}
body.yu-v2-app .yu-info-sheet-block>span,
body.yu-v2-admin .yu-info-sheet-block>span{
  display:block!important;color:#087446!important;font-size:11px!important;font-weight:900!important;margin-bottom:3px!important
}
body.yu-v2-app .yu-info-sheet-block p,
body.yu-v2-admin .yu-info-sheet-block p{
  margin:0!important;color:#48627f!important;font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere!important
}
body.yu-v2-app .yu-info-sheet-source,
body.yu-v2-admin .yu-info-sheet-source{color:var(--yu-v2-muted)!important;font-size:11px!important}
body.yu-v2-app .yu-info-sheet-link,
body.yu-v2-admin .yu-info-sheet-link{
  display:inline-flex!important;align-items:center!important;gap:7px!important;
  margin-top:2px!important;color:#087446!important;font-weight:900!important
}
body.yu-v2-app .yu-info-trigger,
body.yu-v2-admin .yu-info-trigger{
  width:30px!important;height:30px!important;min-width:30px!important;
  border:1px solid #dce8ef!important;border-radius:50%!important;background:#fff!important;
  color:#0aae66!important;display:inline-grid!important;place-items:center!important;
}

/* ---------- Messages shell: complete V2 layout ---------- */
body.yu-v2-app .messages-page,
body.yu-v2-admin .messages-page{
  width:min(100%,1500px)!important;
  margin:0 auto!important;
  padding:14px!important;
  box-sizing:border-box!important;
  height:calc(100dvh - var(--yu-v2-header-h) - 4px)!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.yu-v2-app .wa-shell,
body.yu-v2-admin .wa-shell{
  height:100%!important;min-height:0!important;width:100%!important;
  display:grid!important;grid-template-columns:minmax(290px,340px) minmax(0,1fr)!important;
  background:#fff!important;border:1px solid var(--yu-v2-line)!important;
  border-radius:22px!important;overflow:hidden!important;box-shadow:var(--yu-v2-shadow)!important;
}
body.yu-v2-app .wa-sidebar,
body.yu-v2-admin .wa-sidebar{
  min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;
  background:#f7fafc!important;border-right:1px solid var(--yu-v2-line)!important;
}
body.yu-v2-app .wa-sidebar-head,
body.yu-v2-admin .wa-sidebar-head{
  flex:none!important;padding:14px!important;border-bottom:1px solid var(--yu-v2-line)!important;background:#fff!important;
}
body.yu-v2-app .wa-title-row,
body.yu-v2-admin .wa-title-row{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;
}
body.yu-v2-app .wa-title,
body.yu-v2-admin .wa-title{
  margin:0!important;font-size:20px!important;line-height:1.1!important;font-weight:900!important;color:var(--yu-v2-navy)!important;
}
body.yu-v2-app .wa-subtitle,
body.yu-v2-admin .wa-subtitle{margin-top:4px!important;font-size:11px!important;color:var(--yu-v2-muted)!important}
body.yu-v2-app .wa-search,
body.yu-v2-admin .wa-search{
  position:relative!important;margin:12px 0 0!important;padding:0 12px 0 38px!important;
  min-height:44px!important;display:flex!important;align-items:center!important;
  border:1px solid var(--yu-v2-line)!important;border-radius:14px!important;background:#f8fbfd!important;
}
body.yu-v2-app .wa-search i,
body.yu-v2-admin .wa-search i{position:absolute!important;left:13px!important;color:#8aa0b8!important}
body.yu-v2-app .wa-search input,
body.yu-v2-admin .wa-search input{
  width:100%!important;min-width:0!important;height:42px!important;border:0!important;outline:0!important;
  background:transparent!important;color:var(--yu-v2-navy)!important;font-size:13px!important;
}
body.yu-v2-app .wa-list,
body.yu-v2-admin .wa-list{
  min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important;display:flex!important;flex-direction:column!important;gap:4px!important;
}
body.yu-v2-app .wa-item,
body.yu-v2-admin .wa-item{
  display:flex!important;gap:10px!important;align-items:center!important;min-width:0!important;
  padding:11px!important;border-radius:15px!important;border:1px solid transparent!important;
  background:transparent!important;text-decoration:none!important;color:inherit!important;
}
body.yu-v2-app .wa-item:hover,
body.yu-v2-admin .wa-item:hover{background:#eefaf4!important;border-color:#d5efdf!important}
body.yu-v2-app .wa-item.active,
body.yu-v2-admin .wa-item.active{background:#e9f8f0!important;border-color:#c5ebd7!important}
body.yu-v2-app .wa-avatar,
body.yu-v2-admin .wa-avatar{
  width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;background:#e1f7eb!important;color:#087446!important;font-weight:900!important;
}
body.yu-v2-app .wa-item-main,
body.yu-v2-admin .wa-item-main{min-width:0!important;flex:1!important}
body.yu-v2-app .wa-item-top,
body.yu-v2-admin .wa-item-top{
  min-width:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;
}
body.yu-v2-app .wa-name-line,
body.yu-v2-admin .wa-name-line{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important}
body.yu-v2-app .wa-name,
body.yu-v2-admin .wa-name{
  min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;
  text-overflow:ellipsis!important;color:var(--yu-v2-navy)!important;font-size:13px!important;font-weight:900!important;
}
body.yu-v2-app .wa-time,
body.yu-v2-admin .wa-time{flex:none!important;white-space:nowrap!important;color:#8296ad!important;font-size:10px!important}
body.yu-v2-app .wa-preview,
body.yu-v2-admin .wa-preview{
  margin-top:4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:var(--yu-v2-muted)!important;font-size:11px!important;
}
body.yu-v2-app .wa-context,
body.yu-v2-admin .wa-context{
  display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;margin-top:5px!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#3d688f!important;font-size:10px!important;
}
body.yu-v2-app .wa-unread,
body.yu-v2-admin .wa-unread{
  flex:none!important;min-width:18px!important;height:18px!important;padding:0 5px!important;display:inline-flex!important;
  align-items:center!important;justify-content:center!important;border-radius:99px!important;background:#0aae66!important;color:#fff!important;font-size:9px!important;font-weight:900!important;
}
body.yu-v2-app .wa-main,
body.yu-v2-admin .wa-main{
  min-width:0!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background:#f3f8fc!important;
}
body.yu-v2-app .wa-chat-head,
body.yu-v2-admin .wa-chat-head{
  flex:none!important;min-height:68px!important;padding:10px 14px!important;
  display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;border-bottom:1px solid var(--yu-v2-line)!important;
}
body.yu-v2-app .wa-mobile-back,
body.yu-v2-admin .wa-mobile-back{display:none!important}
body.yu-v2-app .wa-chat-avatar,
body.yu-v2-admin .wa-chat-avatar{
  width:44px!important;height:44px!important;min-width:44px!important;border-radius:14px!important;
  display:grid!important;place-items:center!important;background:#0aae66!important;color:#fff!important;font-weight:900!important;
}
body.yu-v2-app .wa-chat-title,
body.yu-v2-admin .wa-chat-title{font-size:15px!important;font-weight:900!important;color:var(--yu-v2-navy)!important}
body.yu-v2-app .wa-chat-sub,
body.yu-v2-admin .wa-chat-sub{
  margin-top:3px!important;font-size:10px!important;color:var(--yu-v2-muted)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:min(60vw,560px)!important;
}
body.yu-v2-app .wa-chat-actions,
body.yu-v2-admin .wa-chat-actions{margin-left:auto!important;display:flex!important;gap:6px!important;flex:none!important}
body.yu-v2-app .wa-body,
body.yu-v2-admin .wa-body{
  flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  display:flex!important;flex-direction:column!important;gap:4px!important;
  padding:16px!important;background:#f3f8fc!important;
}
body.yu-v2-app .wa-date,
body.yu-v2-admin .wa-date{
  display:block!important;width:max-content!important;margin:2px auto 10px!important;padding:6px 9px!important;
  border-radius:99px!important;background:#e8f0f5!important;color:#69809d!important;font-size:10px!important;font-weight:800!important;
}
body.yu-v2-app .wa-msg-row,
body.yu-v2-admin .wa-msg-row{
  width:100%!important;display:flex!important;justify-content:flex-start!important;padding:0!important;min-width:0!important;
}
body.yu-v2-app .wa-msg-row.mine,
body.yu-v2-admin .wa-msg-row.mine{justify-content:flex-end!important}
body.yu-v2-app .wa-bubble,
body.yu-v2-admin .wa-bubble{
  position:relative!important;max-width:min(72%,620px)!important;min-width:0!important;
  padding:9px 11px 7px!important;border-radius:17px!important;
  background:#fff!important;border:1px solid #e2ebf2!important;
  box-shadow:0 4px 12px rgba(14,42,78,.05)!important;overflow-wrap:anywhere!important;
}
body.yu-v2-app .wa-msg-row.mine .wa-bubble,
body.yu-v2-admin .wa-msg-row.mine .wa-bubble{
  background:#dff7ea!important;border-color:#c7ecd8!important;
}
body.yu-v2-app .wa-sender,
body.yu-v2-admin .wa-sender{margin-bottom:3px!important;color:#087446!important;font-size:10px!important;font-weight:900!important}
body.yu-v2-app .wa-body-text,
body.yu-v2-admin .wa-body-text{
  color:#284766!important;font-size:12px!important;line-height:1.5!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;word-break:break-word!important;
}
body.yu-v2-app .wa-meta,
body.yu-v2-admin .wa-meta{margin-top:4px!important;color:#7a8ea5!important;text-align:right!important;font-size:9px!important}
body.yu-v2-app .wa-image{
  display:block!important;max-width:min(280px,100%)!important;max-height:340px!important;width:auto!important;height:auto!important;
  border-radius:12px!important;border:1px solid #d9e5ed!important;object-fit:cover!important;
}
body.yu-v2-admin .wa-image{
  display:block!important;max-width:min(280px,100%)!important;max-height:340px!important;width:auto!important;height:auto!important;
  border-radius:12px!important;border:1px solid #d9e5ed!important;object-fit:cover!important;
}
body.yu-v2-app .wa-audio-wrap,
body.yu-v2-admin .wa-audio-wrap{max-width:100%!important;overflow:hidden!important}
body.yu-v2-app .wa-audio,
body.yu-v2-admin .wa-audio{max-width:100%!important;width:min(300px,100%)!important}
body.yu-v2-app .wa-compose,
body.yu-v2-admin .wa-compose{
  flex:none!important;position:relative!important;padding:10px!important;background:#fff!important;border-top:1px solid var(--yu-v2-line)!important;
}
body.yu-v2-app .wa-compose-form,
body.yu-v2-admin .wa-compose-form{
  width:100%!important;max-width:100%!important;display:flex!important;align-items:flex-end!important;gap:7px!important;
  padding:7px!important;border:1px solid var(--yu-v2-line)!important;border-radius:17px!important;background:#f8fbfd!important;
}
body.yu-v2-app .wa-compose-tools,
body.yu-v2-admin .wa-compose-tools{display:flex!important;align-items:center!important;gap:5px!important;flex:none!important}
body.yu-v2-app .wa-compose-form textarea,
body.yu-v2-admin .wa-compose-form textarea{
  flex:1 1 auto!important;min-width:0!important;max-width:100%!important;resize:none!important;
  min-height:42px!important;max-height:125px!important;padding:11px 7px!important;border:0!important;outline:0!important;background:transparent!important;
  color:var(--yu-v2-navy)!important;font-size:13px!important;line-height:1.35!important;
}
body.yu-v2-app .wa-tool-btn,
body.yu-v2-admin .wa-tool-btn{
  width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important;
  border:1px solid var(--yu-v2-line)!important;background:#fff!important;color:#087446!important;display:grid!important;place-items:center!important;
}
body.yu-v2-app .wa-send,
body.yu-v2-admin .wa-send{
  width:42px!important;height:42px!important;min-width:42px!important;border:0!important;border-radius:13px!important;
  background:#0aae66!important;color:#fff!important;display:grid!important;place-items:center!important;
}
body.yu-v2-app .wa-hidden-file,
body.yu-v2-admin .wa-hidden-file{display:none!important}
body.yu-v2-app .wa-attachment-preview,
body.yu-v2-admin .wa-attachment-preview{padding:7px 0 0!important}
body.yu-v2-app .wa-send-error,
body.yu-v2-admin .wa-send-error{
  margin:6px 0 0!important;padding:7px 10px!important;background:#fff1f3!important;color:#b52139!important;
  border:1px solid #ffd3da!important;border-radius:10px!important;font-size:11px!important;
}
body.yu-v2-app .wa-typing-bar,
body.yu-v2-admin .wa-typing-bar{
  flex:none!important;padding:4px 14px 0!important;min-height:20px!important;color:#087446!important;font-size:11px!important;font-weight:800!important;
}
body.yu-v2-app .wa-msg-actions,
body.yu-v2-admin .wa-msg-actions{position:absolute!important;top:5px!important;right:5px!important}
body.yu-v2-app .wa-message-menu-btn,
body.yu-v2-admin .wa-message-menu-btn{
  width:28px!important;height:28px!important;border:1px solid #dfe9ef!important;border-radius:9px!important;
  background:rgba(255,255,255,.94)!important;color:#5f7691!important;display:grid!important;place-items:center!important;
}
body.yu-v2-app .wa-message-menu,
body.yu-v2-admin .wa-message-menu{
  position:absolute!important;right:0!important;top:33px!important;z-index:3000!important;
  min-width:110px!important;padding:5px!important;background:#fff!important;border:1px solid var(--yu-v2-line)!important;border-radius:12px!important;
  box-shadow:0 14px 32px rgba(14,42,78,.15)!important;
}
body.yu-v2-app .wa-message-menu[hidden],
body.yu-v2-admin .wa-message-menu[hidden]{display:none!important}
body.yu-v2-app .wa-message-delete,
body.yu-v2-admin .wa-message-delete{
  width:100%!important;border:0!important;background:#fff!important;padding:9px!important;border-radius:9px!important;
  color:#b52139!important;text-align:left!important;font-weight:800!important;display:flex!important;align-items:center!important;gap:8px!important
}
body.yu-v2-app .wa-empty,
body.yu-v2-admin .wa-empty{flex:1!important;min-height:0!important;display:grid!important;place-items:center!important;padding:20px!important}
body.yu-v2-app .wa-empty-card,
body.yu-v2-admin .wa-empty-card{
  max-width:360px!important;padding:24px!important;border:1px solid var(--yu-v2-line)!important;border-radius:22px!important;background:#fff!important;
  text-align:center!important;box-shadow:var(--yu-v2-shadow)!important
}

/* ---------- Mobile messages ---------- */
@media(max-width:991px){
  body.yu-v2-app .messages-page,
  body.yu-v2-admin .messages-page{
    height:calc(100dvh - var(--yu-v2-header-h) - 76px)!important;
    padding:8px!important;margin:0!important;width:100%!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell{
    grid-template-columns:1fr!important;border-radius:18px!important;
  }
  body.yu-v2-app .wa-sidebar,
  body.yu-v2-admin .wa-sidebar{
    display:none!important;border-right:0!important;
  }
  body.yu-v2-app .wa-shell.show-list .wa-sidebar,
  body.yu-v2-admin .wa-shell.show-list .wa-sidebar{display:flex!important}
  body.yu-v2-app .wa-shell.show-list .wa-main,
  body.yu-v2-admin .wa-shell.show-list .wa-main{display:none!important}
  body.yu-v2-app .wa-shell:not(.show-list) .wa-main,
  body.yu-v2-admin .wa-shell:not(.show-list) .wa-main{display:flex!important}
  body.yu-v2-app .wa-mobile-back,
  body.yu-v2-admin .wa-mobile-back{
    display:grid!important;place-items:center!important;flex:none!important;
  }
  body.yu-v2-app .wa-chat-head,
  body.yu-v2-admin .wa-chat-head{min-height:58px!important;padding:8px 10px!important}
  body.yu-v2-app .wa-chat-sub,
  body.yu-v2-admin .wa-chat-sub{max-width:52vw!important}
  body.yu-v2-app .wa-body,
  body.yu-v2-admin .wa-body{padding:10px!important}
  body.yu-v2-app .wa-bubble,
  body.yu-v2-admin .wa-bubble{max-width:88%!important}
  body.yu-v2-app .wa-compose,
  body.yu-v2-admin .wa-compose{padding:7px!important}
  body.yu-v2-app .wa-compose-tools,
  body.yu-v2-admin .wa-compose-tools{gap:3px!important}
  body.yu-v2-app .wa-tool-btn,
  body.yu-v2-admin .wa-tool-btn{width:34px!important;height:34px!important;min-width:34px!important}
  body.yu-v2-app .wa-send,
  body.yu-v2-admin .wa-send{width:38px!important;height:38px!important;min-width:38px!important}
  body.yu-v2-app .wa-compose-form textarea,
  body.yu-v2-admin .wa-compose-form textarea{min-height:38px!important}
  body.yu-v2-app .wa-image,
  body.yu-v2-admin .wa-image{max-width:min(230px,100%)!important;max-height:300px!important}
}
@media(max-width:360px){
  body.yu-v2-app .wa-tool-btn,
  body.yu-v2-admin .wa-tool-btn{width:31px!important;height:31px!important;min-width:31px!important}
  body.yu-v2-app .wa-send,
  body.yu-v2-admin .wa-send{width:36px!important;height:36px!important;min-width:36px!important}
  body.yu-v2-app .wa-compose-form,
  body.yu-v2-admin .wa-compose-form{gap:4px!important;padding:5px!important}
}

/* ---------- Operation Center ---------- */
body.yu-v2-app .operation-center,
body.yu-v2-admin .operation-center{
  margin:0 0 16px!important;border:1px solid var(--yu-v2-line)!important;border-radius:22px!important;
  background:#fff!important;box-shadow:var(--yu-v2-shadow)!important;overflow:hidden!important
}
body.yu-v2-app .oc-head,
body.yu-v2-admin .oc-head{
  padding:16px!important;background:linear-gradient(135deg,#f7fbff 0%,#eefaf4 100%)!important;
  border-bottom:1px solid var(--yu-v2-line)!important
}
body.yu-v2-app .oc-eyebrow,
body.yu-v2-admin .oc-eyebrow{color:#0aae66!important}
body.yu-v2-app .oc-head h2,
body.yu-v2-admin .oc-head h2{margin:5px 0 3px!important;color:var(--yu-v2-navy)!important;font-size:21px!important;font-weight:900!important}
body.yu-v2-app .oc-head p,
body.yu-v2-admin .oc-head p{color:var(--yu-v2-muted)!important}
body.yu-v2-app .oc-head-status,
body.yu-v2-admin .oc-head-status{background:#e9f8f0!important;color:#087446!important;border-color:#c7ecd8!important}
body.yu-v2-app .oc-summary,
body.yu-v2-admin .oc-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;padding:14px!important}
body.yu-v2-app .oc-stat,
body.yu-v2-admin .oc-stat{
  padding:13px!important;border:1px solid var(--yu-v2-line)!important;border-radius:17px!important;background:#fff!important;
}
body.yu-v2-app .oc-stat strong,
body.yu-v2-admin .oc-stat strong{color:var(--yu-v2-navy)!important}
body.yu-v2-app .oc-stat span,
body.yu-v2-admin .oc-stat span{color:var(--yu-v2-muted)!important}
body.yu-v2-app .oc-section-title,
body.yu-v2-admin .oc-section-title{padding:14px 16px!important;border-bottom:1px solid #edf2f6!important}
body.yu-v2-app .oc-section-kicker,
body.yu-v2-admin .oc-section-kicker{color:#0aae66!important}
body.yu-v2-app .oc-section-title h3,
body.yu-v2-admin .oc-section-title h3{color:var(--yu-v2-navy)!important;font-size:17px!important}
body.yu-v2-app .oc-action-grid,
body.yu-v2-admin .oc-action-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;padding:14px!important}
body.yu-v2-app .oc-action-card,
body.yu-v2-admin .oc-action-card{
  border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;background:#fff!important;
  box-shadow:none!important;padding:14px!important
}
body.yu-v2-app .oc-action-badge,
body.yu-v2-admin .oc-action-badge{background:#e9f8f0!important;color:#087446!important}
body.yu-v2-app .oc-btn,
body.yu-v2-admin .oc-btn{
  min-height:40px!important;padding:9px 12px!important;border-radius:13px!important;border:1px solid var(--yu-v2-line)!important;
  background:#fff!important;color:var(--yu-v2-navy)!important;font-weight:900!important;font-size:12px!important
}
body.yu-v2-app .oc-btn.primary,
body.yu-v2-admin .oc-btn.primary{background:#0aae66!important;border-color:#0aae66!important;color:#fff!important}
body.yu-v2-app .oc-btn.danger,
body.yu-v2-admin .oc-btn.danger{color:#b52139!important;background:#fff6f7!important;border-color:#ffd8de!important}
body.yu-v2-app .oc-record,
body.yu-v2-admin .oc-record{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;
  padding:13px 15px!important;border-bottom:1px solid #edf2f6!important;background:#fff!important
}
body.yu-v2-app .oc-record-main,
body.yu-v2-admin .oc-record-main{min-width:0!important}
body.yu-v2-app .oc-record-main strong,
body.yu-v2-admin .oc-record-main strong{color:var(--yu-v2-navy)!important}
body.yu-v2-app .oc-record-main span,
body.yu-v2-admin .oc-record-main span{color:var(--yu-v2-muted)!important}
body.yu-v2-app .oc-related-context,
body.yu-v2-admin .oc-related-context{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:7px!important}
body.yu-v2-app .oc-related-context>span,
body.yu-v2-admin .oc-related-context>span{
  padding:5px 8px!important;border-radius:999px!important;background:#f2f7fa!important;color:#617894!important;font-size:10px!important
}
body.yu-v2-app .oc-icon-link,
body.yu-v2-admin .oc-icon-link{
  width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid var(--yu-v2-line)!important;
  background:#fff!important;color:#087446!important;display:grid!important;place-items:center!important
}
body.yu-v2-app .oc-record-status,
body.yu-v2-admin .oc-record-status{
  padding:6px 9px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important;
  background:#eef3f7!important;color:#59718f!important
}
body.yu-v2-app .oc-record-status.ok,
body.yu-v2-admin .oc-record-status.ok{background:#e9f8f0!important;color:#087446!important}
body.yu-v2-app .oc-record-status.warn,
body.yu-v2-admin .oc-record-status.warn{background:#fff7df!important;color:#966900!important}
body.yu-v2-app .oc-panel,
body.yu-v2-admin .oc-panel{border:1px solid var(--yu-v2-line)!important;border-radius:18px!important;background:#fff!important}
body.yu-v2-app .oc-timeline,
body.yu-v2-admin .oc-timeline{padding:14px!important}
body.yu-v2-app .oc-event-dot,
body.yu-v2-admin .oc-event-dot{background:#0aae66!important;border-color:#d7f4e5!important}
body.yu-v2-app .oc-related-popup-backdrop,
body.yu-v2-admin .oc-related-popup-backdrop{background:rgba(7,31,57,.48)!important;backdrop-filter:blur(4px)!important}
body.yu-v2-app .oc-related-popup-dialog,
body.yu-v2-admin .oc-related-popup-dialog{
  background:#fff!important;border:1px solid var(--yu-v2-line)!important;border-radius:24px!important;
  box-shadow:0 28px 70px rgba(7,31,57,.24)!important;overflow:hidden!important
}
body.yu-v2-app .oc-related-popup-head,
body.yu-v2-admin .oc-related-popup-head{
  padding:13px 15px!important;border-bottom:1px solid #edf2f6!important;background:#fff!important
}
body.yu-v2-app .oc-related-popup-close,
body.yu-v2-admin .oc-related-popup-close{
  width:38px!important;height:38px!important;border-radius:11px!important;border:1px solid var(--yu-v2-line)!important;background:#f7fafc!important;color:var(--yu-v2-navy)!important
}
body.yu-v2-app .oc-person-hero,
body.yu-v2-admin .oc-person-hero{
  background:linear-gradient(135deg,#f8fbff,#effaf4)!important;border-color:#dcece6!important;border-radius:18px!important
}
body.yu-v2-app .oc-person-avatar,
body.yu-v2-admin .oc-person-avatar{background:#0aae66!important;color:#fff!important}
body.yu-v2-app .oc-person-kicker,
body.yu-v2-admin .oc-person-kicker{color:#0aae66!important}

/* ---------- Mobile adjustments ---------- */
@media(max-width:991px){
  body.yu-v2-app .biz-wrap,
  body.yu-v2-admin .biz-wrap{padding:13px!important}
  body.yu-v2-app .biz-col-8,
  body.yu-v2-app .biz-col-6,
  body.yu-v2-app .biz-col-4,
  body.yu-v2-admin .biz-col-8,
  body.yu-v2-admin .biz-col-6,
  body.yu-v2-admin .biz-col-4{grid-column:span 12!important}
  body.yu-v2-app .biz-kv,
  body.yu-v2-admin .biz-kv{grid-template-columns:1fr!important}
  body.yu-v2-app .biz-table-wrap,
  body.yu-v2-admin .biz-table-wrap{overflow:auto!important;-webkit-overflow-scrolling:touch!important}
  body.yu-v2-app .messages-page,
  body.yu-v2-admin .messages-page{
    position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:calc(100dvh - var(--yu-v2-header-h) - 76px)!important;
    padding:8px!important;margin:0!important;border-radius:0!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell{
    grid-template-columns:1fr!important;border-radius:18px!important;
  }
  body.yu-v2-app .wa-sidebar,
  body.yu-v2-admin .wa-sidebar{display:flex!important}
  body.yu-v2-app .wa-main,
  body.yu-v2-admin .wa-main{min-height:0!important}
  body.yu-v2-app .wa-shell.chat-open .wa-sidebar,
  body.yu-v2-admin .wa-shell.chat-open .wa-sidebar{display:none!important}
  body.yu-v2-app .wa-chat-head,
  body.yu-v2-admin .wa-chat-head{min-height:60px!important}
  body.yu-v2-app .wa-body,
  body.yu-v2-admin .wa-body{padding:10px!important}
  body.yu-v2-app .wa-compose-form,
  body.yu-v2-admin .wa-compose-form{border-radius:15px!important}
  body.yu-v2-app .oc-summary,
  body.yu-v2-admin .oc-summary{grid-template-columns:1fr 1fr!important}
  body.yu-v2-app .oc-action-grid,
  body.yu-v2-admin .oc-action-grid{grid-template-columns:1fr!important}
  body.yu-v2-app .oc-record,
  body.yu-v2-admin .oc-record{align-items:flex-start!important;flex-wrap:wrap!important}
  body.yu-v2-app .oc-record-actions,
  body.yu-v2-admin .oc-record-actions{width:100%!important;justify-content:flex-start!important}
  body.yu-v2-app .yu-info-sheet,
  body.yu-v2-admin .yu-info-sheet{
    width:100%!important;max-height:90dvh!important;border-radius:24px 24px 0 0!important
  }
}
@media(max-width:420px){
  body.yu-v2-app .oc-summary,
  body.yu-v2-admin .oc-summary{grid-template-columns:1fr!important}
}
@media(min-width:992px){
  body.yu-v2-app .wa-sidebar,
  body.yu-v2-admin .wa-sidebar{display:flex!important}
}


/* ============================================================
/* ============================================================
   GROUP 2 — FINAL MESSAGE LAYOUT OVERRIDES
   These rules intentionally come last so the mobile state
   cannot be overridden by older duplicate blocks.
   ============================================================ */

body.yu-v2-app .wa-bubble.has-actions,
body.yu-v2-admin .wa-bubble.has-actions{
  position:relative!important;
  padding-right:42px!important;
  overflow:visible!important;
}
body.yu-v2-app .wa-msg-actions,
body.yu-v2-admin .wa-msg-actions{
  position:absolute!important;
  top:5px!important;
  right:5px!important;
  z-index:40!important;
}
body.yu-v2-app .wa-message-menu,
body.yu-v2-admin .wa-message-menu{
  position:absolute!important;
  right:0!important;
  top:34px!important;
  z-index:5000!important;
  min-width:118px!important;
}
body.yu-v2-app .wa-message-menu-btn,
body.yu-v2-admin .wa-message-menu-btn{
  box-shadow:0 2px 7px rgba(14,42,78,.08)!important;
}
body.yu-v2-app .wa-message-delete,
body.yu-v2-admin .wa-message-delete{
  min-height:36px!important;
}

/* Desktop messages: stable split panel with bounded content. */
@media(min-width:992px){
  body.yu-v2-app .messages-page,
  body.yu-v2-admin .messages-page{
    height:calc(100dvh - var(--yu-v2-header-h) - 24px)!important;
    min-height:560px!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell{
    min-height:0!important;
  }
  body.yu-v2-app .wa-sidebar,
  body.yu-v2-admin .wa-sidebar,
  body.yu-v2-app .wa-main,
  body.yu-v2-admin .wa-main{
    min-height:0!important;
  }
}

/* Mobile messages: exactly one panel is visible at a time. */
@media(max-width:991px){
  body.yu-v2-app .messages-page,
  body.yu-v2-admin .messages-page{
    height:calc(100dvh - var(--yu-v2-header-h) - 76px)!important;
    min-height:0!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  body.yu-v2-app .wa-shell,
  body.yu-v2-admin .wa-shell{
    display:grid!important;
    grid-template-columns:1fr!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
  }
  body.yu-v2-app .wa-shell.show-list .wa-sidebar,
  body.yu-v2-admin .wa-shell.show-list .wa-sidebar{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
  }
  body.yu-v2-app .wa-shell.show-list .wa-main,
  body.yu-v2-admin .wa-shell.show-list .wa-main{
    display:none!important;
  }
  body.yu-v2-app .wa-shell:not(.show-list) .wa-sidebar,
  body.yu-v2-admin .wa-shell:not(.show-list) .wa-sidebar{
    display:none!important;
  }
  body.yu-v2-app .wa-shell:not(.show-list) .wa-main,
  body.yu-v2-admin .wa-shell:not(.show-list) .wa-main{
    display:flex!important;
    min-width:0!important;
    width:100%!important;
  }
  body.yu-v2-app .wa-list,
  body.yu-v2-admin .wa-list{
    min-height:0!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
  }
  body.yu-v2-app .wa-body,
  body.yu-v2-admin .wa-body{
    min-height:0!important;
    flex:1 1 auto!important;
    overflow-y:auto!important;
  }
  body.yu-v2-app .wa-compose,
  body.yu-v2-admin .wa-compose{
    flex:none!important;
  }
  body.yu-v2-app .wa-msg-row,
  body.yu-v2-admin .wa-msg-row{
    min-width:0!important;
  }
  body.yu-v2-app .wa-bubble,
  body.yu-v2-admin .wa-bubble{
    max-width:88%!important;
  }
}

/* Closed/hidden message menus must never reserve layout space. */
body.yu-v2-app .wa-message-menu[hidden],
body.yu-v2-admin .wa-message-menu[hidden],
body.yu-v2-app .wa-attachment-preview[hidden],
body.yu-v2-admin .wa-attachment-preview[hidden],
body.yu-v2-app .wa-send-error[hidden],
body.yu-v2-admin .wa-send-error[hidden]{
  display:none!important;
}


/* ============================================================
/* ============================================================
   GROUP 2 — FINAL MESSAGE UX / AUDIO / INFO OVERRIDES
   ============================================================ */

/* Info sheet: force a real sheet, not a line/handle-only fragment. */
body.yu-v2-app .yu-info-sheet,
body.yu-v2-admin .yu-info-sheet{
  display:block!important;
  position:relative!important;
  flex:none!important;
  width:min(620px,100%)!important;
  max-height:min(86dvh,760px)!important;
  min-height:180px!important;
  margin:0!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(min-width:992px){
  body.yu-v2-app .yu-info-sheet-overlay,
  body.yu-v2-admin .yu-info-sheet-overlay{
    align-items:center!important;
    padding:24px!important;
  }
  body.yu-v2-app .yu-info-sheet,
  body.yu-v2-admin .yu-info-sheet{
    border-radius:24px!important;
  }
}

/* Audio message: WhatsApp-like compact custom player. */
body.yu-v2-app .wa-audio-wrap,
body.yu-v2-admin .wa-audio-wrap{
  width:min(310px,100%)!important;
  min-height:72px!important;
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:9px 10px!important;
  border-radius:18px!important;
  background:#e7faf0!important;
  border:1px solid #cbeedd!important;
  box-shadow:none!important;
  position:relative!important;
}
body.yu-v2-app .wa-msg-row:not(.mine) .wa-audio-wrap,
body.yu-v2-admin .wa-msg-row:not(.mine) .wa-audio-wrap{
  background:#fff!important;
  border-color:#e0eaf1!important;
}
body.yu-v2-app .wa-audio-native,
body.yu-v2-admin .wa-audio-native{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
body.yu-v2-app .wa-audio-play,
body.yu-v2-admin .wa-audio-play{
  flex:0 0 42px!important;
  width:42px!important;height:42px!important;
  border:0!important;border-radius:50%!important;
  background:#0aae66!important;color:#fff!important;
  display:grid!important;place-items:center!important;
  font-size:15px!important;
  box-shadow:0 5px 13px rgba(10,174,102,.18)!important;
}
body.yu-v2-app .wa-audio-play:hover,
body.yu-v2-admin .wa-audio-play:hover{background:#08985b!important}
body.yu-v2-app .wa-audio-center,
body.yu-v2-admin .wa-audio-center{
  min-width:0!important;flex:1!important;display:flex!important;flex-direction:column!important;gap:5px!important;
}
body.yu-v2-app .wa-audio-wave,
body.yu-v2-admin .wa-audio-wave{
  height:32px!important;display:flex!important;align-items:center!important;gap:2px!important;
  cursor:pointer!important;overflow:hidden!important;padding:0 1px!important;
}
body.yu-v2-app .wa-audio-bar,
body.yu-v2-admin .wa-audio-bar{
  flex:1 1 0!important;min-width:2px!important;max-width:5px!important;
  border-radius:99px!important;background:#a8cfc0!important;transition:background .12s ease!important;
}
body.yu-v2-app .wa-audio-bar.is-played,
body.yu-v2-admin .wa-audio-bar.is-played{background:#09a861!important}
body.yu-v2-app .wa-audio-times,
body.yu-v2-admin .wa-audio-times{
  display:flex!important;justify-content:space-between!important;align-items:center!important;
  color:#6c849d!important;font-size:9px!important;line-height:1!important;
}
body.yu-v2-app .wa-audio-avatar,
body.yu-v2-admin .wa-audio-avatar{
  flex:0 0 38px!important;
  width:38px!important;height:38px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;
  background:#bfe8d2!important;color:#087446!important;
  font-size:10px!important;font-weight:900!important;
}
body.yu-v2-app .wa-audio-error,
body.yu-v2-admin .wa-audio-error{
  position:absolute!important;left:62px!important;bottom:2px!important;
  font-size:9px!important;color:#b52139!important;
}
body.yu-v2-app .wa-message-menu-btn,
body.yu-v2-admin .wa-message-menu-btn{
  z-index:60!important;
}

/* When a mobile chat is open, the bottom app navigation disappears.
   The chat keeps the global top bar. */
@media(max-width:991px){
  body.yu-v2-app.yu-message-chat-open #yuMobileBottomNav,
  body.yu-v2-admin.yu-message-chat-open #yuMobileBottomNav{
    display:none!important;
  }
  body.yu-v2-app.yu-message-chat-open .messages-page,
  body.yu-v2-admin.yu-message-chat-open .messages-page{
    height:calc(100dvh - var(--yu-v2-header-h))!important;
    padding:6px!important;
  }
  body.yu-v2-app.yu-message-chat-open .wa-shell,
  body.yu-v2-admin.yu-message-chat-open .wa-shell{
    height:100%!important;
    max-height:100%!important;
  }
  body.yu-v2-app .wa-audio-wrap,
  body.yu-v2-admin .wa-audio-wrap{
    width:min(300px,100%)!important;
    min-height:68px!important;
    padding:8px!important;
  }
  body.yu-v2-app .wa-audio-play,
  body.yu-v2-admin .wa-audio-play{
    width:38px!important;height:38px!important;flex-basis:38px!important;
  }
  body.yu-v2-app .wa-audio-avatar,
  body.yu-v2-admin .wa-audio-avatar{
    width:34px!important;height:34px!important;flex-basis:34px!important;
  }
}


/* ============================================================
/* Mobile chat: no blank reserved area and no bottom navigation.
   The global topbar remains visible. */
@media(max-width:991px){
  body.yu-v2-app.yu-message-chat-open .page-content,
  body.yu-v2-admin.yu-message-chat-open .page-content{
    padding-bottom:0!important;
  }
  body.yu-v2-app.yu-message-chat-open .yu-mobile-bottom-nav,
  body.yu-v2-admin.yu-message-chat-open .yu-mobile-bottom-nav{
    display:none!important;
    height:0!important;
    min-height:0!important;
  }
  body.yu-v2-app.yu-message-chat-open .messages-page,
  body.yu-v2-admin.yu-message-chat-open .messages-page{
    position:relative!important;
    width:100%!important;
    height:calc(100dvh - 64px)!important;
    min-height:calc(100dvh - 64px)!important;
    max-height:calc(100dvh - 64px)!important;
    margin:0!important;
    padding:6px!important;
    overflow:hidden!important;
  }
  body.yu-v2-app.yu-message-chat-open .wa-shell,
  body.yu-v2-admin.yu-message-chat-open .wa-shell{
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
  }
  body.yu-v2-app.yu-message-chat-open .wa-main,
  body.yu-v2-admin.yu-message-chat-open .wa-main{
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
  }
}


/* ============================================================


/* ============================================================
   FINAL COMMON V2 NORMALIZATION
   ============================================================ */

body.yu-v2-app .canonical-location,
body.yu-v2-admin .canonical-location{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
}

body.yu-v2-app .canonical-location-search,
body.yu-v2-admin .canonical-location-search{
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
  padding:0 14px 0 42px!important;
  display:flex!important;
  align-items:center!important;
  border:1px solid var(--yu-common-border)!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 4px 14px rgba(9,40,92,.035)!important;
}

body.yu-v2-app .canonical-location-search>i,
body.yu-v2-admin .canonical-location-search>i{
  position:absolute!important;
  left:14px!important;
  top:50%!important;
  transform:translateY(-50%)!important;
  width:18px!important;
  height:18px!important;
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  z-index:4!important;
  pointer-events:none!important;
  color:var(--yu-common-muted)!important;
  font-size:14px!important;
}

body.yu-v2-app .canonical-location-search-input,
body.yu-v2-admin .canonical-location-search-input{
  width:100%!important;
  min-width:0!important;
  padding:0 34px 0 0!important;
  margin:0!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:var(--yu-common-navy)!important;
  font-size:14px!important;
  line-height:1.25!important;
}

body.yu-v2-app .canonical-location-option-copy,
body.yu-v2-admin .canonical-location-option-copy{
  min-width:0!important;
  flex:1 1 auto!important;
}

body.yu-v2-app .canonical-location-option>i,
body.yu-v2-admin .canonical-location-option>i{
  flex:0 0 auto!important;
  color:var(--yu-common-muted)!important;
  font-size:11px!important;
}

body.yu-v2-app .canonical-location-selected,
body.yu-v2-admin .canonical-location-selected{
  width:100%!important;
  min-width:0!important;
  background:#fff!important;
}

body.yu-v2-app .canonical-location-option,
body.yu-v2-admin .canonical-location-option{
  text-decoration:none!important;
  cursor:pointer!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease!important;
}
body.yu-v2-app .canonical-location-option:focus-visible,
body.yu-v2-admin .canonical-location-option:focus-visible{
  outline:3px solid rgba(10,174,102,.14)!important;
  outline-offset:1px!important;
  border-color:#a6dfc2!important;
}

body.yu-v2-app .yu-info-sheet-close,
body.yu-v2-admin .yu-info-sheet-close,
body.yu-v2-app .yu-info-trigger,
body.yu-v2-admin .yu-info-trigger,
body.yu-v2-app .oc-icon-link,
body.yu-v2-admin .oc-icon-link,
body.yu-v2-app .wa-tool-btn,
body.yu-v2-admin .wa-tool-btn,
body.yu-v2-app .wa-send,
body.yu-v2-admin .wa-send{
  cursor:pointer!important;
}

body.yu-v2-app .yu-info-sheet-link,
body.yu-v2-admin .yu-info-sheet-link,
body.yu-v2-app .wa-item,
body.yu-v2-admin .wa-item,
body.yu-v2-app .oc-icon-link,
body.yu-v2-admin .oc-icon-link,
body.yu-v2-app .oc-btn,
body.yu-v2-admin .oc-btn{
  text-decoration:none!important;
}

@media(max-width:991px){
  body.yu-v2-app .biz-wrap,body.yu-v2-admin .biz-wrap{padding:10px!important}
  body.yu-v2-app .biz-card,body.yu-v2-admin .biz-card{border-radius:18px!important}
  body.yu-v2-app .canonical-location-search,body.yu-v2-admin .canonical-location-search{min-height:46px!important;padding-left:40px!important;border-radius:14px!important}
  body.yu-v2-app .canonical-location-search>i,body.yu-v2-admin .canonical-location-search>i{left:12px!important;width:18px!important}
  body.yu-v2-app .canonical-location-search-input,body.yu-v2-admin .canonical-location-search-input{font-size:13px!important;padding-right:30px!important}
  body.yu-v2-app .canonical-location-menu,body.yu-v2-admin .canonical-location-menu{top:calc(100% + 6px)!important;padding:7px!important;border-radius:16px!important;max-height:min(62dvh,460px)!important}
  body.yu-v2-app .canonical-location-list,body.yu-v2-admin .canonical-location-list{max-height:min(52dvh,360px)!important}
  body.yu-v2-app .canonical-location-option,body.yu-v2-admin .canonical-location-option{padding:10px 11px!important;border-radius:12px!important}
  body.yu-v2-app .yu-info-sheet,body.yu-v2-admin .yu-info-sheet{max-height:90dvh!important;border-radius:22px 22px 0 0!important}
  body.yu-v2-app .messages-page,body.yu-v2-admin .messages-page{padding:6px!important}
}

@media(max-width:430px){
  body.yu-v2-app .biz-wrap,body.yu-v2-admin .biz-wrap{padding:8px!important}
  body.yu-v2-app .biz-grid,body.yu-v2-admin .biz-grid{gap:9px!important}
  body.yu-v2-app .biz-card-h,body.yu-v2-admin .biz-card-h{padding:12px 13px!important}
  body.yu-v2-app .biz-card-b,body.yu-v2-admin .biz-card-b{padding:13px!important}
  body.yu-v2-app .canonical-location-tabs,body.yu-v2-admin .canonical-location-tabs{gap:3px!important}
  body.yu-v2-app .canonical-location-tab,body.yu-v2-admin .canonical-location-tab{padding:8px 6px!important;font-size:11px!important}
  body.yu-v2-app .wa-item,body.yu-v2-admin .wa-item{padding:9px 10px!important}
  body.yu-v2-app .wa-bubble,body.yu-v2-admin .wa-bubble{max-width:92%!important}
}

@media(min-width:992px){
  body.yu-v2-app .yu-info-sheet-overlay,body.yu-v2-admin .yu-info-sheet-overlay{align-items:center!important;padding:24px!important}
  body.yu-v2-app .yu-info-sheet,body.yu-v2-admin .yu-info-sheet{border-radius:24px!important}
  body.yu-v2-app .messages-page,body.yu-v2-admin .messages-page{max-width:1500px!important}
}