/* ==========================================================================
   PWA Tools — Eagles Golf
   File: /assets/css/pwa-tools.css
   ========================================================================== */
.pwa-hcp-form { display: flex; flex-direction: column; gap: 16px; }
.pwa-hcp-field { display: flex; flex-direction: column; gap: 6px; }
.pwa-hcp-field label {
    font-size: 10px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.15em; color: rgba(255,255,255,0.35);
}
.pwa-hcp-field select,
.pwa-hcp-field input {
    width: 100%; padding: 12px 14px; border-radius: 10px;
    border: 1px solid rgba(255,255,255,0.1); background: rgba(255,255,255,0.06);
    color: #fff; font-family: 'Inter', sans-serif; font-size: 16px; outline: none;
}
.pwa-hcp-field--ega input {
    padding: 28px 16px; font-family: 'Montserrat', sans-serif;
    font-size: 36px; font-weight: 900; text-align: center; letter-spacing: -0.02em;
    border-radius: 14px; background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.1);
}
.pwa-hcp-field--ega input::placeholder { font-weight: 600; color: rgba(255,255,255,0.25); }
.pwa-hcp-field select:focus,
.pwa-hcp-field input:focus { border-color: #C10206; }
.pwa-hcp-field select { appearance: none; }
.pwa-hcp-tees {
    display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;
}
.pwa-hcp-tee-btn {
    padding: 8px 6px; border-radius: 8px;
    border: 2px solid rgba(255,255,255,0.1); background: none;
    color: rgba(255,255,255,0.4); font-size: 10px; font-weight: 800;
    text-transform: uppercase; cursor: pointer; transition: all 0.15s;
}
.pwa-hcp-tee-btn[data-code="yellow"] { border-color: rgba(212,160,23,0.4); color: rgba(212,160,23,0.6); }
.pwa-hcp-tee-btn[data-code="green"] { border-color: rgba(46,125,50,0.4); color: rgba(46,125,50,0.6); }
.pwa-hcp-tee-btn[data-code="red"] { border-color: rgba(211,47,47,0.4); color: rgba(211,47,47,0.6); }
.pwa-hcp-tee-btn[data-code="orange"] { border-color: rgba(230,126,34,0.4); color: rgba(230,126,34,0.6); }
.pwa-hcp-tee-btn.active[data-code="yellow"] { border-color: #d4a017; color: #11161c; background: #d4a017; }
.pwa-hcp-tee-btn.active[data-code="green"] { border-color: #2e7d32; color: #fff; background: #2e7d32; }
.pwa-hcp-tee-btn.active[data-code="red"] { border-color: #d32f2f; color: #fff; background: #d32f2f; }
.pwa-hcp-tee-btn.active[data-code="orange"] { border-color: #e67e22; color: #11161c; background: #e67e22; }
.pwa-hcp-tee-group-label {
    font-size: 9px; font-weight: 800; text-transform: uppercase;
    letter-spacing: 0.15em; color: rgba(255,255,255,0.25);
    grid-column: 1 / -1; padding: 4px 0 0;
}
.pwa-hcp-tee-group-label:first-child { padding-top: 0; }
.pwa-hcp-result {
    text-align: center; padding: 14px 16px;
    background: rgba(193,2,6,0.12); border: 1px solid rgba(193,2,6,0.25);
    border-radius: 14px; margin-top: 8px;
}
.pwa-hcp-result-label {
    font-size: 9px; font-weight: 900; text-transform: uppercase;
    letter-spacing: 0.3em; color: rgba(255,255,255,0.5); margin-bottom: 4px;
}
.pwa-hcp-result-value {
    font-family: 'Montserrat', sans-serif; font-size: 36px;
    font-weight: 900; color: #fff; line-height: 1;
}
.pwa-hcp-result-formula {
    font-size: 11px; color: rgba(255,255,255,0.4); margin-top: 8px;
}
.pwa-sd-stepper {
    display: flex; align-items: stretch; gap: 8px;
}
.pwa-sd-stepper input { flex: 1; min-width: 0; }
.pwa-sd-step {
    width: 56px; flex: 0 0 56px; border-radius: 14px;
    background: rgba(193,2,6,0.15); border: 1px solid rgba(193,2,6,0.3);
    color: #fff; font-family: 'Montserrat', sans-serif;
    font-size: 28px; font-weight: 900; line-height: 1; cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.12s;
}
.pwa-sd-step:active { background: rgba(193,2,6,0.35); }