/* UCHIHA RADIUS: native-feeling interaction polish without changing the visual system. */
html{overscroll-behavior-y:none}
body[data-access="browse"]{overscroll-behavior-y:none}
button,[role="button"],a,input,select{touch-action:manipulation}
.dialog-focus-return:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
body[data-v16-back="true"] main{pointer-events:none}
@media (max-width:760px){
  .workspace-dialog,.quick-search-dialog,.membership-dialog,.drawer{overscroll-behavior:contain}
  .bottom-nav button,.topbar button,.icon-btn{touch-action:manipulation}
}

/* UCHIHA RADIUS — compact, touch-safe responsive density across phones and tablets. */
@media (min-width:761px) and (max-width:1100px){
  .platform-membership-strip{min-height:52px;padding-block:5px}
  .platform-membership-strip .subscription-main>.art{width:32px;height:32px}
  .platform-membership-strip .btn{min-height:34px}
  .topbar{top:52px;height:calc(64px + var(--sat))}
  .top-inner{padding-inline:20px}
  .main{padding:22px 20px calc(92px + var(--sab))}
  .heading{margin-bottom:16px}
  .panel,.focus-card,.small-stat{border-radius:17px}
  .bottom-wrap{width:min(400px,calc(100% - 32px));bottom:calc(10px + var(--sab));border-radius:19px}
  .bottom-nav{padding:5px}
  .nav-indicator{top:5px;bottom:5px;inset-inline-start:5px;width:calc((100% - 10px)/5);border-radius:14px}
  .nav-item{min-height:50px;font-size:11px}
  .nav-item .art{width:23px;height:23px}
  .nav-item svg{width:19px;height:19px}
}

@media (max-width:760px){
  :root{--bottom:58px}

  .platform-membership-strip{min-height:46px;padding:4px clamp(10px,3.4vw,14px);gap:6px}
  .platform-membership-strip .subscription-main{flex:1;gap:6px;overflow:hidden}
  .platform-membership-strip .subscription-main>.art{width:27px;height:27px}
  .platform-membership-strip .subscription-copy{flex-wrap:nowrap;gap:5px;overflow:hidden}
  .platform-membership-strip .subscription-copy b{font-size:9.5px;overflow:hidden;text-overflow:ellipsis}
  .platform-membership-strip .subscription-status{font-size:8.5px;padding:2px 6px}
  .platform-membership-strip .btn{min-height:30px;padding:3px 8px;font-size:9.5px;border-radius:9px}

  .topbar{top:46px;height:calc(54px + var(--sat))}
  .top-inner{padding-inline:clamp(11px,3.6vw,15px);gap:8px}
  .topbar .icon-btn{width:35px;height:35px;border-radius:11px}
  .topbar .top-theme{width:33px;height:33px}
  .quick-search-open{width:34px;min-width:34px;height:34px;border-radius:10px}
  .quick-search-open>svg{width:17px;height:17px}
  .brand-name{font-size:12px}
  .brand-name small{font-size:7.5px;margin-top:3px;letter-spacing:2.7px}

  .main{padding:clamp(14px,4vw,18px) clamp(12px,3.8vw,16px) calc(66px + var(--sab));min-height:calc(100dvh - 100px - var(--sat))}
  .heading{margin-bottom:12px;gap:8px;align-items:flex-start}
  .heading h1{font-size:clamp(18px,5.2vw,20px);line-height:1.55}
  .heading p{font-size:11px;line-height:1.65;margin-top:1px;max-width:230px}
  .subscriber-heading .btn{min-height:38px;padding:6px 10px;font-size:11px;border-radius:10px}
  .btn{min-height:40px;padding:7px 12px;border-radius:10px}
  .panel{border-radius:15px}
  .panel-head{padding:14px 14px 0}

  .subscriber-summary{margin-bottom:12px;padding:10px 0;border-radius:14px}
  .summary-item{padding-inline:7px}
  .summary-item small{font-size:10px;line-height:1.5;overflow:hidden;text-overflow:ellipsis}
  .summary-item b{font-size:20px;line-height:1.2;margin-top:3px}
  .subscriber-toolbar{margin-bottom:10px}
  .search-row{gap:7px;margin-bottom:9px}
  .search{min-height:40px;padding-inline:10px;border-radius:10px}
  .search input{padding:8px 0;font-size:12px}
  .sort select{width:120px;min-height:40px;padding:7px;font-size:11px}
  .filter-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%}
  .filter{justify-content:center;min-height:34px;padding:4px 5px;font-size:10.5px;gap:4px;white-space:nowrap}
  .filter span{font-size:9.5px;padding-inline:3px}

  .subscriber-cards{gap:8px}
  .subscriber-record{padding:12px 13px;border-radius:15px}
  .record-head{gap:8px}
  .record-head .person-button{gap:8px;min-height:38px}
  .record-head .initials{width:34px;height:34px;border-radius:10px}
  .record-head .entity-title{font-size:13px}
  .record-head .mono{font-size:10.5px;margin-top:1px}
  .record-head .chip{font-size:10px;padding:3px 7px}
  .record-data{margin-top:9px;padding-top:8px;gap:6px}
  .record-data small{font-size:10.5px}
  .record-data b{font-size:12px;line-height:1.45}
  .record-bottom{margin-top:7px;gap:8px;font-size:11px}
  .record-bottom .row-arrow{width:30px;height:30px;border-radius:9px}
  .list-footer{padding:9px 2px 0;font-size:10.5px}
  .source-note{margin-top:13px;font-size:10.5px}

  .workspace-status{margin-bottom:10px}
  .status-brief{min-height:30px;font-size:10px}
  .kpis{gap:8px;margin-bottom:11px}
  .focus-card{min-height:150px;padding:15px 16px 13px;border-radius:17px}
  .focus-art{width:48px;height:48px;border-radius:14px}
  .focus-art .art{width:41px;height:41px}
  .focus-middle strong{font-size:34px}
  .small-stat{min-height:124px;padding:12px 13px;border-radius:14px}
  .small-stat .stat-icon{width:31px;height:31px}
  .small-stat .art{width:25px;height:25px}
  .small-stat p{font-size:11px}
  .small-stat strong{font-size:23px}
  .small-stat small{font-size:10px}
  .quick-row{gap:8px;margin-bottom:14px}
  .quick-row button{min-height:46px;padding:7px 9px;font-size:11px;border-radius:11px}
  .quick-icon>.art{width:28px;height:28px}
  .dashboard-grid{gap:12px;margin-bottom:13px}
  .health-row{gap:4px}

  .ops-pulse{margin-bottom:13px}
  .ops-pulse-head{padding:12px 13px 10px}
  .ops-pulse-head>.art{width:31px;height:31px}
  .pulse-card{min-height:120px;padding:12px 13px;flex-basis:72%}
  .pulse-card-top{margin-bottom:8px}
  .pulse-card-top>.art{width:30px;height:30px}
  .pulse-card-foot{padding-top:8px}

  .session-record,.workspace-card,.nas-card,.support-ticket,.voucher-batch,.plan-card,.core-card,.continuity-card,.tool-group,.integration-card,.billing-record,.agent-card{padding:13px}
  .workspace-grid,.core-grid,.tool-groups{gap:10px}
  .workspace-card h2{margin:9px 0 6px}
  .workspace-card .btn{margin-top:11px}
  .workspace-line{padding:10px 0;font-size:12px}
  .network-overview,.radius-core-summary,.integration-summary,.continuity-summary,.team-overview{gap:7px;margin-bottom:12px}
  .network-overview>div{min-height:78px;padding:11px;border-radius:13px}
  .network-overview strong,.radius-core-stat strong,.integration-stat strong{font-size:18px}
  .radius-core-stat,.integration-stat,.team-stat,.continuity-stat,.bill-stat{padding:11px}
  .more-intro{padding:13px;gap:9px;margin-bottom:11px}
  .more-intro>.art{width:37px;height:37px}
  .more-intro p{font-size:10.5px}
  .tool-link{min-height:45px;padding:6px 8px;border-radius:10px}
  .tool-link>.art{width:27px;height:27px}
  .tool-link span{font-size:10.5px}

  .inline-add{padding:13px;margin-bottom:12px}
  .form-grid{gap:8px}
  .form-grid input,.form-grid select,.workspace-form input,.workspace-form select,.workspace-form textarea{min-height:40px;padding:8px 10px}
  .form-actions{margin-top:12px}
  .workspace-dialog{padding:16px 14px calc(17px + var(--sab));border-radius:18px 18px 0 0}
  .workspace-modal-head{top:-16px;margin:-16px -14px 14px;padding:17px 12px 10px;border-radius:18px 18px 0 0}

  .drawer{width:min(58vw,300px)}
  .drawer-head{padding:calc(15px + var(--sat)) 11px 13px}
  .drawer-scroll{padding:11px 7px}
  .drawer-profile{padding-bottom:10px}
  .drawer-link{min-height:42px;padding:6px 7px;margin-bottom:2px}
  .drawer-link .art{width:24px;height:24px}
  .drawer-sep{margin:12px 5px 8px}

  .bottom-wrap{width:min(390px,calc(100% - 24px));bottom:calc(6px + var(--sab));border-radius:17px}
  .bottom-nav{padding:3px!important}
  .nav-indicator{top:3px;bottom:3px;inset-inline-start:3px;width:calc((100% - 6px)/5);border-radius:13px}
  .bottom-nav>.nav-item{min-height:44px!important;padding:2px 0!important;font-size:9px!important;gap:0!important}
  .bottom-nav>.nav-item .art{width:20px!important;height:20px!important}
  .bottom-nav>.nav-item svg{width:17px!important;height:17px!important}
  .bottom-nav>.nav-item>span:last-child{line-height:1.35}
  .more-attention-badge{top:0;min-width:15px;height:15px;border-width:1px}
  .help-dock{left:10px;bottom:calc(64px + var(--sab))}
  .help-toggle{width:42px;height:42px;border-radius:13px}
  .help-toggle>.art{width:32px;height:32px}
  .toast{bottom:calc(64px + var(--sab));padding:9px 13px;font-size:11px}
}

@media (max-width:420px){
  .platform-membership-strip{min-height:44px;padding-inline:9px}
  .platform-membership-strip .subscription-main>.art{width:24px;height:24px}
  .platform-membership-strip .subscription-copy b{font-size:9px}
  .platform-membership-strip .subscription-status{font-size:8px;padding-inline:5px}
  .platform-membership-strip .btn{min-height:29px;padding-inline:7px;font-size:9px}
  .topbar{top:44px;height:calc(52px + var(--sat))}
  .main{padding-top:12px;padding-inline:11px;padding-bottom:calc(62px + var(--sab));min-height:calc(100dvh - 96px - var(--sat))}
  .heading h1{font-size:18px}
  .heading p{font-size:10.5px}
  .subscriber-heading .btn{min-height:36px;padding-inline:9px}
  .summary-item{padding-inline:5px}
  .summary-item small{font-size:9.5px}
  .summary-item b{font-size:19px}
  .sort select{width:108px}
  .filter{font-size:10px;padding-inline:3px}
  .filter span{font-size:9px}
  .focus-card{min-height:140px}
  .small-stat{min-height:116px;padding:11px}
  .quick-row button{min-height:44px;padding-inline:7px}
  .subscriber-record{padding:11px 12px}
  .bottom-wrap{width:calc(100% - 20px);bottom:calc(5px + var(--sab));border-radius:16px}
  .bottom-nav>.nav-item{min-height:44px!important;font-size:8.5px!important}
  .bottom-nav>.nav-item .art{width:19px!important;height:19px!important}
  .drawer{width:min(62vw,260px)}
}

@media (max-width:350px){
  .platform-membership-strip .subscription-main>.art{display:none}
  .platform-membership-strip .subscription-copy b{display:none}
  .top-inner{padding-inline:9px}
  .brand-name{font-size:11px}
  .main{padding-inline:9px}
  .filter span{display:none}
  .bottom-nav>.nav-item{font-size:8px!important}
}

@media (max-width:760px) and (max-height:700px){
  .platform-membership-strip{min-height:42px}
  .topbar{top:42px;height:calc(50px + var(--sat))}
  .main{padding-top:10px;padding-bottom:calc(59px + var(--sab));min-height:calc(100dvh - 92px - var(--sat))}
  .bottom-wrap{bottom:calc(4px + var(--sab))}
  .bottom-nav>.nav-item{min-height:44px!important}
  .help-dock,.toast{bottom:calc(59px + var(--sab))}
}

@media (min-width:761px) and (max-width:1100px) and (max-height:600px) and (orientation:landscape){
  :root{--bottom:58px}
  .platform-membership-strip{min-height:42px;padding-block:3px}
  .platform-membership-strip .subscription-main>.art{width:25px;height:25px}
  .platform-membership-strip .subscription-copy p{display:none}
  .platform-membership-strip .btn{min-height:30px;padding-block:3px}
  .topbar{top:42px;height:calc(50px + var(--sat))}
  .topbar .icon-btn{width:36px;height:36px}
  .main{padding-top:12px;padding-bottom:calc(62px + var(--sab));min-height:calc(100dvh - 92px - var(--sat))}
  .heading{margin-bottom:11px}
  .bottom-wrap{bottom:calc(5px + var(--sab))}
  .bottom-nav{padding:3px}
  .nav-indicator{top:3px;bottom:3px;inset-inline-start:3px;width:calc((100% - 6px)/5)}
  .nav-item{min-height:44px}
  .help-dock,.toast{bottom:calc(62px + var(--sab))}
}