.history-stats .notice-box{background:#fff;border:1px solid var(--color-border);border-radius:8px}#total-created-count,#total-scans-count{color:var(--color-text-primary)}.history-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem;width:100%}@media (min-width:768px){.history-grid{grid-template-columns:1fr 1fr}}.history-column-card{display:flex;flex-direction:column;background-color:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:60vh;min-height:300px;overflow:hidden}.stat-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.stat-header small{color:var(--color-text-secondary)}.stat-header div{color:var(--color-text-primary)}.history-list-box{flex-grow:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.5rem;background-color:var(--color-bg)}.history-list-box .item-list-placeholder{margin:auto;font-size:.75rem;color:var(--color-text-light);text-align:center;padding:2rem 1rem}.history-list-box .item-list-entry{background-color:var(--color-card-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.history-list-box .item-list-content{min-width:0}.history-list-box .item-list-text p.font-semibold{font-size:.8125rem}.history-list-box .item-list-text p.text-xs{font-size:.6875rem}.history-list-box .item-list-icon{width:20px;height:20px}.btn-xs{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-md);gap:.25rem;font-weight:500}.btn-xs i{width:.875rem;height:.875rem}#history-section .scanner-card{background-color:transparent;border:none;box-shadow:none;padding:0;max-width:100%;align-items:stretch;gap:1.5rem}#history-section .card-title-row{padding:0}.scanner-card .btn{font-size:clamp(.85rem,1.5vw + .2rem,1rem);padding:clamp(.5rem,1.2vw + .25rem,.625rem) clamp(.875rem,2vw + .25rem,1.25rem)}.scanner-card .btn i,.scanner-card .btn svg{width:clamp(1rem,4vw,1.25rem);height:clamp(1rem,4vw,1.25rem)}.scanner-card #camera-container .absolute svg{width:clamp(1rem,3vw,1.25rem);height:clamp(1rem,3vw,1.25rem)}.scanner-card button[aria-label=Zoom] svg{width:clamp(1rem,4vw,1.5rem);height:clamp(1rem,4vw,1.5rem)}#scanner-progress-container{max-width:clamp(18rem,90vw,28rem)}.scanner-card .drop-area{padding:clamp(.75rem,2.5vw,1.25rem) clamp(1rem,3vw,1.5rem)}.scanner-card .copy-btn{top:clamp(.25rem,2vw,.5rem);right:clamp(.25rem,2vw,.5rem);padding:clamp(.375rem,2vw,.5rem)}.scanner-card #action-container .btn+.btn{margin-top:clamp(.5rem,2vw,.75rem)}.scanner-card .or-divider{font-size:clamp(.7rem,1.8vw,.8rem);margin:clamp(.75rem,2.5vw,1rem) 0}.scanner-card .copy-btn i,.scanner-card .copy-btn svg,.scanner-card .drop-area svg{width:clamp(1rem,4vw,1.25rem);height:clamp(1rem,4vw,1.25rem)}.scanner-card .drop-area p{font-size:clamp(.8rem,2.2vw,.95rem)}.scanner-card #formatted-result-display h4{font-size:clamp(.95rem,2.2vw,1.1rem)}#scanner-progress-container div.bg-indigo-600,#scanner-progress-container div.bg-slate-200{height:clamp(8px,1.2vw,10px)}@media (max-width:480px){.scanner-card{height:auto;padding:clamp(.5rem,3vw,.75rem)}#result-container{padding-left:.5rem;padding-right:.5rem;margin-left:0;margin-right:0}}.history-actions{text-align:left}@media (min-width:576px){.history-actions{text-align:right}}