/* racunica.css · Cliplea · Računica (v0.4.76). Dugmad, prozori i statistika nose klase iz enigma.css i rec.css (rec-dugme, e-kraj, rec-stat).
   Zadatak na belom „papiru“ (kao kviz i osmosmerka): zadati broj krupno, polje za izraz, šest pločica (dve veće roze), znaci računskih operacija. */
.racunica-alati { align-items: center; }
.racunica-brojac { margin-left: auto; font-family: var(--naslovni); font-weight: 800; font-size: 16px; color: var(--naslov); white-space: nowrap; }
.racunica-tabla { width: min(100% - 32px, 560px); margin: 0 auto 12px; }
.racunica-papir { padding: 18px 16px 16px; border-radius: 12px; background: #fff; color: #1c1e26; box-shadow: 0 2px 8px rgba(21, 26, 45, .14), 0 0 0 1px rgba(21, 26, 45, .06); }
.racunica-cilj { text-align: center; margin: 0 0 12px; }
.racunica-oznaka { display: block; margin: 0 0 6px; font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--akcenat); }
.racunica-cilj b { display: block; font-family: var(--naslovni); font-weight: 800; font-size: 64px; line-height: 1; color: #10306e; letter-spacing: .02em; }
.racunica-unos-okvir { display: flex; gap: 8px; margin: 12px 0 4px; }
.racunica-unos { flex: 1; min-width: 0; height: 52px; padding: 0 12px; border: 1.5px solid #cdd3e4; border-radius: 10px; background: #f7f8fc; color: #10306e; font-family: var(--naslovni); font-weight: 800; font-size: 24px; letter-spacing: .02em; }
.racunica-unos:focus { outline: none; border-color: #10306e; box-shadow: 0 0 0 3px rgba(16, 48, 110, .14); }
.racunica-unos:disabled { background: #eeeff3; color: #7a7e8c; }
.racunica-brisi { flex: none; width: 56px; height: 52px; border: 1.5px solid #cdd3e4; border-radius: 10px; background: #fff; color: #10306e; font-size: 22px; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.racunica-vrednost { min-height: 22px; margin: 0 0 10px; text-align: right; font-family: var(--naslovni); font-weight: 800; font-size: 20px; color: #10306e; }
.racunica-vrednost.greska { font-family: inherit; font-weight: 600; font-size: 14px; color: var(--akcenat); }
.racunica-brojevi { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.racunica-broj { display: flex; align-items: center; justify-content: center; height: 56px; padding: 0; border: 1.5px solid #e6e7ec; border-radius: 12px; background: #e8edf8; color: #10306e; font-family: var(--naslovni); font-weight: 800; font-size: 24px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background .12s, opacity .12s; }
.racunica-broj.veliki { background: #fcdce7; }
.racunica-broj:disabled { opacity: .3; cursor: default; }
.racunica-operacije { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.racunica-op { height: 48px; padding: 0; border: 1px solid #cdd3e4; border-radius: 10px; background: #fff; box-shadow: 0 1px 1.5px rgba(21, 26, 45, .22); color: #151a2d; font-size: 22px; font-weight: 700; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.racunica-op:disabled, .racunica-brisi:disabled { opacity: .4; cursor: default; }
.racunica-op:active:not(:disabled), .racunica-brisi:active:not(:disabled), .racunica-broj:active:not(:disabled) { background: #dbe7fa; }
.racunica-dugmad { display: flex; gap: 8px; align-items: center; margin-top: 12px; }
.racunica-dugmad .dugme { flex: 1; }
.racunica-pokusaji { list-style: none; margin: 14px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.racunica-pokusaji li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; border-radius: 8px; background: #f5f5f3; font-size: 15px; color: #1c1e26; }
.racunica-pokusaji .izraz { flex: 1; font-weight: 700; color: #10306e; overflow-wrap: anywhere; }
.racunica-pokusaji .vred { flex: none; color: #4a4e5e; }
.racunica-pokusaji .bod { flex: none; padding: 2px 8px; border-radius: 999px; background: #e8edf8; color: #10306e; font-weight: 800; font-size: 13px; }
.racunica-pokusaji li.tacno { background: #e7f4ea; }
.racunica-pokusaji li.tacno .bod { background: #3a9d5d; color: #fff; }
.racunica-pokusaji li.blizu .bod { background: #fcdce7; color: #7a1b3d; }
.racunica-resenje { margin: 12px 0 0; padding: 10px 12px; border-radius: 8px; background: #e7f4ea; font-size: 15px; line-height: 1.4; color: #1c1e26; }
.racunica-resenje b { color: #10306e; }
.racunica-kockice { font-size: 24px !important; letter-spacing: 2px; margin: 0 0 8px !important; }
.racunica-kraj .rec-stat { flex-wrap: wrap; gap: 12px 16px; }
.racunica-kraj .rec-stat b { font-size: 22px; }
.racunica-kraj .racunica-kraj-resenje { font-size: 15px; color: var(--sivo); }
.racunica-tresi { animation: racunica-tresi .3s; }
@keyframes racunica-tresi { 25% { transform: translateX(-5px); } 75% { transform: translateX(5px); } }
@media (prefers-reduced-motion: reduce) { .racunica-tresi { animation: none; } }
@media (min-width: 900px) { .racunica-cilj b { font-size: 76px; } .racunica-broj { height: 62px; font-size: 26px; } .racunica-unos { font-size: 26px; } }