/* Shared screen layout: public portal, accounts and back office. */
@media screen {
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#f6f7f9}
 body{min-width:0;line-height:1.5;min-height:100vh;min-height:100svh}
 button,input,select,textarea{font-family:inherit;color:inherit}
 button,input,textarea{-webkit-appearance:none;appearance:none}
 input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto}
 input,select,textarea{max-width:100%;min-width:0}
 input[type=date],input[type=datetime-local]{min-height:48px}
 input[type=date]::-webkit-date-and-time-value{text-align:left}
 button,.btn,.ka-action{touch-action:manipulation}
 .btn{font-size:14px;line-height:1.45;white-space:normal;text-align:center;padding:11px 17px}
 img{max-width:100%}
 .wrap,.navin{width:calc(100% - 32px);max-width:1180px}
 .wrap{padding-left:0;padding-right:0}
 .nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
 .heroSeal{-webkit-backdrop-filter:blur(12px)}
 .ka-dashboard,.ka-profile,.ka-shell,.ka-welcome,.ka-services,.ka-service-card,.ka-stats,.ka-stat,
 .kw-promo,.kw-promo>*,.kw-selected>*,.kw-notification>*,.kw-mail-row>*,.ka-list-head>*,
 .quick>*,.features>*,.search>*,.grid>*,.progress>*,.csLayout>*{min-width:0}
 .ka-shell{grid-template-columns:minmax(0,.78fr) minmax(0,1.35fr)}
 .ka-form-grid,.ka-profile dl,.kw-detail,.kw-two-columns,.kw-mini-benefits,.kw-price-list,.quick{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kw-promo{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr)}
 .ka-services{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ka-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .features,.grid,.progress{grid-template-columns:repeat(4,minmax(0,1fr))}
 h1,h2,h3,p,.ka-helper,.csContact,.kw-price,.kw-request-price,.ka-welcome,.item,.resultHead{overflow-wrap:anywhere}
 .pageHead h1,.ka-head h1{line-height:1.15}
 .pageHead p{line-height:1.7}
 .ka-table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border-radius:10px}
 .ka-table{min-width:640px}
 .ka-ledger{min-width:960px}
 .ka-table td{overflow-wrap:anywhere}
 .ka-table .ka-money{overflow-wrap:normal}
 .ka-table-wrap:focus-visible{outline:2px solid var(--red);outline-offset:3px}
 .ka-action{min-height:44px}
 .ka-module-nav a{min-height:44px;text-align:center}
 .ka-module-nav,.ka-actions,.ka-pages{min-width:0}
 .ka-pages>div{display:flex;flex-wrap:wrap;gap:12px}
 .footer{padding:25px 16px max(28px,env(safe-area-inset-bottom));line-height:1.8;overflow-wrap:anywhere}
 .mobileMenu{max-height:calc(100vh - 90px);max-height:calc(100dvh - 90px);overflow-y:auto;-webkit-overflow-scrolling:touch}
 .mobileMenu[aria-hidden=true]{visibility:hidden}
 .ka-status{white-space:normal;line-height:1.5}
}
@media screen and (min-width:801px) and (max-width:1100px){
 .links{display:none}.menuToggle,.mobileMenu{display:flex}.mobileMenu{display:block}
 .navin{position:relative}.nav{z-index:100}
 .menuToggle{width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:11px;background:white;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:4px}
 .menuToggle span{width:18px;height:2px;border-radius:2px;background:#202228}
 .menuOpen .menuToggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}
 .menuOpen .menuToggle span:nth-child(2){opacity:0}
 .menuOpen .menuToggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
 .mobileMenu{position:absolute;top:calc(100% + 8px);right:0;width:330px;padding:10px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow);visibility:hidden;pointer-events:none}
 .menuOpen .mobileMenu{visibility:visible;pointer-events:auto}
 .mobileMenuHead{padding:8px;border-bottom:1px solid var(--line);font-size:13px}.mobileMenuHead small{margin-left:8px;color:var(--muted)}
 .mobileLinks{display:grid;gap:4px;padding-top:6px}.mobileLinks a{display:grid;grid-template-columns:36px minmax(0,1fr) 15px;gap:10px;align-items:center;min-height:52px;padding:8px;border-radius:11px}.mobileLinks a.active{background:#fff0f1;color:var(--red)}
 .mobileIcon{display:grid;place-items:center;width:36px;height:36px;background:#f6f7f9;border-radius:10px}.mobileIcon svg{width:18px;height:18px;fill:currentColor}
 .mobileLinks b,.mobileLinks small{display:block}.mobileLinks b{font-size:13px}.mobileLinks small{font-size:11px;color:var(--muted)}.mobileLinks i{font-style:normal}
}
@media screen and (max-width:980px){.ka-shell{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}}
@media screen and (max-width:800px){
 .kw-promo,.quick{grid-template-columns:1fr}
 .features,.grid,.progress{grid-template-columns:repeat(2,minmax(0,1fr))}
 .search input,.ka-field input,.ka-field select,.ka-field textarea,.ka-search input{font-size:16px;min-height:48px}
 .menuToggle{min-width:44px;min-height:44px;flex-basis:44px}
 .navin{gap:12px}
}
@media screen and (max-width:760px){.ka-shell,.ka-services{grid-template-columns:1fr}.ka-aside{position:static}}
@media screen and (max-width:600px){
 .wrap,.navin{width:calc(100% - 32px);width:calc(100% - max(16px,env(safe-area-inset-left)) - max(16px,env(safe-area-inset-right)))}
 .navin{height:64px}.brand img{flex-shrink:0}
 .hero{padding:24px 0}.heroBox{padding:28px 20px;border-radius:20px}.heroContent{padding-right:0}
 h1{font-size:clamp(30px,8.5vw,46px);line-height:1.08;letter-spacing:-.035em}
 .pageHead,.ka-head{padding:28px 0 22px}.pageHead h1,.ka-head h1{font-size:clamp(27px,7.5vw,36px)}
 .section{padding:24px 0 36px}.compact{padding:20px 0 32px}
 .panel,.result,.qcard,.ka-card,.ka-profile,.ka-welcome,.ka-service-card,.csIntro,.csChannel,.csFormPanel,.csSecurity,.kw-promo,.kw-promo-side,.kw-selected,.kw-admin-request,.kw-notification{padding:20px 18px;border-radius:18px}
 .features,.grid,.progress,.ka-form-grid,.ka-profile dl,.kw-detail,.kw-two-columns,.kw-mini-benefits,.kw-packages,.kw-steps{grid-template-columns:1fr}
 .item.wide,.ka-full,.kw-detail .ka-full{grid-column:auto}
 .kw-selected{flex-direction:column;align-items:stretch;gap:16px}
 .ka-dashboard{gap:18px}.ka-form-grid{gap:16px}
 .heroActions .btn{min-width:0;flex:1 1 100%}.kw-cta>.btn{width:100%}
 .ka-module-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ka-module-nav a{padding:11px 8px;font-size:12px;justify-content:center;overflow-wrap:anywhere}
 .ka-list-head{gap:14px;align-items:stretch}.ka-list-head>.btn{width:100%}
 .ka-search{flex-wrap:wrap;width:100%;max-width:none}.ka-search input{flex:1 1 100%;min-width:0}.ka-search .btn{width:100%}
 .ka-filter{flex-direction:column;align-items:stretch}.ka-filter .ka-field{width:100%;min-width:0}
 .ka-finance-stats,.ka-stats{grid-template-columns:1fr}.ka-stat{display:flex;align-items:center;justify-content:space-between;gap:12px}.ka-stat b{margin:0;overflow-wrap:anywhere}
 .ka-table td,.ka-table th{padding:12px}.ka-pages{flex-direction:column;align-items:flex-start}
 .kw-mail-row{align-items:stretch}.kw-mail-row .ka-action{width:100%}
 .kw-auth-tabs{flex-direction:column}.kw-auth-tabs a{text-align:center}
 .ka-otp{letter-spacing:.2em}
 .ka-password button{min-height:36px}
 .sectionTitle h2{font-size:25px}.heroActions,.kw-cta,.csFormActions{gap:10px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}