/* Phase 20.4 — Production UI Stability Audit & Mobile Responsive Master Fix
   Global containment layer for admin/vendor/customer/public pages. */
:root{--mk204-safe-gap:clamp(12px,2vw,24px);--mk204-radius:22px;--mk204-border:#e5edf8;--mk204-shadow:0 18px 55px rgba(15,23,42,.07)}
html,body{max-width:100%;overflow-x:clip}body{overflow-wrap:break-word}*,*::before,*::after{box-sizing:border-box}img,video,canvas,svg,iframe{max-width:100%;height:auto}iframe{border:0}pre,code,kbd,samp{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.mk204-ltr-safe,.telegram-api-response,.telegram-debug-box,.telegram-error-box,.admin-debug-box,.error-details,pre,code{direction:ltr;text-align:left;unicode-bidi:plaintext}
.container,.admin-container,.vendor-container,.dashboard-container,.page-container,.pro-section .container{max-width:min(1240px,calc(100vw - 32px));min-width:0}.admin-page .container,.role-admin .container{max-width:min(1320px,calc(100vw - 32px))}.card,.pro-card,.admin-card,.dashboard-card,.settings-card,.panel,.box,.table-card,.notification-card,.telegram-admin-card,.telegram-control-card{min-width:0;max-width:100%;overflow-wrap:anywhere}.admin-page .card,.admin-page .admin-card,.admin-page .panel,.role-admin .card,.role-admin .admin-card,.role-admin .panel{overflow:hidden}
/* Tables and long grids */
.mk204-table-wrap,.table-responsive,.responsive-table,.admin-table-wrap,.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}.mk204-table-wrap>table,.table-responsive>table,.responsive-table>table,.admin-table-wrap>table,.table-wrap>table{min-width:720px;width:100%}table{border-collapse:collapse;max-width:100%}th,td{overflow-wrap:anywhere;word-break:normal}.admin-page table td,.admin-page table th,.role-admin table td,.role-admin table th{vertical-align:top}.admin-page .data-table,.role-admin .data-table{width:100%}
/* Forms */
input,select,textarea,button{max-width:100%;font-family:inherit}textarea{resize:vertical;min-height:110px;overflow:auto}form,.form-grid,.settings-grid,.admin-form-grid,.telegram-settings-grid{min-width:0;max-width:100%}.form-row,.filter-row,.search-row,.action-row,.admin-actions,.notif-search-row,.notif-hero-actions{min-width:0;max-width:100%;align-items:center}.btn,button,[type="submit"],.button{min-width:0}.btn,.button,a.btn,button{white-space:normal;text-align:center;overflow-wrap:anywhere}.btn.small,.button.small{white-space:nowrap}
/* Dropdowns, menus, overlays */
.dropdown,.dropdown-menu,.account-dropdown,.mega-menu,.admin-dropdown,.popover,.tooltip,.notification-dropdown{max-width:min(420px,calc(100vw - 24px));overflow:auto;overscroll-behavior:contain}.dropdown-menu,.account-dropdown,.mega-menu,.notification-dropdown{word-break:break-word}.is-open,.show,.open{scroll-margin-top:90px}
/* Popups / modals stability */
.marketak-smart-popup-v1895231,.marketak-smart-popup-v1895182,.modal,.popup,.dialog,[role="dialog"],.modal-overlay,.popup-overlay{max-width:100vw;max-height:100dvh;overscroll-behavior:contain}.marketak-smart-popup-v1895231 .smart-popup-card,.marketak-smart-popup-v1895182 .smart-popup-card,.modal-content,.popup-content,.dialog-content,[role="dialog"]>div{max-width:min(720px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;overscroll-behavior:contain}.marketak-smart-popup-v1895231 .smart-popup-body,.marketak-smart-popup-v1895182 .smart-popup-body,.modal-body,.popup-body{min-width:0;overflow-wrap:anywhere}.marketak-smart-popup-open-v1895232{padding-right:0!important}.role-admin .marketak-smart-popup-v1895231,.role-admin .marketak-smart-popup-v1895182,.admin-page .marketak-smart-popup-v1895231,.admin-page .marketak-smart-popup-v1895182{display:none!important;pointer-events:none!important}
/* Admin shell and sidebars */
.admin-layout,.admin-shell,.dashboard-layout,.vendor-layout,.customer-layout{min-width:0;max-width:100%;overflow-x:clip}.admin-main,.admin-content,.dashboard-main,.vendor-main,.customer-main{min-width:0;max-width:100%}.admin-sidebar,.vendor-sidebar,.customer-sidebar{min-width:0}.admin-page .pro-hero,.role-admin .pro-hero,.vendor-page .pro-hero,.customer-page .pro-hero{min-width:0;max-width:100%;overflow:hidden}.pro-hero h1,.pro-hero h2,.pro-hero p,.admin-title,.page-title{overflow-wrap:anywhere;word-break:break-word}.stat-grid,.stats-grid,.dashboard-grid,.cards-grid,.metrics-grid,.mini-stats,.notif-mini-stats{min-width:0}.stat-card,.metric-card,.mini-card{min-width:0;overflow:hidden}
/* Telegram bot admin control center */
.telegram-admin-wrap,.telegram-admin-wrap *,.telegram-control-center,.telegram-control-center *,.telegram-admin-card,.telegram-admin-card *{min-width:0;box-sizing:border-box}.telegram-control-center{max-width:100%;overflow-x:hidden}.telegram-admin-sidebar{max-height:calc(100dvh - 120px);overflow:auto;position:sticky;top:86px}.telegram-admin-content{min-width:0;overflow:hidden}.telegram-admin-card pre,.telegram-admin-card code,.telegram-admin-card .debug-box,.telegram-admin-card .api-response{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word}.telegram-admin-card table{width:100%}.telegram-ticket-card,.telegram-ticket-row{min-width:0;overflow-wrap:anywhere}.telegram-ticket-actions{display:flex;gap:10px;flex-wrap:wrap}.telegram-ticket-actions .btn{flex:0 1 auto}.telegram-admin-card textarea{width:100%}
/* Notifications page hardening */
.notifications-page,.notifications-page *{min-width:0;box-sizing:border-box}.notifications-page{overflow-x:hidden}.notification-list{max-width:100%}.notification-card{min-width:0;max-width:100%;overflow:hidden}.notif-body,.notif-actions,.notif-topline{min-width:0}.notif-topline h3,.notif-body p{overflow-wrap:anywhere}.notif-tabs{overflow-x:auto;scrollbar-width:thin}.notif-tabs a{white-space:nowrap}.notif-search-row{display:flex;gap:10px;flex-wrap:wrap}.notif-search-row input{flex:1 1 260px}.notif-search-row select,.notif-search-row button{flex:0 1 auto}
/* Vendor store / products / cards */
.product-card,.store-card,.course-card,.vendor-card,.order-card,.cart-card{min-width:0;max-width:100%;overflow:hidden}.product-card h3,.store-card h3,.course-card h3,.order-card h3{overflow-wrap:anywhere}.product-grid,.products-grid,.stores-grid,.vendor-products-grid,.courses-grid{min-width:0;max-width:100%}.storefront-pro-hero,.storefront-pro-hero *{min-width:0}.storefront-pro-hero{overflow:hidden}.storefront-pro-hero .storefront-main{max-width:100%}
/* Floating widgets should not cover important controls */
.ai-assistant-widget,.ai-assistant-launcher,.marketak-ai-assistant,.floating-ai,.chat-fab{max-width:calc(100vw - 24px)}body{padding-bottom:env(safe-area-inset-bottom)}
@media(max-width:1100px){.admin-layout,.dashboard-layout,.vendor-layout{grid-template-columns:1fr!important}.admin-sidebar,.vendor-sidebar{position:relative!important;top:auto!important;max-height:none!important;width:100%!important}.telegram-admin-sidebar{position:relative;top:auto;max-height:none}.telegram-control-center,.telegram-admin-wrap{grid-template-columns:1fr!important}.stats-grid,.dashboard-grid,.cards-grid,.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){html,body{overflow-x:hidden}.container,.admin-container,.vendor-container,.dashboard-container,.page-container,.pro-section .container{max-width:100%;padding-inline:12px!important}.admin-page .container,.role-admin .container{max-width:100%;padding-inline:12px!important}.pro-section{padding-block:28px!important}.pro-hero,.notifications-hero,.admin-hero,.dashboard-hero{border-radius:24px!important;padding:22px!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important}.pro-hero h1,.notifications-hero h1,.admin-hero h1,.dashboard-hero h1{font-size:clamp(24px,7vw,34px)!important;line-height:1.3}.notif-mini-stats,.stats-grid,.dashboard-grid,.cards-grid,.metrics-grid,.mini-stats{grid-template-columns:1fr!important}.notif-search-row,.filter-row,.search-row,.admin-actions,.action-row,.notif-hero-actions{display:grid!important;grid-template-columns:1fr!important}.notif-search-row input,.notif-search-row select,.notif-search-row button,.filter-row input,.filter-row select,.filter-row button,.search-row input,.search-row select,.search-row button,.admin-actions .btn,.action-row .btn{width:100%!important;min-width:0!important}.notification-card{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;gap:12px!important;padding:15px!important;border-radius:20px!important}.notif-icon{width:44px!important;height:44px!important;border-radius:15px!important}.notif-actions{grid-column:1/-1;display:grid!important;grid-template-columns:1fr!important}.notif-actions .btn{width:100%!important}.admin-page .table-card,.role-admin .table-card{padding:12px!important}.telegram-ticket-actions{display:grid;grid-template-columns:1fr}.telegram-ticket-actions .btn{width:100%}.marketak-smart-popup-v1895231,.marketak-smart-popup-v1895182{padding:12px!important}.marketak-smart-popup-v1895231 .smart-popup-card,.marketak-smart-popup-v1895182 .smart-popup-card{border-radius:22px!important}.marketak-smart-popup-v1895231 .smart-popup-art,.marketak-smart-popup-v1895182 .smart-popup-art{min-height:110px!important;padding:18px!important}.marketak-smart-popup-v1895231 h3,.marketak-smart-popup-v1895182 h3{font-size:23px!important}.marketak-smart-popup-v1895231 .smart-popup-actions,.marketak-smart-popup-v1895182 .smart-popup-actions{display:grid!important;grid-template-columns:1fr!important}.marketak-smart-popup-v1895231 .smart-popup-actions a,.marketak-smart-popup-v1895231 .smart-popup-actions button,.marketak-smart-popup-v1895182 .smart-popup-actions a,.marketak-smart-popup-v1895182 .smart-popup-actions button{width:100%}.btn,.button,button{min-height:42px}.btn.small,.button.small{min-height:36px}}
@media(max-width:520px){.container,.admin-container,.vendor-container,.dashboard-container,.page-container{padding-inline:10px!important}.notification-card{grid-template-columns:1fr!important}.notif-icon{display:none!important}.notif-topline{display:block!important}.notif-date{display:block;margin-top:6px}.notif-tabs{flex-wrap:nowrap!important;overflow:auto!important;padding-bottom:8px}.telegram-admin-card,.admin-card,.settings-card,.panel{border-radius:20px!important;padding:14px!important}.table-responsive>table,.responsive-table>table,.mk204-table-wrap>table{min-width:640px}.marketak-flash-zone-v189511{bottom:14px!important;padding:0 10px!important}.marketak-flash-card-v189511{width:calc(100vw - 20px)!important;grid-template-columns:auto 1fr auto!important;border-radius:18px!important}}