/* Kasa & raporlar detay sayfası — sahne: "Akşam kasa" panosu — .kr-* */
.kr{position:relative;max-width:480px;margin:0 auto;padding-bottom:18px}
.kr-card{background:#fff;color:#0e2a20;border-radius:24px;padding:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.75);display:flex;flex-direction:column;gap:14px}
.kr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kr-ey{display:block;font-size:11px;font-weight:800;letter-spacing:.08em;color:#1f7a57}
.kr-top b{display:block;font-size:17px;font-weight:800;letter-spacing:-.02em;margin-top:2px}
.kr-clock{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums;background:#f2f5f3;border-radius:999px;padding:6px 11px;color:#344b3f}
.kr-clock i{width:7px;height:7px;border-radius:50%;background:#3bb78f;box-shadow:0 0 0 3px rgba(59,183,143,.2)}
.kr-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.kr-stat{background:#f2f5f3;border-radius:14px;padding:10px 11px;min-width:0}
.kr-stat span{display:block;font-size:10.5px;font-weight:700;color:#5b6b62}
.kr-stat b{display:block;font-size:16px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:2px}
.kr-stat.kr-net{background:#0e2a20;color:#fff}
.kr-stat.kr-net span{color:rgba(214,235,224,.7)}
.kr-stat.kr-net b{color:#6ee7b7}
.kr-stat .kr-g{color:#15803d}
.kr-mid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px}
.kr-box{border:1px solid #e4eae6;border-radius:14px;padding:10px 12px;min-width:0}
.kr-h{display:flex;justify-content:space-between;font-size:11px;font-weight:700;margin-bottom:8px}
.kr-h span:last-child{color:#5b6b62;font-weight:600;font-variant-numeric:tabular-nums}
.kr-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;height:84px;align-items:end}
.kr-bars i{display:flex;flex-direction:column;justify-content:flex-end;height:100%;font-style:normal;min-width:0}
.kr-bars i::before{content:"";display:block;height:var(--h);border-radius:4px 4px 0 0;background:#ddf3ea;transform:scaleY(0);transform-origin:bottom;transition:transform .55s cubic-bezier(.3,.9,.3,1);transition-delay:var(--d,0s)}
.kr-bars i.on::before{background:#1f7a57}
.kr-bars i.dim::before{background:#eef2f0;height:8%}
.kr-bars.go i::before{transform:scaleY(1)}
.kr-bars em{font-style:normal;font-size:9px;font-weight:700;color:#8a9a91;text-align:center;margin-top:4px}
.kr-bars i.on em{color:#1f7a57}
.kr-split{height:10px;border-radius:5px;background:#fdefd2;overflow:hidden;margin-top:14px}
.kr-split i{display:block;height:100%;width:0;background:#1f7a57;border-radius:5px;transition:width 1.1s cubic-bezier(.3,.9,.3,1)}
.kr-split.go i{width:64%}
.kr-legend{display:flex;flex-direction:column;gap:5px;margin-top:12px;font-size:11px;font-weight:700;color:#344b3f}
.kr-legend span{display:flex;align-items:center;gap:6px}
.kr-legend i{width:8px;height:8px;border-radius:2px;background:#1f7a57}
.kr-legend span:last-child i{background:#f5a524}
.kr-due{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:13px;background:#fdecec;color:#c0262c;font-size:12.5px;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.kr-due.on{opacity:1;transform:none}
.kr-due svg{flex:none}
.kr-due b{font-weight:800}
.kr-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border:0;border-radius:12px;background:#1f7a57;color:#fff;font-family:inherit;font-weight:700;font-size:13.5px;cursor:default;transition:transform .15s,background .3s}
.kr-btn.press{transform:scale(.97);background:#175f44}
.kr-toast{position:absolute;right:-12px;bottom:-14px;display:flex;gap:10px;align-items:center;background:#0e2a20;color:#fff;border-radius:16px;padding:11px 14px;box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;transform:translateY(12px) scale(.96);transition:opacity .35s,transform .35s;z-index:2;max-width:260px}
.kr-toast.on{opacity:1;transform:none}
.kr-toast i{width:30px;height:30px;border-radius:9px;background:#3bb78f;color:#05130c;display:inline-flex;align-items:center;justify-content:center;flex:none;font-style:normal}
.kr-toast b{display:block;font-size:13px}
.kr-toast small{display:block;font-size:11px;opacity:.65;margin-top:2px}
@media (max-width:960px){.kr-toast{right:6px;bottom:-10px}}
@media (max-width:440px){
 .kr-card{padding:16px}
 .kr-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .kr-mid{grid-template-columns:minmax(0,1fr)}
 .kr-split{margin-top:8px}
 .kr-legend{flex-direction:row;gap:14px;margin-top:8px}
}
@media (prefers-reduced-motion:reduce){
 .kr-bars i::before,.kr-split i,.kr-due,.kr-toast,.kr-btn{transition:none}
}