:root{--bg:#f5f7f6;--panel:#fff;--ink:#14251f;--muted:#6c7a74;--green:#0f3d2e;--green2:#1c6a4d;--line:#dfe7e3;--shadow:0 12px 32px rgba(18,55,42,.09);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.screen{min-height:100vh}.auth-screen{display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#0c2d23,#164c39)}.brand-block{text-align:center;color:#fff;margin-bottom:24px}.brand-mark{width:84px;height:84px;border-radius:28px;margin:0 auto 14px;display:grid;place-items:center;font-size:28px;font-weight:900;background:rgba(255,255,255,.13);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18)}.brand-block h1{margin:0;font-size:38px}.brand-block p{margin:4px 0 0;opacity:.75}.auth-screen{grid-template-columns:minmax(0,420px);align-content:center}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.auth-panel h2{margin-top:0}.auth-panel{width:100%}label{display:grid;gap:7px;font-weight:700;font-size:14px;margin-bottom:15px}input,select,textarea{width:100%;border:1px solid #cfdad5;background:#fff;border-radius:13px;padding:12px 13px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:#69a98d;box-shadow:0 0 0 3px rgba(28,106,77,.10)}button{border:0;cursor:pointer}.primary{background:var(--green);color:#fff;border-radius:13px;padding:12px 16px;font-weight:800}.primary:hover{background:var(--green2)}.ghost{background:#eef3f1;color:var(--ink);border-radius:12px;padding:10px 14px;font-weight:800}.small{padding:9px 12px;font-size:14px}.message{font-size:13px;color:#ad3429;min-height:1em}.topbar{position:sticky;top:0;z-index:20;height:68px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;background:rgba(245,247,246,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.topbar strong,.topbar small{display:block}.topbar small{color:var(--muted);font-size:11px}.top-actions{display:flex;gap:8px}main{max-width:1100px;margin:0 auto;padding:18px 16px 100px}.view{display:none}.active-view{display:block}.hero-card{background:linear-gradient(140deg,#0f3d2e,#2a795b);color:#fff;border-radius:28px;padding:28px;min-height:170px;display:flex;align-items:end;box-shadow:var(--shadow)}.hero-card h2{font-size:34px;margin:4px 0 8px}.hero-card p{max-width:560px;margin:0;opacity:.82}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:#6e8d80}.hero-card .eyebrow{color:#b9dacb}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.home-tile{min-height:170px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px;box-shadow:var(--shadow);color:var(--ink)}.home-tile strong,.home-tile small{display:block}.home-tile strong{font-size:22px;margin-top:28px}.home-tile small{color:var(--muted);margin-top:5px}.tile-icon{font-size:32px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0 16px}.section-head h2{margin:3px 0 0;font-size:28px}.club-grid{display:grid;gap:30px}.club-category-section{display:grid;gap:12px}.club-section-title{margin:0;font-size:24px;font-weight:900}.club-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.club-card{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow);min-height:230px;cursor:pointer}.club-card:hover{transform:translateY(-1px)}.club-category{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.club-brand{font-weight:900;margin-top:12px;text-transform:uppercase;font-size:12px}.club-code{font-size:42px;font-weight:950;line-height:1;margin-top:5px}.club-model{color:var(--muted);font-size:13px;margin-top:4px;min-height:18px}.club-art{position:absolute;right:9px;top:46px;font-size:68px;opacity:.13;transform:rotate(-18deg)}.distance-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:25px}.distance-box{background:#f3f7f5;border-radius:14px;padding:10px}.distance-box span,.distance-box strong{display:block}.distance-box span{font-size:10px;text-transform:uppercase;color:var(--muted);font-weight:800}.distance-box strong{font-size:20px;margin-top:2px}.empty{text-align:center;color:var(--muted);padding:28px}.list{display:grid;gap:10px}.list-item{border:1px solid var(--line);border-radius:15px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff}.list-item .meta{color:var(--muted);font-size:12px;margin-top:3px}.list-item .right{display:flex;gap:7px;align-items:center}.danger{background:#fff0ef;color:#a63229;border-radius:10px;padding:8px 10px;font-weight:800}.filters{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.filters label{margin:0;min-width:190px}.segmented{display:flex;gap:4px;flex-wrap:wrap;background:#eef3f1;padding:4px;border-radius:13px}.segmented button{background:transparent;padding:8px 10px;border-radius:10px;font-weight:800;color:var(--muted)}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.06)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.stat-card span,.stat-card strong{display:block}.stat-card span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.stat-card strong{font-size:25px;margin-top:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;height:72px;padding:7px max(10px,env(safe-area-inset-left)) calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:5px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);backdrop-filter:blur(14px)}.bottom-nav button{background:transparent;color:var(--muted);font-size:11px;font-weight:800;border-radius:12px}.bottom-nav button span{display:block;font-size:19px;margin-bottom:2px}.bottom-nav button.active{background:#eef5f1;color:var(--green)}dialog{border:0;padding:0;border-radius:24px;max-width:min(92vw,560px);width:100%;box-shadow:0 30px 90px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(5,23,17,.55);backdrop-filter:blur(3px)}.dialog-card{padding:20px}.dialog-card.wide{max-height:85vh;overflow:auto}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-head h3{margin:0 0 16px}.icon-btn{background:#eef3f1;border-radius:50%;width:36px;height:36px;font-size:24px}.dialog-actions{margin-top:18px;justify-content:flex-end}.optional{font-weight:500;color:var(--muted)}.active-session{display:grid;gap:14px}.shot-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.shot-form label{margin:0}.shot-form .full{grid-column:1/-1}.shot-head{display:flex;justify-content:space-between;align-items:center}.shot-chips{display:flex;gap:6px;flex-wrap:wrap}.chip{background:#eef5f1;color:var(--green);font-size:11px;font-weight:800;padding:6px 8px;border-radius:999px}.admin-note{margin-bottom:14px}.admin-note p{color:var(--muted);margin-bottom:0}canvas{width:100%;display:block}.session-shots{overflow:auto}.session-shots table{width:100%;border-collapse:collapse;font-size:12px}.session-shots th,.session-shots td{text-align:right;padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}.session-shots th:first-child,.session-shots td:first-child{text-align:left}@media(max-width:760px){.home-grid,.club-category-grid{grid-template-columns:1fr}.home-tile{min-height:135px}.club-card{min-height:210px}.stats-grid{grid-template-columns:1fr 1fr}.topbar{height:62px}.hero-card{min-height:155px;padding:22px}.hero-card h2{font-size:29px}.shot-form{grid-template-columns:1fr 1fr}}@media(min-width:761px){.bottom-nav{max-width:600px;left:50%;transform:translateX(-50%);bottom:12px;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}}
/* GolfMetrics V1.2 professional golf layout */
body{background:linear-gradient(rgba(245,247,246,.52),rgba(245,247,246,.52)),url('golf-bg.png') center/cover fixed no-repeat}.auth-screen{background:linear-gradient(rgba(7,43,32,.72),rgba(7,43,32,.72)),url('golf-bg.png') center/cover no-repeat}.brand-logo{width:92px;height:92px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;font-size:46px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px)}.auth-panel{background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}
#main-app{padding-left:280px}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:40;background:rgba(250,250,247,.94);backdrop-filter:blur(16px);border-right:1px solid rgba(15,61,46,.12);padding:28px 14px;display:flex;flex-direction:column}.side-brand{text-align:center;color:var(--green);padding:4px 8px 26px}.side-logo{font-size:46px}.side-brand strong{display:block;font-size:32px;letter-spacing:-1.5px}.side-brand small{display:block;font-size:9px;letter-spacing:.22em;font-weight:900;margin-top:5px}.side-brand em{display:block;font-family:Georgia,serif;font-size:13px;margin-top:14px;color:#38584c}.side-nav{display:grid;gap:8px}.side-nav button{display:flex;align-items:center;gap:15px;text-align:left;background:transparent;color:var(--ink);padding:14px 16px;border-radius:12px;font-weight:750;font-size:16px}.side-nav button:hover,.side-nav button.active{background:var(--green);color:#fff}.side-nav button:first-child{font-size:21px}.side-nav span{font-size:16px}.side-motto{margin-top:auto;text-align:center;font:italic 27px Georgia,serif;color:var(--green);padding:24px 8px}.topbar{left:280px;background:rgba(255,255,255,.76);border-bottom:0}.topbar>div:first-child{margin-left:auto;margin-right:12px}.topbar>div:first-child small{display:none}main{max-width:1280px;padding-top:18px}.golfbag-hero{min-height:105px;border-radius:22px;padding:20px 24px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,rgba(7,54,38,.94),rgba(18,94,66,.62),rgba(18,94,66,.15));box-shadow:var(--shadow)}.golfbag-hero h2{font-size:38px;margin:0}.golfbag-hero p{font-size:18px;margin:2px 0 0}.club-grid{gap:7px}.club-category-section{background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border:1px solid rgba(15,61,46,.14);border-radius:18px;padding:9px 12px 12px;box-shadow:0 5px 18px rgba(18,55,42,.08);gap:8px}.club-section-title{font-size:20px;display:flex;align-items:center;gap:8px}.club-section-title:before{content:'●';font-size:15px;color:var(--green)}.club-category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.club-card{min-height:102px;border-radius:12px;padding:10px 12px;box-shadow:0 3px 10px rgba(18,55,42,.08);display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto 1fr;align-items:start}.club-brand{margin-top:0;font-size:11px;grid-column:1}.club-code{font-size:25px;margin-top:1px;grid-column:1}.club-model{font-size:11px;min-height:14px;grid-column:1}.club-art{right:10px;top:20px;font-size:42px;opacity:.13}.distance-row{position:absolute;right:10px;bottom:9px;display:flex;gap:7px;margin:0}.distance-box{padding:4px 7px;background:transparent;border-left:1px solid var(--line);border-radius:0}.distance-box span{font-size:8px}.distance-box strong{font-size:12px}.home-grid,.hero-card,.panel{backdrop-filter:blur(12px)}.hero-card{background:linear-gradient(110deg,rgba(8,61,43,.96),rgba(33,116,82,.78))}.home-tile,.panel,.stat-card{background:rgba(255,255,255,.92)}.bottom-nav{display:none}
@media(max-width:900px){#main-app{padding-left:0}.sidebar{display:none}.topbar{left:0}.topbar>div:first-child{margin-left:0}.bottom-nav{display:grid}.club-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-card{min-height:112px}.golfbag-hero{border-radius:18px;padding:17px;align-items:flex-start;gap:12px}.golfbag-hero h2{font-size:29px}.golfbag-hero p{font-size:14px}.golfbag-hero .primary{white-space:nowrap}.topbar{background:rgba(250,250,247,.93)}main{padding-bottom:100px}}
@media(max-width:520px){.club-category-grid{grid-template-columns:1fr}.club-card{min-height:98px}.golfbag-hero{display:grid}.golfbag-hero .primary{width:100%}.section-head{align-items:flex-start}.auth-screen{padding:18px}.brand-block h1{font-size:34px}}
/* V1.3 — echte UI-Karten nach dem freigegebenen GolfMetrics-Entwurf */
body{background-image:linear-gradient(rgba(245,247,242,.08),rgba(245,247,242,.08)),url('golf-bg.png');background-position:center;background-size:cover;background-attachment:fixed}
#view-golfbag{max-width:100%}.golfbag-hero{background:linear-gradient(90deg,rgba(5,54,37,.96),rgba(11,74,50,.83),rgba(18,94,66,.22));border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 24px rgba(9,44,32,.16)}
.club-grid{gap:4px}.club-category-section{padding:0 14px 12px;border-radius:18px;background:rgba(250,251,247,.92);border:1px solid rgba(63,92,48,.22);box-shadow:0 4px 12px rgba(25,54,37,.09);overflow:hidden}.club-section-head{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px}.club-section-title{font-size:20px;gap:10px}.club-section-title:before{display:none}.category-symbol{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:50%;background:#e5eee4;color:#063d2d;font-size:18px}.club-section-actions{display:flex;align-items:center;gap:14px;color:#43554d;font-size:13px}.club-edit-btn{padding:7px 13px;border:1px solid #d6ddd8;border-radius:12px;background:#fff;color:#14251f;font-weight:800;box-shadow:0 2px 7px rgba(0,0,0,.05)}.chevron{font-size:19px;color:#193a2f}.club-category-grid{grid-template-columns:repeat(4,minmax(210px,1fr));gap:10px;align-items:start}.club-card{min-height:84px;height:84px;padding:8px 10px;display:grid;grid-template-columns:64px minmax(78px,1fr) auto;grid-template-rows:1fr;align-items:center;border-radius:12px;background:rgba(255,255,255,.98);border:1px solid #dce3de;box-shadow:0 3px 9px rgba(18,55,42,.08);overflow:hidden}.club-card:hover{transform:translateY(-1px);box-shadow:0 5px 13px rgba(18,55,42,.12)}.club-visual{width:58px;height:66px;display:grid;place-items:center;font-size:46px;color:#1d2924;line-height:1;transform:rotate(-12deg);text-shadow:1px 2px 2px rgba(0,0,0,.12)}.club-visual.iron,.club-visual.wedge{font-size:50px;color:#a7aca9;transform:rotate(-5deg)}.club-visual.putter{font-size:44px;transform:rotate(-12deg);color:#242b28}.club-info{align-self:center;min-width:0}.club-brand{margin:0;font-size:11px;line-height:1.1;text-transform:none}.club-code{margin:2px 0 0;font-size:22px;line-height:1;font-weight:950}.club-model{margin-top:3px;min-height:12px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.club-more{position:absolute;right:7px;top:4px;background:transparent;font-size:12px;font-weight:900;letter-spacing:-1px;padding:2px;color:#111}.club-art{display:none}.distance-row{position:static;display:flex;align-self:center;justify-self:end;gap:0;margin:0;padding-right:2px}.distance-box{min-width:58px;padding:3px 8px;border-left:1px solid #e0e5e2;background:transparent}.distance-box span{font-size:8px;letter-spacing:0;text-transform:none;white-space:nowrap}.distance-box strong{font-size:13px;white-space:nowrap}.side-brand .side-logo{font-size:0}.side-brand .side-logo:after{content:'⛳';font-size:45px}.side-brand em{font-style:italic}.topbar{background:rgba(255,255,255,.82)}
@media(max-width:1180px){.club-category-grid{grid-template-columns:repeat(3,minmax(210px,1fr))}}
@media(max-width:900px){body{background-attachment:scroll}.club-section-actions .club-edit-btn,.club-section-actions .chevron{display:none}.club-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.club-card{grid-template-columns:54px minmax(62px,1fr) auto;height:86px;min-height:86px}.club-visual{width:50px;font-size:40px}.distance-box{min-width:51px;padding:3px 5px}.distance-box strong{font-size:12px}}
@media(max-width:600px){main{padding-left:10px;padding-right:10px}.club-category-section{padding:0 9px 9px}.club-section-head{height:40px}.club-section-title{font-size:18px}.club-section-actions{font-size:11px}.club-category-grid{grid-template-columns:1fr}.club-card{grid-template-columns:62px minmax(82px,1fr) auto;height:88px;min-height:88px}.club-visual{width:56px;font-size:44px}.distance-box{min-width:61px}.golfbag-hero h2{font-size:28px}}
/* V1.4 — echte Karten, kein UI-Screenshot als Hintergrund */
body{background:#547b45 url('course-bg.svg') center/cover fixed no-repeat !important}
body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(245,247,240,.12),rgba(3,37,27,.04) 46%,rgba(4,38,29,.13));pointer-events:none}
.auth-screen{background:linear-gradient(rgba(5,48,34,.72),rgba(5,48,34,.72)),url('course-bg.svg') center/cover no-repeat !important}
.sidebar{background:rgba(250,250,245,.965)!important}
.topbar{background:rgba(255,255,255,.84)!important;backdrop-filter:blur(18px)}
#view-golfbag{padding-top:2px}
.golfbag-hero{min-height:112px;background:linear-gradient(90deg,rgba(5,53,37,.97),rgba(7,72,49,.86) 62%,rgba(7,72,49,.42))!important;box-shadow:0 12px 34px rgba(10,44,31,.18)!important;border:1px solid rgba(255,255,255,.24)!important}
.club-grid{gap:6px!important}
.club-category-section{padding:0 16px 13px!important;background:rgba(251,252,248,.94)!important;backdrop-filter:blur(18px);border:1px solid rgba(81,111,66,.28)!important;border-radius:16px!important;box-shadow:0 7px 20px rgba(24,53,36,.11)!important}
.club-section-head{height:44px!important}.club-section-title{font-size:21px!important;font-weight:900}.category-symbol{width:22px!important;height:22px!important;background:#0a5138!important;color:#0a5138!important;border:5px solid #dfeadf;box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.club-section-actions{gap:12px!important}.club-edit-btn{background:#fff!important;border:1px solid #d8dfda!important;padding:7px 14px!important;border-radius:12px!important}.chevron{font-weight:900}
.club-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}
.club-card{position:relative;display:grid!important;grid-template-columns:68px minmax(75px,1fr) auto!important;align-items:center!important;height:92px!important;min-height:92px!important;padding:8px 10px!important;background:linear-gradient(180deg,#fff,#fbfcfb)!important;border:1px solid #d9dfdb!important;border-radius:12px!important;box-shadow:0 3px 10px rgba(17,52,37,.09)!important;overflow:hidden}
.club-card:hover{transform:translateY(-2px)!important;box-shadow:0 8px 18px rgba(17,52,37,.15)!important;border-color:#c6d2ca!important}
.club-visual{width:64px!important;height:74px!important;display:grid!important;place-items:center!important;transform:none!important;color:inherit!important;text-shadow:none!important;font-size:0!important}
.club-svg{width:64px;height:74px;display:block;filter:drop-shadow(0 3px 2px rgba(0,0,0,.15))}
.club-info{align-self:center}.club-brand{font-size:11px!important;font-weight:800!important;color:#1f3029!important;text-transform:none!important}.club-code{font-size:23px!important;line-height:1!important;margin-top:2px!important}.club-model{font-size:10px!important;color:#485850!important;margin-top:4px!important;min-height:12px!important}
.club-more{position:absolute!important;right:8px!important;top:4px!important;padding:0!important;background:transparent!important;color:#111!important;font-size:12px!important;z-index:3}
.distance-row{position:static!important;display:flex!important;align-items:center!important;align-self:center!important;justify-self:end!important;gap:0!important;padding-right:0!important}
.distance-box{min-width:62px!important;padding:4px 8px!important;border-left:1px solid #e1e5e2!important;background:transparent!important}.distance-box span{font-size:9px!important;color:#68766f!important;font-weight:750!important;letter-spacing:0!important}.distance-box strong{font-size:13px!important;color:#0c2119!important;font-weight:900!important}
@media(max-width:1220px){.club-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){body{background-attachment:scroll!important}.club-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.club-section-actions .club-edit-btn,.club-section-actions .chevron{display:none}.club-card{grid-template-columns:62px minmax(72px,1fr) auto!important}.club-svg{width:58px;height:68px}.club-visual{width:58px!important}.distance-box{min-width:54px!important;padding:4px 5px!important}}
@media(max-width:580px){main{padding-left:10px!important;padding-right:10px!important}.golfbag-hero{min-height:auto!important;padding:16px!important}.club-category-section{padding:0 9px 9px!important}.club-category-grid{grid-template-columns:1fr!important;gap:7px!important}.club-card{height:88px!important;min-height:88px!important;grid-template-columns:64px minmax(85px,1fr) auto!important}.club-svg{width:60px;height:70px}.club-visual{width:60px!important}.distance-box{min-width:58px!important}.club-section-title{font-size:19px!important}}
/* V1.5: realistic club images */
.club-visual{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;border-radius:14px}
.club-photo{width:82px;height:82px;object-fit:contain;display:block;mix-blend-mode:multiply;filter:contrast(1.04) saturate(.96)}
@media(max-width:700px){.club-photo{width:68px;height:68px}}
/* V1.8 – klare Club-Aktionen, Profil und Admin-Anlage */
.club-card{padding-bottom:34px!important;height:122px!important;min-height:122px!important}
.club-card-actions{position:absolute;left:8px;right:8px;bottom:7px;display:flex;gap:7px;z-index:4}
.club-action{border:0;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:850;cursor:pointer;line-height:1;background:#eef3ef;color:#17372c}
.club-action.edit{background:#e7f0eb;color:#0b5139}.club-action.remove{background:#fff0ef;color:#9b2c2c}
.club-action:hover{filter:brightness(.97)}
.simple-form{display:grid;gap:14px;max-width:620px}.simple-form label{display:grid;gap:6px;font-weight:750}.simple-form input{width:100%}
.admin-add-grid{grid-template-columns:1fr 1fr}.admin-add-grid label:nth-child(3){grid-column:1/3}.admin-add-grid button,.admin-add-grid .message{grid-column:1/3}
@media(max-width:700px){.club-card{height:128px!important;min-height:128px!important}.club-card-actions{gap:5px}.club-action{flex:1;padding:8px 6px;font-size:10px}.admin-add-grid{grid-template-columns:1fr}.admin-add-grid label:nth-child(3),.admin-add-grid button,.admin-add-grid .message{grid-column:auto}}

.admin-user-actions{flex-wrap:wrap;justify-content:flex-end}.admin-user-item{align-items:flex-start}@media(max-width:700px){.admin-user-item{align-items:stretch;flex-direction:column}.admin-user-actions{justify-content:flex-start}.admin-user-actions button{flex:1}}

/* V1.14 – echtes UI-Redesign, KEIN Screenshot/Mockup als Hintergrund */
body{
  background:
    radial-gradient(circle at 82% 12%,rgba(255,244,190,.38),transparent 18%),
    linear-gradient(180deg,rgba(247,248,241,.16),rgba(7,47,34,.08)),
    url('course-bg.svg') center/cover fixed no-repeat !important;
}
body:before{background:linear-gradient(110deg,rgba(244,247,237,.06),rgba(8,49,35,.02) 55%,rgba(7,47,34,.12))!important}

/* Sidebar – ruhiger, hochwertiger Golf-Look */
.sidebar{
  width:280px!important;
  padding:24px 16px 22px!important;
  background:linear-gradient(180deg,rgba(253,253,248,.985),rgba(246,248,240,.975))!important;
  border-right:1px solid rgba(11,73,51,.16)!important;
  box-shadow:12px 0 34px rgba(13,54,39,.10)!important;
}
.side-brand{padding:2px 8px 22px!important;border-bottom:1px solid rgba(15,61,46,.10);margin-bottom:18px}
.side-brand strong{font-size:31px!important;letter-spacing:-1.3px!important}
.side-brand small{font-size:9px!important;letter-spacing:.25em!important;color:#36594b}
.side-brand em{font-size:14px!important;color:#48675b!important;margin-top:12px!important}
.side-logo{filter:drop-shadow(0 4px 5px rgba(0,0,0,.10))}
.side-nav{gap:7px!important}
.side-nav button{
  position:relative;
  min-height:52px;
  padding:13px 15px!important;
  border-radius:15px!important;
  font-size:16px!important;
  font-weight:800!important;
  transition:transform .16s ease,background .16s ease,box-shadow .16s ease!important;
}
.side-nav button span{width:26px;text-align:center;font-size:18px!important;opacity:.92}
.side-nav button:hover{background:#edf4ee!important;color:#0d4b37!important;transform:translateX(3px)}
.side-nav button.active{
  background:linear-gradient(135deg,#0b4935,#126044)!important;
  color:#fff!important;
  box-shadow:0 9px 20px rgba(11,73,53,.20)!important;
}
.side-nav button.active:after{content:"";position:absolute;right:12px;width:5px;height:5px;border-radius:50%;background:#b7d99d;box-shadow:0 0 0 4px rgba(183,217,157,.16)}
.side-motto{position:relative;font-size:26px!important;line-height:1.08!important;padding:26px 8px 8px!important}
.side-motto:before{content:"";display:block;width:48px;height:2px;background:#a9c28f;margin:0 auto 18px;border-radius:99px}

/* Hauptfläche etwas luftiger */
#main-app{padding-left:280px!important}
main{max-width:1320px!important;padding-left:22px!important;padding-right:22px!important}
.topbar{left:280px!important;background:rgba(252,253,249,.88)!important;border-bottom:1px solid rgba(15,61,46,.08)!important}
.hero-card,.golfbag-hero{box-shadow:0 16px 38px rgba(8,50,35,.16)!important}
.home-tile{background:rgba(255,255,252,.94)!important;border-color:rgba(15,61,46,.13)!important;transition:transform .18s ease,box-shadow .18s ease!important}
.home-tile:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(14,57,41,.14)!important}

/* Golfbag: ausschließlich echte Kategorie-/Schlägerkarten */
#club-grid{display:grid!important;gap:8px!important}
#club-grid>.club-category-section{display:grid!important}
#club-grid>.club-card,#club-grid>.club-category-grid,#club-grid>.club-section-head{display:none!important}
.club-category-section{background:rgba(253,254,250,.955)!important;border:1px solid rgba(27,78,57,.17)!important;box-shadow:0 7px 20px rgba(18,55,42,.09)!important}
.club-card{background:linear-gradient(180deg,#fff,#fbfcf9)!important}

@media(max-width:900px){
  #main-app{padding-left:0!important}.topbar{left:0!important}.sidebar{display:none!important}
  main{padding-left:12px!important;padding-right:12px!important}
  body{background-attachment:scroll!important}
}

/* V1.15 – Design nach freigegebenem GolfMetrics-Look */
body{
  background:
    linear-gradient(90deg,rgba(7,45,32,.18),rgba(7,45,32,.02) 42%,rgba(11,50,34,.08)),
    url('course-photo.jpg') center/cover fixed no-repeat !important;
}
body:before{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.05))!important}
.auth-screen{background:linear-gradient(rgba(7,49,35,.62),rgba(7,49,35,.52)),url('course-photo.jpg') center/cover no-repeat!important}

.sidebar{
  width:265px!important;
  padding:28px 18px 22px!important;
  background:linear-gradient(180deg,rgba(255,255,251,.975),rgba(248,250,244,.955))!important;
  border-right:1px solid rgba(19,69,50,.12)!important;
  box-shadow:14px 0 40px rgba(9,43,31,.12)!important;
}
.side-brand{padding:0 10px 26px!important;border-bottom:0!important;margin-bottom:14px!important;text-align:center}
.side-logo{font-size:42px!important;margin-bottom:8px;filter:drop-shadow(0 5px 8px rgba(0,0,0,.12))}
.side-brand strong{display:block;font-size:30px!important;letter-spacing:-1.4px!important;color:#0b4735!important}
.side-brand small{display:block;margin-top:6px;font-size:9px!important;letter-spacing:.24em!important;line-height:1.5;color:#244f40!important}
.side-nav{gap:7px!important}
.side-nav button,.side-secondary button{
  width:100%;display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 15px!important;
  border:0;background:transparent;color:#173229;border-radius:13px;font-size:16px!important;font-weight:800!important;cursor:pointer;
  transition:.18s ease;
}
.side-nav button:hover,.side-secondary button:hover{background:rgba(229,239,230,.82)!important;transform:translateX(2px)}
.side-nav button.active{background:linear-gradient(135deg,#0a5138,#116347)!important;color:#fff!important;box-shadow:0 10px 22px rgba(9,72,50,.22)!important}
.nav-icon{display:grid!important;place-items:center;width:28px!important;font-size:21px!important;line-height:1!important}
.side-secondary{margin-top:22px;padding-top:18px;border-top:1px solid rgba(18,66,48,.14)}
.side-motto{margin-top:auto!important;padding:26px 8px 4px!important;font-family:Georgia,serif;font-size:25px!important;font-style:italic;color:#0d513b!important;line-height:1.08!important}
.side-motto:before{display:none!important}
.side-powered{text-align:center;margin-top:18px;font-family:Georgia,serif;font-size:12px;color:#597068}

#main-app{padding-left:265px!important}
.topbar{left:265px!important;background:rgba(255,255,251,.90)!important;backdrop-filter:blur(14px);border-bottom:1px solid rgba(22,70,52,.08)!important}
main{max-width:1340px!important;padding:18px 24px 96px!important}

.hero-card{
  min-height:165px!important;display:flex!important;justify-content:space-between;align-items:center;gap:22px;
  padding:30px 34px!important;border-radius:28px!important;
  background:linear-gradient(110deg,rgba(6,70,48,.96),rgba(21,111,76,.78) 58%,rgba(104,145,119,.70))!important;
  border:1px solid rgba(255,255,255,.24)!important;box-shadow:0 18px 45px rgba(6,50,34,.24)!important;
}
.hero-copy h2{font-size:38px!important;margin:6px 0 6px!important}.hero-copy p{font-size:17px!important}
.hero-meta{display:flex;align-items:center;gap:34px}.day-pill{display:flex;align-items:center;gap:10px;background:rgba(8,75,52,.62);padding:12px 17px;border-radius:999px;color:#fff}.day-pill strong{display:block;font-size:13px}.day-pill small{display:block;opacity:.76;margin-top:2px}.sun-dot{font-size:27px}.play-better{font-family:Georgia,serif;font-size:34px;font-style:italic;line-height:.86;color:rgba(255,255,255,.86);transform:rotate(-4deg)}

.home-grid{gap:16px!important;margin-top:18px!important}.home-tile{
  min-height:178px!important;padding:26px 24px!important;border-radius:24px!important;background:rgba(255,255,252,.95)!important;
  box-shadow:0 15px 38px rgba(10,47,34,.14)!important;border:1px solid rgba(16,72,50,.12)!important;position:relative;overflow:hidden;
}
.home-tile:after{content:'›';position:absolute;right:22px;top:50%;transform:translateY(-50%);font-size:32px;color:#3e554d;font-weight:300}.home-tile strong{font-size:25px!important}.home-tile small{font-size:14px!important}.tile-icon{font-size:30px!important}

.panel,.club-category-section{background:rgba(255,255,252,.94)!important;backdrop-filter:blur(12px);border:1px solid rgba(18,70,50,.13)!important;box-shadow:0 12px 28px rgba(9,45,32,.12)!important}
.golfbag-hero{background:linear-gradient(110deg,rgba(5,70,48,.96),rgba(24,112,76,.76))!important}

@media(max-width:900px){
  #main-app{padding-left:0!important}.topbar{left:0!important}.sidebar{display:none!important}main{padding:12px 12px 96px!important}
  body{background-attachment:scroll!important;background-position:center!important}.hero-card{min-height:auto!important;padding:22px!important}.hero-meta{display:none!important}.hero-copy h2{font-size:30px!important}.home-grid{grid-template-columns:1fr!important}.home-tile{min-height:120px!important}
}


/* GolfMetrics V1.16 – Live-Standortwetter */
.weather-pill{
  border:1px solid rgba(255,255,255,.16)!important;
  cursor:pointer!important;
  text-align:left!important;
  font:inherit!important;
  min-width:270px;
  transition:transform .18s ease, background .18s ease, box-shadow .18s ease;
}
.weather-pill:hover{
  transform:translateY(-1px);
  background:rgba(8,75,52,.76)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.10);
}
.weather-copy{display:block;min-width:0}
.weather-copy strong{white-space:nowrap}
.weather-copy small{
  display:block!important;
  max-width:210px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-weight:750;
  opacity:.92!important;
}
.weather-copy span{
  display:block;
  margin-top:3px;
  max-width:240px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  font-size:11px;
  line-height:1.2;
  color:rgba(255,255,255,.82);
}
@media(max-width:1100px){
  .weather-pill{min-width:220px}
  .weather-copy span{max-width:190px}
}

/* V1.19 – Login wirklich mittig + Mitgliederhinweis direkt darunter */
.auth-screen{
  grid-template-columns:minmax(0,520px)!important;
  justify-content:center!important;
  justify-items:center!important;
  align-content:center!important;
}
.auth-screen .brand-block{
  width:100%;
  text-align:center!important;
  margin:0 0 24px!important;
}
.login-center{
  width:min(480px,calc(100vw - 40px));
  margin:0 auto!important;
}
.login-center .auth-panel{width:100%!important;margin:0!important}
.login-members-note{
  width:100%;
  margin:14px auto 0;
  padding:13px 17px;
  border-radius:15px;
  text-align:center;
  color:#fff;
  background:rgba(7,49,35,.72);
  border:1px solid rgba(255,255,255,.20);
  box-shadow:0 8px 24px rgba(0,0,0,.12);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:13px;
  line-height:1.45;
}
.login-members-note strong{display:block;margin-bottom:4px;font-weight:850}
.login-members-note span{display:block}
.login-members-note a{color:#fff;font-weight:850;text-decoration:underline;text-underline-offset:2px}


/* =========================================================
   GolfMetrics V1.20 – Smartphone-Breite / kein Seitenscrollen
   ========================================================= */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

*, *::before, *::after {
  box-sizing: border-box;
}

img, svg, video, canvas {
  max-width: 100%;
  height: auto;
}

#app,
.app-shell,
.main-shell,
.main-content,
.content,
.page,
.view,
.panel,
.card,
.auth-screen,
.login-center,
.login-members-note {
  max-width: 100%;
  min-width: 0;
}

@media (max-width: 900px) {
  body {
    margin: 0;
    padding: 0;
  }

  .app-shell,
  .main-shell,
  .main-content,
  .content,
  .page,
  .view {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .auth-screen {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .auth-screen .brand-block,
  .login-center,
  .login-center .auth-panel,
  .login-members-note {
    width: 100% !important;
    max-width: 100% !important;
  }

  .login-center {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .panel,
  .card {
    max-width: 100% !important;
  }

  input,
  select,
  textarea,
  button {
    max-width: 100%;
  }
}

@media (max-width: 480px) {
  .auth-screen {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .login-members-note {
    padding-left: 12px;
    padding-right: 12px;
  }
}


/* =========================================================
   V1.23 – Golfbag komplett optisch bereinigt
   ========================================================= */

/* Kategorie-Kopf: statt grünem Punkt eine kleine Golfball-Plakette */
.category-symbol{
  position:relative!important;
  width:28px!important;
  height:28px!important;
  flex:0 0 28px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 8px 8px, rgba(8,76,53,.18) 0 1.5px, transparent 1.8px),
    radial-gradient(circle at 18px 9px, rgba(8,76,53,.16) 0 1.5px, transparent 1.8px),
    radial-gradient(circle at 11px 18px, rgba(8,76,53,.16) 0 1.5px, transparent 1.8px),
    radial-gradient(circle at 20px 19px, rgba(8,76,53,.14) 0 1.5px, transparent 1.8px),
    #fff!important;
  border:2px solid #0b5a40!important;
  box-shadow:0 2px 6px rgba(9,72,51,.16)!important;
  color:transparent!important;
  font-size:0!important;
}

/* Ruhigere, kompaktere Kategorien */
.club-category-section{
  padding:0 16px 15px!important;
  border-radius:18px!important;
}
.club-section-head{
  height:54px!important;
}
.club-section-title{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
  font-size:22px!important;
  letter-spacing:-.02em!important;
}

/* Karten neu ausbalanciert */
.club-category-grid{
  grid-template-columns:repeat(4,minmax(245px,1fr))!important;
  gap:12px!important;
}
.club-card{
  height:142px!important;
  min-height:142px!important;
  grid-template-columns:94px minmax(82px,1fr) auto!important;
  grid-template-rows:1fr 36px!important;
  column-gap:8px!important;
  padding:10px 12px 8px!important;
  border-radius:14px!important;
}

/* Reales Schlägerfoto: sauber, groß, ohne alte Bildreste */
.club-visual{
  grid-column:1!important;
  grid-row:1!important;
  width:90px!important;
  height:88px!important;
  min-width:90px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.club-photo{
  width:88px!important;
  height:84px!important;
  max-width:88px!important;
  max-height:84px!important;
  object-fit:contain!important;
  object-position:center!important;
  display:block!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 3px 3px rgba(0,0,0,.13))!important;
  transform:none!important;
}

.club-info{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
}
.distance-row{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
}
.club-card-actions{
  grid-column:1 / -1!important;
  grid-row:2!important;
  position:static!important;
  align-self:end!important;
  display:flex!important;
  gap:8px!important;
}
.club-action{
  white-space:nowrap!important;
}

/* Tablet / Smartphone */
@media(max-width:1250px){
  .club-category-grid{grid-template-columns:repeat(3,minmax(240px,1fr))!important}
}
@media(max-width:900px){
  .club-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .club-card{
    grid-template-columns:88px minmax(75px,1fr) auto!important;
  }
  .club-visual{width:84px!important;min-width:84px!important}
  .club-photo{width:82px!important;height:80px!important}
}
@media(max-width:620px){
  .club-category-section{padding:0 10px 10px!important}
  .club-section-head{height:48px!important}
  .club-section-title{font-size:19px!important;gap:9px!important}
  .category-symbol{width:24px!important;height:24px!important;flex-basis:24px!important}
  .club-category-grid{grid-template-columns:1fr!important}
  .club-card{
    width:100%!important;
    height:140px!important;
    min-height:140px!important;
    grid-template-columns:86px minmax(70px,1fr) auto!important;
    padding:9px 10px 8px!important;
  }
  .club-visual{width:82px!important;min-width:82px!important;height:84px!important}
  .club-photo{width:80px!important;height:80px!important}
  .distance-box{min-width:56px!important;padding-left:6px!important;padding-right:6px!important}
  .club-action{flex:1!important}
}


/* =========================================================
   V1.24 – Golfbag kompakter, damit alle Werte sauber passen
   ========================================================= */
.club-category-grid{
  grid-template-columns:repeat(4,minmax(220px,1fr))!important;
}

.club-card{
  height:132px!important;
  min-height:132px!important;
  grid-template-columns:76px minmax(62px,1fr) minmax(112px,auto)!important;
  grid-template-rows:1fr 32px!important;
  column-gap:6px!important;
  padding:8px 9px 7px!important;
}

.club-visual{
  width:72px!important;
  min-width:72px!important;
  height:72px!important;
}
.club-photo{
  width:70px!important;
  height:70px!important;
  max-width:70px!important;
  max-height:70px!important;
}

.club-brand{
  font-size:12px!important;
  line-height:1.05!important;
}
.club-code{
  font-size:25px!important;
  line-height:.95!important;
}

.distance-row{
  display:flex!important;
  min-width:112px!important;
  width:auto!important;
  gap:0!important;
}
.distance-box{
  min-width:56px!important;
  width:56px!important;
  padding:0 5px!important;
}
.distance-box small{
  font-size:9px!important;
  line-height:1.05!important;
  white-space:nowrap!important;
}
.distance-box strong{
  font-size:14px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

.club-card-actions{
  gap:6px!important;
}
.club-action{
  padding:7px 9px!important;
  font-size:11px!important;
  line-height:1!important;
}

/* Der Putter ist flacher als die anderen Schläger und braucht mehr horizontale Fläche. */
.club-card[data-category="putter"] .club-photo,
.club-card.putter .club-photo{
  width:74px!important;
  height:62px!important;
  max-width:74px!important;
  max-height:62px!important;
}

@media(max-width:1250px){
  .club-category-grid{grid-template-columns:repeat(3,minmax(220px,1fr))!important}
}
@media(max-width:900px){
  .club-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .club-category-grid{grid-template-columns:1fr!important}
  .club-card{
    height:128px!important;
    min-height:128px!important;
    grid-template-columns:70px minmax(58px,1fr) 108px!important;
    padding:8px!important;
  }
  .club-visual{width:66px!important;min-width:66px!important;height:68px!important}
  .club-photo{width:64px!important;height:64px!important}
  .distance-row{min-width:108px!important}
  .distance-box{width:54px!important;min-width:54px!important;padding:0 3px!important}
  .distance-box small{font-size:8px!important}
  .distance-box strong{font-size:13px!important}
  .club-action{padding:7px 6px!important;font-size:10px!important}
}


/* V1.25 – Driver/Holz/Hybrid/Putter bewusst kleiner in der Bildfläche */
.club-card:has(img[src*="driver.png"]) .club-photo{
  width:58px!important;height:62px!important;max-width:58px!important;max-height:62px!important;
}
.club-card:has(img[src*="wood.png"]) .club-photo{
  width:58px!important;height:60px!important;max-width:58px!important;max-height:60px!important;
}
.club-card:has(img[src*="hybrid.png"]) .club-photo{
  width:56px!important;height:58px!important;max-width:56px!important;max-height:58px!important;
}
.club-card:has(img[src*="putter.png"]) .club-photo{
  width:62px!important;height:46px!important;max-width:62px!important;max-height:46px!important;
}


/* =========================================================
   V1.28 – Golfbag Kacheln neu ausbalanciert
   Werte werden nicht mehr abgeschnitten.
   ========================================================= */

/* Desktop: Karten etwas breiter, maximal 3 pro Reihe */
.club-category-grid{
  grid-template-columns:repeat(3,minmax(300px,1fr))!important;
  gap:14px!important;
}

.club-card{
  box-sizing:border-box!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  grid-template-columns:82px minmax(72px,1fr) 146px!important;
  grid-template-rows:88px 36px!important;
  column-gap:9px!important;
  padding:9px 11px 8px!important;
  overflow:hidden!important;
}

.club-visual{
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:82px!important;
  overflow:hidden!important;
}

.club-info{
  min-width:0!important;
  padding:0!important;
}

.distance-row{
  width:146px!important;
  min-width:146px!important;
  max-width:146px!important;
  display:grid!important;
  grid-template-columns:73px 73px!important;
  overflow:visible!important;
}

.distance-box{
  box-sizing:border-box!important;
  width:73px!important;
  min-width:73px!important;
  max-width:73px!important;
  padding:0 7px!important;
  overflow:visible!important;
}

.distance-box small{
  display:block!important;
  font-size:9px!important;
  white-space:nowrap!important;
}

.distance-box strong{
  display:block!important;
  font-size:14px!important;
  white-space:nowrap!important;
}

.club-card-actions{
  grid-column:1 / -1!important;
  width:100%!important;
  max-width:100%!important;
  display:flex!important;
  gap:7px!important;
  overflow:hidden!important;
}

.club-action{
  min-width:0!important;
  padding:7px 9px!important;
  font-size:10px!important;
  white-space:nowrap!important;
}

/* Problematische Bilder klein und mittig; Eisen/Wedges bleiben wie gehabt */
.club-card:has(img[src*="driver.png"]) .club-photo{
  width:48px!important;height:55px!important;max-width:48px!important;max-height:55px!important;
}
.club-card:has(img[src*="wood.png"]) .club-photo{
  width:47px!important;height:53px!important;max-width:47px!important;max-height:53px!important;
}
.club-card:has(img[src*="hybrid.png"]) .club-photo{
  width:45px!important;height:51px!important;max-width:45px!important;max-height:51px!important;
}
.club-card:has(img[src*="putter.png"]) .club-photo{
  width:55px!important;height:34px!important;max-width:55px!important;max-height:34px!important;
}

/* Tablet */
@media(max-width:1150px){
  .club-category-grid{
    grid-template-columns:repeat(2,minmax(300px,1fr))!important;
  }
}

/* Smartphone: eine Karte pro Reihe; Messwerte unter Name statt rechts */
@media(max-width:620px){
  .club-category-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .club-card{
    height:auto!important;
    min-height:156px!important;
    grid-template-columns:74px minmax(0,1fr)!important;
    grid-template-rows:auto auto 36px!important;
    column-gap:10px!important;
    row-gap:5px!important;
    padding:11px!important;
  }

  .club-visual{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:70px!important;
    min-width:70px!important;
    max-width:70px!important;
    height:82px!important;
  }

  .club-info{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
  }

  .distance-row{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:auto auto!important;
  }

  .distance-box{
    width:auto!important;
    min-width:78px!important;
    max-width:none!important;
    padding:0 10px!important;
  }
  .distance-box:first-child{padding-left:0!important}

  .club-card-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
  }

  .club-action{
    width:100%!important;
    padding:8px 4px!important;
    font-size:10px!important;
    text-align:center!important;
  }
}


/* =========================================================
   GolfMetrics V1.29 – Golfbag exakt im bestätigten Mockup-Stil
   ========================================================= */

/* Kategorien */
.club-category-section{
  border-radius:20px!important;
  padding:0 18px 16px!important;
  background:rgba(255,255,252,.96)!important;
  box-shadow:0 10px 26px rgba(5,45,32,.10)!important;
}
.club-section-head{
  min-height:62px!important;
}
.club-section-title{
  gap:12px!important;
  font-size:28px!important;
  font-weight:850!important;
}
.category-symbol{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border:2px solid #086146!important;
  background:
    radial-gradient(circle at 9px 8px,#dce7e2 0 2px,transparent 2.3px),
    radial-gradient(circle at 20px 10px,#dce7e2 0 2px,transparent 2.3px),
    radial-gradient(circle at 12px 20px,#dce7e2 0 2px,transparent 2.3px),
    radial-gradient(circle at 22px 21px,#dce7e2 0 2px,transparent 2.3px),
    #fff!important;
  box-shadow:0 2px 7px rgba(0,0,0,.12)!important;
}

/* Maximaal 3 kaarten op desktop zodat elke kaart ruim genoeg blijft */
.club-category-grid{
  grid-template-columns:repeat(3,minmax(320px,1fr))!important;
  gap:16px!important;
}

/* Kaartverhouding zoals in het gekozen voorbeeld */
.club-card{
  width:100%!important;
  max-width:760px!important;
  height:160px!important;
  min-height:160px!important;
  grid-template-columns:150px minmax(150px,1fr) 210px!important;
  grid-template-rows:102px 42px!important;
  column-gap:14px!important;
  padding:10px 14px 8px!important;
  border-radius:16px!important;
  overflow:hidden!important;
  box-shadow:0 4px 12px rgba(4,43,31,.08)!important;
}

/* Schlägerbild groß und vollständig sichtbar */
.club-visual{
  grid-column:1!important;
  grid-row:1!important;
  width:140px!important;
  min-width:140px!important;
  max-width:140px!important;
  height:98px!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:transparent!important;
}
.club-photo{
  width:128px!important;
  height:96px!important;
  max-width:128px!important;
  max-height:96px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  filter:drop-shadow(0 4px 4px rgba(0,0,0,.12))!important;
}

/* Wilson / Clubcode */
.club-info{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  min-width:0!important;
}
.club-brand{
  font-size:14px!important;
  line-height:1.05!important;
  font-weight:800!important;
}
.club-code{
  font-size:31px!important;
  line-height:1!important;
  font-weight:900!important;
}
.club-model{
  font-size:10px!important;
}

/* Carry / Total */
.distance-row{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  display:grid!important;
  grid-template-columns:105px 105px!important;
  width:210px!important;
  min-width:210px!important;
  max-width:210px!important;
}
.distance-box{
  width:105px!important;
  min-width:105px!important;
  max-width:105px!important;
  padding:0 14px!important;
  box-sizing:border-box!important;
}
.distance-box span{
  display:block!important;
  font-size:11px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.distance-box strong{
  display:block!important;
  font-size:18px!important;
  line-height:1.15!important;
  white-space:nowrap!important;
}

/* Aktionen */
.club-card-actions{
  grid-column:2 / 4!important;
  grid-row:2!important;
  align-self:end!important;
  justify-self:stretch!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  width:100%!important;
}
.club-action{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  padding:0 12px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:800!important;
  white-space:nowrap!important;
}
.club-action.edit::before{
  content:"✎";
  margin-right:8px;
  font-size:16px;
}
.club-action.remove::before{
  content:"🗑";
  margin-right:8px;
  font-size:14px;
}

/* Die vier problematischen Kategorien gezielt wie im Referenzbild */
.club-card:has(img[src*="driver.png"]) .club-photo{
  width:118px!important;height:94px!important;max-width:118px!important;max-height:94px!important;
}
.club-card:has(img[src*="wood.png"]) .club-photo{
  width:108px!important;height:90px!important;max-width:108px!important;max-height:90px!important;
}
.club-card:has(img[src*="hybrid.png"]) .club-photo{
  width:104px!important;height:88px!important;max-width:104px!important;max-height:88px!important;
}
.club-card:has(img[src*="putter.png"]) .club-photo{
  width:126px!important;height:82px!important;max-width:126px!important;max-height:82px!important;
}

/* Tablet */
@media(max-width:1250px){
  .club-category-grid{
    grid-template-columns:repeat(2,minmax(320px,1fr))!important;
  }
}

/* Smartphone: gleiche Optik, aber sauber gestapelt */
@media(max-width:620px){
  .club-category-section{
    padding:0 10px 12px!important;
  }
  .club-section-title{
    font-size:22px!important;
  }
  .club-category-grid{
    grid-template-columns:1fr!important;
  }
  .club-card{
    max-width:100%!important;
    height:auto!important;
    min-height:180px!important;
    grid-template-columns:95px minmax(0,1fr)!important;
    grid-template-rows:auto auto 42px!important;
    column-gap:10px!important;
    row-gap:5px!important;
    padding:12px!important;
  }
  .club-visual{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:90px!important;
    min-width:90px!important;
    max-width:90px!important;
    height:100px!important;
  }
  .club-photo{
    width:84px!important;
    height:86px!important;
    max-width:84px!important;
    max-height:86px!important;
  }
  .club-info{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
  }
  .club-brand{
    font-size:13px!important;
  }
  .club-code{
    font-size:28px!important;
  }
  .distance-row{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:auto auto!important;
  }
  .distance-box{
    width:auto!important;
    min-width:82px!important;
    max-width:none!important;
    padding:0 10px!important;
  }
  .distance-box:first-child{
    padding-left:0!important;
  }
  .distance-box span{
    font-size:9px!important;
  }
  .distance-box strong{
    font-size:15px!important;
  }
  .club-card-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    gap:8px!important;
  }
  .club-action{
    font-size:10px!important;
    padding:0 5px!important;
  }

  .club-card:has(img[src*="driver.png"]) .club-photo{
    width:78px!important;height:82px!important;max-width:78px!important;max-height:82px!important;
  }
  .club-card:has(img[src*="wood.png"]) .club-photo{
    width:74px!important;height:78px!important;max-width:74px!important;max-height:78px!important;
  }
  .club-card:has(img[src*="hybrid.png"]) .club-photo{
    width:72px!important;height:76px!important;max-width:72px!important;max-height:76px!important;
  }
  .club-card:has(img[src*="putter.png"]) .club-photo{
    width:84px!important;height:58px!important;max-width:84px!important;max-height:58px!important;
  }
}


/* =========================================================
   V1.30 – Fotos aus V1.29 behalten, Kacheln wieder kompakt.
   ========================================================= */

/* Kategorieflächen kompakter */
.club-category-section{
  padding:0 14px 14px!important;
}
.club-section-head{
  min-height:52px!important;
}
.club-section-title{
  font-size:22px!important;
}

/* Wieder bis zu 4 kompakte Karten nebeneinander */
.club-category-grid{
  grid-template-columns:repeat(4,minmax(250px,1fr))!important;
  gap:12px!important;
}

/* Kompakte Karte, aber genug Platz für Carry UND Total */
.club-card{
  max-width:none!important;
  height:138px!important;
  min-height:138px!important;
  grid-template-columns:88px minmax(66px,1fr) 132px!important;
  grid-template-rows:88px 34px!important;
  column-gap:7px!important;
  padding:8px 10px!important;
  overflow:hidden!important;
}

/* Die in V1.29 korrigierten Bilder bleiben vollständig sichtbar,
   werden nur passend zur kleineren Karte skaliert. */
.club-visual{
  width:84px!important;
  min-width:84px!important;
  max-width:84px!important;
  height:84px!important;
  overflow:visible!important;
}
.club-photo{
  width:80px!important;
  height:78px!important;
  max-width:80px!important;
  max-height:78px!important;
}

.club-card:has(img[src*="driver.png"]) .club-photo{
  width:70px!important;height:76px!important;max-width:70px!important;max-height:76px!important;
}
.club-card:has(img[src*="wood.png"]) .club-photo{
  width:68px!important;height:72px!important;max-width:68px!important;max-height:72px!important;
}
.club-card:has(img[src*="hybrid.png"]) .club-photo{
  width:66px!important;height:70px!important;max-width:66px!important;max-height:70px!important;
}
.club-card:has(img[src*="putter.png"]) .club-photo{
  width:76px!important;height:54px!important;max-width:76px!important;max-height:54px!important;
}

.club-brand{
  font-size:11px!important;
}
.club-code{
  font-size:25px!important;
}

/* Carry + Total vollständig sichtbar */
.distance-row{
  width:132px!important;
  min-width:132px!important;
  max-width:132px!important;
  grid-template-columns:66px 66px!important;
  overflow:visible!important;
}
.distance-box{
  width:66px!important;
  min-width:66px!important;
  max-width:66px!important;
  padding:0 5px!important;
  overflow:visible!important;
}
.distance-box span,
.distance-box small{
  font-size:8px!important;
}
.distance-box strong{
  font-size:13px!important;
}

/* Buttons wieder beide komplett sichtbar */
.club-card-actions{
  grid-column:1 / -1!important;
  width:100%!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
}
.club-action{
  height:32px!important;
  padding:0 5px!important;
  font-size:9px!important;
}
.club-action.edit::before,
.club-action.remove::before{
  margin-right:4px!important;
  font-size:11px!important;
}

/* Responsive Staffelung */
@media(max-width:1450px){
  .club-category-grid{
    grid-template-columns:repeat(3,minmax(250px,1fr))!important;
  }
}
@media(max-width:1050px){
  .club-category-grid{
    grid-template-columns:repeat(2,minmax(250px,1fr))!important;
  }
}
@media(max-width:620px){
  .club-category-grid{
    grid-template-columns:1fr!important;
  }
  .club-card{
    height:auto!important;
    min-height:154px!important;
    grid-template-columns:76px minmax(0,1fr)!important;
    grid-template-rows:auto auto 34px!important;
    column-gap:8px!important;
    row-gap:4px!important;
    padding:10px!important;
  }
  .club-visual{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:72px!important;
    min-width:72px!important;
    max-width:72px!important;
    height:82px!important;
  }
  .club-photo{
    width:68px!important;
    height:72px!important;
    max-width:68px!important;
    max-height:72px!important;
  }
  .club-info{
    grid-column:2!important;
    grid-row:1!important;
  }
  .distance-row{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    grid-template-columns:auto auto!important;
  }
  .distance-box{
    width:auto!important;
    min-width:72px!important;
    max-width:none!important;
    padding:0 8px!important;
  }
  .distance-box:first-child{
    padding-left:0!important;
  }
  .club-card-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
  }
  .club-action{
    font-size:9px!important;
  }
}


/* =========================================================
   V1.31 – Golfbag Feinschliff + maximal 3 Schläger pro Reihe
   ========================================================= */

/* Desktop: exakt maximal 3 Karten pro Reihe */
.club-category-grid{
  grid-template-columns:repeat(3,minmax(280px,1fr))!important;
  gap:12px!important;
}

/* Etwas kompakter und besser ausbalanciert */
.club-category-section{
  padding:0 12px 12px!important;
}
.club-section-head{
  min-height:50px!important;
}
.club-section-title{
  font-size:21px!important;
}

.club-card{
  height:134px!important;
  min-height:134px!important;
  grid-template-columns:82px minmax(70px,1fr) 138px!important;
  grid-template-rows:84px 34px!important;
  column-gap:8px!important;
  padding:8px 10px!important;
}

/* Bilder aus V1.30 bleiben erhalten, nur minimal besser positioniert */
.club-visual{
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:80px!important;
}
.club-photo{
  object-position:center!important;
}

/* Werte mit etwas mehr Luft */
.distance-row{
  width:138px!important;
  min-width:138px!important;
  max-width:138px!important;
  grid-template-columns:69px 69px!important;
}
.distance-box{
  width:69px!important;
  min-width:69px!important;
  max-width:69px!important;
  padding:0 6px!important;
}
.distance-box strong{
  font-size:13px!important;
}

/* Buttons etwas ruhiger und kompakter */
.club-card-actions{
  gap:7px!important;
}
.club-action{
  height:31px!important;
  font-size:9px!important;
}

/* Tablet: 2 pro Reihe */
@media(max-width:1050px){
  .club-category-grid{
    grid-template-columns:repeat(2,minmax(270px,1fr))!important;
  }
}

/* Smartphone: 1 pro Reihe */
@media(max-width:620px){
  .club-category-grid{
    grid-template-columns:1fr!important;
  }
}


/* V1.32 – Training direkt im Golfbag + PDF-Auswahl */
.club-card.training-open{
  height:auto!important;
  min-height:138px!important;
  grid-template-rows:84px 34px auto!important;
}
.club-inline-training{
  grid-column:1 / -1!important;
  grid-row:3!important;
  margin:8px 0 2px;
  padding:12px;
  border-radius:12px;
  background:#f4f8f5;
  border:1px solid #d7e4dc;
}
.inline-training-head{
  display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px;
}
.inline-training-head strong{display:block;color:#10382d}
.inline-training-head span{display:block;font-size:11px;color:#687b74;margin-top:2px}
.inline-training-head label{font-size:10px;font-weight:700}
.inline-training-head input{display:block;margin-top:3px;padding:7px 8px}
.inline-shot-list{display:grid;gap:7px}
.inline-shot-row{
  display:grid;
  grid-template-columns:34px repeat(4,minmax(90px,1fr)) 32px;
  gap:7px;align-items:end;
}
.inline-shot-row label{font-size:9px;font-weight:700;color:#61736d}
.inline-shot-row input{width:100%;padding:7px 6px;margin-top:3px}
.shot-number{align-self:center;font-weight:800;color:#0f5b43}
.inline-training-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
.inline-training-saved{padding:10px;font-weight:800;color:#0f5b43;text-align:center}

.club-card-actions{grid-template-columns:1.25fr .8fr .8fr!important}
.club-action.train{background:#0f5b43!important;color:#fff!important}
.club-action.train::before{content:"＋";margin-right:4px}

.training-export-head{display:flex;justify-content:space-between;gap:16px;align-items:start}
.training-export-tools{
  display:flex;align-items:end;gap:9px;flex-wrap:wrap;
  margin:14px 0;padding:12px;border-radius:12px;background:#f4f8f5;
}
.training-export-tools label{font-size:10px;font-weight:800}
.training-export-tools select{display:block;margin-top:4px;min-width:150px;padding:8px}
.training-history-item{display:grid!important;grid-template-columns:30px minmax(0,1fr) auto!important;align-items:center!important}
.training-select{display:flex;align-items:center;justify-content:center}
.training-pdf-check{width:18px;height:18px;accent-color:#0f5b43}
.training-history-copy{min-width:0}

@media(max-width:760px){
  .club-card-actions{grid-template-columns:1fr!important;height:auto!important}
  .club-card.training-open{grid-template-rows:auto auto auto auto!important}
  .club-inline-training{grid-row:4!important}
  .inline-training-head{align-items:stretch;flex-direction:column}
  .inline-shot-row{grid-template-columns:28px 1fr 1fr}
  .inline-shot-row label:nth-of-type(3),.inline-shot-row label:nth-of-type(4){grid-column:auto}
  .inline-shot-row .inline-remove-shot{grid-column:3}
  .training-export-head{flex-direction:column}
  .training-history-item{grid-template-columns:28px 1fr!important}
  .training-history-item .right{grid-column:1 / -1!important;margin-top:8px}
}


/* V1.34 – Aktuelles Golfbag */
.current-bag-toggle{display:flex!important;gap:10px!important;align-items:flex-start!important;padding:12px!important;border:1px solid #d6e3dc!important;border-radius:12px!important;background:#f5f9f6!important}
.current-bag-toggle input{width:19px!important;height:19px!important;margin-top:2px!important;accent-color:#0f6549!important}
.current-bag-toggle span{display:block!important}.current-bag-toggle strong{display:block!important}.current-bag-toggle small{display:block!important;margin-top:2px;color:#6b7d76!important}

.current-bag-section{margin:14px 0 16px!important;padding:14px!important;border-radius:18px!important;background:rgba(9,75,53,.9)!important;box-shadow:0 8px 22px rgba(0,0,0,.12)!important}
.current-bag-head{display:flex!important;align-items:end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:10px!important;color:#fff!important}
.current-bag-head .eyebrow{color:rgba(255,255,255,.72)!important}.current-bag-head h3{margin:2px 0 0!important;color:#fff!important;font-size:21px!important}
.current-bag-count{font-size:12px!important;font-weight:800!important;color:rgba(255,255,255,.82)!important}

.current-bag-row{display:grid!important;grid-template-columns:repeat(6,minmax(145px,1fr))!important;gap:9px!important}
.current-bag-card{min-width:0!important;display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:4px 8px!important;padding:9px!important;border-radius:13px!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(255,255,255,.8)!important}
.current-bag-image{grid-column:1!important;grid-row:1 / span 2!important;width:46px!important;height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important}
.current-bag-image .club-photo{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important}
.current-bag-info{min-width:0!important}.current-bag-code{font-size:20px!important;font-weight:900!important;line-height:1!important;color:#102f27!important}.current-bag-brand{font-size:8px!important;color:#6c7b76!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;margin-top:3px!important}
.current-bag-metrics{grid-column:1 / -1!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin-top:4px!important}
.current-bag-metrics div{padding-top:5px!important;border-top:1px solid #dce5e0!important}.current-bag-metrics span{display:block!important;font-size:8px!important;color:#6b7c75!important;font-weight:750!important}.current-bag-metrics strong{display:block!important;font-size:12px!important;color:#10352b!important;white-space:nowrap!important}

.current-use-badge{position:absolute!important;top:7px!important;right:8px!important;z-index:2!important;padding:4px 7px!important;border-radius:999px!important;background:#0f6549!important;color:#fff!important;font-size:8px!important;font-weight:850!important}
.club-card{position:relative!important}

/* Trainingseingabe geöffnet: volle Reihenbreite und sauberer Platz */
.club-card.training-open{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;height:auto!important;grid-template-rows:84px 34px auto!important}
.club-inline-training{grid-column:1 / -1!important;width:100%!important;max-width:100%!important;padding:16px!important;overflow:hidden!important}
.inline-training-head{display:grid!important;grid-template-columns:minmax(0,1fr) 190px!important;gap:18px!important;align-items:end!important}
.inline-shot-row{display:grid!important;grid-template-columns:38px repeat(4,minmax(110px,1fr)) 32px!important;gap:8px!important;width:100%!important}
.inline-shot-row input{width:100%!important;min-width:0!important;box-sizing:border-box!important}

@media(max-width:1350px){.current-bag-row{grid-template-columns:repeat(4,minmax(145px,1fr))!important}}
@media(max-width:950px){.current-bag-row{grid-template-columns:repeat(3,minmax(145px,1fr))!important}.inline-shot-row{grid-template-columns:36px repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){
  .current-bag-row{display:flex!important;overflow-x:auto!important;gap:8px!important}.current-bag-card{flex:0 0 150px!important}
  .club-card.training-open{grid-column:auto!important}
  .inline-training-head{grid-template-columns:1fr!important;gap:9px!important}
  .inline-shot-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)!important;gap:7px!important}
}


/* =========================================================
   V1.35 – Aktuelles Bag sauber in EINER Reihe
   Reihenfolge: Driver · Holz · Hybrid · Eisen · Wedges · Putter
   ========================================================= */

.current-bag-section{
  overflow:hidden!important;
}

.current-bag-row{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 6px!important;
  scrollbar-width:thin;
  -webkit-overflow-scrolling:touch;
}

/* Kompakte Querformat-Kärtchen, damit möglichst alles in eine Zeile passt */
.current-bag-card{
  flex:1 1 0!important;
  min-width:132px!important;
  max-width:190px!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  gap:2px 7px!important;
  padding:8px!important;
  border-radius:12px!important;
}

.current-bag-image{
  width:40px!important;
  height:44px!important;
}
.current-bag-image .club-photo{
  width:38px!important;
  height:40px!important;
  max-width:38px!important;
  max-height:40px!important;
}

.current-bag-code{
  font-size:18px!important;
}
.current-bag-brand{
  font-size:7.5px!important;
}

.current-bag-metrics{
  gap:4px!important;
  margin-top:2px!important;
}
.current-bag-metrics div{
  padding-top:4px!important;
}
.current-bag-metrics span{
  font-size:7px!important;
}
.current-bag-metrics strong{
  font-size:11px!important;
}

/* Auf großen Bildschirmen sollen alle aktiven Schläger möglichst ohne Scrollen in eine Reihe passen */
@media(min-width:1200px){
  .current-bag-card{
    min-width:0!important;
    max-width:none!important;
  }
}

/* Tablet/Smartphone: weiterhin exakt eine Reihe, bei Bedarf horizontal wischbar */
@media(max-width:1199px){
  .current-bag-card{
    flex:0 0 145px!important;
  }
}
@media(max-width:620px){
  .current-bag-row{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
  }
  .current-bag-card{
    flex:0 0 138px!important;
  }
}


/* V1.36 – Aktuelles Bag zusätzlich auf der Startseite */
.dashboard-current-bag-section{
  margin-top:14px!important;
  margin-bottom:14px!important;
}
.dashboard-current-bag-section + .home-grid{
  margin-top:0!important;
}


/* =========================================================
   V1.37 – Smartphone Golfbag komplett neu angeordnet
   Keine Überlagerung mehr zwischen Bild/Werten/Buttons.
   ========================================================= */
@media (max-width: 620px){

  .club-category-section{
    padding:0 10px 12px!important;
    overflow:hidden!important;
  }

  .club-category-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    max-width:100%!important;
  }

  .club-card{
    display:grid!important;
    grid-template-columns:78px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:auto!important;
    min-height:168px!important;
    padding:12px!important;
    column-gap:10px!important;
    row-gap:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  /* Bild links */
  .club-visual{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    width:74px!important;
    min-width:74px!important;
    max-width:74px!important;
    height:84px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
  }

  .club-photo{
    width:68px!important;
    height:72px!important;
    max-width:68px!important;
    max-height:72px!important;
    object-fit:contain!important;
    object-position:center!important;
  }

  .club-card:has(img[src*="driver.png"]) .club-photo{
    width:58px!important;height:64px!important;max-width:58px!important;max-height:64px!important;
  }
  .club-card:has(img[src*="wood.png"]) .club-photo{
    width:56px!important;height:62px!important;max-width:56px!important;max-height:62px!important;
  }
  .club-card:has(img[src*="hybrid.png"]) .club-photo{
    width:54px!important;height:60px!important;max-width:54px!important;max-height:60px!important;
  }
  .club-card:has(img[src*="putter.png"]) .club-photo{
    width:64px!important;height:44px!important;max-width:64px!important;max-height:44px!important;
  }

  /* Name oben rechts */
  .club-info{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    min-width:0!important;
    padding:0!important;
  }

  .club-brand{
    font-size:12px!important;
    line-height:1.1!important;
  }

  .club-code{
    font-size:27px!important;
    line-height:1!important;
  }

  /* Werte direkt unter dem Namen */
  .distance-row{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:start!important;
    display:grid!important;
    grid-template-columns:auto auto!important;
    gap:0!important;
    width:auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .distance-box{
    width:auto!important;
    min-width:78px!important;
    max-width:none!important;
    padding:0 9px!important;
    box-sizing:border-box!important;
  }

  .distance-box:first-child{
    padding-left:0!important;
  }

  .distance-box span,
  .distance-box small{
    display:block!important;
    font-size:9px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
  }

  .distance-box strong{
    display:block!important;
    font-size:14px!important;
    line-height:1.2!important;
    white-space:nowrap!important;
  }

  /* Aktionen immer UNTER dem Inhalt */
  .club-card-actions{
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    height:auto!important;
    margin:0!important;
    position:static!important;
    overflow:visible!important;
  }

  .club-action{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:38px!important;
    height:38px!important;
    padding:0 7px!important;
    font-size:10px!important;
    line-height:1!important;
    white-space:nowrap!important;
    text-align:center!important;
  }

  /* Training oben volle Breite; Bearbeiten + Entfernen darunter */
  .club-action.train{
    grid-column:1 / -1!important;
  }
  .club-action.edit{
    grid-column:1!important;
  }
  .club-action.remove{
    grid-column:2!important;
  }

  /* Badge sauber oben rechts, ohne Inhalt zu verdecken */
  .current-use-badge{
    top:8px!important;
    right:10px!important;
    font-size:8px!important;
    padding:4px 7px!important;
  }

  /* Geöffnetes Training bleibt unter der kompletten Karte */
  .club-card.training-open{
    grid-template-columns:78px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    min-height:0!important;
    height:auto!important;
    overflow:visible!important;
  }

  .club-card.training-open .club-inline-training{
    grid-column:1 / -1!important;
    grid-row:4!important;
    width:100%!important;
    max-width:100%!important;
    margin-top:2px!important;
    padding:11px!important;
    box-sizing:border-box!important;
  }

  .inline-training-head{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }

  .inline-shot-row{
    grid-template-columns:28px minmax(0,1fr) minmax(0,1fr)!important;
    gap:7px!important;
    width:100%!important;
  }

  .inline-shot-row label:nth-of-type(1){grid-column:2!important}
  .inline-shot-row label:nth-of-type(2){grid-column:3!important}
  .inline-shot-row label:nth-of-type(3){grid-column:2!important}
  .inline-shot-row label:nth-of-type(4){grid-column:3!important}

  .inline-training-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  .inline-training-actions button{
    width:100%!important;
  }
}

/* sehr kleine Geräte */
@media (max-width: 390px){
  .club-card{
    grid-template-columns:68px minmax(0,1fr)!important;
    padding:10px!important;
    column-gap:8px!important;
  }
  .club-visual{
    width:64px!important;
    min-width:64px!important;
    max-width:64px!important;
  }
  .distance-box{
    min-width:70px!important;
    padding-right:6px!important;
  }
  .club-action{
    font-size:9px!important;
  }
}


/* V1.38 – GolfMetrics Logo / Browser-Favicon / Web-App-Icon */
.login-brand-logo{
  display:block;
  width:118px;
  height:118px;
  object-fit:contain;
  border-radius:50%;
  margin:0 auto 12px;
  filter:drop-shadow(0 10px 20px rgba(0,0,0,.22));
}
.sidebar-brand-logo{
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  border-radius:50%;
  margin:0 auto 10px;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.18));
}
@media(max-width:620px){
  .login-brand-logo{
    width:92px;
    height:92px;
    margin-bottom:8px;
  }
}


/* =========================================================
   V1.39 – echtes GolfMetrics Logo + nur Sidebar-Abmelden
   ========================================================= */
.brand-block-new-logo{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.auth-golfmetrics-logo{
  display:block!important;
  width:min(390px,82vw)!important;
  height:auto!important;
  max-height:235px!important;
  object-fit:contain!important;
  border-radius:22px!important;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.18));
}
.auth-powered{
  margin:3px 0 0!important;
  color:rgba(255,255,255,.9)!important;
  font-size:16px!important;
  font-weight:700!important;
  letter-spacing:.02em!important;
}
.side-brand-new-logo{
  padding:8px 8px 12px!important;
}
.side-golfmetrics-logo{
  display:block!important;
  width:100%!important;
  max-width:180px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  border-radius:16px!important;
}
@media(max-width:620px){
  .auth-golfmetrics-logo{
    width:min(300px,78vw)!important;
    max-height:180px!important;
  }
  .auth-powered{
    font-size:13px!important;
  }
}


/* =========================================================
   V1.40 – Golfplatz bis ganz nach oben
   + Benutzer links über Start
   + Admin links über Abmelden
   ========================================================= */

/* rechte Inhaltsfläche: Hintergrund beginnt am oberen Rand */
.app-shell,
.main-shell,
.main-content,
main{
  background-position:center top!important;
}

/* obere Leiste transparent, damit das Golfplatzbild bis oben sichtbar ist */
.topbar,
.app-topbar,
header.topbar,
.main-header{
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* bisherige Benutzer/Admin-Anzeige oben rechts ausblenden */
.topbar-user,
.user-chip,
.header-user,
.header-profile,
#top-user,
#top-profile,
.topbar .user-info,
.topbar .admin-badge{
  display:none!important;
}

/* Benutzername / Admin sauber in der linken Leiste */
.sidebar-identity-card{
  width:calc(100% - 16px)!important;
  margin:8px!important;
  box-sizing:border-box!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#102b23!important;
  font-weight:800!important;
  text-align:center!important;
  padding:11px 12px!important;
  box-shadow:0 5px 16px rgba(16,43,35,.10)!important;
  border:1px solid rgba(13,91,67,.08)!important;
}

.sidebar-user-card{
  margin-top:10px!important;
  margin-bottom:8px!important;
}

.sidebar-admin-card{
  margin-top:auto!important;
  margin-bottom:6px!important;
  color:#0b5d43!important;
}

/* falls die Sidebar als Flex-Spalte läuft, Admin/Logout bleiben unten */
.sidebar,
.side-panel,
aside{
  min-height:100vh;
}


/* =========================================================
   V1.41 – Admin / Name / Hintergrund final angepasst
   ========================================================= */

/* Claude/Benutzername: weiße Kachel mit klarer grüner Umrandung */
#sidebar-user-card{
  background:#fff!important;
  border:2px solid #0b684b!important;
  color:#102b23!important;
  border-radius:14px!important;
  box-shadow:0 4px 12px rgba(11,104,75,.10)!important;
  padding:10px 12px!important;
}

/* Echter Admin als normale Navigation, nicht als Sonder-Kachel */
#sidebar-admin-nav{
  width:calc(100% - 16px)!important;
  margin:6px 8px!important;
  box-sizing:border-box!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  padding:0 18px!important;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  color:#17352c!important;
  font:inherit!important;
  font-weight:800!important;
  text-align:left!important;
  cursor:pointer!important;
}
#sidebar-admin-nav:hover{
  background:rgba(11,104,75,.08)!important;
}
#sidebar-admin-nav .nav-icon{
  width:20px!important;
  text-align:center!important;
  font-size:17px!important;
}
#sidebar-admin-nav.hidden{
  display:none!important;
}

/* Die alte Benutzer/Admin-Anzeige oben rechts sicher komplett entfernen */
.topbar-user,
.user-chip,
.header-user,
.header-profile,
#top-user,
#top-profile,
.topbar .user-info,
.topbar .admin-badge,
.topbar-right .admin,
.topbar-right .user,
header .admin-badge{
  display:none!important;
}

/* Golfplatzbild wirklich bis an den oberen Rand der Inhaltsfläche */
html, body{
  margin:0!important;
  min-height:100%!important;
}
.app-shell,
.main-shell{
  min-height:100vh!important;
}
.main-content,
main{
  position:relative!important;
  background-image:url("course-photo.jpg")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
.topbar,
.app-topbar,
.main-header,
header.topbar{
  position:relative!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
}

/* Falls ein separates Hintergrund-Pseudoelement verwendet wird */
.main-content::before,
main::before{
  background-position:center top!important;
}


/* =========================================================
   V1.42 – Hintergrund final sauber
   EIN durchgehendes Golfplatzbild hinter der gesamten App.
   Keine zweite Bildfläche mehr im Main-Bereich.
   ========================================================= */

html{
  min-height:100%;
  background:#173d2d;
}

body{
  min-height:100vh!important;
  margin:0!important;
  background-image:
    linear-gradient(90deg,rgba(7,45,32,.12),rgba(7,45,32,.01) 45%,rgba(11,50,34,.05)),
    url('course-photo.jpg')!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}

#main-app{
  min-height:100vh!important;
  background:transparent!important;
}

/* Main darf KEIN eigenes Golfbild mehr zeichnen */
main,
.main-content,
.main-shell,
.app-shell{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}

/* eventuell ältere Pseudo-Hintergründe vollständig entfernen */
main::before,
main::after,
.main-content::before,
.main-content::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* Kopfbereich zeigt dasselbe durchgehende Hintergrundbild */
.topbar,
.app-topbar,
.main-header,
header.topbar{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Desktop: Bild läuft ohne Absatz bis ganz oben hinter dem Inhalt */
@media(min-width:901px){
  body{
    background-position:center top!important;
  }
  main{
    padding-top:18px!important;
  }
}

/* Mobil kein fixed-background wegen Safari/iOS */
@media(max-width:900px){
  body{
    background-attachment:scroll!important;
    background-size:cover!important;
    background-position:center top!important;
  }
}


/* =========================================================
   V1.44 – FINAL: ausschließlich reines Golfplatzfoto
   Keine zweite UI, keine weißen Flecken, keine Overlay-Kopie.
   ========================================================= */
html, body {
  margin: 0 !important;
  min-height: 100% !important;
  background-color: #173d2d !important;
}

body {
  min-height: 100vh !important;
  background-image: url("course-photo.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

#main-app,
.app-shell,
.main-shell,
.main-content,
main,
.topbar,
.app-topbar,
.main-header {
  background-image: none !important;
}

/* Keine alten Hintergrund-Layer oder Pseudo-Elemente */
#main-app::before, #main-app::after,
.app-shell::before, .app-shell::after,
.main-shell::before, .main-shell::after,
.main-content::before, .main-content::after,
main::before, main::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* Hauptinhalt transparent, damit exakt EIN Foto sichtbar bleibt */
#main-app,
.app-shell,
.main-shell,
.main-content,
main {
  background-color: transparent !important;
}

@media (max-width: 900px) {
  body {
    background-attachment: scroll !important;
    background-position: center top !important;
    background-size: cover !important;
  }
}


/* V1.45 – automatische Online-Schlägerbilder */
.club-image-search{
  padding:12px;
  border:1px solid #d4e2da;
  border-radius:13px;
  background:#f5f9f6;
}
.club-image-search-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.club-image-search-head strong{display:block}
.club-image-search-head small{
  display:block;
  margin-top:3px;
  color:#6d7e77;
  line-height:1.3;
}
.club-image-current{
  display:grid;
  grid-template-columns:72px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  margin-top:10px;
  padding:8px;
  border-radius:10px;
  background:#fff;
  border:1px solid #d9e5de;
}
.club-image-current img{
  width:68px;
  height:58px;
  object-fit:contain;
}
.club-image-current strong,.club-image-current small{display:block}
.club-image-current small{margin-top:2px;color:#6c7c76}
.club-image-results{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:9px;
}
.club-image-result{
  position:relative;
  min-width:0;
  padding:7px;
  border:2px solid transparent;
  border-radius:11px;
  background:#fff;
  color:#15352c;
  cursor:pointer;
  text-align:left;
}
.club-image-result img{
  display:block;
  width:100%;
  height:82px;
  object-fit:contain;
  margin-bottom:5px;
}
.club-image-result span,.club-image-result strong,.club-image-result small{display:block}
.club-image-result strong{font-size:9px;color:#0d6548;margin-bottom:2px}
.club-image-result small{
  font-size:8px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.club-image-result.selected{
  border-color:#0d6548;
  box-shadow:0 0 0 2px rgba(13,101,72,.10);
}
.club-image-result.recommended::after{
  content:"★";
  position:absolute;
  top:6px;
  right:7px;
  color:#0d6548;
  font-size:13px;
}
@media(max-width:620px){
  .club-image-search-head{align-items:stretch;flex-direction:column}
  .club-image-search-head button{width:100%}
  .club-image-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .club-image-current{grid-template-columns:58px minmax(0,1fr)}
  .club-image-current img{width:54px;height:50px}
  .club-image-current button{grid-column:1 / -1;width:100%}
}