/* Mobile task flow: reachable actions, stable context and readable inputs. */
.xc-mobile-nav{display:none}
.xc-draft-status{display:block;color:#64748b;font-size:12px;min-height:18px}
.xc-draft-recover{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#eef5ff;padding:12px;border-radius:8px}
.xc-draft-recover[hidden]{display:none}
.xc-mobile-actions{display:flex;align-items:center;gap:12px}
.xc-mobile-actions [role=status]{font-size:13px;color:#64748b}
.xc-otp-row{display:flex;gap:10px;align-items:center}
.xc-otp-row input{min-width:0;flex:1}
.xc-otp-row button{flex:none;white-space:nowrap}
.xc-auth-error{min-height:24px;color:#b42318;font-size:14px;line-height:1.5}
.xc-auth-success{color:#19754b}
.xc-login-mode{display:flex;gap:8px;justify-content:center;margin-bottom:20px}
.xc-login-mode a{padding:10px 15px;border-radius:8px;color:#58677b;text-decoration:none}
.xc-login-mode a[aria-current=page]{color:#006eff;background:#eaf3ff;font-weight:600}
.xc-mobile-login-choice{display:none}
@media(max-width:720px){
 body.xc{font-size:15px;line-height:1.6;-webkit-text-size-adjust:100%}
 body.xc .shell{padding:16px 12px}
 body.xc input:not([type=checkbox]):not([type=radio]),body.xc select,body.xc textarea{font-size:16px;min-height:48px;border-radius:8px;padding:11px 12px}
 body.xc textarea{line-height:1.65;resize:vertical;scroll-margin:80px}
 body.xc .button,body.xc button.xc-link{min-height:46px;padding:10px 15px;font-size:15px;touch-action:manipulation}
 body.xc .xc-link{display:inline-flex;align-items:center;min-height:38px}
 body.xc .xc-card{border-radius:12px;overflow:visible;margin-bottom:14px}
 body.xc .xc-card__body,body.xc .xc-card__head{padding:16px}
 body.xc .xc-page__title{font-size:23px;line-height:1.35}
 body.xc .xc-page__desc{font-size:14px;line-height:1.7;margin-top:6px}
 body.xc .xc-crumb{display:none}
 body.xc .xc-form-grid,body.xc .xc-split,.dr-form-grid{grid-template-columns:minmax(0,1fr)}
 body.xc .xc-kindpick{grid-template-columns:1fr 1fr;gap:8px}
 body.xc .xc-kindpick__item{min-height:68px;padding:12px}
 body.xc .xc-kindpick__item small{font-size:11px;line-height:1.45}
 body.xc .xc-kindpick__item strong{font-size:14px}
 body.xc .xc-form-narrow{max-width:none}
 body.xc .xc-tabs{overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;gap:18px;-webkit-overflow-scrolling:touch}
 body.xc .xc-tabs a{min-height:48px}
 body.xc .xc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
 body.xc .xc-table--stack tr{border:1px solid #e4eaf0;border-radius:10px;padding:12px;margin:10px;box-sizing:border-box;width:auto}
 body.xc .xc-table--stack td{overflow-wrap:anywhere;min-width:0}
 body.xc .xc-table--stack td[data-label]::before{flex:0 0 86px;color:#64748b;font-size:13px}
 body.xc .xc-table--stack td:last-child{padding-top:8px}
 body.xc .xc-table--stack td:last-child a{min-height:40px}
 body.xc .xc-topbar{height:54px;padding:0 12px}
 body.xc .xc-brand__logo{max-width:70px}
 body.xc .xc-topbar__toggle{min-height:44px;min-width:44px}
 body.xc--app .xc-main{padding-top:54px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}
 body.xc--app .xc-footer{padding-bottom:18px!important}
 .xc-mobile-nav{position:fixed;z-index:205;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:rgba(255,255,255,.97);border-top:1px solid #e4eaf0;padding:5px 8px calc(5px + env(safe-area-inset-bottom));box-shadow:0 -3px 18px rgba(21,37,62,.05)}
 .xc-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:54px;gap:2px;color:#66768c;text-decoration:none;font-size:11px;border-radius:10px}
 .xc-mobile-nav a[aria-current=page]{color:#006eff;background:#edf5ff;font-weight:600}
 .xc-mobile-nav .svg-icon{width:22px;height:22px}
 body.xc--keyboard .xc-mobile-nav{display:none}
 body.xc--keyboard .xc-main{padding-bottom:16px}
 .xc-mobile-actions{position:sticky;bottom:calc(78px + env(safe-area-inset-bottom));z-index:10;display:block;background:rgba(255,255,255,.97);padding:12px 0 0;border-top:1px solid #edf0f5}
 .xc-mobile-actions .button{width:100%;justify-content:center;min-height:50px}
 .xc-mobile-actions [role=status]{display:block;margin-top:6px}
 body.xc--keyboard .xc-mobile-actions{position:static}
 body.xc--guest .login-shell{display:block;min-height:0;padding:32px 0 12px}
 body.xc--guest .xc-login{width:100%;max-width:420px;box-shadow:none;margin:0 auto;padding:24px 20px;border-radius:16px}
 body.xc--guest .xc-login .login-head__mark{display:none}
 body.xc--guest .xc-login .login-head h1{font-size:25px;margin:8px 0 24px}
 body.xc--guest .xc-login .login-kicker{font-size:13px;color:#64748b}
 body.xc--guest .xc-login .compact-note{font-size:13px;line-height:1.65}
 .xc-mobile-login-choice{display:block}
 .xc-desktop-login-choice{display:none}
 .xc-otp-row button{font-size:13px!important;padding:8px 12px!important;min-width:100px}
 .xc-auth-error{margin:8px 0}
}
@media(prefers-reduced-motion:reduce){.xc-mobile-nav *,body.xc .button{transition:none!important;animation:none!important}}
