/* Curated Method: working demonstrations (dark application window) */

.cm-demo-band{padding-block:var(--cm-space);background:var(--cm-ink);color:#fff}
.cm-demo-band .cm-head p{color:#B4BCB8}
.cm-demo-band .cm-more a{color:#fff}
.cm-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

.cm-app{
  --a-bg:#161B19; --a-panel:#1E2422; --a-line:#2F3633; --a-text:#E9ECEA; --a-muted:#98A19D; --a-ok:#6ADBA5; --a-bad:#FF9B8A;
  display:grid;margin-top:48px;border:1px solid var(--a-line);border-radius:10px;background:var(--a-bg);color:var(--a-text);
  font-size:.875rem;line-height:1.4;overflow:hidden;box-shadow:0 40px 80px -48px rgba(0,0,0,.55);
}
.cm-app :focus-visible{outline:2px solid var(--cm-signal);outline-offset:2px}
.cm-app button{font:inherit;color:inherit;cursor:pointer}
.cm-app h3{font-size:1.0625rem;font-weight:500;letter-spacing:-.01em}
.cm-app h4{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;font-size:.8125rem;font-weight:400;color:var(--a-muted)}
.cm-app small{display:block;margin-top:2px;font-size:.8125rem;color:var(--a-muted)}
.cm-app-solo{margin-top:0}
.cm-app-nojs{padding:20px;color:var(--a-muted)}

/* Shell */
.cm-app-side{display:flex;gap:4px;padding:10px;border-bottom:1px solid var(--a-line);overflow-x:auto}
.cm-app-brand{display:none;padding:4px 10px 14px;font-weight:500}
.cm-app-nav{padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--a-muted);text-align:left;white-space:nowrap}
.cm-app-nav:hover{color:var(--a-text)}
.cm-app-nav[aria-pressed="true"]{background:var(--a-panel);color:var(--a-text);box-shadow:inset 0 -2px 0 var(--cm-signal)}
.cm-app-bar{display:flex;justify-content:space-between;gap:12px;padding:13px 20px;border-bottom:1px solid var(--a-line);color:var(--a-muted)}
.cm-app-bar strong{font-weight:500;color:var(--a-text)}
.cm-app-view{padding:20px}
@media (min-width:860px){
  .cm-app[data-cm-app]{grid-template-columns:190px minmax(0,1fr)}
  .cm-app[data-cm-app] .cm-app-view{min-height:560px}
  .cm-app-side{flex-direction:column;padding:16px 10px;border-bottom:0;border-right:1px solid var(--a-line);overflow:visible}
  .cm-app-brand{display:block}
  .cm-app-nav[aria-pressed="true"]{box-shadow:inset 3px 0 0 var(--cm-signal)}
}

/* Parts shared by every view */
.cm-a-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.cm-a-seg{display:flex;flex-wrap:wrap;gap:4px}
.cm-a-seg button{padding:6px 10px;border:1px solid var(--a-line);border-radius:5px;background:transparent;color:var(--a-muted)}
.cm-a-seg button:hover{color:var(--a-text);border-color:var(--a-muted)}
.cm-a-seg button[aria-pressed="true"]{background:var(--a-text);border-color:var(--a-text);color:#121615}
.cm-a-cols{display:grid;gap:16px;align-items:start}
@media (min-width:720px){.cm-a-cols{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}}
.cm-a-stack{display:grid;gap:16px}
.cm-a-panel{padding:16px;border:1px solid var(--a-line);border-radius:8px;background:var(--a-panel)}
.cm-a-flush{padding:0;overflow:hidden}
.cm-a-flushx{margin:14px -16px -16px}
.cm-a-pill{display:inline-block;padding:2px 8px;border-radius:99px;background:var(--a-line);color:var(--a-text);font-size:.75rem;line-height:1.5;white-space:nowrap}
.cm-a-pill.ok{background:rgba(106,219,165,.16);color:var(--a-ok)}
.cm-a-pill.warn{background:rgba(255,212,0,.16);color:var(--cm-signal)}
.cm-a-pill.bad{background:rgba(255,155,138,.16);color:var(--a-bad)}
.cm-a-kv div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--a-line)}
.cm-a-kv div:last-child{border-bottom:0}
.cm-a-kv dt{color:var(--a-muted)}
.cm-a-kv dd{text-align:right}
.cm-a-btn{display:inline-block;margin-top:14px;padding:9px 14px;border:0;border-radius:5px;background:var(--cm-signal);font-weight:500}
.cm-app .cm-a-btn{color:#121615}
.cm-a-btn:hover{background:#fff}
.cm-a-btn[aria-disabled="true"]{background:var(--a-line);cursor:not-allowed}
.cm-app .cm-a-btn[aria-disabled="true"]{color:var(--a-muted)}
.cm-a-note{margin-top:10px;color:var(--a-muted)}
.cm-a-flush .cm-a-note{margin:0;padding:16px}
.cm-a-gap{margin-top:10px}
.cm-a-mono,.cm-a-code{font-family:var(--cm-mono);font-weight:500}
.cm-a-code{font-size:1.1875rem;letter-spacing:-.01em;overflow-wrap:anywhere}
.cm-a-track{display:block;height:5px;border-radius:3px;background:var(--a-line);overflow:hidden}
.cm-a-track i{display:block;height:100%;background:var(--a-muted);transition:width .3s}
.cm-a-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:12px 16px;border:0;border-bottom:1px solid var(--a-line);background:transparent;text-align:left}
.cm-a-item:last-child{border-bottom:0}
.cm-a-item:hover{background:rgba(255,255,255,.03)}
.cm-a-item[aria-pressed="true"]{background:rgba(255,255,255,.05);box-shadow:inset 3px 0 0 var(--cm-signal)}
.cm-a-item b{font-weight:500}

/* Hub overview */
.cm-a-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:16px;border:1px solid var(--a-line);border-radius:8px;background:var(--a-line);overflow:hidden}
@media (min-width:720px){.cm-a-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}}
.cm-a-kpi{padding:14px 16px;background:var(--a-bg)}
.cm-a-kpi span{display:block;font-size:.8125rem;color:var(--a-muted)}
.cm-a-kpi b{display:block;margin-top:4px;font-size:1.5rem;font-weight:500;letter-spacing:-.02em}
.cm-a-chart{display:block;width:100%;height:auto}
.cm-a-rowbtn{display:grid;grid-template-columns:92px minmax(0,1fr) 38px;align-items:center;gap:10px;width:100%;padding:8px;border:0;border-radius:5px;background:transparent;text-align:left}
.cm-a-rowbtn span:last-child{text-align:right}
.cm-a-rowbtn:hover,.cm-a-rowbtn[aria-pressed="true"]{background:rgba(255,255,255,.05)}
.cm-a-rowbtn[aria-pressed="true"] i{background:var(--cm-signal)}
.cm-a-feed li{padding:10px 0;border-bottom:1px solid var(--a-line)}
.cm-a-feed li:last-child{border-bottom:0;padding-bottom:0}
.cm-a-feed li:first-child{padding-top:0}

/* Configurator */
.cm-a-opt{margin-bottom:16px}
.cm-a-opt:last-child{margin-bottom:0}
.cm-a-opt p{margin-bottom:6px;color:var(--a-muted)}

/* Products */
.cm-a-search{flex:1 1 220px;max-width:320px}
.cm-a-input{width:100%;padding:8px 12px;border:1px solid var(--a-line);border-radius:6px;background:var(--a-panel);color:var(--a-text)}
.cm-a-input::placeholder{color:var(--a-muted)}

/* Learning */
.cm-a-prog{display:flex;align-items:center;gap:16px}
.cm-a-ring{width:76px;height:76px;flex:none}
.cm-a-ring circle{transition:stroke-dasharray .4s}
.cm-a-course{border-top:1px solid var(--a-line);border-bottom:0}
.cm-a-course > span:first-child{flex:1}
.cm-a-course .cm-a-track{margin-top:8px}
.cm-a-course[aria-pressed="true"] i{background:var(--cm-signal)}
.cm-a-q{margin-bottom:12px;font-size:1rem;color:var(--a-text)}
.cm-a-ans{display:block;width:100%;margin-top:6px;padding:10px 12px;border:1px solid var(--a-line);border-radius:6px;background:transparent;text-align:left}
.cm-a-ans:hover{border-color:var(--a-muted)}
.cm-a-ans[aria-disabled="true"]{cursor:default}
.cm-a-ans.right{border-color:var(--a-ok)}
.cm-app .cm-a-ans.right{color:var(--a-ok)}
.cm-a-ans.wrong{border-color:var(--a-bad)}
.cm-app .cm-a-ans.wrong{color:var(--a-bad)}

/* Advisor */
.cm-a-chat{display:grid;gap:12px}
.cm-a-msg{max-width:88%;padding:12px 14px;border-radius:8px;background:var(--a-panel);border:1px solid var(--a-line)}
.cm-a-msg.q{justify-self:end;background:var(--a-text);border-color:var(--a-text);color:#121615}
.cm-a-msg small{margin-top:10px}
.cm-a-asks{display:grid;gap:6px;margin-top:8px}
.cm-a-ask{padding:10px 12px;border:1px solid var(--a-line);border-radius:6px;background:transparent;text-align:left}
.cm-a-ask:hover{border-color:var(--a-muted)}

/* Services dashboards */
.cm-demo-band .cm-app{margin-top:48px}
.cm-app h4 .cm-a-seg{margin-left:auto}
.cm-a-term{display:grid;grid-template-columns:minmax(0,1fr) 44px 56px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--a-line)}
.cm-a-term:last-child{border-bottom:0;padding-bottom:0}
.cm-a-term .cm-a-track{margin-top:7px}
.cm-a-term .cm-a-track i{background:var(--cm-signal)}
.cm-a-term b{font-weight:500;text-align:right}
.cm-a-term small{margin:0;text-align:right}
.cm-app .cm-a-term small{color:var(--a-ok)}
.cm-a-check{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-top:1px solid var(--a-line)}
.cm-a-do,.cm-a-done{flex:none;min-width:64px;padding:7px 12px;border-radius:5px;border:1px solid var(--cm-signal);background:var(--cm-signal);font-weight:500}
.cm-app .cm-a-do{color:#121615}
.cm-a-do:hover{background:#fff;border-color:#fff}
.cm-a-done{background:transparent;border-color:var(--a-ok)}
.cm-app .cm-a-done{color:var(--a-ok)}
.cm-a-rowwide{grid-template-columns:150px minmax(0,1fr) 38px}
.cm-a-qrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media (max-width:480px){.cm-a-rowwide{grid-template-columns:110px minmax(0,1fr) 38px}}