/* OfficeCalculator.Net v124 — Digital Counter / Tally Counter */
.oc-counter-v124-setup{display:grid;gap:14px}.oc-counter-v124-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.oc-counter-v124-field label{display:block;margin-bottom:6px;color:var(--v103-muted);font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.oc-counter-v124-field label span{font-weight:700;text-transform:none;letter-spacing:0}.oc-counter-v124-field input{width:100%!important;min-height:48px!important}.oc-counter-v124-setrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.oc-counter-v124-setrow .oc-v103-btn{min-width:70px}.oc-counter-v124-stepchips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.oc-counter-v124-stepchips button{min-height:44px;border:1px solid var(--v103-line);border-radius:10px;background:var(--v103-soft);color:var(--v103-text);font:inherit;font-weight:900;cursor:pointer}.oc-counter-v124-stepchips button:hover,.oc-counter-v124-stepchips button.is-active{border-color:#9bb7e8;background:#e8f0ff;color:#174fb7}.oc-counter-v124-options{display:grid;gap:8px}.oc-counter-v124-shortcuts{display:grid;gap:7px;padding:12px;border:1px solid var(--v103-line);border-radius:12px;background:var(--v103-soft);color:var(--v103-muted);font-size:.78rem}.oc-counter-v124-shortcuts strong{color:var(--v103-text)}.oc-counter-v124-shortcuts span{display:flex;flex-wrap:wrap;align-items:center;gap:5px}.oc-counter-v124-shortcuts kbd{display:inline-grid;place-items:center;min-width:25px;min-height:24px;padding:2px 6px;border:1px solid var(--v103-line);border-bottom-width:2px;border-radius:6px;background:var(--v103-bg);color:var(--v103-text);font:inherit;font-size:.72rem;font-weight:900;box-shadow:0 1px 0 rgba(0,0,0,.04)}
.oc-counter-v124-display{position:relative;min-height:500px;padding:clamp(18px,3vw,28px);border:1px solid #244f81;border-radius:18px;background:radial-gradient(circle at 50% 5%,#2d6aa8,#0e2e51 72%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px rgba(14,46,81,.18);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:manipulation}.oc-counter-v124-display::after{content:"";position:absolute;left:-15%;right:-15%;bottom:-40%;height:55%;background:radial-gradient(circle,rgba(86,162,255,.24),transparent 68%);pointer-events:none}.oc-counter-v124-topline{position:absolute;z-index:2;left:20px;right:20px;top:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d9ebff;font-size:.76rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.oc-counter-v124-focus{border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.10);color:#fff;padding:7px 9px;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.oc-counter-v124-number{position:relative;z-index:1;max-width:100%;color:#fff;font-size:clamp(4.8rem,10vw,8.8rem);font-weight:950;line-height:.9;letter-spacing:-.055em;font-variant-numeric:tabular-nums;text-align:center;overflow-wrap:anywhere;text-shadow:0 6px 24px rgba(0,0,0,.28)}.oc-counter-v124-label{position:relative;z-index:1;margin-top:14px;color:#cfe6ff;font-size:clamp(1rem,2vw,1.3rem);font-weight:850;text-align:center;overflow-wrap:anywhere}.oc-counter-v124-progress{position:relative;z-index:1;width:min(100%,440px);height:10px;margin-top:22px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden}.oc-counter-v124-progress span{display:block;width:0;height:100%;border-radius:inherit;background:#fff;transition:width .18s ease}.oc-counter-v124-target{position:relative;z-index:1;min-height:20px;margin-top:8px;color:#d7eaff;font-size:.78rem;font-weight:800;text-align:center}.oc-counter-v124-countbuttons{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px;width:min(100%,460px);margin-top:24px}.oc-counter-v124-countbtn{min-height:96px;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.10);color:#fff;cursor:pointer;box-shadow:0 7px 20px rgba(0,0,0,.12);transition:transform .12s ease,background .12s ease,box-shadow .12s ease;user-select:none;-webkit-tap-highlight-color:transparent}.oc-counter-v124-countbtn:hover{background:rgba(255,255,255,.17);transform:translateY(-1px)}.oc-counter-v124-countbtn:active{transform:translateY(1px) scale(.99)}.oc-counter-v124-countbtn.plus{background:#fff;color:#123c75;border-color:#fff}.oc-counter-v124-countbtn.plus:hover{background:#eef5ff}.oc-counter-v124-countbtn span{display:block;font-size:2.5rem;font-weight:950;line-height:1}.oc-counter-v124-countbtn small{display:block;margin-top:7px;font-size:.76rem;font-weight:850;opacity:.9}.oc-counter-v124-actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.oc-counter-v124-actions .oc-v103-btn{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.10);color:#fff}.oc-counter-v124-actions .oc-v103-btn:hover{background:rgba(255,255,255,.18);color:#fff}.oc-counter-v124-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,460px);margin-top:14px}.oc-counter-v124-stats div{padding:9px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);text-align:center}.oc-counter-v124-stats span{display:block;color:#cfe6ff;font-size:.62rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.oc-counter-v124-stats strong{display:block;margin-top:3px;color:#fff;font-size:.95rem;font-variant-numeric:tabular-nums}.oc-counter-v124-message{position:relative;z-index:1;min-height:22px;margin:12px 0 0!important;color:#d7eaff!important;text-align:center;font-size:.78rem!important}.oc-counter-v124-display.is-flash .oc-counter-v124-number{animation:ocCounterPop .16s ease}@keyframes ocCounterPop{50%{transform:scale(1.035)}}.oc-counter-v124-display:fullscreen{width:100vw;height:100vh;max-width:none;border:0;border-radius:0;padding:clamp(22px,5vw,56px)}.oc-counter-v124-display:fullscreen .oc-counter-v124-number{font-size:clamp(6rem,18vw,15rem)}.oc-counter-v124-display:fullscreen .oc-counter-v124-countbuttons{width:min(92vw,720px)}.oc-counter-v124-display:fullscreen .oc-counter-v124-countbtn{min-height:120px}.oc-counter-v124-tablewrap{overflow:auto}.oc-counter-v124-tablewrap table{width:100%;border-collapse:collapse;margin-top:12px}.oc-counter-v124-tablewrap th,.oc-counter-v124-tablewrap td{padding:10px 12px;border:1px solid var(--r47-line,#d8e2ef);text-align:left}.oc-counter-v124-tablewrap th{background:var(--r47-soft,#f4f7fb);font-size:.8rem}.oc-counter-v124-tablewrap td{font-size:.86rem}
body.oc-dark .oc-counter-v124-stepchips button.is-active,body.oc-dark .oc-counter-v124-stepchips button:hover{background:#1c315a;color:#c9dcff;border-color:#35517e}
@media(max-width:900px){.oc-counter-v124-display{min-height:430px}.oc-counter-v124-number{font-size:clamp(4.6rem,16vw,8rem)}}
@media(max-width:560px){.oc-counter-v124-fields{grid-template-columns:1fr}.oc-counter-v124-stepchips{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.oc-counter-v124-stepchips button{min-height:40px;padding:6px 3px}.oc-counter-v124-display{min-height:410px;padding:18px 13px}.oc-counter-v124-topline{left:13px;right:13px;top:12px}.oc-counter-v124-number{font-size:clamp(4.2rem,22vw,7rem)}.oc-counter-v124-countbuttons{gap:8px}.oc-counter-v124-countbtn{min-height:86px}.oc-counter-v124-actions .oc-v103-btn{min-height:38px;padding:7px 9px;font-size:.76rem}.oc-counter-v124-stats{gap:5px}.oc-counter-v124-stats div{padding:8px 4px}.oc-counter-v124-message{padding:0 6px}.oc-counter-v124-tablewrap{margin:0 -3px}}
/* v124.1 button-content alignment safeguard */
.oc-counter-v124-countbtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}

/* v124.2 inline reset confirmation — replaces native browser confirm dialog */
.oc-counter-v124-actions .oc-v103-btn.is-confirm-reset{background:#fff0f0!important;border-color:#ff9f9f!important;color:#9b1c1c!important;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.oc-counter-v124-actions .oc-v103-btn.is-confirm-reset:hover{background:#ffe3e3!important;color:#7f1515!important}
body.oc-dark .oc-counter-v124-actions .oc-v103-btn.is-confirm-reset{background:#4b2025!important;border-color:#d86b75!important;color:#ffd7da!important}