.profile-note-editor{font-size:14px;margin-bottom:16px}.profile-note-editor:not([hidden]){display:block}.profile-note-editor textarea{display:block;box-sizing:border-box;width:100%;margin:8px 0;padding:10px;font:inherit;border-radius:8px;resize:vertical}.profile-note-editor small{display:block;color:#9ab1c4}
.profile-share-button{background:#139e59!important;color:#fff!important;border:1px solid #25bb74!important;border-radius:12px;padding:14px 18px;font:inherit;font-weight:700;cursor:pointer}.detail-panel>.profile-share-button{width:100%;margin-top:16px}.profile-share-modal{z-index:150!important;padding:16px!important}.profile-share-card{width:min(720px,100%)!important;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box}.profile-share-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-share-heading h2{margin:0}.profile-note-option{display:flex;align-items:center;gap:10px;margin:18px 0}.profile-note-option input{width:20px!important;height:20px}.profile-share-status{font-size:14px;color:#9ad7e5;margin:10px 0}.profile-page-preview{display:grid;gap:16px}.profile-page-preview canvas{display:block;width:100%;height:auto;background:white}.profile-share-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.profile-share-actions button{flex:1;min-width:140px}.profile-share-actions button:disabled{opacity:.5;cursor:wait}.profile-share-help{font-size:13px;line-height:1.5}.profile-download-button{border-radius:12px;padding:14px;font:inherit;cursor:pointer}
:root{color-scheme:dark;--ink:#edf6ff;--muted:#8fa8c1;--navy:#04101f;--surface:rgba(7,24,43,.84);--surface2:rgba(12,37,65,.88);--line:rgba(152,190,224,.14);--blue:#2d8cff;--cyan:#38d6d0;--gold:#f9c857;--green:#36d494;--red:#ff7e8e;--shadow:0 24px 70px rgba(0,0,0,.32)}
*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}body{min-height:100vh;margin:0;overflow-x:hidden;color:var(--ink);background:radial-gradient(circle at 82% -8%,rgba(45,140,255,.19),transparent 32rem),linear-gradient(145deg,#061426,#071b31 50%,#061523);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}.hidden{display:none!important}.ambient{position:fixed;z-index:0;width:28rem;height:28rem;border-radius:50%;filter:blur(90px);pointer-events:none;opacity:.14}.ambient-one{top:35%;left:-20rem;background:var(--cyan)}.ambient-two{right:-18rem;bottom:0;background:var(--blue)}
.login-screen{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 75% 8%,rgba(45,140,255,.24),transparent 30rem),rgba(3,13,25,.97)}.login-card{width:min(445px,100%);padding:32px;border:1px solid rgba(99,177,248,.25);border-radius:25px;background:linear-gradient(145deg,rgba(12,41,69,.98),rgba(6,23,40,.98));box-shadow:0 35px 100px rgba(0,0,0,.48)}.login-card h1{margin:16px 0 8px;font-size:31px;letter-spacing:-.04em}.login-card h1 span{color:#70bcff}.login-card p{margin:0 0 23px;color:var(--muted);line-height:1.6}.login-card label{display:block;margin-bottom:7px;color:#a8bfd3;font-size:12px;font-weight:800}.login-card input{width:100%;min-height:52px;padding:0 15px;border:1px solid var(--line);border-radius:14px;outline:none;color:white;background:rgba(2,15,28,.65)}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,140,255,.11)}.login-card small{display:block;margin-top:19px;color:#66819b;line-height:1.5}.primary-button{width:100%;min-height:51px;margin-top:13px;border:0;border-radius:14px;color:white;background:linear-gradient(135deg,var(--blue),#126fe8);box-shadow:0 12px 28px rgba(18,111,232,.26);cursor:pointer;font-weight:800}.form-error{min-height:20px;margin-top:10px;color:#ff9cac;font-size:12px}
.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:78px;padding:0 max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:rgba(4,16,31,.84);backdrop-filter:blur(22px)}.brand{display:inline-flex;align-items:center;gap:11px;width:max-content;padding:0;border:0;color:var(--ink);background:none;cursor:pointer;text-align:left;letter-spacing:.06em}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.18);border-radius:14px;color:white;background:linear-gradient(145deg,#31a3ff,#175aca);box-shadow:0 9px 24px rgba(20,111,232,.32),inset 0 1px rgba(255,255,255,.22);font-size:11px;font-weight:900}.brand-mark.large{width:57px;height:57px;margin-bottom:16px;border-radius:18px;font-size:14px}.brand strong{display:block;font-size:17px;line-height:1}.brand small{display:block;margin-top:4px;color:#76baff;font-size:9px;font-weight:800;letter-spacing:.21em}.brand .pro-mark{flex:none;border-radius:50%;border:2px solid #edf3fa;background:#061b30;box-shadow:0 3px 8px #0005,inset 0 1px 2px #ffffff20;font-size:12px;letter-spacing:-.02em}.brand-wordmark{white-space:nowrap;color:#f7faff;font-size:19px;font-weight:850;letter-spacing:.035em}.metallic-gold{color:#eac05d;background:linear-gradient(180deg,#fff1ad 0%,#f8d675 23%,#d99d2d 48%,#ffdc75 53%,#c68b25 83%,#f2cb6b 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #8b5d16) drop-shadow(0 -0.5px 0 #fff0ab88)}.desktop-nav{display:flex;align-self:stretch;gap:12px}.nav-item{position:relative;min-width:108px;padding:0 13px;border:0;background:none;color:#8fa8c1;cursor:pointer;font-size:13px;font-weight:750}.nav-item:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;border-radius:9px 9px 0 0;background:transparent}.nav-item.active{color:white}.nav-item.active:after{background:linear-gradient(90deg,var(--blue),var(--cyan))}.top-actions{justify-self:end;display:flex;align-items:center;gap:12px}.test-chip{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(56,214,208,.2);border-radius:9px;color:#80b9c6;background:rgba(56,214,208,.06);font-size:9px;font-weight:850;letter-spacing:.15em}.test-chip i{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.profile{display:grid;place-items:center;width:39px;height:39px;border:0;border-radius:50%;color:#04101f;background:linear-gradient(145deg,var(--cyan),#7df0c8);cursor:pointer;font-weight:900}
.shell{position:relative;z-index:1;width:min(1380px,calc(100% - 48px));margin:0 auto;padding:51px 0 88px}.view{display:none}.view.active{display:block}.eyebrow,.section-kicker,.detail-label,.event-label{color:#69b9ff;font-size:10px;font-weight:850;letter-spacing:.2em}.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(56,214,208,.09),0 0 16px rgba(56,214,208,.8)}.hero{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.hero h1,.page-heading h1{margin:13px 0 10px;font-size:clamp(34px,4vw,55px);line-height:1.04;letter-spacing:-.045em}.hero h1 span{color:#80a4c7;font-weight:540}.hero p,.page-heading p{max-width:650px;margin:0;color:var(--muted);font-size:15px;line-height:1.7}.hero-stat{display:grid;grid-template-columns:auto auto;align-items:end;gap:0 10px;min-width:177px;padding:19px 22px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.035)}.hero-stat span{grid-column:1/-1;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero-stat strong{font-size:33px;line-height:1}.hero-stat small{padding-bottom:3px;color:var(--muted)}
.event-card{position:relative;display:grid;grid-template-columns:minmax(280px,1fr) auto minmax(210px,280px);align-items:center;gap:24px;overflow:hidden;margin-bottom:22px;padding:22px 25px 22px 31px;border:1px solid rgba(72,153,231,.23);border-radius:22px;background:linear-gradient(110deg,rgba(21,64,105,.72),rgba(11,37,66,.82));box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.05)}.event-accent{position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(var(--cyan),var(--blue))}.event-main{display:flex;align-items:center;gap:17px;min-width:0}.event-icon{display:grid;place-items:center;flex:0 0 auto;width:49px;height:49px;border-radius:15px;color:#72bdff;background:rgba(45,140,255,.15);font-size:24px}.event-main h2{overflow:hidden;margin:6px 0 4px;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.event-main p{overflow:hidden;margin:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px}.event-meta{display:grid;gap:6px;padding-left:24px;border-left:1px solid var(--line);color:#b8cde1;font-size:11px}.event-meta span:before{content:"•";margin-right:7px;color:#54b4ff}.list-picker{display:grid;gap:6px;color:#77a4c9;font-size:8px;font-weight:850;letter-spacing:.15em}.list-picker select{width:100%;min-height:43px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:12px;outline:none;color:#ddecfa;background:#0b2845}.toolbar{display:flex;gap:12px;margin-bottom:22px}.searchbox{display:flex;align-items:center;gap:11px;flex:1;min-height:50px;padding:0 17px;border:1px solid var(--line);border-radius:15px;background:rgba(5,20,37,.68)}.searchbox:focus-within{border-color:rgba(45,140,255,.65);box-shadow:0 0 0 4px rgba(45,140,255,.08)}.searchbox>span{color:#718da7;font-size:22px}.searchbox input{width:100%;border:0;outline:none;color:white;background:transparent}.searchbox input::placeholder{color:#617b96}.filter-button{display:flex;align-items:center;gap:9px;padding:0 16px;border:1px solid var(--line);border-radius:15px;color:#b9cde0;background:rgba(5,20,37,.68);cursor:pointer;font-size:12px;font-weight:700}.filter-button[aria-pressed="true"]{border-color:rgba(45,140,255,.55);color:white;background:rgba(32,108,192,.2)}.filter-button b{display:grid;place-items:center;min-width:23px;height:23px;border-radius:8px;color:#8bcbff;background:rgba(45,140,255,.16)}
.content-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(360px,.75fr);gap:22px;align-items:start}.list-panel,.detail-panel{border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:var(--shadow),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(16px)}.list-panel{overflow:hidden}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 19px}.section-heading h2{margin:6px 0 0;font-size:21px}.legend{color:var(--muted);font-size:11px}.legend span{margin-right:5px;color:var(--blue)}.table-head,.start-row{display:grid;grid-template-columns:58px minmax(150px,1.2fr) minmax(190px,1fr) 62px;align-items:center;gap:10px}.table-head{min-height:39px;padding:0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#64809b;background:rgba(3,14,27,.26);font-size:9px;font-weight:850;letter-spacing:.16em}.start-row{position:relative;min-height:78px;padding:10px 24px;border:0;border-bottom:1px solid rgba(152,190,224,.08);color:inherit;background:transparent;cursor:pointer;text-align:left;transition:.18s}.start-row:hover,.start-row.selected{background:linear-gradient(90deg,rgba(45,140,255,.11),rgba(45,140,255,.02))}.start-row.selected:before{content:"";position:absolute;inset:14px auto 14px 0;width:3px;border-radius:0 5px 5px 0;background:var(--blue);box-shadow:0 0 16px var(--blue)}.number{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgba(135,171,205,.16);border-radius:11px;color:#9bb3ca;background:rgba(255,255,255,.025);font-size:12px;font-weight:800}.horse-cell strong,.rider-cell strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.horse-cell small{display:block;margin-top:6px;color:#607c97;font-size:10px}.rider-cell strong{color:#c6d6e6;font-weight:610}.rider-change-star{margin-left:5px;color:#48a7ff;text-shadow:0 0 11px rgba(45,140,255,.7)}.shortlist-star{color:var(--gold);font-size:18px;text-shadow:0 0 13px rgba(249,200,87,.28)}.row-arrow{color:#5e7993;font-size:22px;text-align:right}.empty-state{padding:45px;color:var(--muted);text-align:center}.detail-panel{position:sticky;top:98px;overflow:hidden;min-height:390px;padding:23px}.detail-panel:before{content:"";position:absolute;top:-100px;right:-70px;width:260px;height:260px;border-radius:50%;background:rgba(45,140,255,.12);filter:blur(20px);pointer-events:none}.empty-detail{display:grid;place-items:center;text-align:center}.empty-detail-content{position:relative;z-index:1;max-width:260px}.empty-detail-content p{color:var(--muted);line-height:1.55}.detail-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.start-badge{padding:8px 10px;border:1px solid rgba(86,167,244,.24);border-radius:9px;color:#6f9cc3;background:rgba(45,140,255,.08);font-size:9px;font-weight:800;letter-spacing:.14em}.start-badge strong{margin-left:4px;color:white}.close-button{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--line);border-radius:10px;color:#7f9ab4;background:rgba(255,255,255,.035);cursor:pointer;font-size:21px}.horse-avatar{position:relative;z-index:1;display:grid;place-items:center;width:72px;height:72px;margin:23px auto 13px;border:1px solid rgba(77,169,255,.28);border-radius:23px;color:#8bcdff;background:linear-gradient(145deg,rgba(45,140,255,.22),rgba(56,214,208,.08));box-shadow:0 13px 35px rgba(0,0,0,.25);font-size:19px;font-weight:850}.detail-title{position:relative;z-index:1;text-align:center}.detail-title h2{margin:6px 0;font-size:23px;letter-spacing:-.025em}.detail-title p{margin:0;color:#a9bfd3;font-size:13px}.detail-actions{display:grid;grid-template-columns:1fr 1fr 44px;gap:9px;margin:21px 0 15px}.action-button{min-height:44px;border:1px solid var(--line);border-radius:13px;color:#b9cde0;background:rgba(255,255,255,.04);cursor:pointer;font-size:11px;font-weight:780}.action-button.call{border:0;color:white;background:linear-gradient(135deg,var(--blue),#126fe8)}.action-button.whatsapp{border-color:rgba(54,212,148,.2);color:#79e6ba;background:rgba(54,212,148,.09)}.action-button.starred{color:var(--gold)}.action-button:disabled{opacity:.35;cursor:not-allowed}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px}.contact-tile{padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02)}.contact-tile span{display:block;color:#5f7b96;font-size:8px;font-weight:850;letter-spacing:.16em}.contact-tile strong{display:block;overflow:hidden;margin-top:5px;color:#9db4c9;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.change-card{padding:15px;border:1px solid rgba(49,148,241,.2);border-radius:15px;background:linear-gradient(140deg,rgba(45,140,255,.12),rgba(45,140,255,.035))}.change-header{display:flex;align-items:center;gap:10px}.change-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;color:#80c7ff;background:rgba(45,140,255,.16);font-size:19px}.change-header strong,.change-header small{display:block}.change-header strong{font-size:12px}.change-header small{margin-top:4px;color:#6386a7;font-size:8px;font-weight:800}.change-riders{display:grid;grid-template-columns:1fr 22px 1fr;align-items:center;gap:4px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line);font-size:10px;line-height:1.4;text-align:center}.change-riders b{color:#4dabff;font-size:16px}.change-riders span:last-child{color:#7fc8ff;font-weight:750}.detail-section{margin-top:13px;padding:15px;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.02)}.detail-section h3{margin:0 0 12px;color:#69b9ff;font-size:9px;letter-spacing:.16em}.facts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fact{min-width:0;padding:10px;border-radius:10px;background:rgba(2,14,27,.35)}.fact span,.field-label{display:block;color:#5f7b96;font-size:8px;font-weight:800;letter-spacing:.1em}.fact strong{display:block;overflow:hidden;margin-top:4px;color:#bdd0e2;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.note-field{width:100%;min-height:94px;padding:11px;border:1px solid var(--line);border-radius:11px;outline:none;resize:vertical;color:#dceaf7;background:rgba(2,14,27,.45);line-height:1.5}.note-field:focus{border-color:var(--blue)}.local-hint{display:block;margin-top:8px;color:#58748e;font-size:9px}.toast{position:fixed;z-index:200;left:50%;bottom:28px;max-width:calc(100% - 30px);padding:11px 15px;transform:translate(-50%,30px);border:1px solid var(--line);border-radius:12px;opacity:0;color:#ddecfa;background:#102b47;box-shadow:var(--shadow);pointer-events:none;transition:.22s}.toast.show{transform:translate(-50%,0);opacity:1}.safety-note{position:fixed;z-index:25;right:13px;bottom:11px;padding:7px 9px;border:1px solid rgba(56,214,208,.16);border-radius:9px;color:#6f91a8;background:rgba(4,18,33,.86);font-size:8px;letter-spacing:.05em;backdrop-filter:blur(12px)}
.page-heading{margin-bottom:25px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.horse-card{position:relative;overflow:hidden;padding:19px;border:1px solid var(--line);border-radius:18px;color:inherit;background:var(--surface);box-shadow:0 15px 38px rgba(0,0,0,.18);cursor:pointer;text-align:left}.horse-card:after{content:"";position:absolute;right:-45px;top:-55px;width:120px;height:120px;border-radius:50%;background:rgba(45,140,255,.1)}.horse-card .mini-label{color:#62b4f9;font-size:8px;font-weight:850;letter-spacing:.15em}.horse-card h3{position:relative;margin:8px 0 6px;font-size:16px}.horse-card p{margin:0;color:#94abc0;font-size:11px}.horse-card .card-note{overflow:hidden;margin-top:14px;color:#6e8aa3;text-overflow:ellipsis;white-space:nowrap}.archive-search{max-width:650px;margin-bottom:20px}.empty-cards{grid-column:1/-1;padding:50px;border:1px dashed var(--line);border-radius:18px;color:var(--muted);text-align:center}.modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:18px;background:rgba(1,8,16,.78);backdrop-filter:blur(13px)}.modal-card{width:min(520px,100%);padding:24px;border:1px solid var(--line);border-radius:22px;background:#0a223b;box-shadow:0 30px 90px rgba(0,0,0,.55)}.modal-card h2{margin:0 0 8px}.modal-card p{color:var(--muted);line-height:1.5}.modal-card input{width:100%;min-height:49px;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:none;color:white;background:#06182b}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.modal-actions button{min-height:43px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer}.modal-actions .primary-button{width:auto;margin:0;border:0}
.import-modal-card{width:min(900px,100%);max-height:calc(100dvh - 36px);overflow-y:auto}.import-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.import-tab{min-height:48px;border:1px solid var(--line);border-radius:13px;color:#9db6cc;background:rgba(255,255,255,.035);cursor:pointer;font-weight:800}.import-tab.active{border-color:rgba(45,140,255,.62);color:#fff;background:rgba(45,140,255,.17);box-shadow:inset 0 0 0 1px rgba(45,140,255,.12)}.import-pane.hidden{display:none}.file-picker{display:grid;place-items:center;min-height:130px;padding:22px;border:1px dashed rgba(91,167,239,.42);border-radius:16px;color:#9fc7ea;background:rgba(45,140,255,.055);cursor:pointer;text-align:center}.file-picker strong{display:block;color:#e7f3ff;font-size:17px}.file-picker span{display:block;margin-top:7px;color:#7798b7;font-size:13px}.file-picker input{position:absolute;width:1px;height:1px;min-height:0;opacity:0;pointer-events:none}.file-status{min-height:22px;margin-top:10px;color:#90abc3;font-size:13px}.file-status.error{color:#ff9cac}.file-preview{margin-top:16px}.preview-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;border:1px solid rgba(56,214,208,.2);border-radius:14px;background:rgba(56,214,208,.065)}.preview-summary strong{font-size:17px}.preview-summary span{color:#8fb1cc;font-size:13px}.preview-rubrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin-top:10px}.preview-rubric{display:flex;justify-content:space-between;gap:8px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;color:#bcd1e4;background:rgba(255,255,255,.025);font-size:12px}.preview-rubric b{color:#6dbbff}.preview-warning{margin-top:10px;padding:11px 13px;border:1px solid rgba(249,200,87,.24);border-radius:12px;color:#f3d784;background:rgba(249,200,87,.065);font-size:13px;line-height:1.5}.preview-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.preview-field{display:grid;gap:6px;color:#82a2be;font-size:12px;font-weight:750}.preview-field input{min-height:45px}.preview-table-wrap{overflow:auto;max-height:260px;margin-top:14px;border:1px solid var(--line);border-radius:14px}.preview-table{width:100%;border-collapse:collapse;min-width:650px}.preview-table th,.preview-table td{padding:10px 12px;border-bottom:1px solid rgba(152,190,224,.09);text-align:left;font-size:13px}.preview-table th{position:sticky;top:0;color:#6f96b7;background:#071a2e;font-size:10px;letter-spacing:.1em}.preview-table td{color:#c8d9e8}.preview-more{padding:10px 12px;color:#7895ae;font-size:12px;text-align:center}.import-required-error{margin-top:12px;padding:12px;border:1px solid rgba(255,126,142,.28);border-radius:12px;color:#ffb1bc;background:rgba(255,126,142,.07);line-height:1.45}.file-save-button[disabled]{opacity:.4;cursor:not-allowed}
@media(max-width:620px){.import-modal-card{padding:19px}.import-tabs{grid-template-columns:1fr}.preview-fields{grid-template-columns:1fr}.preview-summary{align-items:flex-start;flex-direction:column}.preview-table-wrap{max-height:220px}.import-modal-card .modal-actions{position:sticky;bottom:-19px;margin:16px -19px -19px;padding:12px 19px;background:#0a223b}.import-modal-card .modal-actions button{flex:1;padding:0 10px}}
@media(max-width:1050px){.event-card{grid-template-columns:1fr minmax(190px,250px)}.event-meta{display:none}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(335px,.8fr)}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.topbar{grid-template-columns:1fr auto;min-height:68px;padding:0 18px}.desktop-nav{display:none}.shell{width:min(100% - 28px,720px);padding-top:31px;padding-bottom:112px}.hero-stat{display:none}.hero h1{font-size:38px}.event-card{grid-template-columns:1fr;align-items:start;padding:20px 18px 20px 24px}.list-picker{width:100%}.content-grid{grid-template-columns:1fr}.detail-panel{position:fixed;z-index:50;inset:0;top:0;overflow-y:auto;min-height:100vh;padding:22px 19px 110px;border:0;border-radius:0;background:#071a2e}.detail-panel.empty-detail{display:none}.detail-panel .close-button{display:grid}.mobile-nav{position:fixed;z-index:60;left:50%;bottom:12px;display:grid;grid-template-columns:repeat(4,1fr);width:min(430px,calc(100% - 24px));padding:8px;transform:translateX(-50%);border:1px solid rgba(151,190,224,.17);border-radius:19px;background:rgba(5,18,34,.94);box-shadow:0 18px 50px rgba(0,0,0,.45);backdrop-filter:blur(20px)}.mobile-nav button{display:grid;place-items:center;gap:3px;padding:6px 2px;border:0;border-radius:12px;color:#68849f;background:none;font-size:18px}.mobile-nav button small{font-size:9px;font-weight:750}.mobile-nav button.active{color:#75bdff;background:rgba(45,140,255,.11)}.safety-note{display:none}}
@media(min-width:821px){.mobile-nav{display:none}.detail-panel .close-button{visibility:hidden}}
@media(max-width:620px){.test-chip{display:none}.shell{width:calc(100% - 22px)}.hero{margin-bottom:24px}.hero h1{font-size:31px}.hero p{font-size:13px}.event-main h2{font-size:15px}.toolbar{align-items:stretch}.filter-button{width:52px;justify-content:center;padding:0;font-size:17px}.filter-label,.filter-button b{display:none}.section-heading{padding:20px 17px 15px}.table-head{grid-template-columns:44px 1fr 42px;padding:0 14px}.table-head span:nth-child(3){display:none}.start-row{grid-template-columns:44px 1fr 42px;min-height:84px;padding:9px 14px}.rider-cell{grid-column:2;margin-top:-20px;padding-top:24px}.horse-cell{align-self:start;padding-top:10px}.horse-cell small{display:none}.row-arrow{grid-column:3;grid-row:1/3}.card-grid{grid-template-columns:1fr}.login-card{padding:25px}.page-heading h1{font-size:34px}}

/* Alle lange onderdelen hebben een eigen, betrouwbaar scrollgebied. */
html,body{overflow-x:hidden;overflow-y:auto}
body.detail-open{overflow:hidden}
.view{min-height:0}
.login-screen,.modal{overflow-y:auto;-webkit-overflow-scrolling:touch}
.login-card,.modal-card{max-height:calc(100dvh - 40px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.startlist{max-height:min(68vh,760px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(86,167,244,.5) rgba(3,14,27,.3)}
.detail-panel{max-height:calc(100vh - 118px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(86,167,244,.5) rgba(3,14,27,.3)}
.startlist::-webkit-scrollbar,.detail-panel::-webkit-scrollbar,.login-card::-webkit-scrollbar,.modal-card::-webkit-scrollbar{width:8px}
.startlist::-webkit-scrollbar-thumb,.detail-panel::-webkit-scrollbar-thumb,.login-card::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(86,167,244,.45)}
@media(max-width:820px){.startlist{max-height:none;overflow:visible;overscroll-behavior:auto}.detail-panel{width:100%;height:100dvh;max-height:none;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}

/* Extra leesbare lettergrootte voor gebruik zonder bril. */
body{font-size:17px}
.nav-item{font-size:15px}.brand small,.eyebrow,.section-kicker,.detail-label,.event-label{font-size:12px}.hero p,.page-heading p{font-size:17px}.event-main h2{font-size:21px}.event-main p{font-size:15px}.event-meta{font-size:14px}.list-picker{font-size:12px}.list-picker select,.searchbox input,.filter-button{font-size:15px}.table-head{font-size:11px}.horse-cell strong,.rider-cell strong{font-size:16px}.horse-cell small{font-size:13px}.number{font-size:15px}.legend{font-size:13px}.start-badge{font-size:12px}.detail-title p{font-size:16px}.action-button{font-size:14px}.contact-tile span,.fact span,.field-label,.detail-section h3{font-size:11px}.contact-tile strong,.fact strong{font-size:14px}.change-header strong{font-size:15px}.change-header small,.change-riders{font-size:12px}.local-hint{font-size:12px}.horse-card .mini-label{font-size:11px}.horse-card h3{font-size:19px}.horse-card p,.horse-card .card-note{font-size:14px}.safety-note{font-size:11px}
.contact-tile.editable{width:100%;color:inherit;cursor:pointer;text-align:left}.contact-tile.editable:hover{border-color:rgba(45,140,255,.48);background:rgba(45,140,255,.07)}
.scout-link-list{display:grid;gap:8px}.scout-link-row{display:grid;grid-template-columns:1fr auto;gap:8px}.scout-link-open,.scout-link-edit{min-height:42px;border:1px solid var(--line);border-radius:11px;color:#b9cde0;background:rgba(2,14,27,.35);cursor:pointer;text-align:left}.scout-link-open{padding:0 12px}.scout-link-open span{display:block;overflow:hidden;color:#6f8ca6;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.scout-link-edit{width:46px;text-align:center}
.shortlist-groups{display:grid;gap:24px}.shortlist-year-section{padding:19px;border:1px solid var(--line);border-radius:20px;background:rgba(7,24,43,.7);box-shadow:0 16px 42px rgba(0,0,0,.18)}.shortlist-year-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 15px}.shortlist-year-heading h2{margin:0;color:#7bc3ff;font-size:21px}.shortlist-year-heading span{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;color:#9cccf2;background:rgba(45,140,255,.12);font-size:14px;font-weight:800}
#deleteListButton{display:flex;width:100%;min-width:0;min-height:48px;align-items:center;justify-content:center;margin:0 0 16px;padding:14px 24px;border:1px solid #526779;border-radius:2px;white-space:nowrap;word-break:normal;overflow-wrap:normal;font-size:16px;line-height:1.3}#deleteListButton[hidden]{display:none!important}
#currentListCard{cursor:pointer}#currentListCard:focus-visible{outline:2px solid #00D2FF}#currentListCard .event-label{color:#c5ccd4}#currentListCard #eventTitle{color:#00D2FF;white-space:normal}#classSelectionScreen{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 20px;background:#0d1b2a;color:#e2e8ef;border:0;box-sizing:border-box;overflow-y:auto;overflow-x:hidden}#classSelectionScreen header{display:flex;align-items:center;justify-content:space-between;gap:16px;position:sticky;top:-24px;background:#0d1b2a;padding:16px 0;z-index:1}#classSelectionScreen button{font:inherit;min-height:48px;color:#e2e8ef;background:#1b263b;border:1px solid #415367;border-radius:12px;padding:14px;cursor:pointer}#classSelectionRows{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-width:0;max-width:1100px;box-sizing:border-box;margin:auto;padding:4px}#classSelectionRows button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;line-height:1.5;white-space:normal;word-wrap:break-word;overflow-wrap:anywhere;min-width:0;max-width:100%;width:100%;box-sizing:border-box;color:#e2e8ef}#classSelectionRows button>span{display:block;min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}#classSelectionRows button[aria-current="true"]{border-color:#00D2FF}#classSelectionRows .class-venue{color:#00D2FF}#classSelectionScreen button:focus-visible{outline:2px solid #00D2FF;outline-offset:2px}
.list-picker-controls{display:grid;grid-template-columns:1fr 42px;gap:7px}.list-picker-controls button{border:1px solid rgba(255,126,142,.22);border-radius:11px;color:#ff9eaa;background:rgba(255,126,142,.07);cursor:pointer;font-size:21px}.toolbar{flex-wrap:wrap}.compact-select{min-height:50px;max-width:190px;padding:0 34px 0 12px;border:1px solid var(--line);border-radius:15px;outline:none;color:#c8d9e9;background:#081e35;font-size:14px}
@media(max-width:620px){body{font-size:17px}.hero p,.page-heading p{font-size:16px}.horse-cell strong,.rider-cell strong{font-size:16px}.number{font-size:15px}.event-main h2{font-size:18px}.detail-title h2{font-size:25px}.detail-title p{font-size:17px}.action-button{font-size:15px}.contact-tile strong,.fact strong{font-size:15px}.change-riders{font-size:13px}.mobile-nav button small{font-size:12px}}
.selection-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:21px 0 15px}.selection-actions.single{grid-template-columns:1fr}.selection-actions .action-button{color:white}.selection-actions .final-active{border-color:rgba(56,214,208,.42);background:linear-gradient(135deg,#137fcf,#1ca8c0);box-shadow:0 9px 22px rgba(23,127,207,.2)}
.shortlist-button-star{margin-right:5px;color:var(--gold);font-size:18px;text-shadow:0 0 13px rgba(249,200,87,.3)}.card-shortlist-toggle{position:absolute;z-index:3;top:12px;right:12px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid rgba(249,200,87,.38);border-radius:50%;color:var(--gold);background:rgba(249,200,87,.1);cursor:pointer;font-size:23px;line-height:1;text-shadow:0 0 13px rgba(249,200,87,.42);box-shadow:0 8px 22px rgba(0,0,0,.2)}.card-shortlist-toggle:hover,.card-shortlist-toggle:focus-visible{border-color:var(--gold);background:rgba(249,200,87,.2);outline:none}.final-button-check{margin-right:5px;color:#45ef9e;font-size:18px;text-shadow:0 0 13px rgba(69,239,158,.32)}.final-list-star{color:#45ef9e;font-size:18px;text-shadow:0 0 13px rgba(69,239,158,.42)}.mobile-shortlist>span{color:var(--gold);text-shadow:0 0 12px rgba(249,200,87,.35)}.mobile-final>span{color:#45ef9e;text-shadow:0 0 12px rgba(69,239,158,.38)}
.final-year-filter{display:grid;gap:7px;width:min(310px,100%);margin:-5px 0 22px}.final-year-filter span{color:#69b9ff;font-size:11px;font-weight:850;letter-spacing:.16em}.final-year-filter select{min-height:49px;padding:0 39px 0 14px;border:1px solid var(--line);border-radius:14px;outline:none;color:#dceaf7;background:#0a2743;font-size:15px;font-weight:700}.final-year-filter select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(45,140,255,.09)}
.contact-grid{display:grid;grid-template-columns:1fr;gap:9px}.contact-action-row{display:grid;grid-template-columns:minmax(0,1fr) 42px 42px 42px;align-items:center;gap:8px;padding:10px 11px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.contact-action-row.no-phone{grid-template-columns:minmax(0,1fr) 42px}.contact-action-row.no-phone.facebook-ready{grid-template-columns:minmax(0,1fr) 42px 42px}.contact-action-label{min-width:0}.contact-action-label span{display:block;color:#6c89a5;font-size:10px;font-weight:850;letter-spacing:.14em}.contact-action-label strong{display:block;overflow:hidden;margin-top:4px;color:#b8cde0;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.contact-action-label.has-phone strong{margin-top:0;color:#d6e6f5;font-size:15px;letter-spacing:.04em}.contact-action-label.has-name strong{color:#d6e6f5}.contact-icon{display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:50%;color:white;background:linear-gradient(135deg,var(--blue),#176bcc);cursor:pointer;box-shadow:0 8px 20px rgba(19,105,204,.2)}.contact-icon svg{width:20px;height:20px;fill:#fff}.contact-icon.facebook{background:linear-gradient(135deg,#2477da,#1555a5);font-family:Arial,sans-serif;font-size:23px;font-weight:900}.contact-icon.whatsapp{background:linear-gradient(135deg,#28b67a,#188d60)}.contact-icon.edit{font-size:20px;font-weight:900}.contact-icon.add{font-size:27px;font-weight:500;line-height:1}.card-final-button{position:relative;z-index:2;width:100%;min-height:38px;margin-top:15px;border:1px solid rgba(71,157,240,.3);border-radius:11px;color:#fff;background:linear-gradient(135deg,rgba(45,140,255,.85),rgba(24,103,202,.9));cursor:pointer;font-size:12px;font-weight:800}.card-final-button.remove{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#a8bfd4}.final-mini{color:#fff!important}.final-mini:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;color:#fff;background:var(--blue)}
@media(max-width:480px){.contact-action-row{grid-template-columns:minmax(0,1fr) 39px 39px 39px;gap:6px}.contact-action-row.no-phone.facebook-ready{grid-template-columns:minmax(0,1fr) 39px 39px}.contact-icon{width:39px;height:39px}.selection-actions{grid-template-columns:1fr}}
@media(max-width:620px){.compact-select{flex:1 1 calc(50% - 6px);max-width:none;min-width:0}.searchbox{flex-basis:calc(100% - 128px)}}
@media(max-width:620px){.event-main{align-items:flex-start}.event-main>div:last-child{min-width:0;width:100%}.event-main h2,.event-main p{overflow:visible;white-space:normal;word-break:break-word}.event-main h2{line-height:1.25}.event-main p{line-height:1.45}.list-picker-controls{grid-template-columns:minmax(0,1fr) 56px}.list-picker select{min-width:0}.toolbar{display:grid;grid-template-columns:1fr 1fr}.toolbar .searchbox{grid-column:1/-1;width:100%}.toolbar .compact-select{grid-column:1/-1;width:100%;max-width:none}.toolbar .filter-button{width:100%;min-height:50px}.toolbar .filter-label{display:inline}.toolbar .filter-button b{display:grid}}

@media(max-width:820px){.topbar,.mobile-nav{z-index:90}.detail-panel{padding-top:90px}.brand{min-height:44px}}

/* Constrain event text before applying truncation or mobile wrapping. */
.event-main>div:last-child{min-width:0;flex:1}
.event-main h2,.event-main p{max-width:100%;white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;line-height:1.35}
.event-meta,.list-picker,.list-picker-controls,.list-picker select{min-width:0}
.event-meta{max-width:240px;overflow-wrap:anywhere}
.list-picker-controls{grid-template-columns:minmax(0,1fr) 42px}
@media(max-width:620px){.list-picker-controls{grid-template-columns:minmax(0,1fr) 56px}}

/* Keep long names and URLs inside their mobile grid columns. */
.contact-action-label strong,.fact strong{white-space:normal;overflow-wrap:anywhere;overflow:visible;text-overflow:clip;line-height:1.4}
.facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.scout-link-list,.scout-link-row,.scout-link-open,.horse-cell,.rider-cell{min-width:0}
.scout-link-row{grid-template-columns:minmax(0,1fr) 46px}
@media(max-width:820px){
  .start-row{width:100%;grid-template-columns:44px minmax(0,1fr) 30px;row-gap:6px}
  .start-row .number{grid-column:1;grid-row:1/3;align-self:start}
  .start-row .horse-cell{grid-column:2;grid-row:1;padding-top:0}
  .start-row .rider-cell{grid-column:2;grid-row:2;margin-top:0;padding-top:0}
  .start-row .row-arrow{grid-column:3;grid-row:1/3}
  .horse-cell strong,.rider-cell strong,.detail-title h2,.detail-title p,.horse-card h3{white-space:normal;overflow-wrap:anywhere;line-height:1.35;text-overflow:clip}
  .scout-link-open{padding:10px 12px}
  .scout-link-open span{white-space:nowrap;overflow:hidden;line-height:1.4;text-overflow:ellipsis;font-size:14px}
  .scout-link-edit{align-self:start;min-height:46px}
}

.scout-pro-detail-logo{display:block;width:136px;height:136px;object-fit:contain;margin:0 auto 20px;border-radius:20px}
/* Internationale SON Scout-kop: desktop één vlaggenrij, mobiel drie rijen. */
.hero-copy{min-width:0;flex:1}.hero-copy h1{margin:14px 0 0;color:var(--ink);font-family:"Arial Narrow","Roboto Condensed",Inter,ui-sans-serif,system-ui,sans-serif;font-size:clamp(28px,4vw,55px);font-stretch:condensed;font-weight:900;letter-spacing:-.045em;line-height:1.05;white-space:nowrap}.hero-copy .hero-subtitle{margin:8px 0 0;color:#7fb9ed;font-size:clamp(16px,1.8vw,22px);font-weight:900;letter-spacing:.08em;line-height:1.2}.hero-flags{display:block;width:100%;margin-top:20px}.hero-flags img{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
@media(max-width:820px){.hero-copy{width:100%}.hero-copy h1{font-size:clamp(19px,5.7vw,25px);letter-spacing:-.035em}.hero-copy .hero-subtitle{margin-top:7px;font-size:clamp(14px,4vw,18px);letter-spacing:.06em}.hero-flags{margin-top:17px}.hero-flags img{max-height:125px}}

.import-modal{z-index:150}.import-modal .import-modal-card{display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:calc(100dvh - 36px)}.import-scroll-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.file-import-footer{flex-shrink:0;background:#0a223b}.import-modal-card .file-import-footer .modal-actions{position:static;bottom:auto;margin:0;padding:12px 0 0;border-top:1px solid var(--line);gap:8px}.file-import-footer button{min-height:48px;white-space:normal}.file-import-footer .file-save-button{flex:1.25}@media(max-width:620px){.import-modal{padding:12px}.import-modal .import-modal-card{max-height:calc(100dvh - 24px);padding:16px}.file-import-footer .modal-actions button{font-size:14px}}