/* Sandbox extensions reuse the shared dashboard system and stay fully scoped. */
.mct-demo{max-width:1440px;margin:0 auto}
.mct-demo.mct-admin{max-width:1600px}
.mct-demo .mct-page-header{margin-top:0}
.mct-demo .mct-demo-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-left:8px;padding:4px 8px;border-radius:6px;background:#edf3ff;color:var(--mct-accent);font-size:11px;font-weight:700;letter-spacing:.06em}
.mct-demo .mct-demo-banner{border-color:#e8c273;border-left-color:#bd7a13;background:#fff8e9;color:#704d11}
.mct-demo .mct-notice{margin-bottom:20px}
.mct-demo .mct-demo-toolbar{margin-bottom:22px}
.mct-demo .mct-demo-toolbar>label{max-width:260px}
.mct-demo .mct-demo-admin-panel{max-width:760px}
.mct-demo .mct-demo-metrics .mct-metric{cursor:default}
.mct-demo .mct-demo-metrics .mct-metric:hover{border-color:var(--mct-border);box-shadow:0 3px 10px #1c355405}
.mct-demo .mct-demo-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:0 0 10px;padding:5px;border:1px solid #e3e9f1;border-radius:10px;background:#eaf0f7}
.mct-demo .mct-demo-tab{min-height:36px;padding:8px 14px;border:0;background:transparent;color:#5b6880;border-radius:7px;box-shadow:none;font-size:13px;font-weight:600;line-height:1.35}
.mct-demo .mct-demo-tab:hover{background:#ffffff80;border:0;color:var(--mct-accent)}
.mct-demo .mct-demo-tab.is-active,.mct-demo .mct-demo-tab[aria-selected=true]{background:white;border:0;color:var(--mct-accent);box-shadow:0 2px 5px #18354f12}
.mct-demo .mct-demo-tab-panel[hidden]{display:none!important}
.mct-demo .mct-demo-navigation{margin:0 0 14px}
.mct-demo .mct-demo-context{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0 22px}
.mct-demo .mct-hint{display:block;color:var(--mct-muted);font-size:12px;line-height:1.55}
.mct-demo #mct-services .mct-service-grid{grid-template-columns:1fr}
.mct-demo .mct-service-card h3{overflow-wrap:anywhere}
.mct-demo .mct-demo-type,.mct-demo .mct-demo-expiry{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;line-height:1.35}
.mct-demo .mct-demo-type{background:#eef3fb;color:#52688c;letter-spacing:.04em}
.mct-demo .mct-demo-expiry.is-active{background:#eaf7f0;color:#14684f}
.mct-demo .mct-demo-expiry.is-expired{background:#fff0f1;color:#ad3342}
.mct-demo .mct-service-card .mct-card-heading h3{margin-bottom:14px}
.mct-demo .mct-service-card .mct-service-facts{margin-bottom:0}
.mct-demo .mct-detail-body{padding:0 0 12px}
.mct-demo .mct-detail-body>.mct-disclosure{margin-top:10px}
.mct-demo .mct-secret-output{display:block}
.mct-demo .mct-action-list{margin-top:12px}
.mct-demo .mct-demo-actions-title{font-size:12px;color:var(--mct-muted);margin:0 0 8px}
.mct-demo .mct-demo-manager-hint{margin:14px 0 0}
.mct-demo .mct-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin:12px 0}
.mct-demo .mct-form>label:not(.mct-checkbox),.mct-demo .mct-form>select,.mct-demo .mct-form>input:not([type=hidden]):not([type=checkbox]){flex:1 1 180px;min-width:0}
.mct-demo .mct-form>textarea{flex:1 1 100%}
.mct-demo .mct-form>.mct-checkbox{flex:1 1 100%;margin:0}
.mct-demo .mct-form>.button,.mct-demo .mct-form>button{flex:0 0 auto}
.mct-demo .mct-table .mct-form{padding:12px;background:#f6f8fc;border:1px solid var(--mct-border);border-radius:8px}
.mct-demo .mct-table .mct-form>label{flex-basis:100%}
.mct-demo .mct-table .mct-status{margin-top:8px}
.mct-demo .mct-table td p{margin-bottom:10px}
.mct-demo .mct-inventory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;margin:18px 0 0;padding:0}
.mct-demo .mct-inventory-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid #edf0f5;border-radius:8px;font-size:12px}
.mct-demo .mct-inventory-list li>span{min-width:0;overflow-wrap:anywhere}
.mct-demo .mct-log{max-height:340px;overflow:auto;margin:0;padding-left:22px;color:var(--mct-muted);font-size:12px}
.mct-demo .mct-log li{padding:8px 0;border-bottom:1px solid #edf0f5}
.mct-demo .mct-log li:last-child{border-bottom:0}
.mct-demo .mct-demo-ticket{border:1px solid var(--mct-border);border-radius:10px;padding:18px;margin-bottom:14px;background:white}
.mct-demo .mct-demo-ticket .mct-card-top{align-items:flex-start;margin-bottom:12px}
.mct-demo .mct-demo-ticket .mct-card-top h3{font-size:15px;margin:0;max-width:70%}
.mct-demo .mct-message{margin:10px 0}
.mct-demo .mct-copy-status{display:block;margin-top:8px;color:#14684f;font-size:12px}

@container(max-width:850px){.mct-demo .mct-inventory-list{grid-template-columns:1fr}.mct-demo .mct-demo-toolbar>label{max-width:none}}
@container(max-width:550px){.mct-demo .mct-demo-tabs{flex-wrap:nowrap;overflow-x:auto;width:100%;scrollbar-width:thin}.mct-demo .mct-demo-tab{flex:0 0 auto}.mct-demo .mct-demo-context{align-items:stretch}.mct-demo .mct-demo-context .button{width:100%}.mct-demo .mct-form>label:not(.mct-checkbox),.mct-demo .mct-form>select,.mct-demo .mct-form>input:not([type=hidden]):not([type=checkbox]){flex-basis:100%}.mct-demo .mct-form>.button,.mct-demo .mct-form>button{flex:1}.mct-demo .mct-demo-ticket{padding:14px}.mct-demo .mct-demo-ticket .mct-card-top{display:block}.mct-demo .mct-demo-ticket .mct-card-top h3{max-width:none;margin-bottom:10px}}
@media(max-width:600px){.mct-demo .mct-inventory-list{grid-template-columns:1fr}.mct-demo .mct-demo-toolbar>label{max-width:none}.mct-demo .mct-demo-context .button{width:100%}.mct-demo .mct-form>label:not(.mct-checkbox),.mct-demo .mct-form>select,.mct-demo .mct-form>input:not([type=hidden]):not([type=checkbox]){flex-basis:100%}.mct-demo .mct-form>.button,.mct-demo .mct-form>button{flex:1}}
@media(prefers-reduced-motion:reduce){.mct-demo *{transition:none!important;scroll-behavior:auto!important}}