.mobile-app-nav { display: none; }
.mobile-login-logo, .mobile-login-intro { display: none; }
.quotation-mobile-caption { display: none !important; }
html.focused-mobile-app body .sidebar,
html.focused-mobile-app body #menuToggle,
html.focused-mobile-app body .topbar-command,
html.focused-mobile-app body .global-data-export-tools { display: none !important; }
html.focused-mobile-app body .app-shell { display: block !important; width: 100% !important; max-width: 100% !important; }
html.focused-mobile-app body .main { width: 100% !important; min-width: 0 !important; padding-bottom: calc(76px + env(safe-area-inset-bottom)) !important; }
html.focused-mobile-app body .topbar { padding-top: max(12px, env(safe-area-inset-top)) !important; }
html.focused-mobile-app .mobile-app-nav { position: fixed; z-index: 60; inset: auto 0 0; display: flex; padding: 8px 12px calc(8px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e2e8f0; box-shadow: 0 -8px 24px #0f172a12; }
html.focused-mobile-app .mobile-app-nav button { flex: 1; display: grid; justify-items: center; gap: 2px; min-height: 52px; border: 0; border-radius: 12px; background: transparent; color: #64748b; font: inherit; font-size: 12px; cursor: pointer; }
html.focused-mobile-app .mobile-app-nav button span { font-size: 22px; line-height: 26px; }
html.focused-mobile-app .mobile-app-nav button.active { color: #b91c1c; background: #fef2f2; }
html.focused-mobile-app .mobile-app-no-access { margin: 24px; padding: 24px; border-radius: 16px; background: #fff; }
html.focused-mobile-app body[data-view="crm"] .aq-crm-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
html.focused-mobile-app body[data-view="crm"] .aq-crm-kpis .aq-crm-kpi-segment { min-height: 116px !important; padding: 14px 12px !important; border-bottom: 1px solid #dce3e9 !important; }
html.focused-mobile-app body[data-view="crm"] .aq-crm-kpi-segment small,
html.focused-mobile-app body[data-view="crm"] .aq-crm-kpi-segment > span { white-space: normal !important; overflow: hidden !important; }
html.focused-mobile-app body[data-view="crm"] .aq-crm-kpi-segment > i { display: none !important; }
.mobile-approval-list { display: grid; gap: 12px; padding: 12px; }
.mobile-approval-card, .mobile-decision-card { display: grid; gap: 8px; width: 100%; min-width: 0; padding: 16px; border: 1px solid #dce5ef; border-radius: 14px; background: #fff; text-align: left; }
.mobile-approval-card-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; font-size: 12px; font-weight: 800; color: #475569; }
.mobile-approval-card h4, .mobile-decision-card strong { margin: 0; overflow-wrap: anywhere; color: #17233a; font-size: 16px; }
.mobile-approval-card p { margin: 0; overflow-wrap: anywhere; color: #64748b; font-size: 13px; }
.mobile-approval-card > button { width: 100%; min-height: 44px; margin-top: 6px; }
.mobile-decision-card { cursor: pointer; }
.mobile-decision-card span, .mobile-decision-card small { color: #64748b; font-size: 12px; }
.mobile-decision-status { display: inline-block; padding: 5px 9px; border-radius: 8px; background: #edf7f0; color: #137444; font-size: 12px; font-weight: 800; }
.mobile-decision-card[data-status="rejected"] { border-color: #f1b7bd; background: #fff8f8; }
.mobile-decision-card[data-status="rejected"] .mobile-decision-status { background: #fce7e9; color: #b4232f; }
.mobile-approval-sync { display: block; width: 100%; min-height: 44px; margin-top: 12px; border: 1px solid #c8d7e6; border-radius: 12px; background: #fff; color: #24527a; font: inherit; font-size: 14px; font-weight: 700; cursor: pointer; }
@media (max-width: 700px) {
  html.focused-mobile-app body #loginScreen.login-screen:not(.hidden) {
    display: block !important; min-height: 100dvh !important; height: 100dvh !important;
    padding: calc(46px + env(safe-area-inset-top)) 18px calc(24px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important; overflow-y: auto !important;
    background: radial-gradient(circle at 85% 5%, #29456d 0, transparent 32%),
      linear-gradient(168deg, #071d3d 0 38%, #f3f6fb 38.2% 100%) !important;
  }
  html.focused-mobile-app body #loginScreen.login-screen:not(.hidden)::after { display: none !important; }
  html.focused-mobile-app body #loginScreen .login-left-mark { display: none !important; }
  html.focused-mobile-app body #loginScreen .login-panel {
    display: grid !important; width: min(420px, 100%) !important; max-width: 420px !important;
    margin: 0 auto !important; padding: 0 !important; gap: 0 !important;
    overflow: visible !important; border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important;
  }
  html.focused-mobile-app body #loginScreen .login-brand {
    display: block !important; width: fit-content !important; max-width: 100% !important;
    margin: 0 0 22px !important; padding: 9px 13px !important;
    border: 1px solid #ffffff55 !important; border-radius: 14px !important;
    background: #fff !important; box-shadow: 0 14px 35px #0002 !important;
  }
  html.focused-mobile-app body #loginScreen .login-brand .brand-logo,
  html.focused-mobile-app body #loginScreen .login-brand .brand-copy { display: none !important; }
  html.focused-mobile-app body #loginScreen .login-brand .mobile-login-logo {
    display: block !important; width: 186px !important; max-width: 100% !important;
    height: auto !important; max-height: none !important; object-fit: contain !important;
  }
  html.focused-mobile-app body #loginScreen .mobile-login-intro { display: block !important; margin: 0 0 24px !important; color: #fff !important; }
  html.focused-mobile-app body #loginScreen .mobile-login-intro span { display: block; margin-bottom: 9px; color: #b9cbe5; font-size: 11px; font-weight: 800; letter-spacing: .18em; }
  html.focused-mobile-app body #loginScreen .mobile-login-intro h2 { margin: 0 0 5px; color: #fff; font-size: clamp(27px, 7vw, 34px); line-height: 1.08; letter-spacing: -.04em; }
  html.focused-mobile-app body #loginScreen .mobile-login-intro p { margin: 0; color: #d1ddec; font-size: 14px; line-height: 1.5; }
  html.focused-mobile-app body #loginScreen .login-form {
    width: 100% !important; max-width: 100% !important; gap: 14px !important;
    padding: 24px 22px 22px !important; border: 1px solid #e5eaf2 !important;
    border-radius: 24px !important; background: #fff !important;
    box-shadow: 0 24px 54px #0b22432b !important;
  }
  html.focused-mobile-app body #loginScreen .login-mode-switch { min-height: 48px !important; padding: 4px !important; border-radius: 12px !important; background: #f1f4f8 !important; }
  html.focused-mobile-app body #loginScreen .login-mode-switch button { min-height: 40px !important; border-radius: 9px !important; font-size: 13px !important; }
  html.focused-mobile-app body #loginScreen .login-form h1 { margin-top: 3px !important; font-size: 23px !important; letter-spacing: -.035em !important; }
  html.focused-mobile-app body #loginScreen .login-form .muted { margin-top: -8px !important; color: #69788f !important; font-size: 13px !important; }
  html.focused-mobile-app body #loginScreen .login-form label { gap: 7px !important; color: #26354d !important; font-size: 13px !important; }
  html.focused-mobile-app body #loginScreen .login-input-shell { min-height: 52px !important; grid-template-columns: 48px minmax(0,1fr) !important; border: 1px solid #d7e0eb !important; border-radius: 12px !important; }
  html.focused-mobile-app body #loginScreen .login-password-field { grid-template-columns: 48px minmax(0,1fr) 48px !important; }
  html.focused-mobile-app body #loginScreen .login-input-icon { width: 48px !important; height: 50px !important; background: #f7f9fc !important; }
  html.focused-mobile-app body #loginScreen .login-form input:not([type="checkbox"]) { min-height: 50px !important; height: 50px !important; font-size: 16px !important; }
  html.focused-mobile-app body #loginScreen .login-password-field .login-password-toggle { width: 48px !important; min-height: 50px !important; height: 50px !important; }
  html.focused-mobile-app body #loginScreen .remember-row { min-height: 28px !important; font-size: 13px !important; }
  html.focused-mobile-app body #loginScreen .remember-row input { width: 18px !important; height: 18px !important; }
  html.focused-mobile-app body #loginScreen .login-submit-button { min-height: 52px !important; border-radius: 12px !important; background: linear-gradient(120deg,#ee292b,#cf111b) !important; }
  html.focused-mobile-app body #loginScreen .login-separator { display: none !important; }
  html.focused-mobile-app body #loginScreen .login-support-row { padding-top: 3px !important; font-size: 12px !important; color: #68778d !important; }
  html.focused-mobile-app body #loginScreen .login-security-footer { display: none !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions { min-width: 0 !important; max-width: 100% !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-menu {
    position: fixed !important; z-index: 90 !important; right: 16px !important;
    bottom: calc(80px + env(safe-area-inset-bottom)) !important; width: auto !important;
  }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .aq-crm-quick {
    width: 190px !important; min-width: 190px !important; max-width: 190px !important;
    height: 54px !important; min-height: 54px !important; max-height: 54px !important;
    padding: 0 13px 0 17px !important; border-radius: 16px !important;
    font-size: 14px !important; box-shadow: 0 12px 28px #a7372f55 !important;
  }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .aq-crm-quick b { min-width: 26px !important; height: 26px !important; font-size: 11px !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown {
    display: none !important; position: fixed !important; z-index: 91 !important;
    inset: auto 12px calc(144px + env(safe-area-inset-bottom)) 12px !important;
    width: auto !important; min-width: 0 !important; max-width: none !important;
    max-height: min(500px, calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom))) !important;
    grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 8px !important;
    padding: 12px !important; overflow-x: hidden !important; overflow-y: auto !important;
    border-radius: 20px !important; box-shadow: 0 20px 50px #071d3d4d !important;
  }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-menu:not(.open) .crm-new-dropdown { display: none !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-menu.open .crm-new-dropdown { display: grid !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown .crm-new-option {
    display: flex !important; flex-direction: column !important; align-items: flex-start !important;
    gap: 7px !important; min-height: 98px !important; padding: 12px !important;
    border: 1px solid #e0e7ef !important; border-radius: 14px !important;
    background: #f9fbfd !important;
  }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown .crm-new-option > svg { width: 32px !important; height: 32px !important; padding: 7px !important; border-radius: 10px !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown .crm-new-option::after,
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown .crm-new-option small { display: none !important; }
  html.focused-mobile-app body[data-view="crm"] .aq-crm-filter-actions .crm-new-dropdown .crm-new-option b { font-size: 12px !important; line-height: 1.2 !important; white-space: normal !important; }
  html.focused-mobile-app body .main, html.focused-mobile-app body .view { min-width: 0 !important; width: 100% !important; max-width: 100% !important; }
  html.focused-mobile-app body .approvals-workspace { padding: 12px !important; }
  html.focused-mobile-app body .approvals-controlbar { display: block !important; }
  html.focused-mobile-app body .approvals-controlbar-status { margin-top: 12px; }
  html.focused-mobile-app body .approval-section { min-width: 0; }
  html.focused-mobile-app body .modal-panel { max-height: calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)) !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) { z-index: 1000 !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-panel {
    position: fixed !important; inset: 0 !important; display: grid !important;
    grid-template-rows: auto minmax(0, 1fr) !important;
    width: 100vw !important; min-width: 0 !important; max-width: 100vw !important;
    height: 100dvh !important; min-height: 0 !important; max-height: 100dvh !important;
    margin: 0 !important; transform: none !important; border: 0 !important; border-radius: 0 !important;
  }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-header {
    display: flex !important; min-height: 64px !important; height: auto !important;
    padding: calc(10px + env(safe-area-inset-top)) 14px 10px !important;
    flex-direction: row !important; align-items: center !important; justify-content: space-between !important;
    flex-wrap: nowrap !important; overflow: visible !important;
  }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-header > div { min-width: 0 !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-header h2 { font-size: 18px !important; overflow-wrap: anywhere !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-header .icon-button { flex: 0 0 auto !important; min-width: 64px !important; min-height: 40px !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-body {
    width: 100% !important; min-width: 0 !important; min-height: 0 !important;
    height: auto !important; max-height: none !important; padding: 12px 12px calc(20px + env(safe-area-inset-bottom)) !important;
    overflow-x: hidden !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch;
  }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-body :is(input,select,textarea) { max-width: 100% !important; font-size: 16px !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-body :is(.form-grid,.detail-grid,.aq360-details-grid,.aq360-category-grid,.aq360-review-grid) { grid-template-columns: minmax(0, 1fr) !important; }
  html.focused-mobile-app body #modal.modal.open:not([data-mode="account-menu"]) .modal-body .span-2 { grid-column: 1 / -1 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="approval-details"].open .detail-grid > .detail-item { grid-template-columns: minmax(0, 1fr) !important; padding: 10px 0 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="approval-details"].open .approval-route-table { min-width: 620px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="approval-details"].open :is(.table-wrap,.approval-route-wrap) { max-width: 100% !important; overflow-x: auto !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-quote-wizard { width: 100% !important; min-width: 0 !important; overflow: visible !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-wizard-steps {
    display: flex !important; gap: 0 !important; width: 100% !important; min-width: 0 !important;
    height: 52px !important; padding: 0 4px !important; overflow-x: auto !important;
    scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch;
  }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-wizard-steps button {
    flex: 0 0 auto !important; min-width: 86px !important; min-height: 48px !important;
    padding: 0 9px !important; font-size: 12px !important; scroll-snap-align: center;
  }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-wizard-screen { width: 100% !important; min-width: 0 !important; padding: 12px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-customer-search-block { display: grid !important; grid-template-columns: minmax(0,1fr) !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-step-actions { display: flex !important; gap: 10px !important; flex-wrap: wrap !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-step-actions button { flex: 1 1 120px !important; min-height: 44px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-item-layout { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 14px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-item-main { width: 100% !important; min-width: 0 !important; overflow: visible !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-summary-panel { position: static !important; width: 100% !important; min-width: 0 !important; order: 2 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-summary-row span,
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-summary-row strong { min-width: 0 !important; white-space: normal !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-head { display: none !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-lines > .quotation-line-row:not(.quotation-line-head) {
    display: flex !important; flex-direction: column !important; align-items: stretch !important;
    gap: 4px !important; width: 100% !important; min-width: 0 !important; padding: 14px !important;
  }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row:not(.quotation-line-head) > :is(input,.quotation-item-field) { width: 100% !important; min-width: 0 !important; max-width: 100% !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-item-field { display: grid !important; grid-template-columns: minmax(0,1fr) auto !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-item-search-wrap,
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-item-search-control { width: 100% !important; min-width: 0 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-mobile-caption { display: block !important; width: 100% !important; margin: 8px 0 2px !important; color: #526174 !important; font-size: 12px !important; font-weight: 800 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row[data-line-mode="steel"] .quotation-mobile-caption[data-line-field="unit"],
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row[data-line-mode="steel"] .quotation-mobile-caption[data-line-field="stock"],
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row[data-line-mode="building"] .quotation-mobile-caption[data-line-field="pieces"],
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row[data-line-mode="building"] .quotation-mobile-caption[data-line-field="rate"] { display: none !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-line-row:not(.quotation-line-head) > input { min-height: 44px !important; text-align: left !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-remove-line { align-self: flex-end !important; width: 44px !important; height: 44px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-charge-grid { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-vat-auto-card { min-width: 0 !important; flex-wrap: wrap !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .quotation-charge-grid label { width: 100% !important; min-width: 0 !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-bottom-bar { position: static !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; width: 100% !important; }
  html.focused-mobile-app body #modal.modal[data-mode="quotation-wizard"].open .aq360-bottom-bar button { min-width: 0 !important; min-height: 44px !important; white-space: normal !important; }
}