/* Actual AMI overview/tab styles are loaded before this small public-demo adapter. */
#ami-demo{margin:42px auto 0;border:1px solid #dce3e9;border-radius:18px 18px 18px 0;overflow:hidden;text-align:left;padding:26px;background:var(--ao-bg);box-shadow:0 24px 65px -40px #1b335155;scroll-margin-top:88px}
#ami-demo [hidden]{display:none!important}
#ami-demo .ad-demo-label{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:var(--ao-muted);padding:0 0 20px}
#ami-demo .ad-demo-label span:first-child{color:var(--ao-blue);font-weight:550}
#ami-demo .ao-heading{align-items:flex-start;flex-wrap:wrap}
#ami-demo .ao-heading h2{font:570 27px/1.2 KlusioOutfit,Outfit,sans-serif;letter-spacing:-.7px;margin:0;text-wrap:initial}
#ami-demo .ao-heading p{font-size:12px;margin-top:8px}
#ami-demo .ao-heading-actions{flex-wrap:wrap}
#ami-demo .ami-domein-kiezer{max-width:100%;padding:8px 10px;min-height:38px}
#ami-demo .ami-domein-kiezer select{max-width:280px;outline-offset:3px}
#ami-demo .ami-tabs{display:flex;overflow:auto;scrollbar-width:thin;gap:23px;margin-bottom:20px}
#ami-demo .ami-tab{display:flex;align-items:center;gap:7px;flex-shrink:0;cursor:pointer}
#ami-demo .ad-switch-status{font-size:11px;color:var(--ao-muted);margin:0 0 18px}
#ami-demo .ao-cardhead{flex-wrap:wrap}
#ami-demo .ao-cardhead h3{font:550 18px/1.35 KlusioOutfit,Outfit,sans-serif;letter-spacing:-.3px;margin:0;text-wrap:initial}
#ami-demo .ao-caption{font-size:11px}
#ami-demo .ad-trend{width:calc(100% - 40px);display:block;margin:20px;min-height:170px}
#ami-demo .ad-chart-point{opacity:0;transition:opacity .15s}
#ami-demo .ad-chart-point:hover,#ami-demo .ad-chart-point:focus{opacity:1;outline:none}
#ami-demo .ao-brand{border:0;background:none;text-align:left}
#ami-demo .ao-ranking td:last-child{font-variant-numeric:tabular-nums;font-weight:550}
#ami-demo .ad-work-grid .ao-cardhead{padding-bottom:16px}
#ami-demo .ad-item{width:100%;background:#fff;border:0;border-top:1px solid var(--ao-line);text-align:left;min-height:82px;color:var(--ao-ink)}
#ami-demo .ad-item:hover{background:#f7faff}
#ami-demo .ad-item>span:nth-child(2){flex:1;min-width:0}
#ami-demo .ad-item strong{display:block;font-size:12px;font-weight:550;line-height:1.5}
#ami-demo .ad-item small{display:block;font-size:10px;color:var(--ao-muted);margin-top:4px}
#ami-demo .ad-item>i{color:var(--ao-blue)}
#ami-demo .ad-sectionhead{margin:6px 0 22px}
#ami-demo .ad-sectionhead h3{font:550 23px/1.3 KlusioOutfit,Outfit,sans-serif;letter-spacing:-.3px}
#ami-demo .ad-sectionhead p{font-size:12px;margin:7px 0 0}
#ami-demo .ad-question{display:grid;grid-template-columns:minmax(0,1fr) 110px auto 16px;align-items:center;width:100%;border:0;border-bottom:1px solid var(--ao-line);text-align:left}
#ami-demo .ad-question:last-child{border-bottom:0}
#ami-demo .ami-p-meta-line{display:block}
#ami-demo .ad-platform{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--ao-muted)}
#ami-demo .ad-platform img{width:23px;height:23px;object-fit:contain}
#ami-demo .ad-table-wrap{overflow:auto;border:1px solid var(--ao-line);border-radius:12px 12px 12px 0;background:#fff}
#ami-demo .ami-table td{border-bottom:1px solid var(--ao-line)}
#ami-demo .ami-table td:first-child{overflow-wrap:anywhere}
#ami-demo .ami-table .ao-link{white-space:nowrap}
#ami-demo .ad-detail h3{font:550 24px/1.35 KlusioOutfit,Outfit,sans-serif;margin:18px 0 24px}
#ami-demo .ad-back{border:0;background:none;padding:5px 0;color:var(--ao-blue)}
#ami-demo .ad-detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
#ami-demo .ad-evidence,#ami-demo .ad-proposal,#ami-demo .ad-report,#ami-demo .ad-chat{background:#fff;border:1px solid var(--ao-line);padding:24px;border-radius:12px 12px 12px 0}
#ami-demo h4{font:550 20px/1.35 KlusioOutfit,Outfit,sans-serif;margin:12px 0}
#ami-demo .ad-evidence header{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:18px}
#ami-demo .ad-evidence img{width:24px;height:24px;object-fit:contain}
#ami-demo .ad-evidence blockquote{margin:0;font-size:14px;line-height:1.75}
#ami-demo .ad-evidence p,#ami-demo .ad-proposal p,#ami-demo .ad-report p,#ami-demo .ad-chat p{font-size:13px;margin:12px 0}
#ami-demo .ad-evidence small{font-size:11px;color:var(--ao-muted)}
#ami-demo .ad-proposal>span{font-size:11px;color:var(--ao-blue)}
#ami-demo .ad-proposal button{margin-top:14px}
#ami-demo [data-ad-brief]{background:var(--ao-blue);color:white;border:0;padding:11px 15px;border-radius:8px 8px 8px 0}
#ami-demo .ad-note,#ami-demo .ad-brief{padding:16px 20px;font-size:11px;color:var(--ao-muted);background:#edf3ff;border-radius:8px 8px 8px 0;margin-top:16px}
#ami-demo .ad-brief p{font-size:12px;margin:12px 0 0}
#ami-demo .ad-agent{display:flex;align-items:center;gap:16px;padding:22px;background:#fff;border:1px solid var(--ao-line);border-radius:12px 12px 12px 0;margin:12px 0}
#ami-demo .ad-agent>div{flex:1}
#ami-demo .ad-agent h4{font-size:17px;margin:0 0 8px}
#ami-demo .ad-agent p{font-size:12px}
#ami-demo .ad-config{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}
#ami-demo .ad-config>div{padding:18px;background:white;border:1px solid var(--ao-line);border-radius:10px 10px 10px 0;min-width:0}
#ami-demo .ad-config dt{font-size:11px;color:var(--ao-muted)}
#ami-demo .ad-config dd{font:500 17px/1.5 KlusioOutfit,Outfit,sans-serif;margin:8px 0 0;overflow-wrap:anywhere}
#ami-demo .ad-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
#ami-demo .ad-platform-grid>span{padding:18px;background:#fff;border:1px solid var(--ao-line);border-radius:10px 10px 10px 0}
#ami-demo .ad-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--ao-line);padding-top:18px;margin-top:22px;font-size:10px;color:var(--ao-muted)}
#ami-demo .ad-bottom button{border:0;background:none;color:var(--ao-blue);white-space:nowrap}
#ami-demo .ad-guide{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;padding:14px 0 20px;margin-bottom:16px;border-bottom:1px solid var(--ao-line);font-size:12px;color:var(--ao-muted)}
#ami-demo .ad-guide>span{font-weight:600}
#ami-demo .ad-guide button{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--ao-line);border-radius:8px 8px 8px 0;background:#fff;color:var(--ao-ink);font:inherit}
#ami-demo .ad-guide button:hover{background:#eff5ff;border-color:#b5cbed}
#ami-demo .ad-guide b{display:grid;place-items:center;width:21px;height:21px;background:#e7f0ff;color:#1d5bd2;border-radius:50%;font-size:11px}
#ami-demo .ad-detail{scroll-margin-top:110px}
#ami-demo .ad-brief-plan{display:grid;gap:0;margin:18px 0}
#ami-demo .ad-brief-plan>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:18px;padding:15px 0;border-bottom:1px solid var(--ao-line)}
#ami-demo .ad-brief-plan dt{font-size:12px;font-weight:600;color:var(--ao-muted)}
#ami-demo .ad-brief-plan dd{margin:0;font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){#ami-demo .ad-brief-plan>div{grid-template-columns:1fr;gap:6px}}
#ami-demo .ad-chat #ad-chat-answer{margin-top:22px;padding:18px;background:#edf3ff;border-radius:10px 10px 10px 0}
@media(hover:hover) and (pointer:fine){#ami-demo button,#ami-demo select{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='44' viewBox='0 0 40 44'%3E%3Cpath d='M5 3L5 32L13 25L20 39L26 36L19 23L30 23Z' fill='%232563eb' stroke='white' stroke-width='2.5' stroke-linejoin='round'/%3E%3C/svg%3E") 5 3,pointer}}
@media(max-width:900px){#ami-demo .ao-main-grid,#ami-demo .ad-detail-grid{grid-template-columns:1fr}#ami-demo .ao-heading-actions{width:100%}#ami-demo .ad-question{grid-template-columns:1fr auto}#ami-demo .ad-question>span:first-child{grid-column:1/-1}#ami-demo .ad-question>i{display:none}#ami-demo .ad-agent{flex-wrap:wrap}#ami-demo .ad-agent>div{min-width:180px}}
@media(max-width:600px){#ami-demo{padding:18px 14px}#ami-demo .ao-heading h2{font-size:23px}#ami-demo .ami-domein-kiezer{width:100%;min-width:0}#ami-demo .ami-domein-kiezer select{max-width:100%;width:100%;font-size:11px}#ami-demo .ao-kpis{grid-template-columns:1fr 1fr}#ami-demo .ao-kpi{padding:13px;min-height:125px}#ami-demo .ao-kpi-values strong{font-size:29px}#ami-demo .ad-config{grid-template-columns:1fr 1fr}#ami-demo .ad-platform-grid{grid-template-columns:1fr 1fr}#ami-demo .ad-bottom{flex-direction:column;align-items:flex-start}#ami-demo .ad-demo-label{flex-wrap:wrap;gap:5px}#ami-demo .ad-evidence,#ami-demo .ad-proposal,#ami-demo .ad-report,#ami-demo .ad-chat{padding:18px}#ami-demo .ami-table{min-width:640px}}
@media(prefers-reduced-motion:reduce){#ami-demo *{transition:none!important;animation:none!important}}