/* Neftçi Atıcılıq — shared touch-first design for the installed apps and portal. */
:root{--ink:#101416;--ink-2:#161d20;--panel:#1b2428;--panel-2:#223037;--text:#f6f5ef;--muted:#a9b7be;--muted-2:#8e9da5;--lime:#ead19a;--lime-soft:rgba(234,209,154,.1);--cyan:#88d5c7;--line:rgba(201,219,223,.14);--line-strong:rgba(201,219,223,.26);--radius:20px;--shadow:0 16px 40px #0002}
body,.app-shell{background:#101416}.auth-screen,.login-panel{background:radial-gradient(ellipse at 10% 0,#293e43,transparent 60%),#101416}.auth-backdrop{opacity:.25}.auth-story{background:transparent}.auth-story h1{font-weight:650;line-height:1.06;letter-spacing:-.045em}
button,.button,select,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.45}.button{min-height:48px;border-radius:14px;font-size:14px;font-weight:700}.primary-button,.capture-button{color:#162126;background:var(--lime);border-color:transparent}.primary-button:hover{background:#f3dfb5}.soft-button,.tool-toggle{background:#243037;color:var(--text);border-color:var(--line-strong)}
.side-bar{background:#12191c;border-right:1px solid var(--line)}.side-brand,.brand-lockup,.mobile-brand{text-transform:none;letter-spacing:.035em}.side-brand b,.side-brand small{font-size:14px}.side-foot{color:var(--muted)}.brand-target{border-color:var(--text)}.brand-target:before,.brand-target:after{opacity:.5}.brand-target i{border-color:var(--lime)}
.card,.metric-card,.tool-card,.paper-setup,.paper-editor,.training-card,.competition-card,.athlete-review{background:#192226;border-color:var(--line);box-shadow:none}.card-head h2{font-size:19px;font-weight:650}.eyebrow,.login-kicker{font-size:11px;letter-spacing:.14em}.metric-card strong{font-variant-numeric:tabular-nums;font-weight:650}.input-shell,input,select,textarea{border-radius:12px}.input-shell{background:#111c20;border-color:#3a4a52}.input-shell input{border:0;background:none}.form-stack label{font-size:14px}.input-shell input{font-size:16px}.page h2{letter-spacing:-.025em}.empty-copy{color:var(--muted);line-height:1.6}
.app-statebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;color:var(--muted);font-size:12px}.connection-pill{border:1px solid var(--line-strong);background:#1b292b;color:var(--cyan);padding:9px 12px;border-radius:100px;font-size:12px;min-height:40px;display:flex;align-items:center;gap:8px}.connection-pill:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.connection-pill[data-mode=pending]{color:var(--lime)}
.offline-center{margin-bottom:22px;padding:24px;border:1px solid #48635e;background:linear-gradient(120deg,#203635,#182226);border-radius:22px}.offline-center header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.offline-symbol{width:46px;height:46px;display:grid;place-items:center;background:#88d5c718;border-radius:14px;color:var(--cyan);font-size:23px}.offline-center h3{margin:0 0 3px;font-size:19px}.offline-center small,.offline-center p{color:var(--muted);font-size:13px;line-height:1.6}.offline-center progress{width:100%;accent-color:var(--cyan);height:5px;margin-bottom:14px}.pending-row{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--line)}.pending-row strong{font-size:14px}.offline-note{margin-bottom:0;font-size:12px!important}.offline-center .button{width:100%}
.flow-heading h2{font-size:clamp(26px,4vw,40px);line-height:1.15;max-width:620px}.flow-heading p{font-size:14px;line-height:1.65;max-width:620px}.paper-tips{display:none}.scan-stepper{padding:18px 0;margin:0;gap:10px}.scan-stepper span{font-size:12px;color:var(--muted)}.scan-stepper span.active{color:var(--lime)}.scan-stepper span b{width:30px;height:30px;font-size:13px}.scan-config-panel{gap:16px}.paper-setup label{font-size:13px}.paper-setup select,.paper-setup input{font-size:15px;min-height:48px;background:#101c20;color:var(--text)}.capture-button{border-radius:18px;border:0;min-height:138px}.capture-button span{color:#162126}.capture-button span b{font-size:27px}.capture-button span small,.capture-button span i{color:#253633}.photo-tip{font-size:12px;line-height:1.6}.scan-quality{padding:14px;border-radius:14px;background:#243337}.scan-quality small{line-height:1.6;font-size:12px;color:var(--muted)}
.paper-editor{overflow:hidden}.paper-canvas-wrap{background:#0b1114;touch-action:pan-x pan-y}.paper-canvas-wrap canvas{touch-action:none}.editor-toolbar{gap:14px;background:#1b292e;padding:16px}.editor-toolbar strong{font-size:23px;color:var(--text)}#editorGuidance{font-size:12px;line-height:1.6;margin-top:6px}.editor-tools{gap:7px}.tool-toggle{font-size:12px;min-height:44px;padding:9px 13px;white-space:nowrap}.tool-toggle.active{background:var(--lime);color:#10191b;border-color:var(--lime)}.paper-zoom-toolbar{padding:12px;background:#172125;gap:10px}.paper-zoom-toolbar button{min-height:42px;min-width:42px;font-size:17px}.paper-zoom-toolbar .zoom-center-button{font-size:12px}.paper-zoom-toolbar input{accent-color:var(--lime);min-height:42px}.calibration-disclosure{padding:16px;border-top:1px solid var(--line)}.calibration-disclosure summary{min-height:32px;font-size:13px;font-weight:650;cursor:pointer;color:var(--cyan)}.calibration-disclosure .calibration-controls{padding:12px 0 0}.shot-review{padding:12px;gap:9px}.shot-chip{background:#243037;border:1px solid var(--line);min-height:58px;border-radius:12px}.shot-chip.selected{border:2px solid var(--lime);background:#343b32}.shot-chip span{font-size:11px}.shot-chip small{color:var(--muted);font-size:10px}.shot-chip strong{font-size:20px}.editor-footer{background:#1b292e;border-top:1px solid var(--line);padding:16px}.editor-footer strong{font-variant-numeric:tabular-nums;color:var(--lime)}.editor-footer small{color:var(--muted)}.paper-confirmed-banner{background:#183d34;border-color:#5b9a85}.paper-session-summary{background:#2a382f;border:1px solid #667557}.paper-session-summary button{min-height:44px}
.draft-banner{padding:16px;margin-bottom:18px;border:1px solid #847654;border-radius:16px;background:#332f24}.draft-banner p{margin:0 0 12px;font-size:13px;color:var(--text)}.draft-banner .button-row{display:flex;gap:8px}.draft-banner button{flex:1}.scan-draft-status{font-size:11px;color:var(--muted);padding:8px 0;min-height:28px}.scan-photo-advice{font-size:12px;line-height:1.55;color:var(--lime);margin:12px 0}.nav-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:820px){
 .login-panel{padding:calc(25px + env(safe-area-inset-top)) 24px calc(32px + env(safe-area-inset-bottom));justify-content:flex-start;min-height:100dvh}.login-panel .mobile-brand{margin-bottom:0;font-size:15px;gap:16px}.login-panel .mobile-brand+.login-kicker{margin-top:clamp(42px,10vh,90px)}.login-panel h2{margin-top:16px;font-size:36px;line-height:1.15;font-weight:650}.login-panel>p{margin-bottom:28px;font-size:14px}.login-panel::after{display:none}.login-foot{font-size:12px;line-height:1.5}.login-panel .primary-button{min-height:54px}
 .mobile-topbar{background:#141c20ed;border-color:var(--line);height:calc(68px + env(safe-area-inset-top));padding:calc(10px + env(safe-area-inset-top)) 18px 10px}.mobile-app-brand{font-size:12px;letter-spacing:.025em}.app-main{padding:calc(86px + env(safe-area-inset-top)) 16px calc(94px + env(safe-area-inset-bottom))}.bottom-nav{background:#151e22f7;border-top:1px solid var(--line);height:calc(72px + env(safe-area-inset-bottom));padding:7px 9px calc(7px + env(safe-area-inset-bottom));gap:4px}.bottom-nav .nav-item{font-size:10px;font-weight:550;min-height:55px;gap:3px;border-radius:14px}.bottom-nav .nav-item.active{background:#ead19a15;color:var(--lime)}.bottom-nav .nav-item span:last-child{font-weight:600}.avatar-button{background:var(--lime);color:#172125}.mobile-account-menu{top:calc(65px + env(safe-area-inset-top))}
 .app-statebar{gap:8px;font-size:10px;margin-bottom:18px}.app-statebar>span{text-align:right;max-width:115px;line-height:1.5}.connection-pill{max-width:65%;font-size:11px;text-align:left}.mobile-focus .app-statebar{display:none}.card{padding:20px;border-radius:19px}.metric-grid{gap:10px}.metric-card{padding:16px}.metric-card strong{font-size:27px}.metric-card>span{font-size:11px}.offline-center{padding:20px}.tool-grid{gap:12px}.tool-card{min-height:122px;border-radius:18px}
 .paper-flow-heading{margin:2px 0 16px}.paper-flow-heading h2{font-size:27px}.paper-flow-heading>p{font-size:13px;margin-bottom:8px}.scan-stepper{padding:10px 0}.paper-layout{display:block}.paper-setup{padding:18px}.paper-editor{border-radius:20px;overflow:visible}.paper-canvas-wrap{min-height:240px;max-height:58dvh;overflow:auto;overscroll-behavior:contain;border-radius:0}.paper-canvas-wrap canvas{max-height:none}.editor-toolbar{position:static;border-radius:20px 20px 0 0;padding:15px}.editor-tools{overflow:auto;flex-wrap:nowrap;padding-bottom:3px;max-width:100%}.paper-zoom-toolbar{position:static}.editor-footer{gap:12px}#paperPage.has-scan-image .editor-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#172226f5}#paperPage.has-scan-image .paper-editor{padding-bottom:112px}.editor-footer .button{font-size:13px;min-height:50px}.editor-footer strong{font-size:29px}.shot-review{grid-template-columns:1fr 1fr}.shot-chip{padding:10px}.shot-chip span{font-size:10px}.shot-chip strong{font-size:18px}.paper-setup .scan-config-panel{margin-bottom:14px}#paperPage.has-scan-image .paper-flow-heading>p{display:none}
 .paper-setup.collapsed .scan-config-panel,.paper-setup.collapsed>.scan-setup-head,.paper-setup.collapsed .capture-button,.paper-setup.collapsed .photo-tip{display:none}.paper-setup.collapsed{padding:14px;margin-bottom:14px}.paper-setup.collapsed .scan-capture-panel>.scan-setup-head{display:none}.paper-setup.collapsed #detectShots{margin-top:8px}.paper-config-toggle{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background:#243138;color:var(--text);border:1px solid var(--line);border-radius:12px;min-height:45px;padding:10px 12px;font-size:13px}.paper-setup:not(.collapsed) .paper-config-toggle{color:var(--cyan)}
 .detail-dialog{border-radius:24px 24px 0 0;background:#192226}.shot-edit-dialog{background:#192226}.detail-dialog button{min-height:44px}.scatt-review{background:#172226}.range-tabs button{min-height:42px;font-size:12px}.flow-heading .back-button{min-height:44px}
}
@media(min-width:821px){.paper-config-toggle{display:none}.paper-layout{grid-template-columns:330px minmax(0,1fr)}.app-main{max-width:1640px}.calibration-disclosure{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:820px){#paperPage.has-scan-image .paper-setup{display:block}#paperPage.has-scan-image .paper-flow-heading{display:block;background:none;padding:0;border:0}#paperPage.has-scan-image .paper-flow-heading h2,#paperPage.has-scan-image .paper-flow-heading>.eyebrow{display:none}.editor-footer .button.next-target{background:var(--lime);border-color:var(--lime);box-shadow:none}#paperPage .editor-footer .review-completion{display:none}.paper-confirmed-banner{font-size:13px}}
@media(max-width:820px){.paper-editor{scroll-margin-top:calc(78px + env(safe-area-inset-top))}.editor-toolbar{position:sticky;top:calc(68px + env(safe-area-inset-top));z-index:35}.editor-footer .review-completion{display:none}.editor-footer>.button{flex:1;max-width:240px}.editor-footer>div:first-child{min-width:75px}.editor-footer>div>span{font-size:11px}.toast{bottom:calc(100px + env(safe-area-inset-bottom));right:16px;left:16px;max-width:none;font-size:13px;text-align:center}.paper-canvas-wrap{max-height:calc(100dvh - 340px);min-height:220px}}

.quick-capture-summary{display:block;color:var(--muted);font-size:12px;line-height:1.5;margin-top:10px}.paper-flow-heading #quickCapture{margin-top:15px}#paperPage.has-scan-image #quickCapture,#paperPage.has-scan-image #quickCaptureSummary{display:none}#paperPage.page{animation:none;transform:none}
@media(max-width:820px){.paper-zoom-toolbar{display:grid;grid-template-columns:35px 40px minmax(40px,1fr) 40px 65px;gap:6px}.paper-zoom-toolbar>span{min-width:0}.paper-zoom-toolbar .zoom-center-button{min-width:0;padding:4px;font-size:10px;overflow:hidden}.paper-zoom-toolbar input{min-width:0;width:100%}.paper-setup{position:static}.paper-flow-heading{padding:18px}.paper-flow-heading h2{font-size:25px}}