.inbox-checker-container{width:calc(100% + 6rem);margin:3rem -3rem;background-color:var(--bg-secondary);border-radius:16px;border:var(--glass-border);box-shadow:var(--glass-shadow);overflow:visible}.checker-header{background:linear-gradient(135deg,var(--secondary) 0%,var(--accent) 100%);padding:1.5rem 2rem;text-align:center;position:relative;overflow:hidden;border-radius:16px 16px 0 0}.checker-header h2{font-size:2rem;margin:0 0 .75rem;font-weight:700;position:relative;z-index:1;color:var(--button-primary-text);display:flex;align-items:center;justify-content:center;gap:.75rem}.checker-header p{font-size:1.05rem;opacity:.95;position:relative;z-index:1;margin:0;color:var(--button-primary-text)}[data-theme=light] .checker-header{background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%)}[data-theme=light] .checker-header h2,[data-theme=light] .checker-header p{color:var(--button-primary-text)}.threat-meter{padding:1.5rem 2rem;background:var(--bg-primary);border-bottom:var(--glass-border);position:sticky;top:0;z-index:10;transition:box-shadow .3s ease}.threat-meter.stuck{box-shadow:0 4px 12px #00000026}.threat-level-container{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:1.5rem;align-items:start}.threat-icon{font-size:3rem;transition:all .3s ease;flex-shrink:0;width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;grid-column:1;grid-row:1 / 3}.threat-icon-img{width:100%;height:100%;object-fit:contain;transition:all .3s ease}.threat-text{grid-column:2;grid-row:1}.threat-text h3{font-size:1.35rem!important;margin-bottom:.35rem!important;margin-top:0!important;transition:all .3s ease;color:var(--text-primary);line-height:1.3}.threat-text p{font-size:1rem!important;color:var(--text-secondary);margin:0!important;line-height:1.4!important}.threat-bar{height:10px;background:var(--bg-secondary);border-radius:20px;overflow:hidden;position:relative;border:var(--glass-border);grid-column:2;grid-row:2}.threat-bar-fill{height:100%;width:0%;background:#28a745;border-radius:20px;transition:width .6s cubic-bezier(.4,0,.2,1),background .6s ease;position:relative;overflow:hidden}.threat-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer-bar 2s infinite}@keyframes shimmer-bar{0%{left:-100%}to{left:100%}}.email-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:2rem;border-radius:0 0 16px 16px}.email-card{border:2px solid var(--border);border-radius:12px;cursor:pointer;position:relative;min-height:180px;perspective:1000px;overflow:hidden;background:var(--bg-primary)}.email-card:hover{box-shadow:0 6px 20px #0003;border-color:var(--accent)}.email-card.checked{border-color:#dc3545}.email-card-inner{position:relative;width:100%;min-height:180px;text-align:center}.email-card-front,.email-card-back{width:100%;min-height:180px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem}.email-card-front{padding:1.25rem 1rem}.email-card-back{padding:1rem;justify-content:flex-start;text-align:left;display:none;position:relative}.email-card-back:after{content:"";position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23dc3545' d='M256 0c14.7 0 28.2 8.1 35.2 21l216 400c6.7 12.4 6.4 27.4-.8 39.5S486.1 480 472 480L40 480c-14.1 0-27.2-7.4-34.4-19.5s-7.5-27.1-.8-39.5l216-400c7-12.9 20.5-21 35.2-21zm0 352a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.5 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;opacity:.08;pointer-events:none;z-index:0}.email-card-back-title,.email-card-back-text{position:relative;z-index:1}.email-card.checked .email-card-front{display:none}.email-card.checked .email-card-back{display:flex}.email-card-icon{font-size:2.5rem}.email-card-icon svg{width:2.5rem;height:2.5rem;fill:var(--accent)}.email-card-title{font-size:.9rem!important;font-weight:600;color:var(--text-primary);line-height:1.4!important;margin:0!important}.email-card-back-title{font-size:.85rem!important;font-weight:700;color:#dc3545;display:flex;align-items:center;gap:.35rem}.email-card-back-text{font-size:.85rem!important;line-height:1.5!important;color:var(--text-secondary);margin:0!important}.email-card-check{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;border:2px solid var(--border);border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}.email-card.checked .email-card-check{background:#dc3545;border-color:#dc3545}.email-card-check:after{content:"✓";color:#fff;font-weight:700;font-size:12px;opacity:0;transform:scale(0);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.email-card.checked .email-card-check:after{opacity:1;transform:scale(1)}@media screen and (max-width:1200px){.inbox-checker-container{width:calc(100% + 2rem);margin-left:-1rem;margin-right:-1rem}}@media screen and (max-width:768px){.inbox-checker-container{width:calc(100% + 1.6rem);margin-left:-.8rem;margin-right:-.8rem;border-radius:12px}.checker-header{padding:2rem 1.5rem}.checker-header h2{font-size:1.5rem}.checker-header p{font-size:.95rem}.threat-meter{padding:1.5rem}.threat-level-container{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:.75rem 1rem;align-items:start}.threat-icon{grid-column:1;grid-row:1 / 3}.threat-text{grid-column:2;grid-row:1}.threat-text h3{font-size:1.1rem}.threat-bar{grid-column:2;grid-row:2}.email-grid{grid-template-columns:1fr;padding:1rem;gap:1rem}.email-card,.email-card-inner,.email-card-front,.email-card-back{min-height:160px}.email-card-icon{font-size:2rem}.email-card-icon svg{width:2rem;height:2rem}.email-card-title{font-size:.85rem}.email-card-back-title,.email-card-back-text{font-size:.8rem}}@media screen and (max-width:576px){.checker-header h2{font-size:1.35rem}.threat-text h3{font-size:1rem}.email-card-icon{font-size:1.75rem}.email-card-icon svg{width:1.75rem;height:1.75rem}.email-card-title{font-size:.8rem}.email-card-check{width:18px;height:18px}.email-card-check:after{font-size:11px}}
