.qc-hero{border-top:4px solid #0d6efd}.qc-code-box{font-family:Courier New,monospace;font-size:1.75rem;font-weight:700;letter-spacing:3px;padding:.75rem 1rem;border-radius:.5rem;border:2px solid;display:inline-block;min-width:180px;text-align:center}.qc-copy-btn{cursor:pointer}.platform-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;color:#fff}.platform-badge i{font-size:.85rem}.platform-picker-note{padding:8px 12px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px dashed #bfdbfe;border-radius:10px;font-size:12.5px;color:#1e40af;line-height:1.5;display:flex;align-items:center;gap:8px}.platform-picker-note i{color:#0d6efd;flex-shrink:0;font-size:16px}.platform-picker-note b{color:#0a58ca}.platform-picker{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem;background:var(--bs-tertiary-bg);border-radius:.6rem}.platform-picker.compact{padding:.35rem;gap:.25rem;background:#f8f9fb;border:1px solid #e5e9ef}.platform-picker .platform-chip{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-width:34px;height:34px;padding:0 .6rem;border-radius:999px;border:1.5px solid transparent;background:var(--bs-body-bg);font-size:1.05rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .2s,border-color .2s,background .2s;position:relative}.platform-picker.compact .platform-chip{min-width:30px;height:30px;padding:0 .35rem;font-size:.95rem}.platform-picker .platform-chip:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.platform-picker .platform-chip .lbl{font-size:.78rem;font-weight:600;display:none}.platform-picker .platform-chip.active{background:color-mix(in srgb,var(--chip-color) 12%,transparent);border-color:var(--chip-color);box-shadow:0 2px 8px color-mix(in srgb,var(--chip-color) 30%,transparent)}.platform-picker .platform-chip.active .lbl{display:inline;color:var(--chip-color)}.platform-picker .platform-chip.active i{color:var(--chip-color)}.platform-picker .platform-chip.all-chip{background:var(--bs-body-bg)}.platform-picker .platform-chip.all-chip.active{background:#0d6efd;color:#fff!important;border-color:#0d6efd}.platform-picker .platform-chip.all-chip.active i,.platform-picker .platform-chip.all-chip.active .lbl{color:#fff!important}.platform-picker.compact .platform-chip.active i{transform:scale(1.1)}.platform-current-hint{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;background:var(--bs-tertiary-bg);border-radius:.4rem;font-size:.85rem;border-left:3px solid var(--current-color, #0d6efd)}.platform-current-hint .pill-mini{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .5rem;border-radius:999px;background:#fff;border:1px solid var(--bs-border-color);font-weight:600}.inbox-row{display:grid;grid-template-columns:140px 1fr 160px 70px;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid var(--bs-border-color);cursor:pointer;align-items:center;transition:background .15s}.inbox-row:hover{background:var(--bs-tertiary-bg)}.inbox-row .subject{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-row .from{font-size:.8rem;color:var(--bs-secondary-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-row .code-preview{font-family:Courier New,monospace;font-weight:700;color:#198754}.inbox-detail{background:var(--bs-tertiary-bg);padding:1rem;border-bottom:1px solid var(--bs-border-color)}.mail-card{background:#fff;border:1px solid var(--bs-border-color);border-radius:.5rem;overflow:hidden}.mail-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem}.mail-row-1{border-bottom:1px solid var(--bs-border-color);background:linear-gradient(180deg,#fafbfc,#fff)}.mail-row-1 .platform-badge{flex-shrink:0}.mail-subject{flex:1 1 0;min-width:0;margin:0;font-size:.95rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-row-1 .mail-toggle-body{flex-shrink:0;color:var(--bs-secondary-color);text-decoration:none;padding:.25rem .4rem!important}.mail-row-1 .mail-toggle-body:hover{color:#0d6efd}.mail-row-1 .mail-toggle-body i{font-size:1.1rem}.mail-row-1 .mail-close-btn{flex-shrink:0;padding:.4rem}.mail-row-2{font-size:.82rem;color:var(--bs-secondary-color);background:#fff}.mail-meta-from{flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-meta-time{flex-shrink:0}.mail-row-spacer{flex:0 1 1rem;min-width:.5rem}.mail-code-wrap{flex-shrink:0;display:inline-flex;align-items:center;gap:.4rem}.mail-code-chip{display:inline-flex;align-items:center;font-family:Courier New,monospace;font-size:1.05rem;font-weight:700;letter-spacing:1.5px;padding:.2rem .6rem;color:var(--c, #0d6efd);border:1.5px solid var(--c, #0d6efd);border-radius:.35rem;background:color-mix(in srgb,var(--c, #0d6efd) 8%,transparent)}.mail-copy-btn{padding:.2rem .45rem}.mail-body-wrap{position:relative;margin-top:.5rem}.mail-body-iframe{display:block;width:100%;height:280px;border:1px solid var(--bs-border-color);border-radius:.4rem;background:#fff;transition:height .25s ease}.mail-body-wrap.expanded .mail-body-iframe{height:80vh}.mail-expand-btn{position:absolute;right:.5rem;bottom:.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 1px 4px #0000001a}@media (max-width:768px){.mail-row{flex-wrap:wrap;gap:.4rem;padding:.4rem .55rem}.mail-subject{font-size:.88rem;flex:1 1 100%;order:1}.mail-row-1 .mail-toggle-body{order:2}.mail-row-1 .mail-close-btn{order:3}.mail-meta-from,.mail-meta-time{font-size:.75rem}.mail-code-wrap{flex:1 1 100%;justify-content:flex-end}.mail-code-chip{font-size:.95rem;padding:.15rem .45rem;letter-spacing:1px}.mail-body-iframe{height:240px}}.inbox-filter .list-group-item{cursor:pointer;display:flex;align-items:center;justify-content:space-between;border-left:3px solid transparent;transition:background .15s,border-color .15s}.inbox-filter .list-group-item:hover{background:var(--bs-tertiary-bg)}.inbox-filter .list-group-item.active{background:#0d6efd14!important;border-color:var(--bs-border-color)!important;border-left-color:#0d6efd!important;color:#0d6efd!important;font-weight:600}.inbox-filter .list-group-item.active .badge{background:#0d6efd!important;color:#fff!important}.inbox-empty{padding:3rem 1rem;text-align:center;color:var(--bs-secondary-color)}.adv-tool-card-v2{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.1rem;height:100%;background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.75rem;transition:transform .15s,box-shadow .15s,border-color .15s}.adv-tool-card-v2:hover{transform:translateY(-2px);box-shadow:0 .5rem 1rem #0000000f;border-color:var(--tool-color, #0d6efd)}.adv-tool-icon-wrap{flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--tool-color) 12%,transparent);color:var(--tool-color, #0d6efd);border-radius:.6rem;font-size:1.5rem}.adv-tool-card-v2 h6{font-size:.95rem;font-weight:600}.adv-tool-card-v2 .btn-outline-primary{border-color:var(--tool-color, #0d6efd);color:var(--tool-color, #0d6efd)}.adv-tool-card-v2 .btn-outline-primary:hover{background:var(--tool-color, #0d6efd);color:#fff}.main-tabs{list-style:none;padding:0;margin:0}.main-tabs.style-pill{display:grid!important;grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.4rem;background:#eef2f7;border:1px solid #dde3ec;border-radius:.7rem}.main-tabs.style-pill .nav-item{flex:1 1 0!important;min-width:0}.main-tabs.style-pill .nav-link{display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:.65rem .5rem!important;background:transparent;border:none!important;border-radius:.5rem!important;color:#475569;font-weight:600;transition:color .15s,background .18s,box-shadow .2s,transform .1s;box-shadow:none!important}.main-tabs.style-pill .nav-link .tab-inner{display:inline-flex;align-items:center;gap:.75rem;margin:0 auto;line-height:1}.main-tabs.style-pill .nav-link i{font-size:1.05rem!important;line-height:1;flex-shrink:0;color:#64748b;transition:color .15s;display:inline-block;transform:translateY(-1px)}.main-tabs.style-pill .nav-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem;font-weight:600;line-height:1}.main-tabs.style-pill .nav-link:hover{color:#1e293b;background:#fff}.main-tabs.style-pill .nav-link:hover i{color:#1e293b}.main-tabs.style-pill .nav-link.active{background:linear-gradient(135deg,#0d6efd,#6366f1)!important;box-shadow:0 2px 8px #0d6efd47}@media (max-width:991px){.main-tabs.style-pill .nav-link .tab-inner{gap:.55rem}.main-tabs.style-pill .nav-link span{font-size:.85rem}.platform-picker.compact,.qc-mode-pill{max-width:100%}.qc-mode-pill label small{font-size:.7rem}.qc-hero .platform-picker.compact{justify-content:flex-start}}@media (max-width:600px){.main-tabs.style-pill{padding:.3rem;gap:.3rem}.main-tabs.style-pill .nav-link{padding:.7rem .35rem!important}.main-tabs.style-pill .nav-link .tab-inner>span{display:none!important}.main-tabs.style-pill .nav-link.active .tab-inner>span{display:inline!important;font-size:.8rem}.main-tabs.style-pill .nav-link i{font-size:1.1rem!important}.qc-mode-pill label{padding:.5rem .6rem;gap:.5rem}.qc-mode-pill label span{font-size:.85rem}.platform-picker.compact .platform-chip{min-width:28px;height:28px;padding:0 .25rem;font-size:.85rem}.qc-batch-table{font-size:.78rem}.qc-batch-table th,.qc-batch-table td{padding:.4rem .3rem}.inbox-row{grid-template-columns:1fr;gap:.4rem}.inbox-row>div:nth-child(3),.inbox-row>div:nth-child(4){padding-left:0}.adv-tool-card-v2{flex-direction:row;padding:.85rem;gap:.75rem}.adv-tool-icon-wrap{width:40px;height:40px;font-size:1.25rem}}@media (max-width:400px){.qc-mode-pill{grid-template-columns:1fr 1fr}.qc-mode-pill label{padding:.45rem .4rem}.qc-hero .platform-picker.compact{padding:.25rem;gap:.2rem}.qc-hero .platform-picker.compact .platform-chip{min-width:26px;height:26px}}.main-tabs.style-pill .nav-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;border:none!important;border-radius:.6rem;font-weight:600;color:var(--bs-secondary-color);background:transparent;transition:all .18s}.main-tabs.style-pill .nav-link:hover{background:var(--bs-body-bg);color:var(--bs-body-color)}.main-tabs.style-pill .nav-link.active,.main-tabs.style-pill .nav-link.active span,.main-tabs.style-pill .nav-link.active i{color:#fff!important}.main-tabs.style-pill .nav-link.active{background:linear-gradient(135deg,#0d6efd,#6366f1);box-shadow:0 .25rem .75rem #0d6efd47}.main-tabs .nav-link span{display:inline!important;color:inherit!important}.main-tabs .nav-link i{line-height:1}.main-tabs.style-underline{display:flex;gap:0;border-bottom:2px solid var(--bs-border-color)}.main-tabs.style-underline .nav-item{flex:1}.main-tabs.style-underline .nav-link{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;border:none!important;font-weight:500;color:var(--bs-secondary-color);background:transparent;border-bottom:3px solid transparent!important;margin-bottom:-2px;transition:all .15s}.main-tabs.style-underline .nav-link:hover{color:var(--bs-body-color);background:var(--bs-tertiary-bg)}.main-tabs.style-underline .nav-link.active{color:#0d6efd!important;border-bottom:3px solid #0d6efd!important;font-weight:700;background:transparent!important}.main-tabs.style-segment{display:flex;gap:0;padding:.3rem;background:var(--bs-tertiary-bg);border-radius:.75rem;border:1px solid var(--bs-border-color)}.main-tabs.style-segment .nav-item{flex:1}.main-tabs.style-segment .nav-link{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.65rem .75rem;border:none!important;border-radius:.5rem;font-weight:500;color:var(--bs-secondary-color);background:transparent;transition:all .2s;position:relative}.main-tabs.style-segment .nav-link:not(.active):hover{color:var(--bs-body-color)}.main-tabs.style-segment .nav-link.active{background:var(--bs-body-bg);color:var(--bs-body-color)!important;font-weight:600;box-shadow:0 1px 3px #0000001f,0 0 0 1px var(--bs-border-color)}.tab-style-picker{font-size:.8rem}.tab-style-picker .btn{padding:.25rem .6rem;font-size:.75rem}.tab-style-picker .btn.active{background:#0d6efd;color:#fff;border-color:#0d6efd}label.switch{display:inline-flex!important;align-items:center}label.switch .switch-toggle-slider{flex-shrink:0}label.switch .switch-label{margin-left:.75rem}.form-check{padding-left:1.75em}.form-check-input{margin-right:.5em}.qc-mode-pill{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.3rem;background:#eef2f7;border:1px solid #dde3ec;border-radius:.7rem;max-width:560px}.qc-mode-pill input[type=radio]{position:absolute;opacity:0;pointer-events:none}.qc-mode-pill label{display:flex;align-items:center;justify-content:center;gap:.7rem;padding:.55rem 1rem;background:transparent;border-radius:.5rem;cursor:pointer;transition:background .2s,color .2s,box-shadow .25s,transform .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;color:#475569;font-weight:600}.qc-mode-pill label i{font-size:1.1rem;color:#64748b;transition:color .15s}.qc-mode-pill label span{font-weight:600;font-size:.92rem}.qc-mode-pill label small{font-size:.75rem;opacity:.75;font-weight:500}.qc-mode-pill label:hover{color:#1e293b;background:#fff}.qc-mode-pill label:hover i{color:#1e293b}.qc-mode-pill input:checked+label{background:linear-gradient(135deg,#0d6efd,#6366f1);color:#fff;box-shadow:0 2px 8px #0d6efd47}.qc-mode-pill input:checked+label i{color:#fff}.qc-mode-pill input:checked+label small{color:#ffffffd9;opacity:1}@media (max-width:576px){.qc-mode-pill label small{display:none}}.qc-note{padding:.6rem .85rem;border-radius:.4rem;font-size:.85rem;display:flex;align-items:flex-start;gap:.5rem}.qc-note.ok{background:#19875414;color:#146c43;border-left:3px solid #198754}.qc-note.warn{background:#ffc1071f;color:#8a6d00;border-left:3px solid #ffc107}.qc-batch-table{font-size:.85rem}.qc-batch-table .status-badge{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center}.qc-batch-table .status-ok{background:#1987541f;color:#146c43}.qc-batch-table .status-err{background:#dc35451f;color:#b02a37}.qc-batch-table .status-wait{background:#0d6efd1f;color:#0a58ca}.qc-batch-table code{font-size:.95rem}.sep-pick .btn-group{gap:.2rem}.sep-pick .btn{padding:.3rem .7rem;font-size:.85rem;min-width:38px;font-family:Courier New,monospace;font-weight:700;color:#475569;background:#fff;border:1.5px solid #dde3ec!important;border-radius:.4rem!important;transition:all .15s}.sep-pick .btn:hover{background:#f1f5f9;color:#1e293b;border-color:#94a3b8!important}.sep-pick .btn.active,.sep-pick .btn.active:focus{background:linear-gradient(135deg,#0d6efd,#6366f1)!important;color:#fff!important;border-color:#0d6efd!important;box-shadow:0 2px 8px #0d6efd59!important;transform:translateY(-1px)}@keyframes skeletonShimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.skel{background:linear-gradient(90deg,var(--bs-tertiary-bg) 0%,var(--bs-secondary-bg) 50%,var(--bs-tertiary-bg) 100%);background-size:800px 100%;background-repeat:no-repeat;border-radius:.35rem;display:inline-block;animation:skeletonShimmer 1.4s ease-in-out infinite}.skel-row{display:grid;grid-template-columns:110px 1fr 110px 70px;gap:1rem;align-items:center;padding:.9rem 1rem;border-bottom:1px solid var(--bs-border-color)}.skel-row .skel-badge{height:22px;width:90px;border-radius:999px}.skel-row .skel-line{height:12px;width:100%}.skel-row .skel-line.short{width:60%}.skel-row .skel-time{height:12px;width:80px}.skel-row .skel-code{height:16px;width:60px;margin-left:auto}@keyframes inboxRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}#inboxListContainer .inbox-row{animation:inboxRowIn .35s cubic-bezier(.2,.8,.2,1) both}#inboxListContainer .inbox-row:nth-child(1){animation-delay:0s}#inboxListContainer .inbox-row:nth-child(3){animation-delay:.04s}#inboxListContainer .inbox-row:nth-child(5){animation-delay:.08s}#inboxListContainer .inbox-row:nth-child(7){animation-delay:.12s}#inboxListContainer .inbox-row:nth-child(9){animation-delay:.16s}#inboxListContainer .inbox-row:nth-child(11){animation-delay:.2s}#inboxListContainer .inbox-row:nth-child(n+13){animation-delay:.24s}@keyframes pulseDot{0%,80%,to{opacity:.25;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.pulse-dots{display:inline-flex;gap:.4rem;align-items:center}.pulse-dots span{width:8px;height:8px;border-radius:50%;background:#0d6efd;animation:pulseDot 1.2s ease-in-out infinite both}.pulse-dots span:nth-child(2){animation-delay:.15s}.pulse-dots span:nth-child(3){animation-delay:.3s}@keyframes progressSlide{0%{left:-40%}to{left:100%}}.top-progress{position:relative;height:3px;overflow:hidden;background:var(--bs-tertiary-bg)}.top-progress:after{content:"";position:absolute;top:0;left:-40%;height:100%;width:40%;background:linear-gradient(90deg,transparent,#0d6efd,transparent);animation:progressSlide 1.1s ease-in-out infinite}.loading-skeleton{padding:0}.dataTables_empty{padding:1.25rem 1rem!important;color:var(--bs-secondary-color)!important;font-size:.9rem}.dataTables_empty:before{content:"";font-family:tabler-icons;display:block;font-size:1.75rem;margin-bottom:.35rem;color:var(--bs-border-color)}.dataTables_wrapper.dt-empty .dataTables_length,.dataTables_wrapper.dt-empty .dataTables_filter,.dataTables_wrapper.dt-empty .dataTables_info,.dataTables_wrapper.dt-empty .dataTables_paginate,.dataTables_wrapper.dt-empty thead{display:none!important}.dataTables_wrapper.dt-empty table{margin:0!important;border:none!important}.dataTables_wrapper.dt-empty table tbody tr td{border:none!important}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{font-size:.85rem}.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{font-size:.8rem;padding:.5rem 0!important}.truncate{width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.text{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-wrap}.table-mail-content{table-layout:fixed;width:100%}.table-mail-content td{width:200px}
