.os-mobile-settings{padding-top:24px;padding-bottom:32px;color:#123047}.os-mobile-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.os-mobile-heading h1{font-size:clamp(1.5rem,4vw,2.2rem);margin:8px 0}.os-mobile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.os-mobile-card{background:#fff;border:1px solid #d5e1eb;border-radius:18px;padding:24px;margin-bottom:20px;min-width:0;box-shadow:0 4px 18px #12304708}.os-mobile-card h2{font-size:1.2rem}.os-mobile-card p{line-height:1.65;overflow-wrap:anywhere;color:#41586b}.os-mobile-card details{margin:18px 0}.os-mobile-card summary{cursor:pointer;padding:14px 0;font-weight:700;min-height:44px}.os-mobile-choice{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 0;cursor:pointer}.os-mobile-choice input{width:22px;height:22px;accent-color:#0769bf}.os-mobile-choice i{width:20px}.os-mobile-inbox{border-top:1px solid #e0e8ef}.os-mobile-inbox a{display:flex;gap:14px;padding:18px 0;color:#123047;text-decoration:none;overflow-wrap:anywhere}.os-mobile-inbox a>span{display:grid;gap:6px;min-width:0}.os-mobile-inbox small{color:#526778}.os-mobile-installation{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e0e8ef}.os-mobile-installation span{min-width:0;overflow-wrap:anywhere}.os-mobile-nav{display:none}.os-mobile-path{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:18px auto;padding:8px 12px}.os-mobile-path a,.os-mobile-path button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #ccdbe8;background:#fff;color:#173c5b;border-radius:10px;font:inherit;text-decoration:none;cursor:pointer}.os-mobile-connection{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(90%,36rem);padding:14px 18px;z-index:11000;background:#14334d;color:#fff;border:1px solid #adc6db;border-radius:12px;box-shadow:0 8px 25px #0004}.os-mobile-connection[hidden],#os-pwa-install-button[hidden],#os-pwa-install-help[hidden]{display:none!important}#os-pwa-install-button{position:fixed;right:16px;bottom:calc(92px + env(safe-area-inset-bottom));z-index:1000;padding:13px 18px;background:#0869b7;color:#fff;border:0;border-radius:30px;font:700 14px/1.4 inherit;min-height:44px;box-shadow:0 8px 24px #07182733;cursor:pointer}#os-pwa-install-help{position:fixed;inset:0;z-index:11020;background:#061725aa;display:grid;place-items:center;padding:24px}.os-pwa-install-card{position:relative;max-width:440px;max-height:80vh;overflow:auto;padding:28px;border-radius:20px;background:white;color:#143047}.os-pwa-install-card h2{padding-right:25px}.os-pwa-install-card p{line-height:1.6}.os-pwa-install-close{position:absolute;top:10px;right:10px;width:44px;height:44px;border:0;border-radius:50%;font-size:26px;cursor:pointer}.osasmart-native-app #os-pwa-install-button{display:none!important}:is(.os-mobile-settings,.os-mobile-path,.os-mobile-nav,#os-pwa-install-help) :focus-visible{outline:3px solid #0869b7;outline-offset:4px}.os-mobile-table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}.os-mobile-table-wrap:focus-visible{outline:3px solid #0869b7}.os-mobile-table-wrap table{min-width:560px}
@media(max-width:760px){.os-mobile-grid{grid-template-columns:1fr}.os-mobile-card{padding:18px}.os-mobile-settings{padding-left:16px;padding-right:16px}.os-mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;left:0;right:0;bottom:0;z-index:1050;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#fff;border-top:1px solid #c9d8e4;box-shadow:0 -4px 22px #07182712}.os-mobile-nav a{display:grid;justify-items:center;align-content:center;gap:5px;min-height:52px;padding:3px;color:#24465f;text-decoration:none;font-size:11px;line-height:1.3;overflow-wrap:anywhere;text-align:center}.os-mobile-nav i{font-size:19px}.os-mobile-nav [aria-current=page]{background:#e7f3fc;border-radius:10px;color:#0563a7;font-weight:700}body.os-has-mobile-nav{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.os-has-mobile-nav .whatsapp-float{bottom:calc(94px + env(safe-area-inset-bottom))}.os-has-mobile-nav :is(.admin-main,.admin-content,main,.container,.admin-form,.form-group){min-width:0;max-width:100%}.os-has-mobile-nav :is(input:not([type=checkbox]):not([type=radio]),select,textarea){max-width:100%;font-size:16px}.os-has-mobile-nav :is(.btn,button:not(.admin-nav-close)){min-height:44px}.os-has-mobile-nav :is(.form-grid,.admin-form-grid){grid-template-columns:minmax(0,1fr)}.os-has-mobile-nav .admin-content{padding-bottom:16px}.os-mobile-path{justify-content:flex-start}.os-mobile-card form{min-width:0}}
@media(prefers-reduced-motion:reduce){.os-mobile-nav *,.os-mobile-settings *,#os-pwa-install-help *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:760px){.os-has-mobile-nav #osVoiceButton{left:16px;right:auto;bottom:calc(94px + env(safe-area-inset-bottom))}.os-has-mobile-nav #osVoicePanel{left:14px;right:auto;bottom:calc(158px + env(safe-area-inset-bottom))}.os-has-mobile-nav .whatsapp-float{bottom:calc(158px + env(safe-area-inset-bottom))}}
