/*
  R13.3.3.2 cleanup note: package-only hardening; no locked UI redesign.
  AMNKO R13.2.4 console design system layer.
  Visual consistency only; project licensing and deployment behavior is untouched.
*/
:root {
  --amnko-ds-primary: var(--amk-color-primary,#00a8c8);
  --amnko-ds-primary-700: var(--amk-color-primary-700,#087e96);
  --amnko-ds-accent: var(--amk-color-accent,#0f766e);
  --amnko-ds-bg: var(--amk-color-app-bg,#f6f8fb);
  --amnko-ds-surface: var(--amk-color-surface,#ffffff);
  --amnko-ds-surface-soft: var(--amk-color-surface-soft,#f8fafc);
  --amnko-ds-border: var(--amk-color-border,#e2e8f0);
  --amnko-ds-border-strong: #cbd5e1;
  --amnko-ds-text: var(--amk-color-text,#172033);
  --amnko-ds-muted: var(--amk-color-muted,#64748b);
  --amnko-ds-success: #16a34a;
  --amnko-ds-warning: #f59e0b;
  --amnko-ds-danger: #dc2626;
  --amnko-ds-info: #2563eb;
  --amnko-ds-radius: 8px;
  --amnko-ds-shadow: 0 8px 20px rgba(15, 23, 42, .06);
  --amnko-ds-control-h: 44px;
}

*,
*::before,
*::after {
  letter-spacing: 0 !important;
}

html[dir="rtl"] body {
  background: var(--amnko-ds-bg) !important;
  color: var(--amnko-ds-text);
  font-size: 15px;
  line-height: 1.65;
}

.console-sidebar {
  background: linear-gradient(180deg, #20242a 0%, #15181d 100%) !important;
  box-shadow: -8px 0 22px rgba(15, 23, 42, .12) !important;
}

.topbar {
  background: linear-gradient(135deg, var(--amnko-ds-primary), var(--amnko-ds-accent)) !important;
  box-shadow: 0 8px 20px rgba(0, 168, 200, .14) !important;
}

.content {
  background: var(--amnko-ds-bg);
}

.card,
.cardx,
.stat,
.workspace-section,
.quick-tile,
.alert-card,
.deployment-actions,
.action-card,
.console-login-card {
  background: var(--amnko-ds-surface) !important;
  border: 1px solid var(--amnko-ds-border) !important;
  border-radius: var(--amnko-ds-radius) !important;
  box-shadow: var(--amnko-ds-shadow) !important;
}

.rounded-3,
.rounded-4,
.rounded-5,
.rounded-pill,
.pill,
.badge,
.filter-chip,
.workspace-tab,
.nav-link-console,
.console-mobile-menu-btn,
.console-sidebar-close {
  border-radius: var(--amnko-ds-radius) !important;
}

.shadow,
.shadow-sm,
.shadow-lg {
  box-shadow: var(--amnko-ds-shadow) !important;
}

.nav-link-console {
  color: #dbe3ee !important;
  min-height: var(--amnko-ds-control-h);
}

.nav-link-console:hover,
.nav-link-console.active {
  background: rgba(0, 168, 200, .18) !important;
  color: var(--amk-color-surface,#ffffff) !important;
}

.nav-desc {
  color: #aab6c7 !important;
}

.btn:not(.btn-link),
button.btn:not(.btn-link),
.btn-main,
.filter-chip,
.workspace-tab {
  min-height: var(--amnko-ds-control-h);
  border-radius: var(--amnko-ds-radius) !important;
  font-weight: 800;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4rem;
  white-space: normal;
  line-height: 1.25;
}

.btn-sm:not(.btn-link) {
  min-height: 40px;
}

.btn-main,
.btn-primary {
  background: linear-gradient(135deg, var(--amnko-ds-primary), var(--amnko-ds-primary-700)) !important;
  border-color: var(--amnko-ds-primary) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(0, 168, 200, .16);
}

.btn-outline-primary {
  color: var(--amnko-ds-primary-700) !important;
  border-color: rgba(0, 168, 200, .45) !important;
  background: #fff !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
  color: #fff !important;
  background: var(--amnko-ds-primary-700) !important;
}

.form-control,
.form-select,
.input-group-text {
  min-height: var(--amnko-ds-control-h);
  border-color: var(--amnko-ds-border);
  border-radius: var(--amnko-ds-radius) !important;
  color: var(--amnko-ds-text);
  box-shadow: none !important;
}

textarea.form-control {
  min-height: 110px;
}

.form-control:focus,
.form-select:focus {
  border-color: rgba(0, 168, 200, .7);
  box-shadow: 0 0 0 .2rem rgba(0, 168, 200, .12) !important;
}

.form-label,
label {
  color: var(--amnko-ds-text);
  font-weight: 800;
}

.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--amnko-ds-border);
  border-radius: var(--amnko-ds-radius) !important;
  background: var(--amnko-ds-surface);
  box-shadow: none;
}

.table {
  color: var(--amnko-ds-text);
  margin-bottom: 0;
  vertical-align: middle;
}

.table thead th {
  background: var(--amnko-ds-surface-soft);
  color: var(--amnko-ds-muted);
  border-bottom-color: var(--amnko-ds-border);
  font-size: .78rem;
  font-weight: 900;
  white-space: nowrap;
}

.table td,
.table th {
  border-color: var(--amnko-ds-border);
}

.table tbody tr:hover {
  background: rgba(0, 168, 200, .04);
}

.console-table-mobile tr {
  border-radius: var(--amnko-ds-radius) !important;
}

.modal-content {
  border: 1px solid var(--amnko-ds-border) !important;
  border-radius: var(--amnko-ds-radius) !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .18) !important;
}

.modal-header,
.modal-footer,
.card-footer {
  border-color: var(--amnko-ds-border) !important;
}

.alert {
  border: 1px solid transparent !important;
  border-radius: var(--amnko-ds-radius) !important;
  box-shadow: none !important;
}

.alert-success,
.conn-success,
.status-active {
  background: #ecfdf3 !important;
  border-color: #bbf7d0 !important;
  color: #166534 !important;
}

.alert-warning,
.conn-warning,
.status-expired {
  background: #fffbeb !important;
  border-color: #fde68a !important;
  color: #92400e !important;
}

.alert-danger,
.conn-danger,
.status-suspended {
  background: #fef2f2 !important;
  border-color: #fecaca !important;
  color: #991b1b !important;
}

.conn-info,
.status-trial {
  background: #eff6ff !important;
  border-color: #bfdbfe !important;
  color: #1e40af !important;
}

.filter-chip,
.workspace-tab,
.badge-soft {
  border: 1px solid var(--amnko-ds-border) !important;
  background: #fff !important;
  color: var(--amnko-ds-text) !important;
}

.filter-chip.active,
.workspace-tab.active,
.badge-soft {
  background: #e0f7fb !important;
  border-color: rgba(0, 168, 200, .45) !important;
  color: var(--amnko-ds-primary-700) !important;
}

.copy-block {
  background: var(--amk-color-text,#172033) !important;
  border: 1px solid #263244;
  border-radius: var(--amnko-ds-radius) !important;
  max-width: 100%;
  overflow: auto;
}

.console-login-screen {
  min-height: calc(100vh - 5rem) !important;
}

.console-login-brand {
  background: linear-gradient(145deg, #20242a, var(--amnko-ds-primary-700)) !important;
}

.console-login-eyebrow {
  border-radius: var(--amnko-ds-radius) !important;
}

.console-mobile-menu-btn,
.console-sidebar-close {
  width: var(--amnko-ds-control-h) !important;
  min-width: var(--amnko-ds-control-h) !important;
  height: var(--amnko-ds-control-h) !important;
  min-height: var(--amnko-ds-control-h) !important;
  flex: 0 0 var(--amnko-ds-control-h);
  padding: 0 !important;
}

.form-check {
  min-height: var(--amnko-ds-control-h);
  display: flex;
  align-items: center;
  gap: 10px;
  padding-inline-start: 0;
}

.form-check .form-check-input {
  float: none;
  margin: 0;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 1.35rem;
}

.form-switch .form-check-input {
  width: 2.5rem;
}

.form-check .form-check-label {
  min-height: var(--amnko-ds-control-h);
  display: inline-flex;
  align-items: center;
}

td[colspan].text-center,
.empty-state,
.console-empty-state {
  background: var(--amnko-ds-surface-soft);
  border: 1px dashed var(--amnko-ds-border-strong);
  border-radius: var(--amnko-ds-radius);
  color: var(--amnko-ds-muted) !important;
  padding: 18px;
}

@media (max-width: 991px) {
  body {
    font-size: 14px;
  }

  .content {
    padding: 14px !important;
  }

  .topbar {
    padding: 10px 12px !important;
  }

  .btn:not(.btn-link),
  .btn-sm:not(.btn-link),
  .form-control,
  .form-select {
    min-height: var(--amnko-ds-control-h);
  }

  .modal-dialog {
    margin: 12px;
    max-width: calc(100% - 24px);
  }

  .console-action-row > .btn,
  .modal-footer > .btn,
  .card-footer > .btn {
    flex: 1 1 140px;
  }

  .console-login-form-panel {
    padding: 28px 20px !important;
  }
}

@media (max-width: 1024px) {
  .btn-sm:not(.btn-link),
  .nav-link-console {
    min-height: var(--amnko-ds-control-h);
  }
}

@media (max-width: 767px) {
  .console-table-mobile td {
    grid-template-columns: minmax(96px, 38%) 1fr;
  }

  .console-login-screen {
    align-items: flex-start !important;
  }
}

/* R13.2.6 console release sync: client app shell polish is reviewed from console diagnostics. */

/* R13.2.8.6.1 console release sync: client sidebar shell polish is reviewed from console diagnostics. */

/* R13.2.8.6.1 console release sync: final visual polish and UI lock is reviewed from client diagnostics. */
:root{ --amk-ui-lock-version:13.2.8.6.1; }

/* R13.2.8.6.1 console release sync: unified POS shell integration is reviewed from client diagnostics. */
:root{ --amk-pos-unified-shell-version:13.2.8.6.1; }

/* R13.2.8.6.1 console release sync: POS header alignment and clean release package are reviewed from client diagnostics. */
:root{ --amk-pos-header-align-version:13.2.8.6.1; }


/* R13.3.3.2 — Console Pages ERP Style Audit & Polish
   Visual-only console polish: project control panels, list headers, text clamping, and mobile-safe cards.
   No license rule, plan workflow, client data, accounting, POS, or backup-download behavior changes. */
:root { --amk-console-polish-version: 13.3.3.2; }
.console-page { display:block; max-width:100%; }
.console-page-header { background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(224,247,251,.55)); border:1px solid var(--amnko-ds-border); border-radius:var(--amnko-ds-radius); padding:18px; box-shadow:var(--amnko-ds-shadow); }
.card.console-page-header { padding:0; }
.console-eyebrow { display:inline-flex; align-items:center; gap:6px; min-height:30px; padding:5px 10px; margin-bottom:8px; border:1px solid #b7eef7; background:#e0f7fb; color:var(--amnko-ds-primary-700); border-radius:var(--amnko-ds-radius); font-size:.78rem; font-weight:950; }
.console-page-actions { align-self:flex-start; }
.console-control-card .card-body, .console-form-card .card-body { background:linear-gradient(180deg,#fff,#fbfdff); }
.console-filter-summary { display:flex; gap:8px; flex-wrap:wrap; color:var(--amnko-ds-muted); font-size:.86rem; }
.console-filter-summary span { border:1px solid var(--amnko-ds-border); background:#fff; border-radius:var(--amnko-ds-radius); padding:6px 10px; }
.console-list-header { background:linear-gradient(180deg,#fff,#f8fafc); }
.console-list-card .table-responsive { border-radius:0 0 var(--amnko-ds-radius) var(--amnko-ds-radius); }
.console-list-card table { table-layout:auto; }
.console-text-clamp { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; max-width:100%; }
.console-stat-grid .stat { min-height:104px; }
.console-empty-state { display:block; width:100%; padding:26px 18px; }
.console-workspace-tabs-card { position:sticky; top:82px; z-index:3; }
.console-workspace-tabs-card .card-body { overflow-x:auto; scrollbar-width:thin; }
.console-workspace-section { overflow:hidden; }
.console-form-section-title { font-weight:950; color:#0f172a; border-bottom:1px solid var(--amnko-ds-border); padding-bottom:8px; margin-top:8px; }
.console-diagnostic-tile { min-height:104px; }
.console-project-center .copy-block, .console-api-docs .copy-block { max-height:340px; }
.console-alerts-page .alert-card { overflow:hidden; }
.console-alerts-page .alert-card .bg-light, .console-backups-page .cardx, .console-connection-page .cardx { overflow:hidden; }
.console-route-project_view .content, .console-route-projects .content, .console-route-dashboard .content { max-width:1480px; margin-inline:auto; }
.console-table-mobile td { vertical-align:top; }
.console-sidebar .brand-title, .console-sidebar .brand-sub, .topbar .text-truncate { overflow:hidden; text-overflow:ellipsis; }
.console-sidebar .nav-link-console span:first-child { min-width:0; }
.console-sidebar .nav-desc { white-space:normal; }
@media (min-width: 992px) {
  .console-page-header { padding:22px 24px; }
  .console-projects-index th:first-child, .console-dashboard-page th:first-child { min-width:190px; }
  .console-projects-index th:nth-child(3), .console-connection-page th:nth-child(3) { min-width:210px; }
}
@media (max-width: 991px) {
  .console-page-header { padding:16px; }
  .console-workspace-tabs-card { position:static; }
  .console-page-actions, .console-page-actions .btn { width:100%; }
  .console-stat-grid .stat { min-height:92px; padding:16px; }
}
@media (max-width: 767px) {
  .console-control-card form .btn, .console-control-card form a.btn { flex:1 1 120px; }
  .console-filter-summary span { flex:1 1 100%; }
  .console-table-mobile td .console-text-clamp { -webkit-line-clamp:3; }
  .console-list-header { padding:16px!important; }
}


/* R13.3.3.2 — Full Simple UI Regression & Responsive QA
   Scope: final console responsive guardrails. Visual-only; no license rule, plan workflow, backup behavior, client data, or operational logic changes. */
body.console-responsive-qa-r13332{ --amk-console-responsive-qa-version:13.3.3.2; }
body.console-responsive-qa-r13332,
body.console-responsive-qa-r13332 .content,
body.console-responsive-qa-r13332 .console-page{
  max-width:100%;
}
body.console-responsive-qa-r13332 .row > *{
  min-width:0;
}
body.console-responsive-qa-r13332 .card,
body.console-responsive-qa-r13332 .card-body,
body.console-responsive-qa-r13332 .modal-content,
body.console-responsive-qa-r13332 .console-page-header,
body.console-responsive-qa-r13332 .console-control-card,
body.console-responsive-qa-r13332 .console-list-card,
body.console-responsive-qa-r13332 .console-workspace-section{
  min-width:0;
  max-width:100%;
}
body.console-responsive-qa-r13332 .table-responsive,
body.console-responsive-qa-r13332 .console-workspace-tabs-card .card-body{
  max-width:100%;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
body.console-responsive-qa-r13332 .console-page-actions,
body.console-responsive-qa-r13332 .console-filter-summary,
body.console-responsive-qa-r13332 .modal-footer,
body.console-responsive-qa-r13332 .card-footer{
  min-width:0;
}
@media (max-width: 575px){
  body.console-responsive-qa-r13332 .content{
    padding-inline:10px!important;
  }
  body.console-responsive-qa-r13332 .console-page-actions .btn,
  body.console-responsive-qa-r13332 .modal-footer .btn,
  body.console-responsive-qa-r13332 .card-footer .btn{
    min-width:0;
  }
}


/* R13.3.3.2 — Full Simple Operational Smoke Test After UI QA
   Metadata-only marker for the post-UI operational smoke package.
   No visual rules are changed here; R13.3.3.2 responsive guards remain active. */
body.console-operational-smoke-r13332{ --amk-console-operational-smoke-version:13.3.3.2; }


/* R13.3.3.2 — Live Upload Verification & Simple RC Acceptance
   Metadata-only marker for the final console-side simple release-candidate package.
   No visual rules are changed here. */
body.console-live-rc-r13332{ --amk-console-simple-rc-version:13.3.3.2; }


/* R13.3.3.2 — Live Smoke Result Reconciliation & Simple Stable Freeze
   Marker only: the stable freeze stage adds no console visual redesign rules. */
body.console-simple-stable-freeze-r13332{ --amk-console-simple-stable-freeze-version:13.3.3.2; }

/* R13.3.3.2 — Safe Visual QA Style Fix from R13.3.3.2
   Console marker only; no license, plan, backup, or client-data logic changes. */
body.console-simple-stable-freeze-r13332{ --amk-console-safe-visual-qa-version:13.3.3.2; }


/* R13.3.3.2 — Live Arabic Encoding & Visual QA Verification
   Marker only for the console package after UTF-8 verification. */
body.console-simple-stable-freeze-r13332{ --amk-console-arabic-encoding-visual-qa-version:13.3.3.2; }

/* R13.3.3.2 — Live Post-Upload Visual Spot Check & Simple Stable Re-freeze
   Verification marker only. No license-rule, backup-policy, plan-workflow, or client-data changes. */
body.console-live-visual-spot-check-r13332{ --amk-console-live-visual-spot-check-version:13.3.3.2; }

/* R13.3.3.2 — Live Browser Screenshot Verification & Final UI Freeze
   Marker only. Console remains provider-only; no license or plan workflow changes. */
body.console-browser-screenshot-freeze-r13332{ --amk-console-browser-screenshot-freeze-version:13.3.3.2; }

/* R13.3.3.2 — Live Screenshot Results Acceptance & Production Clean Package
   Marker only: console production clean package after live screenshot acceptance. */
body.console-production-clean-package-r13332{ --amk-console-production-clean-package-version:13.3.3.2; }

/* R13.3.3.2 — Table Action & Visual QA Fix Pass
   Console marker only; no console workflow changes. */
body.console-table-action-qa-r13332{ --amk-table-action-qa-version:13.3.3.2; }

/* R13.3.3.2 — POS Cart Layout & Slider Direction QA marker. */
body.console-pos-category-cart-qa-r13332{ --amk-console-pos-category-cart-qa-version:13.3.3.2; }

/* R13.3.3.2 marker — POS category arrow and cart auto-scroll QA is client-scoped. */
body.console-pos-arrow-cart-qa-r13332{ --amnko-console-stage:13.3.3.2; }

/* R13.3.3.2 — POS cart layout fix marker lives in client package only. */
body.console-pos-category-cart-qa-r13332{ --amk-console-pos-cart-layout-qa-version:13.3.3.2; }

/* R13.3.3.2 — Live POS cart final screenshot acceptance marker. */
body.console-pos-cart-final-acceptance-r13332{ --amk-pos-cart-final-acceptance-version:13.3.3.2; }

/* R13.3.3.2 — Live POS final screenshot result freeze marker. */
body.console-pos-final-result-freeze-r13332{ --amk-pos-final-result-freeze-version:13.3.3.2; }


/* R13.3.3.2 — Expense Categories Table Final Layout Fix marker. */
body.console-expense-categories-final-qa-r13332{ --amk-console-expense-categories-final-qa-version:13.3.3.2; }

/* R13.3.3.2 — marker only. */
body.console-expense-categories-route-fix-r13332{ --amk-console-expense-categories-route-fix-version:13.3.3.2; }


/* R13.3.3.2 — Dead Style Cleanup & Full Table Visual Regression Audit */
body.console-dead-style-table-audit-r13332{ --amk-console-dead-style-table-audit-version:13.3.3.2; }


/* R13.3.3.2 — Console Readiness Clarification & Final Simple Stable Package */
body.console-readiness-clarification-r13332{ --amk-console-readiness-clarification-version:13.3.3.2; }
.console-readiness-clarification-r13332{ line-height:1.9; }

/* R13.3.3.2 — Mobile POS No-Shift Layout & Footer Link Final Patch marker. */
body.console-readiness-clarification-r13332{ --amk-console-mobile-pos-no-shift-footer-link-version:13.3.3.2; }

/* R13.3.3.2 Provider Console Operations Center polish */
.console-operations-center .quick-tile{transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.console-operations-center .quick-tile:hover{transform:translateY(-2px)}
.console-operations-center .deployment-actions{min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.console-operations-center code.small{font-size:.75rem}

/* R13.3.3.2 — ERP-inspired compact console login.
   Visual-only: login route, CSRF, and console authentication remain unchanged. */
.console-route-login{
  background:linear-gradient(180deg,#f8fafc,#eef7fa) !important;
}
.console-route-login main.container.py-5{
  min-height:100vh !important;
  display:flex !important;
  flex-direction:column;
  align-items:center !important;
  justify-content:center !important;
  padding:24px 14px !important;
}
.console-login-screen--compact{
  min-height:auto !important;
  width:100%;
}
.console-login-card--compact{
  width:min(420px,100%) !important;
  display:block !important;
  grid-template-columns:1fr !important;
  border-radius:20px !important;
  border:1px solid rgba(203,213,225,.90) !important;
  box-shadow:0 18px 46px rgba(15,23,42,.08) !important;
  overflow:visible !important;
}
.console-login-card--compact .console-login-brand{
  display:none !important;
}
.console-login-form-panel--compact{
  padding:30px 28px 22px !important;
  text-align:right;
}
.console-login-logo{
  text-align:center;
  margin:0 0 18px;
}
.console-login-logo img{
  width:118px;
  max-width:46%;
  height:auto;
  object-fit:contain;
}
.console-login-form-panel--compact .console-login-eyebrow{
  display:flex !important;
  width:max-content;
  margin:0 auto 10px !important;
  padding:5px 10px !important;
  font-size:.74rem !important;
  border-radius:999px !important;
}
.console-login-form-panel--compact h2{
  text-align:center;
  font-size:1.55rem !important;
  margin:0 0 6px !important;
  font-weight:950 !important;
  color:#0f172a !important;
}
.console-login-form-panel--compact p{
  text-align:center;
  font-weight:750;
  line-height:1.75;
}
.console-login-form-panel--compact .form-control{
  min-height:48px !important;
  border-radius:14px !important;
  background:#f8fafc !important;
  border-color:#dbe4ee !important;
  font-weight:800;
}
.console-login-form-panel--compact .form-control:focus{
  background:#fff !important;
  border-color:rgba(0,168,200,.72) !important;
  box-shadow:0 0 0 4px rgba(0,168,200,.10) !important;
}
.console-login-form-panel--compact .btn-main{
  min-height:48px !important;
  border-radius:14px !important;
  font-size:.98rem !important;
}
.console-login-form-panel--compact .console-login-note{
  margin-top:18px !important;
  padding-top:14px !important;
  font-size:.8rem !important;
}
@media(max-width:575.98px){
  .console-route-login main.container.py-5{padding:12px 10px !important;justify-content:flex-start !important;}
  .console-login-form-panel--compact{padding:24px 18px 18px !important;}
  .console-login-card--compact{border-radius:18px !important;}
}

/* R13.3.3.2 — package version alignment only. */

/* R13.3.2.2 — Stable Browser Scrollbar Gutter Only
   Keep the native browser scrollbar reserved on desktop so the sidebar/topbar
   do not shift between short and long pages. This does not change App Shell, POS,
   HTML structure, JS, or mobile behavior. */
@media (min-width: 901px) {
  html {
    overflow-y: scroll;
    scrollbar-gutter: stable;
  }
}

/* R13.3.2.3 — Safe Style & Runtime Cleanup Audit: runtime/package cleanup only; POS and app layout intentionally unchanged. */

/* R13.3.2.5 — Demo Dashboard Minimal Entry Cleanup: console version marker only. */

/* R13.3.3.1 — Pre-Business Stable Freeze & Boundary Report
   Console-only analytics polish. No client POS, accounting, cashier layout, or SQL behavior changes. */
.console-demo-conversion-r1333 .demo-funnel-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(118px,1fr));
  gap:10px;
}
.console-demo-conversion-r1333 .demo-funnel-step{
  position:relative;
  background:linear-gradient(180deg,#fff,#f8fafc);
  border:1px solid var(--amnko-ds-border);
  border-radius:var(--amnko-ds-radius);
  padding:14px;
  min-height:116px;
  box-shadow:0 8px 20px rgba(15,23,42,.04);
}
.console-demo-conversion-r1333 .demo-funnel-step::after{
  content:"";
  position:absolute;
  inset-block-start:50%;
  inset-inline-start:-9px;
  width:14px;
  height:2px;
  background:#cbd5e1;
}
.console-demo-conversion-r1333 .demo-funnel-step:first-child::after{display:none;}
.console-demo-conversion-r1333 .demo-funnel-number{
  font-size:1.7rem;
  font-weight:950;
  color:var(--amnko-ds-primary-700);
  line-height:1.2;
  margin:.35rem 0;
}
.console-demo-conversion-r1333 .demo-action-note{
  background:#eff6ff;
  border:1px solid #bfdbfe;
  color:#1e40af;
  border-radius:var(--amnko-ds-radius);
  padding:10px 12px;
  font-weight:800;
}
.console-demo-conversion-r1333 .demo-activity-item{
  display:grid;
  grid-template-columns:90px 1fr;
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-bottom:1px solid var(--amnko-ds-border);
}
.console-demo-conversion-r1333 .demo-activity-item:last-child{border-bottom:0;}
@media (max-width:1199px){
  .console-demo-conversion-r1333 .demo-funnel-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
  .console-demo-conversion-r1333 .demo-funnel-step::after{display:none;}
}
@media (max-width:767px){
  .console-demo-conversion-r1333 .demo-funnel-grid{grid-template-columns:1fr 1fr;}
  .console-demo-conversion-r1333 .demo-activity-item{grid-template-columns:1fr;gap:2px;}
}

/* R16.9.10.45 — Provider Console Odoo-like UI Polish.
   Console-only visual layer: keeps filters, badges, action buttons, and long text contained
   without changing license, project, API, SQL, POS, or client package behavior. */
body.console-odoo-polish-r1691045{
  --amk-console-odoo-polish-version:16.9.10.45;
}

body.console-odoo-polish-r1691045 .table thead th{
  line-height:1.25;
  vertical-align:middle;
}

body.console-odoo-polish-r1691045 .pill,
body.console-odoo-polish-r1691045 .badge,
body.console-odoo-polish-r1691045 .filter-chip,
body.console-odoo-polish-r1691045 .workspace-tab{
  align-items:center;
  display:inline-flex;
  justify-content:center;
  max-width:100%;
  min-width:0;
  overflow-wrap:anywhere;
}

body.console-odoo-polish-r1691045 .console-action-row,
body.console-odoo-polish-r1691045 td > .d-flex.gap-1.flex-wrap,
body.console-odoo-polish-r1691045 td > .d-flex.gap-2.flex-wrap{
  align-items:center;
  gap:6px !important;
}

body.console-odoo-polish-r1691045 .btn-sm:not(.btn-link){
  padding-inline:.66rem;
}

body.console-route-license_alerts.console-odoo-polish-r1691045 .console-control-card,
body.console-route-license_alerts.console-odoo-polish-r1691045 .console-control-card .card-body{
  overflow:hidden;
}

body.console-route-license_alerts.console-odoo-polish-r1691045 .console-control-card form.row > *,
body.console-route-license_alerts.console-odoo-polish-r1691045 .console-control-card .d-flex{
  min-width:0;
}

body.console-route-license_alerts.console-odoo-polish-r1691045 .filter-chip{
  flex:0 1 auto;
  line-height:1.25;
  text-align:center;
}

@media (max-width:1199.98px){
  body.console-route-license_alerts.console-odoo-polish-r1691045 .console-control-card .card-body{
    padding:18px !important;
  }

  body.console-route-license_alerts.console-odoo-polish-r1691045 .filter-chip{
    font-size:.78rem;
    padding:8px 11px;
  }
}

@media (max-width:575.98px){
  body.console-odoo-polish-r1691045 .console-page-actions{
    width:100%;
  }

  body.console-odoo-polish-r1691045 .console-page-actions .btn{
    flex:1 1 100%;
    min-width:0;
  }

  body.console-route-license_alerts.console-odoo-polish-r1691045 .filter-chip{
    flex:1 1 calc(50% - 8px);
  }
}