/* R4.6.22 · dual-subsystem route integrity visual polish
   Pure presentation layer: no business controls are hidden or reordered. */
:root{
  --r4622-blue:#0878df;
  --r4622-cyan:#12b8ce;
  --r4622-ink:#143657;
  --r4622-muted:#607b91;
  --r4622-line:#d8e8f5;
  --r4622-surface:#ffffff;
}
html{scroll-behavior:smooth}
a,button,[role="button"],summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.main-nav .nav-item,.mobile-tools-panel-r390>a,.r390-bottom-nav>a{transition:transform .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease}
.main-nav .nav-item:active,.mobile-tools-panel-r390>a:active,.r390-bottom-nav>a:active{transform:translateY(1px) scale(.995)}
.system-chip{border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.system-research .system-chip,.system-research .main-nav .nav-item.active{background:linear-gradient(135deg,rgba(14,125,220,.98),rgba(20,183,198,.92))}
.system-daily .system-chip,.system-daily .main-nav .nav-item.active{background:linear-gradient(135deg,rgba(20,96,208,.98),rgba(17,158,219,.92))}
.main-nav .nav-item.active{box-shadow:0 8px 22px rgba(4,64,135,.19);border-color:rgba(255,255,255,.24)}
.r390-stat-grid>a{will-change:transform}.r390-stat-grid>a:active{transform:translateY(1px)}
.switch-system-btn[data-no-prefetch],.mobile-switch-form[data-no-prefetch]{cursor:pointer}

@media (min-width:901px){
  .r390-main{background:linear-gradient(180deg,#f7fbff 0,#f2f8fd 44%,#f7fbff 100%)}
  .page-content{max-width:1680px;margin-inline:auto}
  .r390-topbar{backdrop-filter:saturate(1.08) blur(12px)}
  .card,.table-card{box-shadow:0 10px 30px rgba(25,72,112,.055)}
}

@media (min-width:700px) and (max-width:1100px){
  .page-content{padding:16px 16px 92px!important}
  .r390-stat-grid{gap:12px!important}
  .r390-stat-grid>a{min-height:118px!important;padding:18px!important}
  .r4611-point-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .r4611-point-item{margin:0!important}
  .form-grid{gap:10px!important}
}

@media (max-width:900px){
  body{letter-spacing:0}
  .page-content{background:linear-gradient(180deg,#f7fbff,#f1f7fc 56%,#f7fbff)}
  .mobile-header-r390{box-shadow:0 5px 18px rgba(17,63,101,.09)}
  .mobile-tools-panel-r390{overscroll-behavior:contain}
  .mobile-tools-panel-r390>a{min-height:42px!important;display:flex!important;align-items:center!important}
  .r390-bottom-nav{box-shadow:0 -10px 30px rgba(21,67,105,.1);border-top-color:#d8e8f5!important}
  .r390-bottom-nav>a.active{background:linear-gradient(180deg,#eef7ff,#e5f2fd);color:#0878df;border-radius:15px}
  .r390-bottom-nav>a:not(.mobile-add){min-width:0}
  .page-heading{gap:10px!important;margin-bottom:10px!important}
  .page-heading h1{line-height:1.18!important}
  .page-heading p{line-height:1.52!important}
  .button,.icon-button{touch-action:manipulation}
  input,select,textarea{scroll-margin-bottom:110px}
}

@media (max-width:420px){
  .mobile-header-r390{gap:6px!important}
  .mobile-header-r390 .brand{min-width:0}
  .mobile-header-r390 .brand>span:last-child{min-width:0}
  .mobile-header-r390 .brand b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}
  .r390-bottom-nav{padding-inline:6px!important}
  .r390-bottom-nav>a span{line-height:1}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .main-nav .nav-item,.mobile-tools-panel-r390>a,.r390-bottom-nav>a,.r390-stat-grid>a{transition:none!important}
}