
/* UstayaBak Final Polish v1 — additive compatibility layer */
:root{
  --ub-polish-radius:18px;
  --ub-polish-radius-lg:26px;
  --ub-polish-shadow:0 10px 30px rgba(23,32,51,.07);
  --ub-polish-shadow-hover:0 16px 40px rgba(23,32,51,.11);
  --ub-polish-line:#e7eaf0;
  --ub-polish-muted:#667085;
  --ub-polish-ink:#172033;
  --ub-polish-brand:#f36a2e;
}
html{scroll-behavior:smooth}
body{font-synthesis:none;text-rendering:optimizeLegibility}
.ub-design-system .card,
.ub-design-system .service-widget,
.ub-design-system .settings-widget,
.ub-design-system .dashboard-widget{
  border-color:var(--ub-polish-line);
  border-radius:var(--ub-polish-radius);
}
.ub-design-system .card{transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}
.ub-design-system .card:hover{border-color:#dde1e8}
.ub-design-system .btn{border-radius:12px;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}
.ub-design-system .btn:active{transform:translateY(1px)}
.ub-design-system .btn-primary{box-shadow:0 6px 18px rgba(243,106,46,.18)}
.ub-design-system .form-control,
.ub-design-system .form-select{border-radius:12px;min-height:46px;border-color:#dfe3ea}
.ub-design-system .form-control:focus,
.ub-design-system .form-select:focus{border-color:rgba(243,106,46,.7);box-shadow:0 0 0 3px rgba(243,106,46,.11)}
.ub-design-system .badge{border-radius:999px}
.ub-design-system h1,.ub-design-system h2,.ub-design-system h3{letter-spacing:-.02em}
.ub-design-system .table>:not(caption)>*>*{vertical-align:middle}
.ub-design-system a:focus-visible,
.ub-design-system button:focus-visible,
.ub-design-system input:focus-visible,
.ub-design-system select:focus-visible,
.ub-design-system textarea:focus-visible{
  outline:3px solid rgba(243,106,46,.3)!important;outline-offset:2px
}
.ub-design-system img{max-width:100%;height:auto}
.ub-design-system .content{min-height:calc(100vh - 160px)}
.ub-design-system .pagination{gap:5px}
.ub-design-system .page-link{border-radius:10px!important}
.ub-design-system .modal-content{border:0;border-radius:22px;box-shadow:0 24px 80px rgba(23,32,51,.18)}
.ub-design-system .dropdown-menu{border-color:var(--ub-polish-line);border-radius:14px;box-shadow:var(--ub-polish-shadow)}
.ub-design-system .alert{border-radius:14px}
.ub-design-system .breadcrumb{font-size:.875rem}
.ub-design-system .empty-state,
.ub-design-system [class*="empty-state"]{border-radius:var(--ub-polish-radius)}
@media (hover:hover){
  .ub-design-system .btn:hover{transform:translateY(-1px)}
}
@media (max-width:991.98px){
  .ub-design-system .content{min-height:auto}
  .ub-design-system .container{max-width:100%}
  .ub-design-system h1{font-size:clamp(1.75rem,7vw,2.5rem)}
  .ub-design-system h2{font-size:clamp(1.4rem,5.5vw,2rem)}
}
@media (max-width:575.98px){
  .ub-design-system .card-body{padding:18px}
  .ub-design-system .btn-lg{font-size:1rem;padding:.75rem 1rem}
  .ub-design-system .table-responsive{border-radius:14px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
