/* ODRAVIO MOBILE V1R1 — pure CSS mobile layer; no JS gate. */
:root{
  --odm-safe-top:env(safe-area-inset-top,0px);
  --odm-safe-bottom:env(safe-area-inset-bottom,0px);
  --odm-blue:#1769e8;
  --odm-blue-deep:#0d3d87;
  --odm-ink:#102744;
  --odm-muted:#71849e;
  --odm-line:#dfe8f3;
  --odm-soft:#f5f8fc;
  --odm-card:#fff;
  --odm-shadow:0 10px 30px rgba(16,39,68,.07);
  --odm-vh:100dvh;
}

@media (max-width:820px){
  /* V1R1 safety: closed full-screen layers can NEVER intercept taps. */
  .cx-mobile-backdrop{pointer-events:none!important}
  body.cx-menu-open .cx-mobile-backdrop{pointer-events:auto!important}
  .cx-contact-layer:not(.is-open),.cx-ai-topup-layer:not(.is-open),.cx-purchase-overlay:not(.is-open){pointer-events:none!important;visibility:hidden!important}
  .cx-contact-layer.is-open,.cx-ai-topup-layer.is-open,.cx-purchase-overlay.is-open{pointer-events:auto!important;visibility:visible!important}
  .cxoa-panel:not(.is-open){pointer-events:none!important;visibility:hidden!important}
  .cxoa-panel.is-open{pointer-events:auto!important;visibility:visible!important}
  .bc-assistant-v197:not(.is-open),#bc-assistant:not(.is-open){pointer-events:none!important;visibility:hidden!important}
  .bc-assistant-v197.is-open,#bc-assistant.is-open{pointer-events:auto!important;visibility:visible!important}
  .odm-section-backdrop,.odm-section-sheet{pointer-events:none!important}
  .odm-section-backdrop.is-open,.odm-section-sheet.is-open{pointer-events:auto!important}
  .odm-section-backdrop[hidden],.odm-section-sheet[hidden]{display:none!important}
  .cx-skeleton-screen.is-hidden{display:none!important;pointer-events:none!important}

  html,body{max-width:100%;overflow-x:hidden!important}
  body{font-size:14px;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}
  button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  select,textarea{font-size:16px!important}
  button,[role="button"],a{touch-action:manipulation}

  /* ======================== CUSTOMER WORKSPACE ======================== */
  .cx-app{display:block!important;min-height:100dvh;background:#f5f7fa}
  .cx-side{
    position:fixed!important;inset:0 auto 0 0!important;width:min(86vw,320px)!important;height:100dvh!important;
    padding:calc(18px + var(--odm-safe-top)) 14px calc(18px + var(--odm-safe-bottom))!important;
    border-right:1px solid var(--odm-line)!important;box-shadow:22px 0 60px rgba(8,31,65,.18)!important;
    transform:translateX(-104%);transition:transform .28s cubic-bezier(.16,1,.3,1)!important;z-index:720!important
  }
  body.cx-menu-open .cx-side{transform:none!important}
  .cx-brand{padding:0 8px 18px!important}
  .cx-brand strong{font-size:14px!important}.cx-brand span{font-size:10px!important}
  .cx-nav-link{min-height:48px!important;height:auto!important;border-radius:13px!important;font-size:14px!important;padding:10px 12px!important}
  .cx-side-footer{padding-bottom:4px!important}
  .cx-account-mini{min-height:52px!important;width:100%!important;padding:6px!important;border-radius:13px!important}
  .cx-account-mini b{font-size:12.5px!important}.cx-account-mini small{font-size:10.5px!important}
  .cx-mobile-backdrop{z-index:710!important;background:rgba(8,27,54,.34)!important;backdrop-filter:blur(2px)}

  .cx-main{min-width:0!important;width:100%!important}
  .cx-top{
    height:calc(58px + var(--odm-safe-top))!important;min-height:calc(58px + var(--odm-safe-top))!important;
    padding:var(--odm-safe-top) 14px 0!important;z-index:620!important;background:rgba(255,255,255,.96)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
  }
  .cx-mobile-open{display:grid!important;width:42px!important;height:42px!important;border-radius:12px!important}
  .cx-top h1{font-size:17px!important;margin:0!important}
  .cx-breadcrumb{display:none!important}
  .cx-help-link{height:40px!important;padding:0 11px!important;border-radius:12px!important;font-size:11px!important}
  .cx-content{width:100%!important;max-width:none!important;padding:18px 14px calc(94px + var(--odm-safe-bottom))!important;margin:0!important}
  .cx-page-heading{display:block!important;margin-bottom:18px!important}
  .cx-page-heading h2{font-size:26px!important;line-height:1.05!important;margin:5px 0 7px!important}
  .cx-page-heading p{font-size:13px!important;line-height:1.55!important}
  .cx-page-heading>.cx-btn,.cx-page-heading>div+*{margin-top:12px}
  .cx-kicker{font-size:10px!important}
  .cx-btn{min-height:46px!important;border-radius:12px!important;font-size:13px!important;padding:10px 14px!important}

  .cx-bottom-nav{
    left:8px!important;right:8px!important;bottom:max(8px,var(--odm-safe-bottom))!important;height:66px!important;
    border-radius:20px!important;padding:5px!important;z-index:650!important;box-shadow:0 16px 44px rgba(13,35,67,.16)!important;
    border-color:#dce6f2!important;background:rgba(255,255,255,.96)!important
  }
  .cx-bottom-link{min-height:54px!important;border-radius:15px!important;gap:3px!important}
  .cx-bottom-link small{font-size:9px!important;line-height:1!important}.cx-bottom-link span{height:22px!important}

  /* Mobile cards: less dense, no desktop columns. */
  :where(.cx-product-grid,.cx-plan-grid,.cx-two-clean,.cx-ai-wallet-stats,.cx-news-board,.cx-contact-grid,.cx-modal-summary,.cx-checkout-min,.cx-profile-overview){grid-template-columns:1fr!important;gap:12px!important}
  :where(.cx-product-card,.cx-store-card,.cx-plan-card,.cx-news-card,.cx-notification-card,.cx-profile-card,.cx-ai-wallet-card,.cx-card,.cx-clean-card){border-radius:17px!important;box-shadow:0 8px 24px rgba(16,39,68,.045)!important}
  .cx-product-card{padding:16px!important}
  .cx-product-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;margin-top:14px!important}
  .cx-product-actions .cx-btn{width:100%!important}
  .cx-store-card{display:block!important;padding:16px!important}
  .cx-store-footer{display:block!important;margin-top:14px!important}
  .cx-store-footer .cx-product-actions{margin-top:12px!important}
  .cx-stat-row,.cx-stat-row.is-four{grid-template-columns:1fr 1fr!important;gap:0!important}
  .cx-stat-row>div{min-height:92px!important;padding:14px!important;border-right:1px solid var(--odm-line)!important;border-bottom:1px solid var(--odm-line)!important}
  .cx-stat-row>div:nth-child(2n){border-right:0!important}
  .cx-stat-row>div:nth-last-child(-n+2){border-bottom:0!important}
  .cx-ai-wallet-balance{font-size:32px!important;letter-spacing:-.04em!important}
  .cx-profile-product{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important}
  .cx-profile-product-date,.cx-profile-product-actions{grid-column:2!important;grid-row:auto!important}
  .cx-profile-product-actions{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}

  /* Forms & settings. */
  .cx-form label{font-size:12px!important}
  .cx-form input:not([type="checkbox"]):not([type="radio"]),
  .cx-form select,.cx-form textarea{min-height:48px!important;border-radius:12px!important;padding:11px 12px!important}
  .cx-check{align-items:flex-start!important;gap:10px!important}
  .cx-check input{width:20px!important;height:20px!important;flex:0 0 20px!important;margin-top:1px!important}
  .cx-contact-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .cx-contact-actions .cx-btn{width:100%!important}

  /* Customer modals become sheets. */
  :where(.cx-contact-layer,.cx-ai-topup-layer,.cx-purchase-overlay){padding:0!important;align-items:flex-end!important}
  :where(.cx-contact-modal,.cx-ai-topup-modal,.cx-purchase-modal){
    width:100%!important;max-width:none!important;max-height:calc(var(--odm-vh) - var(--odm-safe-top) - 8px)!important;
    border-radius:24px 24px 0 0!important;padding:20px 16px calc(18px + var(--odm-safe-bottom))!important;
    overflow:auto!important;box-shadow:0 -18px 58px rgba(12,37,72,.22)!important
  }
  .cx-modal-x{width:44px!important;height:44px!important;border-radius:14px!important}

  /* Generic tables become readable record cards; JS supplies data-mobile-label. */
  table.odm-table-card{display:block!important;width:100%!important;border:0!important;background:transparent!important;box-shadow:none!important}
  table.odm-table-card thead{display:none!important}
  table.odm-table-card tbody{display:grid!important;gap:10px!important;width:100%!important}
  table.odm-table-card tr{display:block!important;width:100%!important;background:#fff!important;border:1px solid var(--odm-line)!important;border-radius:16px!important;padding:7px 12px!important;box-shadow:0 6px 18px rgba(15,40,72,.04)!important}
  table.odm-table-card td{display:grid!important;grid-template-columns:minmax(92px,36%) minmax(0,1fr)!important;gap:12px!important;align-items:center!important;width:100%!important;min-height:42px!important;padding:9px 0!important;border:0!important;border-bottom:1px solid #edf1f6!important;text-align:right!important;white-space:normal!important;overflow-wrap:anywhere!important}
  table.odm-table-card td:last-child{border-bottom:0!important}
  table.odm-table-card td::before{content:attr(data-mobile-label);text-align:left;color:#7b8da5;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}

  /* =========================== BOTCREATOR =========================== */
  .bc-app{min-height:100dvh!important;background:#f5f7fa!important}
  .bc-appbar{
    position:sticky!important;top:0!important;z-index:620!important;height:calc(62px + var(--odm-safe-top))!important;
    min-height:calc(62px + var(--odm-safe-top))!important;padding:var(--odm-safe-top) 10px 0!important;
    grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;background:rgba(255,255,255,.97)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important
  }
  .bc-appbar .bc-brand{min-width:0!important;max-width:calc(100vw - 126px)!important;gap:7px!important}
  .bc-brand-agent-mark{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:12px!important}
  .bc-brand-agent-copy strong{font-size:18px!important}.bc-brand-agent-copy small{font-size:7px!important;letter-spacing:.16em!important}
  .bc-brand-by,.bc-brand-odravio{display:none!important}
  .bc-app-context{display:none!important}
  .bc-top-actions{gap:5px!important}
  .bc-top-actions button{width:42px!important;height:42px!important;min-width:42px!important;border-radius:12px!important}
  .bc-help-btn span:last-child{display:none!important}
  .bc-mobile-menu{display:flex!important}

  .bc-side{
    width:min(86vw,320px)!important;height:100dvh!important;top:0!important;padding:calc(76px + var(--odm-safe-top)) 12px calc(20px + var(--odm-safe-bottom))!important;
    z-index:720!important;background:#fff!important;box-shadow:24px 0 64px rgba(9,33,67,.18)!important
  }
  .bc-side.open{transform:none!important}
  .bc-main-nav a,.bc-side-help{min-height:50px!important;height:auto!important;border-radius:13px!important;font-size:14px!important}
  .bc-side-backdrop{z-index:710!important;background:rgba(7,26,53,.34)!important;backdrop-filter:blur(2px)}
  .bc-main{margin-left:0!important;min-width:0!important;width:100%!important}
  .bc-content{padding:14px 12px calc(90px + var(--odm-safe-bottom))!important;width:100%!important;max-width:none!important}
  .bc-shell{width:100%!important;max-width:none!important;margin:0!important}
  .bc-section-head{display:block!important;margin-bottom:14px!important}
  .bc-section-head h2{font-size:23px!important;line-height:1.08!important;letter-spacing:-.035em!important}
  .bc-section-head p{font-size:12.5px!important;line-height:1.55!important;margin-top:6px!important}
  .bc-eyebrow{font-size:9px!important}
  .bc-btn{min-height:46px!important;border-radius:12px!important;font-size:12.5px!important;padding:10px 13px!important}
  .bc-icon-btn{min-width:44px!important;min-height:44px!important}
  :where(.bc-input,.bc-select,.bc-textarea){min-height:48px!important;border-radius:12px!important;padding:11px 12px!important}
  .bc-textarea{min-height:110px!important}
  .bc-field{margin-bottom:13px!important}
  .bc-field label{font-size:11px!important;margin-bottom:6px!important}

  /* Dashboard & list cards. */
  .bc-home-summary-v177{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .bc-balance-card-v177{grid-column:1/-1!important;padding:16px!important;border-radius:17px!important}
  .bc-home-stat{min-height:92px!important;padding:13px!important;border-radius:16px!important}
  .bc-home-stat strong{font-size:23px!important}
  .bc-credit-range-section{padding:14px!important;border-radius:17px!important}
  .bc-credit-dial-grid,.bc-credit-dial-grid-v179{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .bc-credit-dial,.bc-credit-dial-v179{min-height:135px!important;border-radius:16px!important;padding:12px!important}
  .bc-credit-speedometer{max-width:120px!important}
  .bc-bot-grid{grid-template-columns:1fr!important;gap:10px!important}
  .bc-bot-card{padding:14px!important;border-radius:17px!important}
  .bc-bot-card-head{align-items:flex-start!important}.bc-bot-card-title h3{font-size:16px!important}
  .bc-agent-channel-row{gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:3px!important;scrollbar-width:none}
  .bc-agent-channel-row::-webkit-scrollbar{display:none}
  .bc-agent-channel-row span{white-space:nowrap!important;flex:0 0 auto!important}
  .bc-bot-card-foot{align-items:center!important;gap:8px!important}.bc-bot-card-actions{gap:6px!important}

  /* Project header becomes compact; desktop editor nav is replaced by mobile section sheet. */
  .bc-agent-toolbar,.bc-agent-toolbar-v180{padding:10px!important;border-radius:16px!important;gap:9px!important;align-items:center!important}
  .bc-project-mark-v180{display:none!important}
  .bc-bot-name-wrap{min-width:0!important;max-width:none!important;width:100%!important}
  .bc-bot-title-input{max-width:none!important;width:100%!important;font-size:15px!important}
  .bc-bot-toolbar-actions{gap:5px!important;flex-wrap:nowrap!important}
  .bc-bot-toolbar-actions .bc-btn{min-height:40px!important;padding:8px 10px!important}
  .bc-editor-stage-v180{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .bc-editor-stage-head-v180{display:none!important}
  .bc-editor-v180-grid{display:block!important}
  .bc-editor-nav-v180,.bc-editor-nav-v177,.bc-editor-section-toggle{display:none!important}
  .bc-editor-content,.bc-editor-stage-body{min-width:0!important;width:100%!important}

  /* Dense editor grids collapse to one column. */
  :where(.bc-grid,.bc-form-grid,.bc-ai-mode-grid,.bc-ai-settings-grid,.bc-builder-grid,.bc-identity-grid,.bc-behavior-grid,.bc-channel-grid,.bc-integration-grid,.bc-look-form-grid-v184,.bc-brand-colors-v184,.bc-conversation-colors-v184,.bc-motion-grid,.bc-runtime-grid,.bc-deploy-grid,.bc-plan-grid,.bc-plan-usage-grid,.bc-plan-feature-grid,.bc-analytics-two,.bc-analytics-lock-grid,.bc-phone-grid,.bc-knowledge-grid){grid-template-columns:1fr!important}
  .bc-checks{grid-template-columns:1fr!important}
  :where(.bc-card,.bc-look-panel-v184,.bc-integration-card,.bc-channel-card,.bc-runtime-card,.bc-plan-card,.bc-analytics-card){border-radius:17px!important;padding:15px!important}
  .bc-integration-card{display:block!important}.bc-integration-actions{margin-top:12px!important;justify-content:flex-start!important}
  .bc-integration-actions .bc-btn{width:100%!important}
  .bc-launcher-choice-grid,.bc-launcher-choice-grid-v184{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .bc-launcher-choice-inner{min-height:74px!important}
  .bc-brand-colors-v184,.bc-conversation-colors-v184{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .bc-brand-colors-v184 label,.bc-conversation-colors-v184 label{min-height:52px!important}

  /* Appearance: edit OR preview, never both simultaneously on a phone. */
  .odm-appearance-switch{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 12px;background:#eaf0f7;border:1px solid #dbe5f0;border-radius:14px;position:sticky;top:calc(68px + var(--odm-safe-top));z-index:24}
  .odm-appearance-switch button{height:40px;border:0;border-radius:10px;background:transparent;color:#617690;font-size:12px;font-weight:800}
  .odm-appearance-switch button.is-active{background:#fff;color:#155eef;box-shadow:0 4px 12px rgba(16,45,83,.08)}
  .bc-appearance-v184{display:block!important}
  .bc-appearance-v184 .bc-look-controls-v184,.bc-appearance-v184 .bc-preview-stage-v184{width:100%!important;max-width:none!important}
  .bc-appearance-v184.odm-show-edit .bc-preview-stage-v184{display:none!important}
  .bc-appearance-v184.odm-show-preview .bc-look-controls-v184{display:none!important}
  .bc-appearance-v184.odm-show-preview .bc-preview-stage-v184{display:block!important;position:static!important;min-height:calc(var(--odm-vh) - 185px)!important;padding:10px!important;border-radius:18px!important}
  .bc-preview-browser{min-height:calc(var(--odm-vh) - 245px)!important;height:auto!important;border-radius:18px!important}
  .bc-preview-browser .bc-chat-mock{height:min(520px,calc(var(--odm-vh) - 310px))!important;max-height:none!important}
  .bc-preview-caption-v184{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}

  /* Test: make it feel like a mobile messenger. */
  .bc-test-chat{height:calc(var(--odm-vh) - 190px)!important;min-height:520px!important;max-height:none!important;border-radius:18px!important}
  .bc-test-message{max-width:88%!important;font-size:13.5px!important;line-height:1.5!important}
  .bc-test-compose{position:sticky!important;bottom:0!important;padding-bottom:max(10px,var(--odm-safe-bottom))!important;background:#fff!important}

  /* Analytics and plans. */
  .bc-analytics-metrics{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .bc-analytics-metric{min-height:96px!important;padding:12px!important;border-radius:15px!important}
  .bc-analytics-chart{height:220px!important;overflow:hidden!important}
  .bc-hour-grid{grid-template-columns:repeat(6,1fr)!important}
  .bc-plan-hero{display:block!important;padding:17px!important;border-radius:18px!important}
  .bc-plan-hero-action{margin-top:15px!important;justify-items:stretch!important}.bc-plan-hero-action>*{width:100%!important}
  .bc-plan-usage-grid{grid-template-columns:1fr!important}.bc-plan-feature-grid{grid-template-columns:1fr!important}
  .bc-plan-bot-row{grid-template-columns:1fr!important;gap:10px!important}.bc-plan-bot-meter{width:100%!important}

  /* Installation/code areas. */
  pre,code,.bc-code{max-width:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch}
  .bc-runtime-status{grid-template-columns:auto minmax(0,1fr)!important;gap:10px!important}
  .bc-runtime-actions{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.bc-runtime-actions .bc-btn{width:100%!important}

  /* Studio V1: keep canvas usable rather than shrinking desktop UI. Full Flow List is planned for Mobile V2. */
  .bc-studio-v179{height:auto!important;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
  .bc-studio-v179 .bc-studio-palette{position:relative!important;inset:auto!important;width:100%!important;display:flex!important;gap:6px!important;overflow-x:auto!important;white-space:nowrap!important;padding:8px!important;margin:0 0 8px!important;border-radius:14px!important;scrollbar-width:none}
  .bc-studio-v179 .bc-studio-palette::-webkit-scrollbar{display:none}
  .bc-studio-v179 .bc-node-add{flex:0 0 auto!important;min-width:max-content!important;height:42px!important}
  .bc-studio-v179 .bc-canvas-v179{position:relative!important;inset:auto!important;width:100%!important;height:62dvh!important;min-height:480px!important;border-radius:17px!important;overflow:auto!important;touch-action:pan-x pan-y!important}
  .bc-studio-v179 .bc-studio-props{position:relative!important;inset:auto!important;width:100%!important;max-height:none!important;margin-top:8px!important;border-radius:16px!important}
  .bc-studio-toolbar{left:8px!important;right:8px!important;top:8px!important;transform:none!important;justify-content:space-between!important}

  /* BotCreator modals become bottom sheets. */
  .bc-modal-layer:not([hidden]),.bc-drawer-layer:not([hidden]){display:flex!important;align-items:flex-end!important;justify-content:center!important;padding:0!important;z-index:4000!important}
  .bc-modal-layer .bc-modal,.bc-modal-v179{
    width:100%!important;max-width:none!important;margin:0!important;max-height:calc(var(--odm-vh) - var(--odm-safe-top) - 8px)!important;
    border-radius:24px 24px 0 0!important;overflow:auto!important;box-shadow:0 -20px 64px rgba(10,33,65,.23)!important
  }
  .bc-modal-head{position:sticky!important;top:0!important;background:#fff!important;z-index:2!important;padding:17px 16px 12px!important}
  .bc-modal-body{padding:12px 16px!important}.bc-modal-foot{position:sticky!important;bottom:0!important;background:#fff!important;padding:12px 16px calc(12px + var(--odm-safe-bottom))!important;display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .bc-modal-foot .bc-btn{width:100%!important}

  /* Mobile navigation dock created by odravio-mobile-v1.js */
  .odm-bc-dock{
    position:fixed;left:8px;right:8px;bottom:max(8px,var(--odm-safe-bottom));height:66px;z-index:660;
    display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:5px;border:1px solid #dce6f2;border-radius:20px;
    background:rgba(255,255,255,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 44px rgba(13,35,67,.16)
  }
  .odm-bc-dock button,.odm-bc-dock a{min-width:0;border:0;background:transparent;border-radius:14px;color:#7c8ea5;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;font-weight:800;padding:4px;cursor:pointer}
  .odm-bc-dock svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .odm-bc-dock .is-active{background:#eef4ff;color:#1769e8}
  .odm-bc-dock button:disabled{opacity:.35}

  /* Project section sheet. */
  .odm-section-backdrop{position:fixed;inset:0;z-index:1180;background:rgba(8,27,54,.34);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:.2s}
  .odm-section-sheet{position:fixed;z-index:1190;left:0;right:0;bottom:0;max-height:min(78dvh,720px);padding:10px 12px calc(14px + var(--odm-safe-bottom));border-radius:24px 24px 0 0;background:#fff;box-shadow:0 -24px 70px rgba(9,32,65,.24);transform:translateY(104%);transition:transform .28s cubic-bezier(.16,1,.3,1);overflow:auto}
  .odm-section-backdrop.is-open{opacity:1;visibility:visible}
  .odm-section-sheet.is-open{transform:none}
  .odm-sheet-handle{width:42px;height:4px;background:#d7e1ed;border-radius:999px;margin:2px auto 13px}
  .odm-sheet-title{display:flex;align-items:center;justify-content:space-between;padding:0 4px 12px}.odm-sheet-title b{font-size:18px;color:#102744}.odm-sheet-title small{display:block;margin-top:3px;font-size:10px;color:#8495aa}.odm-sheet-close{width:40px;height:40px;border:1px solid #e0e8f2;border-radius:12px;background:#fff;color:#5a708c;font-size:22px}
  .odm-section-group{margin-top:10px}.odm-section-group>span{display:block;padding:0 6px 6px;font-size:9px;font-weight:900;color:#8a9aaf;text-transform:uppercase;letter-spacing:.1em}
  .odm-section-list{display:grid;grid-template-columns:1fr 1fr;gap:7px}
  .odm-section-list a{min-height:50px;border:1px solid #e2e9f2;border-radius:14px;background:#f9fbfe;color:#274766;text-decoration:none;padding:10px 11px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:750}
  .odm-section-list a.is-active{border-color:#bcd3f8;background:#edf4ff;color:#155eef}
  .odm-section-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 18px}

  /* ======================= ODRAVIO ASSISTANT ======================= */
  .bc-assistant-launcher{bottom:calc(82px + var(--odm-safe-bottom))!important;right:14px!important;width:54px!important;height:54px!important;z-index:675!important}
  .bc-assistant-v197,
  #bc-assistant{
    position:fixed!important;inset:0!important;width:100vw!important;height:var(--odm-vh)!important;max-width:none!important;max-height:none!important;
    border:0!important;border-radius:0!important;z-index:5000!important;box-shadow:none!important;background:#fff!important
  }
  .bc-assistant-v197 header,#bc-assistant>header{padding:calc(10px + var(--odm-safe-top)) 12px 10px!important;min-height:calc(66px + var(--odm-safe-top))!important;border-radius:0!important}
  .bc-assistant-brand b{font-size:17px!important}.bc-assistant-brand small{font-size:10px!important}
  .bc-assistant-head-actions button{width:40px!important;height:40px!important;border-radius:12px!important}
  .bc-assistant-messages{padding:12px 12px 8px!important;gap:8px!important}
  .bc-assistant-msg{max-width:92%!important;padding:10px 12px!important;border-radius:15px!important;box-shadow:none!important;font-size:13.5px!important;line-height:1.48!important}
  .bc-assistant-msg.user{margin-left:auto!important;border-radius:16px 16px 5px 16px!important}
  .bc-assistant-msg.assistant{margin-right:auto!important;border-radius:16px 16px 16px 5px!important}
  .bc-assistant-quick{padding:5px 10px 6px!important;display:flex!important;gap:6px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none}
  .bc-assistant-quick::-webkit-scrollbar{display:none}.bc-assistant-quick button{white-space:nowrap!important;flex:0 0 auto!important;min-height:38px!important}
  .bc-assistant-compose{margin:5px 8px!important;padding:4px!important;border-radius:17px!important;position:sticky!important;bottom:calc(25px + var(--odm-safe-bottom))!important;background:#fff!important;z-index:10!important}
  .bc-assistant-compose textarea{min-height:46px!important;max-height:116px!important;padding:11px 12px!important}
  .bc-assistant-compose button{width:46px!important;height:46px!important;flex:0 0 46px!important}
  .bc-assistant-v197 footer{padding:4px 12px calc(7px + var(--odm-safe-bottom))!important;font-size:9px!important;background:#fff!important}
  .bc-assistant-history-drawer{top:calc(66px + var(--odm-safe-top))!important;width:100%!important;max-width:none!important;bottom:0!important;border-radius:0!important;z-index:40!important}
  .bc-assistant-decision{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}.bc-assistant-confirm,.bc-assistant-reject{min-height:44px!important}
  body.odm-assistant-open{overflow:hidden!important}


  /* Customer Workspace Assistant uses its own cxoa-* shell. */
  .cxoa-launcher{right:14px!important;bottom:calc(82px + var(--odm-safe-bottom))!important;width:54px!important;height:54px!important;z-index:675!important}
  .cxoa-panel{position:fixed!important;inset:0!important;width:100vw!important;height:var(--odm-vh)!important;max-width:none!important;max-height:none!important;border:0!important;border-radius:0!important;z-index:5000!important;box-shadow:none!important}
  .cxoa-header{min-height:calc(66px + var(--odm-safe-top))!important;padding:calc(10px + var(--odm-safe-top)) 12px 10px!important}
  .cxoa-brand b{font-size:17px!important}.cxoa-brand small{font-size:9.5px!important}
  .cxoa-head-actions button{width:40px!important;height:40px!important;border-radius:12px!important}
  .cxoa-messages{padding:12px!important;background:#f8fafd!important}
  .cxoa-msg{max-width:92%!important;margin-bottom:8px!important;padding:10px 12px!important;border-radius:15px!important;box-shadow:none!important;font-size:13.5px!important;line-height:1.48!important}
  .cxoa-msg.user{border-radius:16px 16px 5px 16px!important}.cxoa-msg.assistant{border-radius:16px 16px 16px 5px!important}
  .cxoa-quick{flex-wrap:nowrap!important;overflow-x:auto!important;scrollbar-width:none!important;padding:4px 10px 6px!important}.cxoa-quick::-webkit-scrollbar{display:none}.cxoa-quick button{white-space:nowrap!important;flex:0 0 auto!important;min-height:38px!important}
  .cxoa-compose{margin:4px 8px calc(4px + var(--odm-safe-bottom))!important;border-radius:17px!important}.cxoa-compose textarea{font-size:16px!important;min-height:46px!important}.cxoa-compose button{width:46px!important;height:46px!important}
  .cxoa-panel footer{padding:3px 12px calc(7px + var(--odm-safe-bottom))!important;font-size:9px!important;background:#fff!important}
  .cxoa-history{top:calc(66px + var(--odm-safe-top))!important;width:100%!important;max-width:none!important;bottom:0!important}
  .cxoa-modal-layer{z-index:6000!important;display:flex!important;align-items:flex-end!important}.cxoa-modal-layer[hidden]{display:none!important}
  .cxoa-modal{width:100%!important;max-width:none!important;margin:0!important;border-radius:24px 24px 0 0!important;max-height:calc(var(--odm-vh) - var(--odm-safe-top) - 8px)!important;overflow:auto!important}
  .cxoa-stats{grid-template-columns:1fr 1fr!important;padding:14px!important}.cxoa-started{margin:0 14px calc(14px + var(--odm-safe-bottom))!important}

  /* ===================== PUBLIC LOGIN / REGISTER ===================== */
  .v112-login-page{min-height:var(--odm-vh)!important;padding:0!important;background:#f5f7fa!important}
  .v112-login-shell{width:100%!important;min-height:var(--odm-vh)!important;padding:calc(16px + var(--odm-safe-top)) 14px calc(18px + var(--odm-safe-bottom))!important;display:flex!important;align-items:center!important}
  .v112-login-card{display:block!important;width:100%!important;max-width:520px!important;margin:auto!important;border-radius:22px!important;overflow:hidden!important}
  .v112-login-side{min-height:0!important;padding:18px 18px 15px!important}
  .v112-login-copy{display:none!important}.v112-login-status{margin-top:10px!important}
  .v112-login-brand{margin:0!important}
  .v112-login-form{padding:24px 18px!important}
  .v112-form-intro h1{font-size:30px!important}.v112-form-intro p{font-size:13px!important}
  .v112-field input{min-height:50px!important;border-radius:13px!important}
  .v112-login-submit{min-height:50px!important;border-radius:13px!important;width:100%!important}
  .v112-login-bottom{gap:10px!important;align-items:flex-start!important;flex-direction:column!important}

  .rg2-shell,.rg2-layout{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important}
  .rg2-side-panel{display:none!important}
  .rg2-main,.rg2-form-wrap{width:100%!important;max-width:none!important}
  .rg2-grid-two{grid-template-columns:1fr!important;gap:12px!important}
  .rg2-form{padding:0!important}
  .rg2-input-wrap input,.rg2-input-wrap select{min-height:50px!important}
  .rg2-submit{min-height:52px!important;border-radius:14px!important}
  .rg2-consents-card{padding:14px!important;border-radius:16px!important}

  /* Public pricing: stack, avoid tiny comparison cells. */
  .op-pricing-wrap{width:calc(100% - 24px)!important;padding:24px 0 52px!important}
  .op-product-row{border-radius:18px!important}.op-product-row>div{padding:18px!important}
  .op-plan-summary strong{font-size:38px!important}
  .op-compare-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;border-radius:18px!important}
  .op-compare-table thead,.op-compare-table tbody,.op-compare-table tfoot{min-width:720px!important}

  /* Generic hide desktop overflow helpers. */
  .odm-desktop-only{display:none!important}
}

@media (max-width:430px){
  .cx-stat-row,.cx-stat-row.is-four{grid-template-columns:1fr!important}
  .cx-stat-row>div{border-right:0!important;border-bottom:1px solid var(--odm-line)!important}
  .cx-stat-row>div:last-child{border-bottom:0!important}
  .bc-credit-dial-grid,.bc-credit-dial-grid-v179{grid-template-columns:1fr!important}
  .bc-home-summary-v177{grid-template-columns:1fr 1fr!important}
  .bc-analytics-metrics{grid-template-columns:1fr 1fr!important}
  .odm-section-list{grid-template-columns:1fr!important}
  .bc-launcher-choice-grid,.bc-launcher-choice-grid-v184{grid-template-columns:1fr 1fr!important}
}

@media (max-width:350px){
  .bc-home-summary-v177,.bc-analytics-metrics{grid-template-columns:1fr!important}
  .odm-bc-dock button,.odm-bc-dock a{font-size:8px!important}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:900px){
  .odm-bc-dock,.cx-bottom-nav{height:56px!important}
  .bc-content{padding-bottom:70px!important}.cx-content{padding-bottom:72px!important}
  .bc-assistant-brand small{display:none!important}
  .bc-assistant-v197 header{min-height:54px!important;padding-top:max(5px,var(--odm-safe-top))!important}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}