/* HASAN POLYCLINIC ERP PRO — Stage 10 shared premium visual system.
   Presentation only. No application logic or database modifications. */
:root{--hp10-ink:#16324d;--hp10-muted:#60768b;--hp10-teal:#087d79;--hp10-teal-deep:#075b5c;--hp10-ice:#eff7fc;--hp10-line:#d8e6ee;--hp10-shadow:0 7px 24px rgba(20,66,92,.065);--hp10-radius:12px}
html{scroll-behavior:smooth}body{color:var(--hp10-ink);-webkit-font-smoothing:antialiased}
body:not(.hp-print):not(.tv-display){background-color:var(--hp10-ice)}
:is(.card,.panel,.widget,.stat,.stat-card,.kpi-card,.metric-card,.tile,.box,.form-card,.table-card,.section-card){border-radius:var(--hp10-radius);box-shadow:var(--hp10-shadow)}
:is(h1,h2,h3,.page-title,.section-title,.panel-title){letter-spacing:-.018em;line-height:1.25}
:is(input,select,textarea){max-width:100%;border-radius:8px;accent-color:var(--hp10-teal)}
:is(input,select,textarea):focus-visible{outline:2px solid var(--hp10-teal);outline-offset:1px}
:is(button,.btn,[type=submit]){cursor:pointer;transition:filter .16s ease,transform .16s ease}
:is(button,.btn,[type=submit]):not(:disabled):hover{filter:brightness(.96)}
:is(button,.btn,[type=submit]):focus-visible,a:focus-visible{outline:3px solid #16b4ac;outline-offset:2px}
:is(table){border-collapse:separate;border-spacing:0;width:100%}
:is(th){font-weight:750;color:var(--hp10-ink)}
:is(td,th){vertical-align:middle}
:is(.table-responsive,.table-wrap,.table-container,.responsive-table){overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch}
:is(.sidebar,.clinic-sidebar) a{transition:background-color .15s ease,color .15s ease}
:is(.sidebar,.clinic-sidebar) a[aria-current=page]{background:rgba(13,163,149,.14);color:var(--hp10-teal-deep);font-weight:750}
:is(.muted,.subtitle,.help-text,.hint){color:var(--hp10-muted)}
@media(min-width:901px){:is(.content,.main-content,.page-content,main){min-width:0}}
@media(max-width:900px){
  body{overflow-x:hidden}
  :is(.shell,.layout,.dashboard-layout,.app-layout){max-width:100%}
  :is(.content,.main-content,.page-content,main){min-width:0;max-width:100%}
  :is(.table-responsive,.table-wrap,.table-container,.responsive-table){overflow-x:auto}
  :is(input,select,textarea){font-size:16px}
  :is(button,.btn,[type=submit]){min-height:42px}
  :is(.bottom,.bottom-nav,.mobile-bottom-nav,.hp-admin-mobile-nav){padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:540px){
  :is(.stats,.kpi-grid,.stats-grid,.metric-grid){gap:9px}
  :is(.card,.panel,.widget,.form-card,.table-card){border-radius:10px}
  :is(h1,.page-title){font-size:clamp(1.25rem,5vw,1.75rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
