.ai-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin-bottom:14px;padding:23px 25px;border:1px solid #2a6170;border-radius:22px;color:#fff;background:radial-gradient(circle at 88% 15%,rgba(79,225,199,.21),transparent 28%),linear-gradient(135deg,#0a2d43,#12515c 62%,#166f66);box-shadow:0 18px 38px rgba(8,45,60,.17)}
.ai-hero>div:first-child>span,.ai-eyebrow{color:#5be0c9;font-size:8px;font-weight:950;letter-spacing:.15em}.ai-hero h2{margin:5px 0 4px;font-size:24px}.ai-hero p{max-width:780px;margin:0;color:#c8dde0;font-size:9px;line-height:1.55}
.ai-mode{min-width:220px;padding:15px 17px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:rgba(255,255,255,.09);box-shadow:inset 0 1px rgba(255,255,255,.08)}.ai-mode small,.ai-mode strong,.ai-mode span{display:block}.ai-mode small{color:#8fe9da;font-size:7px;font-weight:900;letter-spacing:.13em}.ai-mode strong{margin:5px 0 3px;font-size:15px}.ai-mode span{color:#c8e3e2;font-size:8px}
.ai-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-control-card{margin-top:14px;padding:16px}.ai-control-card .card-head{align-items:flex-end}.ai-control-card .card-head p{margin:3px 0 0}.ai-legend{display:flex;gap:5px;flex-wrap:wrap}.ai-legend span,.ai-status,.ai-confidence{padding:5px 8px;border-radius:99px;font-size:7px;font-weight:900;letter-spacing:.05em}.ai-legend .critical{color:#a9272f;background:#ffe5e5}.ai-legend .high{color:#8b5c08;background:#fff0c9}.ai-legend .normal{color:#176a62;background:#e1f5ef}
.ai-rec-list,.ai-inbox-list{display:grid;gap:9px;margin-top:13px}.ai-rec{display:grid;grid-template-columns:92px minmax(0,1fr) 138px;gap:13px;align-items:stretch;border:1px solid #d3dfe2;border-left:5px solid #78a8ae;border-radius:15px;background:#fff;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.ai-rec:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(14,55,68,.09)}.ai-rec.critical{border-left-color:#d64c50;background:linear-gradient(90deg,#fff7f6,#fff 24%)}.ai-rec.high{border-left-color:#daa431}.ai-rec.normal{border-left-color:#3aa894}
.ai-priority{display:grid;align-content:center;gap:3px;padding:13px;background:#f4f8f8;text-align:center}.ai-priority span{font-size:9px;font-weight:950;letter-spacing:.07em}.ai-rec.critical .ai-priority span{color:#bd343d}.ai-rec.high .ai-priority span{color:#9b6a10}.ai-priority small{color:#6f848b;font-size:7px;line-height:1.25}
.ai-rec-main{min-width:0;padding:13px 0}.ai-rec-top{display:flex;gap:9px;align-items:center;justify-content:space-between}.ai-rec-top>strong{font-size:11px}.ai-confidence{flex:0 0 auto;color:#17685f;background:#e2f4ef}.ai-rec-main>p{margin:5px 0;color:#536d76;font-size:8px;line-height:1.45}.ai-evidence{padding:7px 9px;border-radius:9px;color:#526b74;background:#f4f8f9;font-size:7px;line-height:1.45}.ai-evidence span{margin-right:6px;color:#168171;font-weight:950;letter-spacing:.1em}.ai-route-line{display:flex;gap:7px;align-items:center;margin-top:7px;color:#173f4e;font-size:8px}.ai-route-line i{color:#1d8a79;font-style:normal}.ai-route-line small{margin-left:auto;color:#71858c;font-size:7px}
.ai-rec-actions{display:grid;align-content:center;gap:7px;padding:12px;border-left:1px solid #e0e8ea;background:#fbfcfc}.ai-rec-actions .btn{width:100%;min-height:42px}.ai-status{display:block;text-align:center}.ai-status.pending{color:#875b0a;background:#fff0c9}.ai-status.routed{color:#176b61;background:#e1f4ee}.ai-status.dismissed{color:#6a777c;background:#edf1f2}.ai-status.acknowledged{color:#305c78;background:#e4eef5}
.ai-review-source{margin-bottom:13px;padding:15px 17px;border:1px solid #b9d5d1;border-radius:15px;background:linear-gradient(135deg,#eef9f6,#f7fbfb)}.ai-review-source span,.ai-review-source strong,.ai-review-source small{display:block}.ai-review-source span{color:#168171;font-size:7px;font-weight:950;letter-spacing:.13em}.ai-review-source strong{margin:5px 0 3px;font-size:14px}.ai-review-source p{margin:0 0 6px;color:#445f68;font-size:9px;line-height:1.5}.ai-review-source small{color:#71868d;font-size:7px}.ai-review-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:15px}.ai-review-grid>section{min-width:0;padding:13px;border:1px solid #d6e1e3;border-radius:14px;background:#fff}.ai-review-grid p,.ai-review-grid li{color:#526b74;font-size:8px;line-height:1.5}.ai-review-grid ul{margin:7px 0 14px;padding-left:18px}.ai-review-grid .field{margin-bottom:8px}.ai-boundary{margin-top:12px}
.ai-inbox-item{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:14px;padding:14px 16px;border:1px solid #d4e0e3;border-left:5px solid #55a797;border-radius:14px;background:#fff}.ai-inbox-item.critical{border-left-color:#d64c50}.ai-inbox-item.high{border-left-color:#dba330}.ai-inbox-item>div:first-child>span{color:#168170;font-size:7px;font-weight:950;letter-spacing:.1em}.ai-inbox-item strong{display:block;margin:4px 0;font-size:11px}.ai-inbox-item p{margin:0;color:#506b74;font-size:8px;line-height:1.45}.ai-inbox-item small{display:block;margin-top:5px;color:#75888f;font-size:7px}.ai-inbox-route{display:grid;align-content:center;gap:5px}.ai-inbox-route b{font-size:9px}.ai-inbox-route .btn{width:100%;min-height:42px}
.ai-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px}.ai-method-grid article{position:relative;min-height:118px;padding:15px 15px 15px 52px;border:1px solid #d3dfe2;border-radius:15px;background:#fff}.ai-method-grid article>span{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:28px;height:28px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#16495a,#188270);font-size:10px;font-weight:950}.ai-method-grid strong{font-size:10px}.ai-method-grid p{margin:5px 0 0;color:#647b83;font-size:8px;line-height:1.5}
.ai-setting-list{display:grid;gap:8px;margin-bottom:13px}.ai-setting-list label{display:grid;grid-template-columns:23px 1fr;gap:9px;align-items:flex-start;padding:11px;border:1px solid #d3dfe2;border-radius:12px;background:#f8fbfb}.ai-setting-list input{width:18px;height:18px;accent-color:#168171}.ai-setting-list strong,.ai-setting-list small{display:block}.ai-setting-list strong{font-size:9px}.ai-setting-list small{margin-top:3px;color:#6d828a;font-size:7px;line-height:1.4}.q-ai{--route-accent:#14839b}.q-ai span{color:inherit!important}
html[data-interface-theme=gaming] .ai-rec,html[data-interface-theme=gaming] .ai-control-card,html[data-interface-theme=gaming] .ai-inbox-item,html[data-interface-theme=gaming] .ai-method-grid article,html[data-interface-theme=gaming] .ai-review-grid>section,html[data-interface-theme=gaming] .ai-setting-list label{color:#e9f7fb;border-color:#2d4858;background:#10202c}html[data-interface-theme=gaming] .ai-priority,html[data-interface-theme=gaming] .ai-rec-actions,html[data-interface-theme=gaming] .ai-evidence{color:#c5dce3;border-color:#2d4858;background:#172c38}html[data-interface-theme=gaming] .ai-rec-main>p,html[data-interface-theme=gaming] .ai-method-grid p,html[data-interface-theme=gaming] .ai-inbox-item p{color:#bdd0d6}html[data-interface-theme=bright] .ai-hero{background:linear-gradient(135deg,#4b57c7,#b43b8d)}html[data-interface-theme=bright] .ai-method-grid article>span{background:linear-gradient(145deg,#5968db,#ca418e)}
@media(max-width:1120px){.ai-summary{grid-template-columns:1fr 1fr}.ai-method-grid{grid-template-columns:1fr 1fr}.ai-rec{grid-template-columns:78px minmax(0,1fr)}.ai-rec-actions{grid-column:2;border-left:0;border-top:1px solid #e0e8ea;grid-template-columns:120px minmax(140px,220px);justify-content:end}.ai-priority{grid-row:1/3}}
@media(max-width:760px){.ai-hero{grid-template-columns:1fr;padding:18px}.ai-mode{min-width:0}.ai-summary{grid-template-columns:1fr 1fr}.ai-control-card .card-head{display:grid;gap:9px}.ai-rec{grid-template-columns:1fr}.ai-priority{grid-row:auto;text-align:left}.ai-rec-main{padding:0 13px 13px}.ai-rec-actions{grid-column:auto;grid-template-columns:1fr;border-left:0}.ai-route-line{align-items:flex-start;flex-wrap:wrap}.ai-route-line small{width:100%;margin-left:0}.ai-review-grid,.ai-inbox-item{grid-template-columns:1fr}.ai-method-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ai-summary,.ai-method-grid{grid-template-columns:1fr}.ai-hero h2{font-size:21px}.ai-rec-top{align-items:flex-start;flex-direction:column}.ai-rec-actions{grid-template-columns:1fr}.ai-inbox-item{padding:13px}.ai-method-grid article{min-height:0}.ai-legend{width:100%}}
@media(hover:none){.ai-rec:hover{transform:none}.ai-rec .btn,.ai-inbox-item .btn{min-height:48px}}
@media(prefers-reduced-motion:reduce){.ai-rec{transition:none}.ai-rec:hover{transform:none}}
.ai-rec button:focus-visible,.ai-inbox-item button:focus-visible,.ai-setting-list input:focus-visible{outline:3px solid #53cab5;outline-offset:2px}


@media(max-width:760px){.main-content .training-help-trigger{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}

@media(max-width:760px){.ai-rec .btn,.ai-inbox-item .btn{min-height:48px!important}}

@media(hover:none){.main-content .training-help-trigger{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important}}

/* V62 readable AI typography */
.ai-hero>div:first-child>span,.ai-eyebrow{font-size:12px}.ai-hero p{font-size:14px!important}.ai-mode small{font-size:11px}.ai-mode span{font-size:13px}.ai-legend span,.ai-status,.ai-confidence{font-size:11px}.ai-priority span{font-size:12px}.ai-rec-top>strong{font-size:15px}.ai-evidence{font-size:13px}.ai-route-line{font-size:13px}.ai-rec-main>p,.ai-inbox-item p,.ai-method-grid p{font-size:13px!important}.ai-inbox-item>div:first-child>span{font-size:11px}.ai-inbox-item strong{font-size:15px}.ai-inbox-route b{font-size:13px}.ai-method-grid strong{font-size:15px}.ai-setting-list strong{font-size:14px}