/* Workshop 77 V3 — non-destructive visual polish layered on top of V2 */
:root {color-scheme:dark; --w77-focus:#e59a5a; --w77-ease:cubic-bezier(.2,.75,.3,1)}
html {scroll-behavior:smooth}
body {text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a,button,input,select,textarea { -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible {outline:2px solid var(--w77-focus);outline-offset:3px}
.site-header {box-shadow:0 8px 28px rgba(0,0,0,.12)}
/* Do not change the V2 logo dimensions or navigation structure. */
.main-nav a {transition:color .18s ease,background-color .18s ease,border-color .18s ease}
.main-nav a:not(.btn):hover {color:#ffb578}
.btn,button {transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s var(--w77-ease)}
.btn:active,button:active {transform:translateY(1px)}
.card,.card--glass,.stat {transition:border-color .2s ease,box-shadow .2s ease,transform .2s var(--w77-ease)}
.card:focus-within,.card--glass:focus-within {border-color:#956444}
.form input,.form textarea,.form select,input:not([type=checkbox]):not([type=radio]),select,textarea {max-width:100%;transition:border-color .18s ease,box-shadow .18s ease}
.form input:focus,.form textarea:focus,.form select:focus,input:focus,select:focus,textarea:focus {border-color:#d8894b;box-shadow:0 0 0 3px rgba(217,107,29,.13)}
input::placeholder,textarea::placeholder {color:#919aa5;opacity:1}
.table {border-collapse:separate;border-spacing:0;overflow:hidden}
.table th {font-weight:650;letter-spacing:.012em}
.table td,.table th {vertical-align:middle}
.table tbody tr {transition:background-color .15s ease}
.table tbody tr:hover {background-color:rgba(255,255,255,.035)}
.table a {text-underline-offset:3px}
.admin-actions {display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.auth__form {box-shadow:0 18px 48px rgba(0,0,0,.18)}
img {max-width:100%}
@media (max-width:780px) {
  .table {display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .table th,.table td {white-space:nowrap}
  .admin-actions {gap:7px}
  .btn {max-width:100%}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  *,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}