:root{--primary:#0e9386;--primary-rgb:14,147,134;--primary-dark:#087568;--bg:#f5f8f9;--surface:#fff;--surface-raised:#fff;--text:#17303b;--muted:#657b86;--muted-strong:#536a76;--border:#e3ebed;--line:#edf1f2;--soft:#e8f7f4;--shadow:0 10px 30px rgba(17,43,52,.035);--heading:#102e36;--violet:#7768d9;--violet-soft:#f0edff;--amber:#a36b15;--amber-soft:#fff7e7;--blue:#327fb9;--blue-soft:#eaf5ff;--danger:#b2414e;--danger-soft:#fff0f0;--focus:#5da8f5;color-scheme:light}
body.dark{--bg:#101c23;--surface:#182a32;--surface-raised:#1a2e37;--text:#e6f1f4;--heading:#f2fbff;--muted:#a8bec7;--muted-strong:#c1d1d7;--border:#2c434b;--line:#28404a;--soft:#1b423f;--shadow:0 12px 36px rgba(0,0,0,.13);--violet-soft:#322d50;--amber-soft:#443924;--blue-soft:#203d51;--danger-soft:#4e2832;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible{outline:3px solid var(--focus);outline-offset:2px}svg{flex-shrink:0}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.svg-sprite{width:0;height:0;position:absolute;overflow:hidden}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}[hidden]{display:none!important}
.app-shell{display:flex;min-height:100vh}.sidebar{width:263px;flex:0 0 263px;background:var(--surface);border-right:1px solid var(--border);height:100vh;position:sticky;top:0;display:flex;flex-direction:column;z-index:30}.identity{display:flex;align-items:center;gap:11px;padding:29px 24px 43px;min-width:0}.identity-mark{width:43px;height:43px;display:grid;place-items:center;background:var(--primary);border-radius:14px;color:#fff;font-weight:850;font-size:25px;flex:none;overflow:hidden;box-shadow:0 7px 18px rgba(var(--primary-rgb),.17)}.identity-mark img{width:100%;height:100%;object-fit:contain;background:var(--surface)}.identity-copy{display:flex;flex-direction:column;min-width:0;line-height:1.25}.identity-copy strong{font-size:19px;letter-spacing:-.6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--heading)}.identity-copy small{font-size:11px;margin-top:5px;color:var(--muted);white-space:nowrap}.nav-label{font-size:10px;letter-spacing:.115em;font-weight:800;color:#9aacb3;padding:0 25px;margin-bottom:13px}.navigation{display:grid;gap:5px;padding:0 13px}.nav-item{width:100%;display:flex;align-items:center;gap:14px;min-height:46px;padding:10px 13px;text-align:left;border-radius:11px;border:0;background:transparent;color:var(--muted-strong);font-weight:600;white-space:nowrap;transition:background .18s,color .18s}.nav-item:hover{background:var(--bg);color:var(--heading)}.nav-item.active{background:var(--soft);color:var(--primary);font-weight:750}.nav-item.active:before{content:"";width:3px;height:19px;background:var(--primary);border-radius:3px;margin-left:-13px;margin-right:-4px}.nav-item .icon{width:20px;height:20px}.nav-counter{font-size:10px;border-radius:8px;background:var(--soft);color:var(--primary);padding:2px 7px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:12px 13px 19px}.side-note{display:flex;gap:11px;align-items:flex-start;margin:0 9px 19px;padding:16px 12px;border-radius:13px;background:var(--bg);border:1px solid var(--border)}.side-note-dot{height:9px;width:9px;border-radius:50%;background:#e1a846;flex-shrink:0;margin-top:6px;box-shadow:0 0 0 4px rgba(225,168,70,.14)}.side-note strong{display:block;font-size:12px;margin-bottom:2px}.side-note small{display:block;color:var(--muted);font-size:11px}.side-foot{text-align:center;font-size:10px;color:var(--muted);margin-top:22px}.side-foot span{margin:0 3px}.icon-button.sidebar-close{display:none}
.workspace{display:flex;flex-direction:column;min-width:0;flex:1;max-width:1900px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:116px;padding:27px clamp(20px,3.5vw,56px) 20px}.topbar-left,.top-actions{display:flex;align-items:center;gap:14px}.top-kicker,.eyebrow{font-size:10px;color:var(--primary);font-weight:850;letter-spacing:.11em}.top-kicker{margin-bottom:4px}h1,h2,h3,h4,p{overflow-wrap:break-word}.topbar h1{font-size:23px;line-height:1.24;margin:0;font-weight:790;letter-spacing:-.65px;color:var(--heading)}.environment-chip{font-size:11px;border:1px solid var(--border);border-radius:100px;background:var(--surface);padding:8px 12px;display:inline-flex;align-items:center;gap:8px;color:var(--muted-strong);white-space:nowrap;font-weight:650}.chip-circle{height:7px;width:7px;border-radius:50%;background:#e2ad5d}.icon-button{width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--muted-strong)}.icon-button:hover{color:var(--primary)}.menu-button{display:none}main{padding:0 clamp(20px,3.5vw,56px) 50px;flex:1;width:100%;min-width:0}.page{animation:page-in .23s ease}.page[hidden]{display:none}@keyframes page-in{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.hero{position:relative;overflow:hidden;min-height:292px;background:linear-gradient(113deg,#066f6a 0%,#098b7d 57%,#1cac9e 100%);border-radius:20px;padding:35px 40px;color:#fff;display:flex;align-items:center;isolation:isolate;box-shadow:0 12px 35px rgba(3,107,99,.13)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%;z-index:-1}.hero:before{width:510px;height:510px;right:-180px;top:-255px}.hero:after{width:370px;height:370px;right:-135px;bottom:-260px}.hero-body{position:relative;z-index:2;max-width:650px}.hero-tag{display:inline-flex;gap:9px;align-items:center;color:#d2fffa;font-size:10px;letter-spacing:.105em;font-weight:780}.shine-dot{height:7px;width:7px;background:#aeffca;border-radius:50%}.hero h2{font-size:clamp(26px,2.85vw,38px);letter-spacing:-1.35px;line-height:1.23;margin:13px 0 11px;font-weight:790}.hero h2 em{font-style:normal;color:#b9ffdd}.hero p{font-size:13px;line-height:1.8;max-width:570px;color:#e2fffa;margin:0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.button{min-height:43px;padding:10px 15px;border-radius:10px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:750;line-height:1.2;text-decoration:none;transition:filter .15s,transform .15s,background .15s;white-space:normal}.button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(.98)}.button .icon{width:16px;height:16px}.button-white{background:white;color:#08776f;border-color:white}.hero-outline{border-color:rgba(255,255,255,.4);color:#fff;background:rgba(255,255,255,.08)}.button-primary{background:var(--primary);color:#fff}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button-small{font-size:12px;min-height:36px;padding:8px 12px}.button-full{width:100%}.button-danger{border-color:var(--danger);color:var(--danger);background:transparent}.hero-art{position:absolute;width:265px;height:260px;right:55px;top:36px;pointer-events:none}.hero-paper{position:absolute;background:#f9ffff;border-radius:12px;box-shadow:0 14px 40px #003b385a}.paper-back{width:170px;height:200px;right:8px;top:17px;transform:rotate(13deg);opacity:.36}.paper-front{width:198px;height:221px;right:44px;top:8px;transform:rotate(-7deg);padding:28px 22px}.hero-paper-head{display:flex;gap:5px;margin-bottom:23px}.hero-paper-head span{width:9px;height:9px;border-radius:4px;background:#3fbbb1}.hero-paper-head span:nth-child(2){background:#bee7e3}.hero-paper-head span:nth-child(3){background:#dcefee}.fake-line{height:8px;background:#d9ebea;border-radius:10px;margin-bottom:13px;width:75%}.fake-line.wide{width:100%}.fake-line.short{width:45%}.paper-signal{width:64px;height:45px;background:#e0f8f5;color:#0b998d;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:18px;margin:15px 0}.hero-floating{position:absolute;right:0;bottom:13px;display:flex;align-items:center;gap:8px;color:#1b6b63;background:white;border-radius:10px;padding:10px 13px;box-shadow:0 8px 26px #034b3d39;font-size:11px;font-weight:740;transform:rotate(6deg)}.hero-floating .icon{width:16px;height:16px;stroke:#159b7b}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:29px 0 14px}.section-heading h2{color:var(--heading);margin:4px 0 0;font-size:20px;letter-spacing:-.6px}.small-muted{font-size:11px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.surface-card,.result-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.metric-card{padding:19px 18px;min-height:150px}.metric-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.metric-top>span:first-child{font-size:12px;color:var(--muted-strong);font-weight:660}.metric-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px}.metric-icon .icon{width:17px;height:17px}.metric-icon.mint{background:var(--soft);color:var(--primary)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.amber{background:var(--amber-soft);color:var(--amber)}.metric-icon.violet{background:var(--violet-soft);color:var(--violet)}.metric-card strong{display:block;font-size:27px;line-height:1.3;letter-spacing:-.8px;color:var(--heading);margin:8px 0 3px}.metric-card strong.metric-unavailable{font-size:17px;letter-spacing:-.3px;margin-top:14px}.metric-card small{font-size:10px;color:var(--muted)}.text-action{display:inline-flex;align-items:center;gap:2px;color:var(--primary);background:none;border:0;font-size:12px;font-weight:770;padding:3px 0}.text-action .icon{width:15px;height:15px}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-card{min-height:252px;padding:21px 23px 19px;position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary)}.result-card.ai-card:before{background:var(--violet)}.result-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.report-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px}.similarity-icon{background:var(--soft);color:var(--primary)}.ai-icon{background:var(--violet-soft);color:var(--violet)}.result-badge{font-size:9px;font-weight:850;letter-spacing:.075em;background:var(--soft);color:var(--primary);padding:5px 8px;border-radius:6px}.ai-badge{background:var(--violet-soft);color:var(--violet)}.result-card h3{font-size:17px;letter-spacing:-.45px;margin:2px 0 0;color:var(--heading)}.result-card p{font-size:12px;color:var(--muted);margin:3px 0 0;min-height:22px}.result-value{font-size:24px;font-weight:800;letter-spacing:-.7px;color:var(--heading);margin:15px 0 19px;min-height:30px}.result-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:15px}.result-footer .small-muted{max-width:210px}.lower-grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:16px;margin-top:18px}.surface-card{padding:23px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px}.card-head h3,.surface-card>h3{margin:0;color:var(--heading);font-size:16px;letter-spacing:-.4px}.subtle-pill{background:var(--bg);border:1px solid var(--border);padding:5px 9px;border-radius:99px;color:var(--muted-strong);font-size:10px;line-height:1.4;font-weight:750}.quick-card p{font-size:12px;color:var(--muted);max-width:390px;line-height:1.7;margin-bottom:18px}.recent-list{display:grid;gap:9px}.recent-item{display:flex;gap:10px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--surface);width:100%;text-align:left;color:var(--text)}.recent-item:hover{background:var(--bg)}.recent-item .doc-small{flex:none;display:grid;place-items:center;width:35px;height:35px;background:var(--soft);color:var(--primary);border-radius:9px}.recent-item .doc-small .icon{width:17px;height:17px}.recent-item-copy{min-width:0;flex:1}.recent-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.recent-item small{display:block;color:var(--muted);font-size:10px;margin-top:1px}.recent-item>.icon{width:17px;color:var(--muted)}.empty-inline{padding:18px;color:var(--muted);font-size:12px;background:var(--bg);border:1px dashed var(--border);border-radius:10px}
.page-intro{margin-bottom:20px}.page-intro h2{font-size:24px;letter-spacing:-.75px;margin:6px 0 3px;color:var(--heading)}.page-intro p{font-size:13px;color:var(--muted);margin:0}.flex-intro{display:flex;justify-content:space-between;align-items:center;gap:15px}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 312px;align-items:start;gap:18px}.upload-main{display:grid;gap:17px}.caption-text{color:var(--muted);font-size:12px;line-height:1.7;margin:7px 0 17px}.dropzone{background:var(--bg);border:1.7px dashed #8bcfc4;border-radius:12px;text-align:center;min-height:201px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:22px;cursor:pointer;transition:border-color .18s,background .18s}.dropzone:hover,.dropzone.dragover{border-color:var(--primary);background:var(--soft)}.drop-icon{width:49px;height:49px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:13px;margin-bottom:12px}.drop-icon .icon{width:25px;height:25px}.dropzone h4{font-size:14px;color:var(--heading);margin:0 0 1px}.dropzone p{font-size:12px;color:var(--muted);margin:1px 0 8px}.choose-file{font-weight:750;color:var(--primary);text-decoration:underline;text-underline-offset:3px}.dropzone small{color:var(--muted);font-size:11px}.selected-files{display:grid;gap:8px;margin-top:10px}.file-item{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);padding:9px 11px;border-radius:9px}.file-item>.icon{color:var(--primary)}.file-item-info{flex:1;min-width:0}.file-item-info strong{display:block;font-size:12px;overflow-wrap:anywhere}.file-item-info small{color:var(--muted);font-size:10px}.file-remove{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:4px;display:grid;place-items:center}.file-remove:hover{background:var(--danger-soft);color:var(--danger)}.file-remove .icon{height:17px;width:17px}.service-options{margin:16px 0 0;padding:0;border:0;display:grid;gap:9px}.service-option{display:flex;align-items:center;gap:13px;padding:13px;border:1px solid var(--border);border-radius:11px;cursor:pointer;position:relative;background:var(--surface);transition:border-color .15s,background .15s}.service-option.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.045);box-shadow:inset 0 0 0 1px var(--primary)}.service-option input{position:absolute;left:13px;top:13px;opacity:0;width:1px;height:1px}.service-option:focus-within{outline:3px solid var(--focus);outline-offset:2px}.service-symbol{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;flex:none}.service-symbol.similar{background:var(--soft);color:var(--primary)}.service-symbol.ai{background:var(--violet-soft);color:var(--violet)}.service-symbol.both{background:var(--blue-soft);color:var(--blue)}.service-copy{flex:1;min-width:0}.service-copy strong,.service-copy small{display:block}.service-copy strong{font-size:12px;color:var(--heading)}.service-copy small{font-size:10px;color:var(--muted);margin-top:2px}.unavailable-tag{font-size:9px;white-space:nowrap;border-radius:6px;padding:5px 7px;background:var(--amber-soft);color:var(--amber);font-weight:750}.filter-stack{border-top:1px solid var(--line)}.switch-row{display:flex;align-items:center;gap:15px;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;cursor:pointer;position:relative}.switch-row>span:first-child{flex:1}.switch-row strong,.switch-row small{display:block}.switch-row strong{font-size:12px;color:var(--heading);font-weight:680}.switch-row small{font-size:10px;color:var(--muted);margin-top:3px}.switch-input{position:absolute;opacity:0;right:0;width:40px;height:25px;cursor:pointer}.switch-track{width:39px;height:23px;background:#cbd6da;border-radius:20px;position:relative;transition:background .15s;flex:none}.switch-track:after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%;background:white;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch-input:checked+.switch-track{background:var(--primary)}.switch-input:checked+.switch-track:after{transform:translateX(16px)}.switch-input:focus-visible+.switch-track{outline:3px solid var(--focus);outline-offset:3px}.word-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.word-row label{font-size:12px;font-weight:650}.word-row input{width:130px;height:39px;padding:9px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.word-row small{font-size:10px;color:var(--muted)}input:disabled{opacity:.6;cursor:not-allowed}.sticky-summary{position:sticky;top:18px}.summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:9px;padding:10px 0;font-size:12px}.summary-row span{color:var(--muted);flex:none}.summary-row strong{text-align:right;font-weight:720;max-width:168px;font-size:12px}.summary-divider{border-top:1px solid var(--line);margin:6px 0 18px}.inline-alert{display:flex;gap:9px;background:var(--amber-soft);border:1px solid #e6ba6650;color:var(--text);padding:12px;border-radius:10px;font-size:11px;line-height:1.65;margin-bottom:16px}.inline-alert .icon{width:17px;height:17px;color:var(--amber);margin-top:1px}.inline-alert.neutral{background:var(--soft);border-color:var(--border);margin-top:22px}.inline-alert.neutral .icon{color:var(--primary)}.fine-print{font-size:10px;color:var(--muted);text-align:center;line-height:1.7;margin:12px 0 0}.form-message{font-size:12px;color:var(--primary);line-height:1.6;margin-top:11px}.form-message.error{color:var(--danger)}
.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:19px}.search-box{flex:1;min-width:220px;display:flex;align-items:center;gap:9px;padding:0 12px;height:42px;background:var(--bg);border:1px solid var(--border);border-radius:9px;color:var(--muted)}.search-box .icon{height:17px;width:17px}.search-box input{min-width:0;width:100%;border:none;background:transparent;outline:0;color:var(--text);font-size:12px}.search-box:focus-within{outline:2px solid var(--focus)}.select-wrap select{height:42px;min-width:144px;max-width:100%;padding:0 32px 0 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:9px;font-size:12px}.table-scroll{overflow-x:auto;max-width:100%}.history-table{border-collapse:collapse;min-width:900px;width:100%;text-align:left}.history-table thead{background:var(--bg)}.history-table th{color:var(--muted-strong);font-size:10px;font-weight:730;padding:13px 12px;white-space:nowrap}.history-table td{padding:14px 12px;border-bottom:1px solid var(--line);font-size:11px;color:var(--text);vertical-align:middle}.history-table th:first-child,.history-table td:first-child{padding-left:15px}.doc-name{display:flex;gap:9px;align-items:center;max-width:240px}.doc-name .doc-small{width:31px;height:31px;display:grid;place-items:center;background:var(--soft);color:var(--primary);border-radius:8px;flex:none}.doc-name strong{font-size:11px;font-weight:710;overflow-wrap:anywhere}.value-na{color:var(--muted);font-size:11px}.status-pill{display:inline-block;background:var(--amber-soft);color:var(--amber);border:1px solid transparent;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:770;white-space:nowrap}.table-action{border:0;background:none;color:var(--primary);font-weight:760;font-size:11px;padding:6px 0}.table-action:hover{text-decoration:underline}.table-bottom{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:17px}.history-empty{text-align:center;padding:45px 12px}.empty-icon{display:grid;place-items:center;height:55px;width:55px;background:var(--soft);color:var(--primary);border-radius:14px;margin:0 auto 14px}.history-empty h3{color:var(--heading);margin:0}.history-empty p{color:var(--muted);font-size:12px}.history-mobile{display:none}
.back-link{background:none;border:0;color:var(--primary);font-size:12px;font-weight:760;margin:0 0 18px;padding:6px 0}.detail-header{display:flex;justify-content:space-between;align-items:start;gap:16px}.detail-header h2{font-size:22px;letter-spacing:-.55px;color:var(--heading);margin:7px 0 2px}.filename{overflow-wrap:anywhere}.detail-results{margin:17px 0}.detail-bottom{display:grid;grid-template-columns:1fr 1fr;gap:17px}.detail-list{display:grid;gap:12px;margin:16px 0 0}.detail-list div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:6px 0 10px}.detail-list dt{font-size:12px;color:var(--muted)}.detail-list dd{margin:0;font-size:12px;font-weight:700;text-align:right}.filter-summary{font-size:12px;color:var(--text);line-height:1.8;margin-top:12px}.filter-summary>div{padding:6px 0}.filter-summary b{font-weight:750}.filter-summary .filter-yes{color:var(--primary)}.detail-note{margin-bottom:0}.detail-actions{margin-top:17px}.placeholder-page{text-align:center;padding:62px 25px;max-width:680px;margin:25px auto}.placeholder-graphic{height:66px;width:66px;background:var(--soft);color:var(--primary);display:grid;place-items:center;border-radius:18px;margin:0 auto 20px}.placeholder-graphic .icon{height:34px;width:34px}.placeholder-page h3{color:var(--heading);margin:16px 0 6px;font-size:21px}.placeholder-page p{color:var(--muted);font-size:13px;max-width:450px;margin:0 auto 24px;line-height:1.8}.settings-layout{display:grid;grid-template-columns:1.2fr .8fr;align-items:start;gap:17px}.settings-heading{display:flex;justify-content:space-between;align-items:center}.settings-heading h3{margin:0}.form-field{margin-top:20px;display:grid;gap:7px}.form-field label{font-size:12px;font-weight:750}.form-field input:not([type=color]){width:100%;border:1px solid var(--border);background:var(--surface);color:var(--text);height:43px;border-radius:9px;padding:10px 12px;font-size:12px}.form-field input[type=file]{height:auto}.form-field small{font-size:11px;color:var(--muted);line-height:1.6}.color-control{display:flex;align-items:center;gap:12px}.color-control input{width:51px;height:42px;border:1px solid var(--border);padding:3px;background:var(--surface);border-radius:9px;cursor:pointer}.color-control span{font-size:12px;font-weight:730;color:var(--muted-strong)}.settings-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.brand-preview{background:var(--bg);border:1px solid var(--border);padding:22px;border-radius:12px;display:flex;align-items:center;gap:11px;margin-top:18px}.brand-preview-icon{height:47px;width:47px;display:grid;place-items:center;color:#fff;background:var(--primary);border-radius:14px;font-size:24px;font-weight:850;overflow:hidden}.brand-preview-icon img{width:100%;height:100%;object-fit:contain}.brand-preview strong{display:block;font-size:18px;overflow-wrap:anywhere}.brand-preview small{font-size:11px;color:var(--muted)}.sample-header{margin-bottom:17px}.sample-header h2{margin:16px 0 6px;color:var(--heading);font-size:23px}.sample-header p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}.sample-disclaimer{margin-top:17px;background:var(--soft);border-color:var(--border)}.sample-disclaimer .icon{color:var(--primary)}.footer{display:flex;justify-content:space-between;gap:15px;padding:18px clamp(20px,3.5vw,56px) 22px;border-top:1px solid var(--border);font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:20px;right:20px;background:var(--heading);color:var(--surface);border-radius:12px;padding:13px 17px;z-index:60;max-width:min(360px,calc(100vw - 32px));box-shadow:0 10px 35px #0003;font-size:12px}
@media(max-width:1320px){.hero-art{right:-15px;opacity:.48}.hero-body{max-width:590px}.result-footer{align-items:flex-start;flex-direction:column}.upload-layout{grid-template-columns:minmax(0,1fr) 280px}.topbar,main{padding-left:28px;padding-right:28px}.footer{padding-left:28px;padding-right:28px}}
@media(max-width:1110px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:235px;flex-basis:235px}.identity{padding-left:17px;padding-right:14px}.hero-art{opacity:.3}.upload-layout{grid-template-columns:1fr}.sticky-summary{position:static}.lower-grid{grid-template-columns:1fr}.settings-layout{grid-template-columns:1fr}}
@media(max-width:820px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-100%);transition:transform .2s ease;width:min(285px,85vw);height:100dvh;box-shadow:15px 0 40px #0002}.sidebar.open{transform:translateX(0)}.icon-button.sidebar-close{display:grid;margin-left:auto;border:none}.mobile-shade:not([hidden]){display:block;position:fixed;inset:0;background:#0d1e2788;z-index:25}.menu-button{display:grid}.topbar{min-height:91px}.hero-art{display:none}.hero-body{max-width:750px}.hero{min-height:270px}}
@media(max-width:600px){.topbar{padding:19px 17px;gap:9px}.topbar h1{font-size:18px}.top-kicker{font-size:9px}.environment-chip{display:none}main{padding:0 15px 35px}.hero{padding:25px 23px;border-radius:15px}.hero h2{letter-spacing:-.8px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.section-heading{margin:23px 0 12px;align-items:center}.section-heading h2{font-size:19px}.section-heading .small-muted{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.metric-card{padding:13px;min-height:135px}.metric-top{flex-wrap:wrap}.metric-top>span:first-child{font-size:11px}.metric-icon{width:29px;height:29px}.metric-card strong{font-size:25px}.metric-card strong.metric-unavailable{font-size:14px}.result-grid,.detail-bottom{grid-template-columns:1fr}.result-card{padding:19px;min-height:0}.result-footer{flex-direction:row;align-items:center}.result-footer .small-muted{max-width:155px}.surface-card{padding:18px}.lower-grid{gap:12px}.footer{padding:18px 15px;flex-direction:column;gap:5px}.page-intro h2{font-size:22px}.service-option{flex-wrap:wrap}.service-right{margin-left:50px}.flex-intro{align-items:flex-start;flex-direction:column}.flex-intro .button{width:100%}.toolbar{flex-direction:column}.search-box,.select-wrap,.select-wrap select{width:100%;min-width:0}.table-scroll{display:none}.history-mobile{display:grid;gap:10px}.history-mobile-card{border:1px solid var(--border);border-radius:11px;padding:14px;background:var(--surface)}.history-mobile-card strong{display:block;font-size:12px;overflow-wrap:anywhere}.history-mobile-card>small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.history-mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.history-mobile-stats>div{background:var(--bg);border-radius:8px;padding:10px}.history-mobile-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.history-mobile-stats b{font-size:12px}.mobile-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.table-bottom{flex-direction:column}.detail-header{flex-direction:column}.word-row label{width:100%}}
@media(max-width:390px){.topbar h1{font-size:16px}.hero h2{font-size:26px}.result-footer{flex-direction:column;align-items:flex-start}.result-footer .button{width:100%}.service-option{gap:9px}.service-right{margin-left:0;width:100%}.side-note{margin:0 4px 15px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* CheckReport 2.0 — rõ quy trình, tin cậy và dễ đọc hơn */
:root { --shadow:0 8px 30px rgba(18,52,58,.045); }
body { font-size:15px; line-height:1.58; }
.metric-card,.surface-card,.result-card { transition:box-shadow .2s ease,border-color .2s ease; }
.metric-card:hover,.result-card:hover { box-shadow:0 10px 34px rgba(17,58,61,.085); }
.nav-item { font-size:13px; }
.hero { min-height:308px; }
.hero h2 { font-size:clamp(29px,3vw,41px); }
.hero p { font-size:13.5px; line-height:1.85; }
.hero-actions .button { min-height:45px; }
.section-heading h2 { font-size:21px; }
.journey-strip { margin:18px 0 9px; display:grid; grid-template-columns:1fr auto 1.15fr auto 1.1fr; align-items:center; gap:8px; background:var(--surface); padding:17px 21px; border:1px solid var(--border); border-radius:16px; box-shadow:var(--shadow); }
.journey-step { display:flex; align-items:center; gap:12px; min-width:0; }
.journey-step>span:last-child { min-width:0; }
.journey-step strong { display:block; color:var(--heading); font-size:12px; line-height:1.4; }
.journey-step small { display:block; color:var(--muted); font-size:11px; margin-top:4px; line-height:1.4; }
.journey-number { flex:none; width:33px; height:33px; display:grid; place-items:center; font-weight:800; font-size:12px; border-radius:10px; background:var(--soft); color:var(--primary); }
.journey-arrow { color:var(--muted); opacity:.65; }
.pending-notice { display:flex; align-items:center; gap:14px; padding:15px 18px; margin:17px 0 0; border-radius:14px; background:var(--amber-soft); border:1px solid color-mix(in srgb,var(--amber) 19%,var(--border)); }
.pending-notice-icon { width:35px; height:35px; border-radius:10px; display:grid; place-items:center; flex:none; color:var(--amber); background:var(--surface); }
.pending-notice>div { flex:1; min-width:0; }
.pending-notice strong { font-size:12px; color:var(--heading); }
.pending-notice p { margin:2px 0 0; font-size:11px; color:var(--muted-strong); }
.pending-notice .text-action { font-size:11px; flex:none; }
.upload-count-line { display:flex; justify-content:space-between; align-items:center; gap:10px; margin:3px 0 8px; color:var(--muted-strong); font-size:12px; font-weight:650; }
.quiet-button { border:0; background:transparent; color:var(--primary); font-size:12px; font-weight:750; padding:6px 8px; border-radius:7px; }
.quiet-button:hover { background:var(--soft); }
.file-meter { height:5px; width:100%; overflow:hidden; background:var(--bg); border-radius:10px; margin-bottom:13px; }
.file-meter>span { display:block; height:100%; background:var(--primary); border-radius:10px; transition:width .2s ease; }
.upload-privacy { display:flex; align-items:flex-start; gap:8px; color:var(--muted-strong); line-height:1.65; font-size:11.5px; margin:16px 0 0; }
.upload-privacy .icon { color:var(--primary); width:16px; height:16px; margin-top:1px; }
.upload-privacy strong { color:var(--heading); }
.after-save { margin-top:10px; }
.history-top-note { display:flex; align-items:center; gap:10px; border:1px solid var(--border); background:var(--bg); border-radius:10px; padding:11px 13px; font-size:12px; color:var(--muted-strong); margin-bottom:14px; }
.history-top-note .icon { width:16px; height:16px; color:var(--primary); }
.request-id-wrap { display:flex; align-items:center; gap:4px; }
.request-id-wrap code { font-size:11px; background:var(--bg); border-radius:5px; padding:4px 6px; }
.request-id-wrap .quiet-button { font-size:11px; }
.data-management { grid-column:1/-1; }
.data-management .caption-text { max-width:800px; margin-bottom:12px; }
.data-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; }
.import-label { cursor:pointer; }
.form-message:not(:empty) { padding:8px 0; }
.button:disabled { opacity:.6; }
button:focus-visible, .import-label:focus-within { outline:3px solid var(--focus); outline-offset:2px; }
:root { accent-color:var(--primary); }
@media(max-width:1150px){ .journey-strip{grid-template-columns:1fr 1fr 1fr;gap:14px;} .journey-arrow{display:none;} }
@media(max-width:820px){ .hero{min-height:270px;} }
@media(max-width:600px){
 body{font-size:15px;} .journey-strip{grid-template-columns:1fr;gap:13px;padding:16px;margin:14px 0 8px;} .journey-step{gap:11px;} .journey-number{width:34px;height:34px;} .journey-step strong{font-size:13px;} .journey-step small{font-size:11.5px;}
 .metric-top>span:first-child{font-size:12px;} .metric-card small{font-size:11px;} .metric-card{min-height:148px;}
 .result-card h3{font-size:18px;} .result-card p,.quick-card p,.caption-text{font-size:13px;} .result-value{font-size:23px;}
 .pending-notice{align-items:flex-start;flex-wrap:wrap;} .pending-notice .text-action{margin-left:48px;}
 .history-mobile-card strong{font-size:13px;} .history-mobile-card>small{font-size:11px;} .history-mobile-stats span{font-size:11px;}
 .upload-privacy{font-size:12px;} .data-actions>.button,.data-actions>.import-label{flex:1 1 100%;}
 .form-field label,.form-field input:not([type=color]){font-size:13px;} .topbar h1{line-height:1.25;}
}
@media(max-width:350px){ .request-id-wrap{flex-wrap:wrap;justify-content:flex-end;} .topbar{padding-left:12px;padding-right:12px;} .hero{padding:24px 18px;} }
.pager { display:flex; align-items:center; gap:7px; }
.pager span { font-size:11px; color:var(--muted-strong); white-space:nowrap; }
.pager .quiet-button { font-size:11px; white-space:nowrap; }
.pager .quiet-button:disabled { opacity:.4; }
@media(max-width:600px){ .pager { justify-content:center; } }

/* CheckReport 3.0 — một biểu mẫu gọn và danh sách kết quả tối giản. */
.compact-page-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}
.compact-page-intro h2,.history-page-intro h2{font-size:25px;letter-spacing:-.8px}
.compact-page-intro p,.history-page-intro p{font-size:13px;margin:4px 0 0}
.connection-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--muted-strong);border:1px solid var(--border);border-radius:100px;padding:7px 13px;background:var(--surface);white-space:nowrap}
.compact-checker{padding:0;overflow:hidden;border-radius:15px}
.checker-fields{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:0}
.checker-upload,.checker-options{padding:23px 25px 20px;min-width:0}
.checker-upload{border-right:1px solid var(--border)}
.compact-field-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px}
.compact-field-head h3{font-size:14px;margin:0;font-weight:760;color:var(--heading);letter-spacing:-.15px}
.compact-field-head .small-muted{font-size:11px}
.compact-dropzone{min-height:157px;padding:19px 15px;gap:7px;background:color-mix(in srgb,var(--soft) 47%,var(--surface));border:1.5px dashed color-mix(in srgb,var(--primary) 46%,var(--border));border-radius:11px}
.compact-dropzone strong{font-size:13px;color:var(--heading);font-weight:720;text-align:center}
.compact-dropzone small{font-size:11.5px;line-height:1.4}
.compact-upload-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--surface);color:var(--primary)}
.compact-upload-icon .icon{width:19px;height:19px}
.compact-dropzone .choose-file{color:var(--primary);text-decoration:underline;text-underline-offset:3px}
.compact-checker .upload-count-line{margin:10px 0 0;font-size:11px;min-height:22px}
.compact-checker .file-meter{display:none}
.compact-files{display:grid;gap:6px;margin-top:9px;max-height:220px;overflow:auto}
.compact-files:empty{display:none}
.compact-files .file-item{min-height:43px;background:var(--surface);padding:7px 10px;border-radius:8px}
.compact-files .file-item-info strong{font-size:12px;line-height:1.35}
.compact-files .file-item-info small{font-size:11px}
.compact-services{margin:0;display:grid;gap:8px}
.compact-services .service-option{padding:10px 13px;gap:10px;min-height:54px;border-radius:9px;flex-wrap:nowrap}
.compact-services .service-option:before{content:"";display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--border);flex:none;background:var(--surface)}
.compact-services .service-option.selected:before{border:5px solid var(--primary)}
.compact-services .service-copy{flex:1;min-width:0}
.compact-services .service-copy strong{font-size:12px;line-height:1.45}
.compact-services .service-copy small{font-size:11px;line-height:1.3}
.compact-services .unavailable-tag{font-size:10px;padding:4px 6px;white-space:nowrap}
.compact-services .service-right{margin-left:0;flex:none}
.filter-disclosure{border:1px solid var(--border);border-radius:9px;margin-top:11px;background:var(--surface)}
.filter-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;padding:11px 13px;cursor:pointer;color:var(--text);font-size:12px;font-weight:750}
.filter-disclosure summary::-webkit-details-marker{display:none}
.filter-disclosure summary>span{display:flex;align-items:center;gap:8px;min-width:0}
.filter-disclosure summary>span .icon{color:var(--primary);width:16px;height:16px}
.filter-disclosure summary small{font-weight:500;color:var(--muted);font-size:11px}
.filter-disclosure summary>.icon{width:14px;height:14px;transform:rotate(90deg);transition:transform .15s ease}
.filter-disclosure[open] summary>.icon{transform:rotate(-90deg)}
.compact-filter-content{border-top:1px solid var(--line);padding:9px 13px 12px}
.compact-check{display:flex;align-items:center;gap:10px;min-height:35px;font-size:12px;cursor:pointer}
.compact-check input{width:16px;height:16px;accent-color:var(--primary);flex:none}
.compact-word-row{display:flex;align-items:center;gap:12px;margin:7px 0 5px 26px;font-size:11.5px}
.compact-word-row input{width:123px;height:34px;border:1px solid var(--border);border-radius:8px;padding:5px 9px;background:var(--surface);color:var(--text)}
.compact-word-row input:disabled{opacity:.5}
.compact-filter-content>p{color:var(--muted);font-size:11px;line-height:1.5;margin:10px 0 0}
.checker-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 25px;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg) 40%,var(--surface))}
.checker-confirm{min-width:0}
.checker-stats{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--text);font-size:12px;font-weight:600;line-height:1.5}
.checker-stats b{font-weight:780;color:var(--heading)}
.checker-dot{color:var(--muted)}
.checker-confirm>small{font-size:11px;color:var(--muted);line-height:1.4;display:block;margin-top:4px}
.checker-submit{flex:none;min-width:215px;justify-content:center;min-height:43px;font-size:12px}
.compact-feedback{display:flex;align-items:center;gap:18px;padding:0 25px;flex-wrap:wrap}
.compact-feedback:has(.form-message:empty) {padding-top:0;padding-bottom:0}
.compact-feedback .form-message{font-size:12px;margin:0}
.compact-feedback .after-save{margin:0 0 8px}
.recent-requests{margin-top:19px;padding:0;overflow:hidden}
.recent-requests-head{padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.recent-requests-head h3{font-size:16px;letter-spacing:-.4px;margin:0;color:var(--heading)}
.recent-requests-head p{font-size:11.5px;color:var(--muted);margin:3px 0 0}
.recent-requests-head .text-action{white-space:nowrap;font-size:12px}
.upload-recent-head,.upload-recent-row{display:grid;grid-template-columns:minmax(180px,2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) 65px;gap:12px;align-items:center;padding:11px 22px}
.upload-recent-head{background:var(--bg);color:var(--muted-strong);font-size:11px;font-weight:760;border-block:1px solid var(--border)}
.upload-recent-row{font-size:12px;border-bottom:1px solid var(--line);min-height:65px}
.upload-recent-row:last-child{border-bottom:0}
.recent-document{display:flex;align-items:center;gap:10px;min-width:0}
.recent-file-icon,.compact-doc-icon{width:30px;height:34px;display:grid;place-items:center;background:var(--soft);border-radius:8px;color:var(--primary);flex:none}
.recent-file-icon .icon,.compact-doc-icon .icon{width:15px;height:15px}
.recent-document-copy,.compact-doc-info{min-width:0;display:block}
.recent-document-copy strong,.compact-doc-info strong{display:block;font-size:12px;line-height:1.45;color:var(--heading);font-weight:730;overflow-wrap:anywhere}
.recent-document-copy small,.compact-doc-info small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.recent-outcome{font-size:11.5px;color:var(--muted-strong)}
.compact-recent-empty{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;padding:25px 23px;border-top:1px solid var(--border)}
.compact-recent-empty .icon{color:var(--muted);width:18px;height:18px}
.history-heading-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.history-heading-actions .button{min-height:40px;font-size:12px}
.compact-history-panel{padding:0;overflow:hidden;border-radius:15px}
.compact-toolbar{padding:18px 19px;margin:0;gap:10px}
.compact-toolbar .search-box{max-width:510px;background:var(--surface)}
.compact-result-table{min-width:750px}
.compact-result-table th{font-size:11px;background:var(--bg);padding:12px 14px}
.compact-result-table td{padding:14px;font-size:12px}
.compact-result-table tbody tr:hover{background:color-mix(in srgb,var(--soft) 35%,transparent)}
.compact-result-table td:first-child{width:35%;max-width:360px}
.compact-doc{display:flex;align-items:center;gap:10px;min-width:0}
.compact-doc-info strong{font-size:12.5px}
.table-subtle{font-weight:500}
.result-unavailable{color:var(--muted);font-size:11.5px;white-space:nowrap}
.result-measured{font-weight:800;font-size:12px;color:var(--heading)}
.compact-date{white-space:nowrap;color:var(--muted-strong)!important}
.compact-table-action .table-action{white-space:nowrap}
.action-head{text-align:left}
.compact-history-panel .table-bottom{align-items:center;padding:13px 20px;margin:0;min-height:55px;border-top:1px solid var(--border);font-size:11px}
.compact-history-panel .history-empty{padding:50px 14px}
.compact-history-panel .history-empty .empty-icon{margin-bottom:12px}
@media(max-width:1250px){.checker-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.compact-services .unavailable-tag{font-size:9px}}
@media(max-width:1080px){.checker-fields{grid-template-columns:1fr}.checker-upload{border-right:0;border-bottom:1px solid var(--border)}.upload-recent-head,.upload-recent-row{grid-template-columns:minmax(175px,2fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) 55px}}
@media(max-width:820px){.checker-fields{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.checker-upload{border-bottom:0;border-right:1px solid var(--border)}}
@media(max-width:730px){.checker-fields{grid-template-columns:1fr}.checker-upload{border-right:0;border-bottom:1px solid var(--border)}.compact-page-intro{align-items:flex-start}.connection-label{font-size:11px}.upload-recent-head{display:none}.upload-recent-row{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:8px 15px;padding:14px 18px}.upload-recent-row .recent-document{grid-column:1/-1}.upload-recent-row .recent-outcome{display:none}.upload-recent-row .status-pill{justify-self:start}.upload-recent-row .table-action{justify-self:end}.compact-history-panel .table-scroll{display:none}.compact-history-panel .history-mobile{display:grid;gap:0}.compact-history-panel .history-mobile-card{border:0;border-radius:0;border-bottom:1px solid var(--line);padding:16px 18px;background:var(--surface)}.compact-history-panel .history-mobile-card:last-child{border-bottom:0}}
@media(max-width:600px){.compact-page-intro{display:block}.compact-page-intro .connection-label{margin-top:10px}.checker-upload,.checker-options{padding:17px}.compact-checker{border-radius:12px}.compact-dropzone{min-height:145px}.compact-services .service-option{padding:10px;min-height:53px}.compact-services .service-copy strong{font-size:12px}.compact-services .unavailable-tag{font-size:10px}.checker-bottom{padding:16px 17px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.checker-submit{width:100%;min-width:0}.compact-feedback{padding-inline:17px}.recent-requests-head{padding:15px 17px}.history-heading-actions{margin-top:12px;width:100%}.history-heading-actions>.button{flex:1}.compact-toolbar{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.compact-toolbar .search-box{grid-column:1/-1;width:100%;max-width:none}.compact-toolbar .select-wrap{min-width:0;width:100%}.compact-toolbar .select-wrap select{width:100%;font-size:11px}.compact-history-panel .table-bottom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px 15px}.compact-history-panel .local-only{display:none}}
@media(max-width:400px){.compact-page-intro h2{font-size:22px}.history-heading-actions .button{font-size:11px;padding-inline:9px}.compact-services .service-option{gap:8px}.compact-services .unavailable-tag{font-size:9px}.compact-stats .checker-dot{display:none}}
.compact-mobile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.compact-mobile-name{min-width:0}.compact-mobile-name strong{font-size:13px;line-height:1.45}.compact-mobile-name small{display:block;font-size:11px;color:var(--muted);margin-top:3px}
.compact-mobile-top .status-pill{flex:none}
.compact-mobile-results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:11px;padding:10px 12px;background:var(--bg);border-radius:9px}
.compact-mobile-results>div{display:flex;flex-direction:column;gap:3px;min-width:0}
.compact-mobile-results>div>span:first-child{font-size:10.5px;color:var(--muted)}
.compact-mobile-card>.table-action{font-size:12px;margin-top:8px}
/* Mobile: ghi đè thuộc tính width:100% của nhãn dịch vụ đời trước. */
.compact-services .service-right{width:auto;max-width:none;flex:0 0 auto}
.compact-services .service-copy{width:auto;flex:1 1 0;min-width:0}
@media(min-width:601px){.compact-page-intro .connection-label{display:none}}

/* CheckReport 3.1: giá niêm yết và điều kiện tệp, giữ biểu mẫu tối giản */
.compact-services .service-right{display:flex;align-items:flex-end;gap:3px;flex-direction:column}
.compact-services .service-price{font-size:14px;line-height:1.3;color:var(--heading);font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.file-rule-box{border:1px solid var(--border);background:var(--bg);padding:12px 13px;border-radius:10px;margin-top:13px}
.file-rule-head{display:flex;align-items:center;gap:7px;color:var(--heading);font-size:12px;margin-bottom:7px}
.file-rule-head .icon{width:15px;height:15px;color:var(--primary)}
.file-rule-box p{margin:3px 0;color:var(--text);font-size:11.5px;line-height:1.6}
.file-rule-box small{font-size:10.5px;color:var(--muted);line-height:1.5;display:block;margin-top:6px}
.cost-summary{color:var(--primary);font-size:13px;font-variant-numeric:tabular-nums}
.rules-confirm{display:flex;align-items:flex-start;gap:9px;cursor:pointer;color:var(--text);font-size:11.5px;line-height:1.55;margin-top:9px;max-width:600px}
.rules-confirm input{width:16px;height:16px;flex:none;accent-color:var(--primary);margin:1px 0 0}
.rules-confirm:focus-within{outline:2px solid var(--focus);outline-offset:4px;border-radius:4px}
.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:20px 0}
.price-card{border-radius:14px;background:var(--surface);border:1px solid var(--border);padding:22px;display:flex;flex-direction:column;gap:10px;min-width:0}
.price-card.highlighted{border-color:var(--primary);box-shadow:0 6px 30px rgba(var(--primary-rgb),.08)}
.price-card-top{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;letter-spacing:.7px;font-weight:770}
.pricing-dot{display:inline-block;width:8px;height:8px;background:var(--primary);border-radius:50%}
.pricing-dot.violet{background:var(--violet)}.pricing-dot.teal{background:var(--blue)}
.price-card h3{font-size:17px;letter-spacing:-.4px;line-height:1.3;color:var(--heading);margin:5px 0 0}
.price-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:36px;margin:0}
.price-number{color:var(--heading);font-size:29px;letter-spacing:-1px;font-weight:820;font-variant-numeric:tabular-nums;margin:3px 0 9px;white-space:nowrap}
.price-number small{font-size:12px;font-weight:500;letter-spacing:0;color:var(--muted)}
.price-card .button{width:100%;margin-top:auto;justify-content:center;white-space:normal;text-align:center;min-height:43px}
.policy-card{margin-top:18px}
.policy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin:17px 0}
.policy-list>div{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:15px}
.policy-list strong{font-size:13px;color:var(--heading)}
.policy-list p{margin:7px 0 0;line-height:1.65;color:var(--text);font-size:12px}
.policy-note{margin:8px 0 0}.policy-footnote{margin:12px 0 0}
@media(max-width:1170px){.pricing-grid{grid-template-columns:1fr 1fr}.price-card.highlighted{grid-column:1/-1}}
@media(max-width:730px){.pricing-grid{grid-template-columns:1fr}.price-card.highlighted{grid-column:auto}.policy-list{grid-template-columns:1fr}}
@media(max-width:420px){.compact-services .service-price{font-size:12px}.compact-services .service-option{gap:7px}.compact-services .service-copy strong{font-size:11.5px}.compact-services .service-copy small{font-size:10px}.price-card{padding:19px}.price-number{font-size:26px}}

.file-rule-more{display:inline-block;border:0;padding:0;margin:7px 0 0;background:none;color:var(--primary);font-size:11px;font-weight:750;cursor:pointer;text-align:left}
.file-rule-more:hover{text-decoration:underline;text-underline-offset:3px}
.file-rule-more:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:3px}


/* CheckReport 3.2 — ví/nạp tiền minh bạch; một bảng giá áp dụng xuyên suốt. */
.topup-inline-link{display:inline-flex;align-items:center;gap:5px;color:var(--primary);border:0;background:transparent;cursor:pointer;font-size:12px;font-weight:750;padding:7px 0 0}
.topup-inline-link .icon{width:14px;height:14px}
.topup-inline-link:hover,.topup-price-link:hover{text-decoration:underline;text-underline-offset:3px}
.topup-warning{margin:0 0 17px;padding:13px 17px;font-size:12.5px;line-height:1.55}
.topup-warning strong{color:var(--heading)}
.topup-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:18px;align-items:start}
.topup-form-card,.topup-summary-card{padding:23px 24px}
.topup-form-card .card-head,.topup-summary-card .card-head{margin-bottom:8px}
.topup-description{font-size:12.5px;color:var(--muted-strong);margin:0 0 21px;line-height:1.6}
.topup-input-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,.7fr);gap:14px}
.topup-input-grid .form-field,.topup-amount-section .form-field{margin-bottom:0}
.topup-input-grid select,.topup-input-grid input,.money-field input{background:var(--surface);border:1px solid var(--border);border-radius:9px;min-width:0;width:100%;height:45px;color:var(--heading);padding:0 12px;font-size:13.5px;font-family:inherit}
.topup-input-grid select:focus,.topup-input-grid input:focus,.money-field input:focus{outline:2px solid var(--focus);outline-offset:1px;border-color:var(--primary)}
.topup-needed{border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));background:var(--soft);border-radius:12px;margin-top:17px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:13px}
.topup-needed>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.topup-needed small{color:var(--muted-strong);font-size:11.5px}
.topup-needed strong{color:var(--heading);font-size:26px;letter-spacing:-.7px;font-weight:800;line-height:1.35;font-variant-numeric:tabular-nums}
.topup-needed span{font-size:11px;color:var(--muted-strong)}
.topup-needed .button{flex:none;white-space:normal;text-align:center}
.topup-amount-section{border-top:1px solid var(--border);margin-top:22px;padding-top:20px}
.topup-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:17px}
.topup-preset{border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:760;border-radius:9px;min-height:44px;cursor:pointer;font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.topup-preset:hover{border-color:var(--primary);color:var(--primary)}
.topup-preset.active{background:var(--soft);border-color:var(--primary);color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.money-field{position:relative}
.money-field input{padding-right:52px;font-size:16px;font-weight:750;font-variant-numeric:tabular-nums}
.money-field span{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:800;color:var(--muted)}
.topup-amount-section .form-field small{display:block;margin-top:7px;line-height:1.5}
.topup-amount-section .form-field small.error{color:var(--danger, #c2413b)}
.topup-balance{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--border);padding:12px 0 16px}
.topup-balance>span,.topup-selected>span{font-size:12px;color:var(--muted-strong)}
.topup-balance strong{font-size:18px;color:var(--heading)}
.topup-balance small{font-size:11px;color:var(--muted);line-height:1.5}
.topup-selected{padding:19px 0;display:flex;justify-content:space-between;align-items:center;gap:8px}
.topup-selected strong{font-size:23px;letter-spacing:-.7px;color:var(--primary);font-variant-numeric:tabular-nums}
.topup-breakdown-title{color:var(--heading);font-size:12px;font-weight:750;margin:3px 0 10px}
.topup-breakdown{border:1px solid var(--border);border-radius:10px;overflow:hidden}
.topup-breakdown-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px}
.topup-breakdown-row+.topup-breakdown-row{border-top:1px solid var(--border)}
.topup-breakdown-label{display:flex;flex-direction:column;min-width:0;gap:2px}
.topup-breakdown-label strong{font-size:12px;color:var(--heading)}
.topup-breakdown-label small{font-size:11px;color:var(--muted)}
.topup-breakdown-count{font-size:13px;color:var(--heading);font-weight:800;white-space:nowrap}
.topup-remaining{font-size:11.5px;line-height:1.6;color:var(--muted-strong);margin:12px 0 16px}
.topup-checkout{width:100%;justify-content:center;min-height:45px}
.topup-checkout:disabled{opacity:.65;cursor:not-allowed}
.topup-summary-card>.caption-text{font-size:11px;line-height:1.7;margin:13px 0}
.topup-price-link{margin-top:3px;font-size:12px}
.pricing-to-topup{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border:1px solid var(--border);background:var(--surface);border-radius:11px;margin-top:16px;font-size:12px;color:var(--muted-strong)}
.pricing-to-topup .button{flex:none}
@media(max-width:1020px){.topup-layout{grid-template-columns:1fr}}
@media(max-width:600px){.topup-form-card,.topup-summary-card{padding:18px 16px}.topup-input-grid{grid-template-columns:1fr 100px}.topup-needed strong{font-size:23px}.topup-needed{flex-wrap:wrap}.topup-presets{grid-template-columns:repeat(2,minmax(0,1fr))}.topup-selected strong{font-size:20px}.pricing-to-topup{flex-direction:column;align-items:flex-start}.pricing-to-topup .button{width:100%;justify-content:center}}
@media(max-width:350px){.topup-input-grid{grid-template-columns:1fr}.topup-needed .button{width:100%}}