.app-shell{min-height:100dvh;background:var(--piedra,#f6f1e7);color:var(--tinta,#26181a);font-family:var(--font-body,sans-serif);display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,5vw,40px);background:var(--garnacha,#4a1d24);color:var(--piedra,#f6f1e7)}.app-header .brand{font-family:var(--font-display,serif);font-size:24px;letter-spacing:.02em}.app-header .brand span{color:var(--oro,#d9b96a)}.app-header .who{font-family:var(--font-mono,monospace);font-size:12px;opacity:.85}.app-header form{display:inline}.app-header .logout{background:none;border:1px solid rgba(246,241,231,.4);color:var(--piedra,#f6f1e7);font-family:var(--font-mono,monospace);font-size:12px;padding:6px 12px;border-radius:999px;cursor:pointer}.app-main{flex:1;width:100%;max-width:var(--max,1140px);margin:0 auto;padding:clamp(20px,5vw,48px) clamp(16px,5vw,40px)}.card{background:var(--piedra-2,#ede5d5);border:1px solid var(--hair,#dfd5c1);border-radius:14px;padding:clamp(20px,4vw,32px)}.title{font-family:var(--font-display,serif);font-size:clamp(28px,5vw,40px);line-height:1.05;margin:0 0 4px}.subtitle{color:var(--tinta-2,#6a5a55);font-size:15px;margin:0 0 24px}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--garnacha,#4a1d24)}.login-card{width:100%;max-width:380px;background:var(--piedra,#f6f1e7);border-radius:16px;padding:32px}.field{display:block;margin-bottom:16px}.field label{display:block;font-family:var(--font-mono,monospace);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--tinta-2,#6a5a55);margin-bottom:6px}.field input{width:100%;padding:12px 14px;border:1px solid var(--hair,#dfd5c1);border-radius:10px;background:#fff;font-size:16px;font-family:var(--font-body,sans-serif);color:var(--tinta,#26181a)}.field input:focus{outline:2px solid var(--tierra,#b4552d);outline-offset:1px;border-color:var(--tierra,#b4552d)}.btn{display:inline-block;width:100%;padding:13px 18px;border:none;border-radius:10px;background:var(--tierra,#b4552d);color:#fff;font-family:var(--font-body,sans-serif);font-size:16px;font-weight:600;cursor:pointer}.btn:hover{background:var(--tierra-deep,#8f3e1e)}.alert{padding:10px 14px;border-radius:10px;font-size:14px;margin-bottom:16px}.alert-error{background:#f7dcd4;color:var(--tierra-deep,#8f3e1e);border:1px solid #e6b6a5}.alert-ok{background:#d8ecdd;color:var(--verde-deep,#24401f);border:1px solid #b3d8bd}.court-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.court-tab{padding:9px 16px;border:1px solid var(--hair,#dfd5c1);border-radius:999px;background:var(--piedra,#f6f1e7);color:var(--tinta,#26181a);text-decoration:none;font-size:14px}.court-tab[data-active=true]{background:var(--garnacha,#4a1d24);color:var(--piedra,#f6f1e7);border-color:var(--garnacha,#4a1d24)}.court-tab small{display:block;font-family:var(--font-mono,monospace);font-size:11px;opacity:.7}.date-bar{display:flex;align-items:end;gap:12px;margin-bottom:24px}.date-bar .field{margin-bottom:0}.date-bar .btn{width:auto;padding:12px 20px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.slot{margin:0}.slot button{width:100%;padding:14px 8px;border:1px solid var(--verde,#2f5233);border-radius:10px;background:var(--verde,#2f5233);color:#fff;font-family:var(--font-mono,monospace);font-size:13px;cursor:pointer}.slot button:hover{background:var(--verde-deep,#24401f)}.slot.taken{padding:14px 8px;border:1px dashed var(--hair,#dfd5c1);border-radius:10px;background:var(--piedra-2,#ede5d5);font-size:13px;text-align:center;text-decoration:line-through}.court-meta,.slot.taken{color:var(--tinta-2,#6a5a55);font-family:var(--font-mono,monospace)}.court-meta{font-size:12px;margin-bottom:20px}