/* Real-page Random coaching; scoped UI, with no Score/grid/dashboard restyling. */
.iat-dialog{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:0;border:1px solid #dedcef;border-radius:18px;background:#fff;color:#172039;box-shadow:0 18px 70px #17132a33;font:inherit;overscroll-behavior:contain;}
.iat-dialog::backdrop{background:#16132d80;}
.iat-intro-content{padding:24px;line-height:1.65;}.iat-intro-content h2{font-size:1.4rem;line-height:1.4;margin:0 0 18px;}
.iat-dialog *,.iat-coach *,.iat-guide *{box-sizing:border-box;}
.iat-button{font:inherit;font-size:.9rem;line-height:1.4;border:1px solid #d6d6e4;border-radius:10px;background:#fff;color:#24213c;min-height:44px;padding:10px 14px;cursor:pointer;white-space:normal;}
.iat-button:hover{background:#f6f3ff;}.iat-button.iat-primary{background:#7660d6;border-color:#7660d6;color:#fff;font-weight:600;}.iat-button.iat-primary:hover{background:#624cc1;}
.iat-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px;}
.iat-preference{display:flex;align-items:flex-start;gap:10px;margin:12px 0;font-weight:600;font-size:.92rem;cursor:pointer;}.iat-preference input{margin-top:5px;min-width:18px;min-height:18px;accent-color:#7960df;}.iat-preference-status{font-size:.85rem;color:#58468c;}
.iat-dialog :focus-visible,.iat-coach :focus-visible,.iat-guide :focus-visible{outline:3px solid #8970e8;outline-offset:3px;}
.iat-coach{position:fixed;z-index:1040;right:16px;bottom:16px;width:min(390px,calc(100% - 24px));max-height:45vh;max-height:45dvh;overflow:auto;border:1px solid #d6cef6;border-radius:16px;background:#fff;color:#172039;box-shadow:0 8px 36px #26203b33;font:inherit;padding:14px;overscroll-behavior:contain;}
.iat-coach-heading{font-size:1rem;line-height:1.45;font-weight:700;color:#5c449b;margin:0;}.iat-coach-content{line-height:1.6;padding-top:14px;font-size:.94rem;}.iat-instruction{margin:0 0 12px;}.iat-note{font-size:.85rem;color:#555d70;line-height:1.6;}
.iat-reference{border:1px solid #e1dbf4;border-radius:10px;padding:10px;margin:10px 0;background:#fbfaff;}.iat-reference summary{cursor:pointer;color:#554394;font-weight:600;font-size:.88rem;}.iat-reference strong{display:block;margin-top:10px;font-size:.9rem;}.iat-reference p{font-size:.84rem;margin:8px 0 0;overflow-wrap:anywhere;}
.iat-target{scroll-margin-block:90px;}
.iat-spotlight{position:fixed;z-index:1039;pointer-events:none;box-sizing:border-box;border:3px solid #9872e8;border-radius:16px;box-shadow:0 0 0 3px #bca8f02b;animation:iat-target-pulse 1.6s ease-in-out 4;}
@keyframes iat-target-pulse{0%,100%{box-shadow:0 0 0 3px #bca8f02b;}50%{box-shadow:0 0 0 9px #bca8f04d;}}
.iat-guiding .iat-control-row{padding:10px 10px 6px;gap:12px!important;flex-wrap:wrap;overflow:visible;}
.iat-guiding #randomImageBtn,.iat-guiding #imageUploadLabel,.iat-guiding #iconicProductBtn{min-width:64px;min-height:48px;}
.iat-guiding #submitBtn{min-width:104px;padding-inline:22px;}
.iat-guiding #checkInciBtn1{min-width:128px;padding-inline:24px;}
@media(prefers-reduced-motion:reduce){.iat-spotlight{animation:none;}}
.iat-spacer{height:280px;pointer-events:none;}
.iat-guide ol{padding-left:24px;margin-top:24px;}.iat-guide li{padding-left:6px;margin-bottom:20px;}.iat-guide h4{font-size:1.05rem;margin-bottom:8px;}.iat-guide p{line-height:1.65;}
@media(max-width:575px){.iat-intro-content{padding:18px;}.iat-intro-content h2{font-size:1.2rem;}.iat-coach{right:12px;bottom:max(12px,env(safe-area-inset-bottom));padding:12px;max-height:42vh;max-height:42dvh;}.iat-coach-heading{font-size:.94rem;}.iat-guiding .iat-control-row{padding-top:18px;padding-bottom:10px;}.iat-actions .iat-primary{flex:1;}}
/* Distinct, readable lavender coaching, with a brief one-shot completion burst. */
.iat-coach{background:#f2ecff;border-color:#bca5e9;}
.iat-coach .iat-coach-heading{color:#50318b;}
.iat-coach .iat-instruction,.iat-coach .iat-preference{color:#2f2548;}
.iat-coach .iat-note{color:#574b70;}
.iat-coach .iat-reference{background:#fff;border-color:#d9ccec;}
.iat-coach[hidden],.iat-spotlight[hidden]{display:none!important;}
.iat-celebration{position:absolute;z-index:2;left:50%;top:50%;width:1px;height:1px;pointer-events:none;overflow:visible;}
.iat-spark{position:absolute;left:0;top:0;width:5px;height:11px;border-radius:3px;background:var(--iat-colour);opacity:0;animation:iat-firework 1.05s cubic-bezier(.15,.7,.3,1) 1 both;}
@keyframes iat-firework{0%{opacity:0;transform:translate(0,0) scale(.3);}15%{opacity:1;}75%{opacity:.9;}100%{opacity:0;transform:translate(var(--iat-dx),var(--iat-dy)) rotate(var(--iat-rotation)) scale(.5);}}
.iat-score-result #ocrResult #inci-score .isci-upper{grid-template-columns:minmax(0,1fr)!important;}
.iat-score-result #ocrResult #inci-score .isci-total{width:min(100%,600px);justify-self:center;margin-inline:auto;box-sizing:border-box;}
.iat-score-result #ocrResult #inci-score .isci-dimensions{width:100%;box-sizing:border-box;}
@media(prefers-reduced-motion:reduce){.iat-celebration{display:none;}.iat-spark{animation:none;}}

.iat-exit-dialog{width:min(480px,calc(100% - 24px));}.iat-exit-dialog h2{font-size:1.2rem;}

/* Tutorial action hierarchy; same geometry and existing focus halo. */
.iat-coach-heading{font-size:.9rem;line-height:1.4;}
.iat-instruction{text-align:center;}
.iat-instruction strong{font-weight:800;color:#50318b;background:#e5d8fa;border-radius:4px;padding:1px 4px;}
.iat-sample-locked{cursor:not-allowed!important;}
.iat-guiding .iat-sample-locked:not(input):not(select):not(textarea){opacity:.5;}
.iat-guiding #ocrCheckTable .drag-handle{pointer-events:none;opacity:.45;}
