/* CH OS V108 — Client Portal mobile/tablet layer */
:root{--cp-safe-x:clamp(14px,4vw,28px)}html,body{overflow-x:hidden}*{box-sizing:border-box}img,svg,video{max-width:100%;height:auto}.cp-content,.cp-public-content,.cp-main,.cp-page{min-width:0}.cp-card,.cp-panel,.cp-service-card,.cp-ticket-card,.cp-hero,.cp-box{min-width:0;overflow-wrap:anywhere}.cp-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:18px}.cp-table-wrap table{min-width:720px}.cp-form-grid,.cp-grid,.cp-services-grid,.cp-dashboard-grid,.cp-stats-grid,.cp-detail-grid{min-width:0}
.cp-language-top{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:100%!important}.cp-language-top a{flex:1 1 0;text-align:center;display:flex;align-items:center;justify-content:center;min-height:38px}.cp-public-langs{display:flex;justify-content:center;gap:6px;flex-wrap:wrap}
@media (max-width:1180px){.cp-layout{grid-template-columns:280px minmax(0,1fr)!important}.cp-content{padding:24px!important}.cp-dashboard-grid,.cp-services-grid,.cp-stats-grid,.cp-detail-grid,.cp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.cp-hero-title,.cp-page-title,h1{font-size:clamp(38px,6vw,72px)!important;line-height:.95!important}.cp-span-2,.cp-full{grid-column:1/-1!important}}
@media (max-width:920px){.cp-layout{display:block!important}.cp-sidebar{position:fixed!important;left:0!important;top:0!important;bottom:0!important;width:min(86vw,310px)!important;z-index:1000;transform:translateX(-105%);transition:transform .24s ease;box-shadow:22px 0 70px rgba(0,0,0,.58);overflow-y:auto}.cp-sidebar.is-open,.cp-sidebar.open,body.cp-nav-open .cp-sidebar{transform:translateX(0)!important}.cp-scrim{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:990;opacity:0;pointer-events:none;transition:.2s}.cp-scrim.is-open,body.cp-nav-open .cp-scrim{opacity:1;pointer-events:auto}.cp-content{padding:76px var(--cp-safe-x) 28px!important;margin:0!important;width:100%!important}.cp-mobilebar{display:flex!important;position:fixed;top:0;left:0;right:0;z-index:900;height:62px;align-items:center;justify-content:space-between;padding:0 14px;background:rgba(7,8,12,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.cp-mobile-logo{max-width:170px;height:auto}.cp-nav-toggle{min-width:44px;min-height:44px;border-radius:14px}.cp-dashboard-grid,.cp-services-grid,.cp-stats-grid,.cp-detail-grid,.cp-form-grid,.cp-grid{grid-template-columns:1fr!important;gap:16px!important}.cp-hero,.cp-page-hero{border-radius:24px!important;padding:26px 20px!important}.cp-actions,.cp-card-actions,.cp-hero-actions,.cp-form-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important}.cp-actions>* , .cp-card-actions>* , .cp-hero-actions>* , .cp-form-actions>*{flex:1 1 auto}.cp-btn,.cp-button,button,input[type="submit"]{min-height:44px}.cp-public-layout{display:block!important}.cp-public-content{padding:22px var(--cp-safe-x)!important}.cp-public-topbar{position:sticky;top:0;z-index:50;background:rgba(7,8,12,.92);backdrop-filter:blur(14px);padding:12px var(--cp-safe-x)!important}}
@media (max-width:640px){.cp-content,.cp-public-content{padding-left:14px!important;padding-right:14px!important}.cp-hero-title,.cp-page-title,h1{font-size:clamp(32px,13vw,50px)!important;letter-spacing:-.06em!important}.cp-hero-copy,.cp-page-copy,.cp-lead{font-size:15px!important;line-height:1.55!important}.cp-card,.cp-panel,.cp-service-card,.cp-ticket-card{padding:18px!important;border-radius:20px!important}.cp-service-card{display:block!important}.cp-service-card .cp-card-actions{margin-top:14px}.cp-btn,.cp-button,button,input[type="submit"]{width:100%;justify-content:center;text-align:center}.cp-form-row,.cp-form-grid{grid-template-columns:1fr!important}.cp-field input,.cp-field select,.cp-field textarea,input,select,textarea{font-size:16px!important}.cp-brand-logo{max-width:210px}.cp-user-card{position:relative!important}.cp-public-brand{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.cp-public-brand img{max-width:185px}.cp-public-langs{width:100%}.cp-public-langs a{flex:1 1 0;text-align:center}.cp-table-wrap table{min-width:650px;font-size:13px}}
@media (max-width:420px){.cp-card,.cp-panel,.cp-service-card{padding:16px!important;border-radius:18px!important}.cp-hero,.cp-page-hero{padding:22px 16px!important}.cp-brand-logo{max-width:190px}.cp-nav a{min-height:46px}.cp-language-top a{min-height:36px}.cp-user-card{gap:10px}.cp-user-avatar{width:42px;height:42px}}