/*
 * SAPSOL Tool 5 - Tool 4 UI compatibility additions.
 * This file is loaded after the canonical Tool 4 stylesheet.
 * Keep all overrides scoped to Tool 5 so Tools 1-4 remain untouched.
 */
.sapsol-tool5-ai-agentic .sapsol-tool5-section-copy{margin:0 0 22px;color:#52667a;line-height:1.7}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-list{display:grid;gap:18px;margin:22px 0}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-card{border:1px solid #d9e4ee;border-radius:14px;padding:20px;background:#fff}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-head strong{color:#071b34;font-size:17px}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:12px}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid label{display:grid;gap:7px;color:#52667a;font-size:12px;font-weight:700}
.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid select{width:100%;min-height:44px;border:1px solid #cdd9e3;border-radius:8px;background:#fff;color:#071b34;padding:9px 10px}
.sapsol-tool5-ai-agentic .sapsol-tool5-remove{border:0;background:transparent;color:#9b2c2c;font-weight:700;cursor:pointer}
.sapsol-tool5-ai-agentic .sapsol-tool5-sent-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}

/* Verification-screen hardening against theme/plugin display overrides. */
.sapsol-tool5-ai-agentic [hidden]{display:none!important}
.sapsol-tool5-ai-agentic .sapsol-verification-body,
.sapsol-tool5-ai-agentic #sapsol-tool5-verification-form,
.sapsol-tool5-ai-agentic .sapsol-verification-code-label,
.sapsol-tool5-ai-agentic .sapsol-verification-help,
.sapsol-tool5-ai-agentic .sapsol-verification-secondary-actions{
    display:block!important;
}

.sapsol-tool5-ai-agentic .sapsol-verification-code-input{
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:82px!important;
    height:auto!important;
    margin:12px 0 10px!important;
    padding:16px 62px 16px 24px!important;
    border:2px solid #1684e8!important;
    border-radius:16px!important;
    background:#fff!important;
    color:#071b34!important;
    font-family:inherit!important;
    font-size:36px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.28em!important;
    text-align:center!important;
    text-indent:.28em!important;
    vertical-align:middle!important;
    float:none!important;
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    overflow:visible!important;
    box-shadow:0 0 0 4px rgba(22,132,232,.08)!important;
    appearance:textfield!important;
}
.sapsol-tool5-ai-agentic .sapsol-verification-code-input:hover{
    border-color:#1684e8!important;
    background:#fff!important;
    color:#071b34!important;
    transform:none!important;
}
.sapsol-tool5-ai-agentic .sapsol-verification-code-input:focus{
    outline:0!important;
    border-color:#0877d1!important;
    box-shadow:0 0 0 4px rgba(22,132,232,.14)!important;
    transform:none!important;
}

/* Never let a hidden error element become a table-cell through theme CSS. */
.sapsol-tool5-ai-agentic [data-verification-error]{
    box-sizing:border-box!important;
    width:100%!important;
    float:none!important;
    position:static!important;
    transform:none!important;
}
.sapsol-tool5-ai-agentic [data-verification-error]:not([hidden]){
    display:block!important;
    margin:14px 0!important;
    padding:12px 14px!important;
    border:1px solid #e6b8b8!important;
    border-radius:10px!important;
    background:#fff4f4!important;
    color:#8a1f1f!important;
    line-height:1.45!important;
}

/* Stable Tool-4-style submit control; protect against global button hover effects. */
.sapsol-tool5-ai-agentic .sapsol-verification-submit,
.sapsol-tool5-ai-agentic .sapsol-verification-submit:hover,
.sapsol-tool5-ai-agentic .sapsol-verification-submit:focus,
.sapsol-tool5-ai-agentic .sapsol-verification-submit:active{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-height:54px!important;
    height:auto!important;
    margin:24px 0 0!important;
    padding:14px 22px!important;
    border:0!important;
    border-radius:12px!important;
    background:#0877d1!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:16px!important;
    font-weight:700!important;
    line-height:1.35!important;
    letter-spacing:normal!important;
    text-align:center!important;
    text-indent:0!important;
    text-decoration:none!important;
    white-space:normal!important;
    opacity:1!important;
    visibility:visible!important;
    float:none!important;
    position:relative!important;
    inset:auto!important;
    overflow:visible!important;
    transform:none!important;
    box-shadow:none!important;
}
.sapsol-tool5-ai-agentic .sapsol-verification-submit:hover{
    background:#0668b9!important;
    color:#fff!important;
}
.sapsol-tool5-ai-agentic .sapsol-verification-submit:focus-visible{
    outline:3px solid rgba(8,119,209,.28)!important;
    outline-offset:3px!important;
}
.sapsol-tool5-ai-agentic .sapsol-verification-submit::before,
.sapsol-tool5-ai-agentic .sapsol-verification-submit::after{
    display:none!important;
    content:none!important;
}

@media(max-width:900px){.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid{grid-template-columns:1fr 1fr}.sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid label:first-child{grid-column:1/-1}}
@media(max-width:560px){
    .sapsol-tool5-ai-agentic .sapsol-tool5-usecase-grid{grid-template-columns:1fr}
    .sapsol-tool5-ai-agentic .sapsol-verification-code-input{font-size:30px!important;letter-spacing:.2em!important;text-indent:.2em!important;padding-left:16px!important;padding-right:48px!important}
}