:root {
    --starter-primary:#4669fa;
    --starter-primary-soft:#eef2ff;
    --starter-success:#22c55e;
    --starter-warning:#f59e0b;
    --starter-danger:#ef4444;
    --starter-info:#06b6d4;
    --starter-slate-50:#f8fafc;
    --starter-slate-100:#f1f5f9;
    --starter-slate-200:#e2e8f0;
    --starter-slate-300:#cbd5e1;
    --starter-slate-400:#94a3b8;
    --starter-slate-500:#64748b;
    --starter-slate-600:#475569;
    --starter-slate-700:#334155;
    --starter-slate-800:#1e293b;
    --starter-slate-900:#0f172a;
}
html.light { color-scheme:light; }
body.dashcode-app,body.dashcode-auth {
    background:var(--starter-slate-100);
    color:var(--starter-slate-600);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
summary { list-style:none; }
summary::-webkit-details-marker { display:none; }
.dashcode-app a,.dashcode-auth a { text-decoration:none; }
:where(.dashcode-app,.dashcode-auth) svg { display:inline-block;height:1.25rem;width:1.25rem; }
.page-header { align-items:flex-start;display:flex;justify-content:space-between; }
.page-title { color:var(--starter-slate-900);font-size:clamp(1.375rem,1.8vw,1.5rem);font-weight:600;letter-spacing:-.015em;line-height:1.25;margin:0 0 .375rem; }
.page-header .page-title+.text-secondary,.dashcode-page-heading .page-title+.text-secondary { font-size:.875rem;line-height:1.5; }
.text-secondary { color:var(--starter-slate-500)!important; }
.text-body { color:var(--starter-slate-800)!important; }
.text-primary { color:var(--starter-primary)!important; }
.text-success { color:#15803d!important; }
.text-warning { color:#b45309!important; }
.text-danger { color:#dc2626!important; }
.text-blue,.text-azure { color:#2563eb!important; }
.bg-primary-lt,.bg-blue-lt,.bg-azure-lt { background:#eef2ff!important; }
.bg-success-lt,.bg-green-lt { background:#ecfdf3!important; }
.bg-warning-lt { background:#fff7ed!important; }
.bg-danger-lt { background:#fef2f2!important; }
.bg-secondary-lt { background:var(--starter-slate-100)!important; }
.badge { align-items:center;border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:600;gap:.25rem;line-height:1;padding:.4rem .65rem; }
.card { background:#fff;border:1px solid rgba(226,232,240,.9);border-radius:.5rem;box-shadow:0 1px 2px rgba(15,23,42,.025); }
.card-header { align-items:center;border-bottom:1px solid var(--starter-slate-200);display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.25rem; }
.card-body { padding:1.25rem; }
.card-footer { border-top:1px solid var(--starter-slate-200);padding:1rem 1.25rem; }
.card-title,.modal-title,.starter-modal-section-title { color:var(--starter-slate-900);font-weight:600;text-transform:none; }
.card-title { font-size:1rem;line-height:1.4;margin:0; }
.modal-title { font-size:1.125rem;line-height:1.35;margin:0; }
.starter-modal-section-title { font-size:1rem;line-height:1.4;margin:0; }
.starter-form-section-title,.starter-settings-section-title { color:var(--starter-slate-900);font-size:.9375rem;font-weight:600;line-height:1.45;margin:0; }
.starter-settings-section-title { margin-bottom:1rem; }
.card-subtitle,.form-hint { color:var(--starter-slate-500);font-size:.8125rem;line-height:1.5;margin:.25rem 0 0; }
.form-label,.starter-switch-title { font-size:.875rem;line-height:1.4; }
.card-actions { align-items:center;display:flex;margin-left:auto; }
.avatar { align-items:center;background-color:var(--starter-slate-200);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:999px;display:inline-flex;flex:0 0 auto;height:3rem;justify-content:center;overflow:hidden;width:3rem; }
.avatar-lg { height:4rem;width:4rem; }.avatar-xl { height:5rem;width:5rem; }
.btn-list { align-items:center;display:flex;flex-wrap:wrap;gap:.6rem; }.small { font-size:.8rem; }
.font-monospace { font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace; }.text-truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }.flex-fill,.dashcode-grow { flex:1 1 auto;min-width:0; }.link-secondary { color:var(--starter-slate-500); }.mt-auto { margin-top:auto; }.rounded-circle { border-radius:999px; }
.border-top { border-top:1px solid var(--starter-slate-200); }.border-bottom { border-bottom:1px solid var(--starter-slate-200); }
.required::after { color:var(--starter-danger);content:" *"; }
.btn { align-items:center;border-radius:.375rem;display:inline-flex;font-weight:600;gap:.45rem;justify-content:center;min-height:2.5rem;transition:.15s ease; }
.btn:focus-visible,.starter-icon-button:focus-visible,.starter-pg-page:focus-visible,.starter-dropdown-item:focus-visible,.starter-app-option:focus-visible { outline:3px solid rgba(70,105,250,.2);outline-offset:2px; }
.btn-primary { background:var(--starter-primary);border-color:var(--starter-primary);color:#fff; }
.btn-primary:hover { background:#3656d4;border-color:#3656d4; }
.btn-secondary,.btn-outline-dark { background:#fff;border:1px solid var(--starter-slate-300);color:var(--starter-slate-700); }
.btn-outline-danger,.btn-ghost-danger { border:1px solid #fecaca;color:#dc2626; }
.btn-outline-danger:hover,.btn-ghost-danger:hover { background:#fef2f2; }
.starter-brand { align-items:center;display:flex;min-height:2rem;min-width:0; }
.starter-brand-image { display:block;height:2rem;max-width:11.5rem;object-fit:contain;object-position:left center;width:auto; }
.starter-brand-image.white_logo { display:none; }
.sidebar-menus { height:calc(100vh - 5rem);overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 2rem;scrollbar-width:thin; }
.sidebar-wrapper .logo-segment { min-height:5rem; }
.sidebarCloseIcon,.starter-sidebar-overlay { display:none; }
.starter-sidebar-details>summary,.starter-submenu-link,.navItem { align-items:center;border-radius:.375rem;box-sizing:border-box;cursor:pointer;display:flex;padding:.7rem .65rem;width:100%; }
.starter-sidebar-details>summary { justify-content:space-between; }
.starter-parent-menu-content { align-items:center;display:flex;min-width:0; }
.starter-parent-menu-content>span:last-child { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.starter-sidebar-details>.sidebar-submenu,.starter-sidebar-details-nested>.sidebar-submenu { display:none; }
.starter-sidebar-details[open]>.sidebar-submenu,.starter-sidebar-details-nested[open]>.sidebar-submenu { display:block; }
.starter-sidebar-details[open]>summary .icon-arrow,.starter-sidebar-details-nested[open]>summary .icon-arrow { transform:rotate(90deg); }
.sidebar-submenu { list-style:none;margin:.25rem 0 .35rem;padding:0 0 0 1.05rem; }
.sidebar-submenu>li { list-style:none;margin:0;padding:0; }
.starter-submenu-link { color:var(--starter-slate-600);font-size:.84rem;gap:.65rem;line-height:1.25;padding:.42rem .65rem; }
.starter-submenu-link::before { background:#fff;border:1px solid var(--starter-slate-500);border-radius:50%;box-sizing:border-box;content:"";flex:0 0 auto;height:.42rem;width:.42rem; }
.starter-submenu-link:hover,.starter-submenu-link.active,.starter-submenu-link[data-current=true] { color:var(--starter-slate-900);font-weight:600; }
.starter-submenu-link.active::before,.starter-submenu-link[data-current=true]::before { background:var(--starter-slate-800);border-color:var(--starter-slate-800);box-shadow:0 0 0 3px var(--starter-slate-200); }
.navItem:hover,.starter-sidebar-details>summary:hover,.navItem.active,.sidebar-wrapper [data-current=true] { background:var(--starter-slate-100);color:var(--starter-slate-900); }
.navItem.is-disabled,.starter-submenu-link.is-disabled,.starter-horizontal-link.is-disabled { cursor:not-allowed;opacity:.55; }
#app_header.starter-header-overlay-owner { isolation:isolate;overflow:visible;position:relative;z-index:1300; }
#app_header.starter-header-overlay-owner .app-header,#app_header.starter-header-overlay-owner .starter-content-container,#app_header.starter-header-overlay-owner .nav-tools { overflow:visible; }
.app-header { min-height:5rem; }
.starter-header-brand { align-items:center;display:flex;flex:0 0 auto; }
.starter-header-brand img { height:2.5rem;max-width:11.5rem;object-fit:contain; }
.starter-icon-button { align-items:center;background:var(--starter-slate-100);border:1px solid transparent;border-radius:999px;color:var(--starter-slate-700);cursor:pointer;display:inline-flex;flex:0 0 auto;height:2.5rem;justify-content:center;padding:0;transition:.15s ease;width:2.5rem; }
.starter-icon-button:hover { background:var(--starter-slate-200);color:var(--starter-slate-900); }
.starter-account-menu,.starter-app-switcher { position:relative; }
.starter-account-panel,.starter-app-panel { background:#fff;border:1px solid var(--starter-slate-200);border-radius:.5rem;box-shadow:0 14px 32px rgba(15,23,42,.14);display:none;position:absolute;right:0;top:calc(100% + .65rem);z-index:1080; }
.starter-account-menu[open] .starter-account-panel,.starter-app-panel.show { display:block; }
.starter-account-panel { min-width:14rem;padding:.5rem; }
.starter-app-panel { min-width:min(20rem,calc(100vw - 2rem));overflow:hidden; }
.starter-dropdown-label { color:var(--starter-slate-500);font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.5rem .65rem;text-transform:uppercase; }
.starter-dropdown-item { align-items:center;border:0;border-radius:.35rem;color:var(--starter-slate-700);display:flex;font-size:.875rem;gap:.6rem;padding:.65rem;text-align:left;width:100%; }
.starter-dropdown-item:hover { background:var(--starter-slate-100);color:var(--starter-slate-900); }
.starter-dropdown-danger { color:#dc2626; }
.starter-dropdown-divider { border-top:1px solid var(--starter-slate-200);margin:.35rem 0; }
.starter-notification-dot { background:var(--starter-primary);border:2px solid #fff;border-radius:999px;height:.55rem;position:absolute;right:0;top:0;width:.55rem; }
.main-menu>ul { align-items:stretch;display:flex;gap:.15rem; }
/* The vendor header assumes a short menu. Let the navigation shrink between
   the brand and account tools, then wrap items within that available space. */
.horizontalMenu .horizental-box,.horizontalMenu .nav-tools { flex-shrink:0; }
.horizontalMenu .main-menu { flex:1 1 0;min-width:0; }
.horizontalMenu .main-menu>ul { flex-wrap:wrap;justify-content:center; }
.horizontalMenu .main-menu>ul>li { max-width:100%; }
@media (min-width:1280px) {
    .horizontalMenu .starter-shell-header>.starter-content-container { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,1fr);min-height:5rem; }
    .horizontalMenu .horizental-box { justify-self:start;max-width:100%;min-width:0; }
    .horizontalMenu .horizental-box [data-starter-active-app] { min-width:0; }
    .horizontalMenu .main-menu { width:100%; }
    .horizontalMenu .nav-tools { justify-self:end; }
}
.horizontalMenu .main-menu .starter-horizontal-link { min-height:3rem;overflow-wrap:anywhere;padding-block:.5rem; }
.horizontalMenu .main-menu .starter-horizontal-link>span { min-width:0; }
.starter-horizontal-details { position:relative; }
.starter-horizontal-link { align-items:center;color:var(--starter-slate-600);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.4rem;min-height:5rem;padding:0 1rem; }
.starter-horizontal-link:hover,.starter-horizontal-link.active,.main-menu>ul>li.active>.starter-horizontal-link,.starter-horizontal-details[open]>.starter-horizontal-link { color:var(--starter-primary); }
.starter-horizontal-details>.sub-menu,.starter-horizontal-details>.starter-horizontal-nested { background:#fff;border:1px solid var(--starter-slate-200);border-radius:.4rem;box-shadow:0 12px 28px rgba(15,23,42,.14);display:none;left:0;min-width:13rem;padding:.45rem;position:absolute;top:calc(100% - .25rem);z-index:1100; }
.starter-horizontal-details[open]>.sub-menu,.starter-horizontal-details[open]>.starter-horizontal-nested { display:block; }
.starter-horizontal-submenu-link { align-items:center;border-radius:.3rem;color:var(--starter-slate-600);display:flex;font-size:.85rem;gap:.5rem;justify-content:space-between;padding:.6rem .7rem;white-space:nowrap; }
.starter-horizontal-submenu-link:hover,.starter-horizontal-submenu-link.active { background:var(--starter-primary-soft);color:var(--starter-primary); }
.horizontalMenu .page-content { margin-inline:auto;max-width:1680px; }
.dashcode-alert { align-items:flex-start;background:var(--starter-primary-soft);border:1px solid #c7d2fe;border-radius:.45rem;color:var(--starter-slate-700);display:flex;gap:.75rem;padding:.9rem 1rem; }
.dashcode-alert-secondary { background:#f1f5f9;border-color:#cbd5e1; }
.dashcode-alert-danger { background:#fef2f2;border-color:#fecaca; }
.dashcode-alert-success { background:#ecfdf3;border-color:#bbf7d0; }
.dashcode-alert-warning { background:#fffbeb;border-color:#fde68a; }
.dashcode-alert-info { background:#ecfeff;border-color:#a5f3fc; }
.dashcode-alert-title { color:var(--starter-slate-900);font-size:.9375rem;font-weight:600;line-height:1.4;margin:0; }
.dashcode-alert-icon { align-items:center;display:inline-flex; }
.dashcode-icon-button { align-items:center;background:transparent;border:0;border-radius:999px;color:var(--starter-slate-500);display:inline-flex;flex:0 0 auto;height:2.25rem;justify-content:center;padding:0;width:2.25rem; }
.dashcode-icon-button:hover { background:var(--starter-slate-100);color:var(--starter-slate-800); }
.dashcode-activity-stats { display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1.25rem; }
.dashcode-main-column,.page-content,.starter-slot-area,.dashcode-settings-page { box-sizing:border-box;max-width:100%;min-width:0;width:100%; }
.starter-content-container { margin-inline:auto;max-width:1680px;width:100%; }
.dashcode-main-column { min-height:calc(100vh - 5.5rem)!important; }
.content-wrapper { box-sizing:border-box;max-width:100%;min-width:0; }
.dashcode-settings-panel,.dashcode-table-card { max-width:100%;min-width:0;overflow:hidden; }
.dashcode-settings-stats { display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.25rem; }
.dashcode-settings-panel>.card-header { padding:0 1.25rem; }
.dashcode-settings-panel>.card-header .nav { align-items:center;display:flex;flex-wrap:nowrap;gap:.25rem;margin:0; }
.dashcode-settings-panel>.card-header .nav-link { border-bottom:2px solid transparent;color:var(--starter-slate-500);padding:1rem .7rem; }
.dashcode-settings-panel>.card-header .nav-link:hover,.dashcode-settings-panel>.card-header .nav-link.active { border-bottom-color:var(--starter-primary);color:var(--starter-primary); }
.dashcode-profile-layout { align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:minmax(15rem,3fr) minmax(0,9fr); }
.starter-profile-nav-column { align-self:stretch; }
.starter-profile-nav-column>[data-starter-region="section-navigation"] { height:100%; }
.dashcode-account-summary { background:#fff;overflow:hidden; }
.dashcode-account-summary>.card-body { padding:1.25rem; }
.dashcode-account-summary-row { align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(16rem,1.05fr) minmax(0,1.95fr); }
.dashcode-account-identity,.dashcode-account-meta-item { align-items:center;display:flex;min-width:0; }
.dashcode-account-identity { gap:1rem; }
.dashcode-account-name { color:var(--starter-slate-900);font-size:1.15rem;font-weight:600;line-height:1.35; }
.dashcode-account-email { color:var(--starter-slate-500);font-size:.85rem;margin-top:.15rem; }
.dashcode-account-role { background:var(--starter-primary-soft);color:var(--starter-primary); }
.dashcode-account-metadata { display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr)); }
.dashcode-account-meta-item { gap:.75rem; }
.dashcode-account-meta-icon { align-items:center;border-radius:.5rem;display:flex;flex:0 0 2.5rem;height:2.5rem;justify-content:center;width:2.5rem; }
.dashcode-account-meta-icon-info { background:#e5f9ff;color:#087d91; }
.dashcode-account-meta-icon-primary { background:var(--starter-primary-soft);color:var(--starter-primary); }
.dashcode-account-meta-icon-success { background:#ecfdf3;color:#15803d; }
.dashcode-account-meta-label { color:var(--starter-slate-500);font-size:.78rem;line-height:1.35; }
.dashcode-account-meta-value { color:var(--starter-slate-800);font-size:.875rem;font-weight:600;line-height:1.4;margin-top:.15rem; }
.dashcode-profile-nav { display:grid;gap:.75rem; }
.dashcode-stacked-list-item { align-items:center;border-top:1px solid var(--starter-slate-200);display:flex;gap:.75rem;padding:.85rem 0; }
.dashcode-stacked-list-item:first-child { border-top:0; }
.dashcode-profile-nav { gap:.35rem; }
.dashcode-profile-nav-item { align-items:center;border-radius:.4rem;color:var(--starter-slate-600);display:flex;gap:.6rem;padding:.7rem .8rem; }
.dashcode-profile-nav-item:hover,.dashcode-profile-nav-item.active { background:var(--starter-primary-soft);color:var(--starter-primary); }
.dashcode-profile-menu-title,.dashcode-profile-form-title { color:var(--starter-slate-900);font-size:1.05rem;font-weight:600;line-height:1.3;margin:0; }
.dashcode-profile-menu-copy,.dashcode-profile-form-copy { color:var(--starter-slate-500);font-size:.85rem;line-height:1.55;margin:.35rem 0 0; }
.dashcode-profile-photo-block { align-items:center;display:flex;flex-wrap:wrap;gap:1rem; }
.dashcode-profile-photo-actions { flex:1 1 16rem;min-width:0; }
.dashcode-profile-form-header { align-items:flex-start;border-bottom:1px solid var(--starter-slate-200);display:flex;gap:.8rem;justify-content:space-between;padding:1rem 1.25rem; }
.dashcode-profile-form-icon,.dashcode-profile-security-guide-icon { align-items:center;background:var(--starter-primary-soft);border-radius:.45rem;color:var(--starter-primary);display:flex;flex:0 0 auto;height:2.5rem;justify-content:center;width:2.5rem; }
.dashcode-profile-actions { align-items:center;border-top:1px solid var(--starter-slate-200);display:flex;justify-content:flex-end;padding:1rem 1.25rem; }
.dashcode-profile-security-guide { align-items:flex-start;background:var(--starter-slate-50);border:1px solid var(--starter-slate-200);border-radius:.45rem;display:flex;gap:.8rem;padding:1rem; }
.dashcode-profile-security-guide-row { grid-column:1/-1; }
.dashcode-profile-security-guide-title { color:var(--starter-slate-800);font-size:.85rem;font-weight:600; }.dashcode-profile-security-guide-copy { color:var(--starter-slate-500);font-size:.78rem;line-height:1.5;margin-top:.2rem; }
.dashcode-alert-content { align-items:flex-start;display:flex;gap:.75rem; }
.dashcode-form-grid { display:grid;gap:1rem; }.dashcode-form-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }.dashcode-form-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.dashcode-form-layout { align-items:stretch;display:grid;gap:1.25rem;grid-template-columns:minmax(0,7fr) minmax(20rem,5fr); }
.dashcode-role-layout { align-items:start;display:grid;gap:1.25rem;grid-template-columns:minmax(20rem,5fr) minmax(0,7fr); }
.dashcode-full-height { height:100%; }.dashcode-actions { align-items:center;display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end; }
.dashcode-upload-row { align-items:center;display:flex;flex-wrap:wrap;gap:.8rem; }.dashcode-upload-feedback { flex-basis:100%; }
.starter-client-logo-preview { align-items:center;background:var(--starter-slate-100);border:1px solid var(--starter-slate-200);border-radius:.5rem;color:var(--starter-slate-700);display:flex;font-size:1.1rem;font-weight:600;height:5rem;justify-content:center;overflow:hidden;padding:.75rem;width:10rem; }.starter-client-logo-preview-image { height:100%;object-fit:contain;width:100%; }
.dashcode-visually-hidden { height:1px!important;overflow:hidden!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important; }
.dashcode-stack { display:grid;gap:1rem; }.dashcode-stack-lg { gap:1.25rem; }.dashcode-section-gap { margin-bottom:1.25rem; }
.dashcode-help-text { color:var(--starter-slate-500);display:block;font-size:.8rem;line-height:1.55;margin-top:.2rem; }
.dashcode-inline-heading { align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.55rem; }.dashcode-font-semibold { color:var(--starter-slate-800);font-weight:600; }
.dashcode-grow { flex:1 1 auto;min-width:0; }.dashcode-push-right { margin-left:auto; }
.dashcode-responsive-row { align-items:center;display:flex;gap:.65rem; }.dashcode-note-row { align-items:flex-start;border-top:1px solid var(--starter-slate-200);color:var(--starter-slate-500);display:flex;font-size:.8rem;gap:.5rem;margin-top:1rem;padding-top:1rem; }
.dashcode-align-start { align-items:flex-start; }.dashcode-grid-full { grid-column:1/-1; }
.dashcode-empty-state { color:var(--starter-slate-500);padding:2rem;text-align:center; }
.dashcode-empty-state-icon { align-items:center;background:var(--starter-slate-100);border-radius:999px;color:var(--starter-slate-500);display:inline-flex;height:3rem;justify-content:center;margin-bottom:.75rem;width:3rem; }
.dashcode-empty-state-title { color:var(--starter-slate-800);font-weight:600; }
.dashcode-empty-state-description { font-size:.875rem;margin-top:.25rem; }
.starter-switch-row,.dashcode-role-choice-row { align-items:flex-start;cursor:pointer;display:flex;gap:.75rem; }
.starter-switch-input,.dashcode-role-choice-input { height:1px;opacity:0;position:absolute;width:1px; }
.starter-switch-track { background:var(--starter-slate-300);border-radius:999px;display:inline-block;flex:0 0 auto;height:1.45rem;margin-top:.1rem;position:relative;transition:.2s ease;width:2.55rem; }
.starter-switch-track::after { background:#fff;border-radius:999px;box-shadow:0 1px 3px rgba(15,23,42,.25);content:"";height:1.05rem;left:.2rem;position:absolute;top:.2rem;transition:.2s ease;width:1.05rem; }
.starter-switch-input:checked+.starter-switch-track { background:var(--starter-primary); }
.starter-switch-input:checked+.starter-switch-track::after { transform:translateX(1.1rem); }
.starter-switch-title { color:var(--starter-slate-800);font-weight:600; }
.dashcode-security-settings .dashcode-stack { gap:1.5rem; }
.dashcode-security-settings .starter-switch-label { line-height:1.25; }
.dashcode-security-settings .dashcode-help-text { line-height:1.4;margin-top:0; }
.dashcode-access-accordion { border:1px solid var(--starter-slate-200);border-radius:.5rem;overflow:hidden; }
.dashcode-access-accordion-item+.dashcode-access-accordion-item { border-top:1px solid var(--starter-slate-200); }
.dashcode-access-accordion-header { background:var(--starter-slate-50); }
.dashcode-access-accordion-button { align-items:center;display:flex;gap:.75rem;padding:.9rem 1rem;text-align:left;width:100%; }
.dashcode-access-accordion-panel { display:none;padding:0 1rem 1rem; }.dashcode-access-accordion-panel.show { display:block; }
.dashcode-access-accordion-toggle { align-items:center;color:var(--starter-slate-500);display:flex;flex:0 0 auto;height:1.5rem;justify-content:center;width:1.5rem; }
.dashcode-access-accordion-toggle svg { transition:transform .15s ease; }.dashcode-access-accordion-button.collapsed .dashcode-access-accordion-toggle svg { transform:rotate(-90deg); }
.dashcode-access-accordion-body { border-top:1px solid var(--starter-slate-200);padding:1rem; }
.dashcode-role-module-option { border-top:1px solid var(--starter-slate-200);padding:.8rem 0; }
.dashcode-role-module-title { align-items:center;display:flex;flex-wrap:wrap;gap:.4rem; }.dashcode-role-module-title .font-monospace { background:var(--starter-slate-100);border-radius:.3rem;padding:.15rem .35rem; }.dashcode-role-module-title,.dashcode-role-choice-label { color:var(--starter-slate-800);font-size:.88rem;font-weight:600; }.dashcode-role-choice-copy { color:var(--starter-slate-500);font-size:.78rem;line-height:1.5;margin-top:.15rem; }
.dashcode-role-choice-indicator { align-items:center;background:#fff;border:1px solid var(--starter-slate-300);display:inline-flex;flex:0 0 auto;height:1.1rem;justify-content:center;margin-top:.1rem;width:1.1rem; }
.dashcode-role-choice-checkbox { border-radius:.25rem; }
.dashcode-role-choice-radio { border-radius:999px; }
.dashcode-role-choice-input:checked+.dashcode-role-choice-indicator { background:var(--starter-primary);border-color:var(--starter-primary);box-shadow:inset 0 0 0 3px #fff; }
.dashcode-role-landing-options { display:grid;gap:.55rem;margin-left:1.85rem;margin-top:.65rem; }
.dashcode-stacked-list { list-style:none;margin:0;padding:0; }.dashcode-stacked-list-flush { margin-inline:-1.25rem; }.dashcode-stacked-list-flush .dashcode-stacked-list-item { padding-inline:1.25rem; }
.modal { align-items:center;background:rgba(15,23,42,.46);display:none;inset:0;justify-content:center;overflow:auto;padding:1rem;position:fixed;z-index:2050; }
.modal.show { display:flex!important; }
.modal-dialog { margin:auto;max-width:32rem;width:100%; }
.modal-lg { max-width:52rem; }
.modal-sm { max-width:27rem; }
.modal-content { background:#fff;border:1px solid var(--starter-slate-200);border-radius:.55rem;box-shadow:0 22px 55px rgba(15,23,42,.24);max-height:calc(100vh - 2rem);overflow:auto; }
.modal-header,.modal-footer { align-items:center;display:flex;gap:.75rem;justify-content:space-between;padding:1rem 1.15rem; }
.modal-header { border-bottom:1px solid var(--starter-slate-200); }
.modal-footer { border-top:1px solid var(--starter-slate-200);justify-content:flex-end; }
.modal-body { padding:1.15rem; }
.dashcode-modal-close { position:absolute;right:.75rem;top:.75rem;z-index:1; }
.dashcode-alert-modal-body { padding-top:2.5rem; }
body.starter-modal-open { overflow:hidden; }
.dashcode-bulk-dropdown,.dashcode-row-action { position:relative; }
.dashcode-table-action { align-items:center;background:transparent;border:0;border-radius:.3rem;color:var(--starter-slate-600);cursor:pointer;display:inline-flex;height:2rem;justify-content:center;padding:0;position:relative;width:2rem; }
.dashcode-table-action:hover { background:var(--starter-slate-100);color:var(--starter-slate-900); }
.dashcode-table-action:focus-visible { outline:3px solid rgba(70,105,250,.2);outline-offset:2px; }
.dashcode-table-action .starter-icon { height:1.25rem;width:1.25rem; }
.dashcode-table-dropdown { background:#fff;border:0;border-radius:.5rem;box-shadow:0 8px 18px rgba(15,23,42,.16);box-sizing:border-box;display:none;list-style:none;margin:0;max-width:calc(100vw - 1rem);min-width:7.5rem;overflow:hidden;padding:0;position:absolute;right:0;top:calc(100% + .35rem);width:max-content;z-index:1200; }
.dashcode-row-dropdown { right:auto;top:auto; }
.dashcode-table-dropdown.show,.dashcode-table-action[open] .dashcode-table-dropdown,.dashcode-bulk-dropdown[open] .dashcode-table-dropdown { display:block; }
.dashcode-table-dropdown-item { align-items:center;background:transparent;border:0;color:var(--starter-slate-700);cursor:pointer;display:flex;font-size:.85rem;gap:.55rem;line-height:1.25;padding:.55rem .85rem;text-align:left;white-space:nowrap;width:100%; }
.dashcode-table-dropdown-item:hover,.dashcode-table-dropdown-item:focus-visible { background:var(--starter-slate-900);color:#fff;outline:none; }
.dashcode-table-dropdown-item .dashcode-table-dropdown-icon { flex:0 0 auto;height:1rem;width:1rem; }
.dashcode-table-dropdown-item.disabled { cursor:not-allowed;opacity:.5;pointer-events:none; }
.dashcode-table-dropdown-danger { color:#dc2626; }
.dashcode-table-dropdown-divider { border-top:1px solid var(--starter-slate-200);margin:.3rem 0; }
.dashcode-data-table { max-width:100%;min-width:0; }
.starter-pg-container { max-width:100%;min-width:0;overflow:hidden; }
.starter-pg-table { display:block!important;max-width:100%;min-width:0!important;width:100%; }
.starter-pg-frame { border-top:1px solid var(--starter-slate-200);max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;width:100%; }
.starter-pg-filter-cell { box-sizing:border-box; }
.dashcode-data-table .starter-pg-filter-cell input { margin-left:0; }
.starter-pg-filter { box-sizing:border-box;display:inline-block;max-width:none;width:fit-content; }
.starter-pg-filter-text>div { width:fit-content; }
.starter-pg-filter input { box-sizing:border-box;field-sizing:content;min-width:6.5rem;width:8rem; }
.starter-pg-filter select { box-sizing:border-box;field-sizing:content;min-width:0;width:auto; }
.starter-pg-filter-text input { max-width:11rem; }
.starter-pg-filter-cell .starter-pg-filter-number { box-sizing:border-box;field-sizing:content;max-width:9rem;min-width:6.5rem;width:8rem; }
.starter-pg-filter-multiselect { min-width:8rem; }
.starter-pg-footer { border-top:1px solid var(--starter-slate-200);padding:.8rem 1rem; }
.starter-pg-footer-layout { align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(11rem,1fr) auto minmax(15rem,1fr); }
.starter-pg-footer-left { justify-self:start; }
.starter-pg-footer-center { justify-self:center; }
.starter-pg-footer-right { justify-self:end;white-space:nowrap; }
.starter-pg-per-page { align-items:center;color:var(--starter-slate-500);display:flex;font-size:.8rem;gap:.55rem;white-space:nowrap; }
.starter-pg-per-page>span:first-child { display:inline-block;flex:0 0 5rem;width:5rem; }
.starter-pg-pagination,.starter-pg-pages { align-items:center;display:flex;gap:.25rem; }
.starter-pg-page { align-items:center;background:#fff;border:1px solid var(--starter-slate-200);border-radius:.3rem;color:var(--starter-slate-600);display:inline-flex;font-size:.8rem;height:2rem;justify-content:center;min-width:2rem; }
.starter-pg-page:hover:not(:disabled),.starter-pg-page.is-active { background:var(--starter-primary);border-color:var(--starter-primary);color:#fff; }
.starter-pg-page:disabled { cursor:not-allowed;opacity:.45; }
.starter-pg-record-count { color:var(--starter-slate-500);font-size:.8rem; }
.starter-error-page { align-items:center;display:flex;justify-content:center;min-height:100dvh;padding:2rem 1rem; }
.starter-error-content { max-width:34rem;text-align:center; }
.starter-error-code { align-items:center;background:var(--starter-primary-50);border-radius:999px;color:var(--starter-primary);display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;margin-bottom:1rem;min-height:2.5rem;min-width:4.5rem;padding:.45rem 1rem; }
.starter-error-image { display:block;height:auto;max-height:min(38vh,20rem);max-width:100%;width:auto;margin:0 auto 2rem; }
.starter-error-content h1 { color:var(--starter-slate-900);font-size:1.5rem;line-height:1.35;font-weight:500;margin-bottom:1rem; }
.starter-error-content p { color:var(--starter-slate-600);font-size:1rem;line-height:1.5;margin-bottom:2rem; }
.starter-livewire-loader { align-items:center;background:rgba(241,245,249,.72);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:.15s ease;z-index:1500; }
body.starter-livewire-is-loading .starter-livewire-loader { opacity:1;pointer-events:auto; }
.starter-loader-card { align-items:center;display:flex;gap:.65rem;padding:.85rem 1rem; }
.starter-spinner { animation:starter-dashcode-spin .75s linear infinite;border:2px solid var(--starter-slate-200);border-radius:999px;border-top-color:var(--starter-primary);height:1.15rem;width:1.15rem; }
@keyframes starter-dashcode-spin { to { transform:rotate(360deg); } }
.loginwrapper .starter-auth-logo { height:2.5rem;max-width:12rem;object-fit:contain; }
.loginwrapper .starter-auth-company-logo { height:auto;max-height:3.5rem;width:8.6875rem; }
.starter-auth-form-brand { display:flex;justify-content:center; }
.starter-auth-form-brand a { display:inline-flex; }
.starter-auth-heading { color:var(--starter-slate-600);font-size:clamp(2rem,3.15vw,2.5rem);font-weight:400;line-height:1.2;margin-top:2.5rem; }
.starter-auth-heading span { color:var(--starter-slate-900); }
.starter-auth-illustration img { max-width:100%; }
.starter-auth-box { padding-bottom:6rem!important; }
.auth-footer { padding:1rem; }

/* Theme-owned landing composition, derived from DashCode cards and application shell. */
.dashcode-landing-page { background:linear-gradient(180deg,#fff 0,#f8fafc 100%);color:var(--starter-slate-600);min-height:100vh;overflow:hidden; }
.dashcode-landing-nav { align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:75rem;padding:1.5rem 2rem; }
.dashcode-landing-brand { align-items:center;color:var(--starter-slate-900)!important;display:flex;font-size:1.15rem;gap:.7rem; }
.dashcode-landing-brand img { height:2.25rem;width:2.25rem; }
.dashcode-landing-login { border:1px solid var(--starter-slate-200);border-radius:.45rem;color:var(--starter-slate-700)!important;font-size:.875rem;font-weight:600;padding:.65rem 1.15rem; }
.dashcode-landing-login:hover { border-color:#a5b4fc;color:var(--starter-primary)!important; }
.dashcode-landing-hero { align-items:center;display:grid;gap:4.5rem;grid-template-columns:minmax(0,.92fr) minmax(30rem,1.08fr);margin:0 auto;max-width:75rem;padding:5.5rem 2rem 4rem; }
.dashcode-landing-hero-single { grid-template-columns:minmax(0,42rem);justify-content:center;text-align:center; }
.dashcode-landing-hero-single .dashcode-landing-copy h1,.dashcode-landing-hero-single .dashcode-landing-copy>p { margin-left:auto;margin-right:auto; }
.dashcode-landing-hero-single .dashcode-landing-actions { justify-content:center; }
.dashcode-landing-kicker,.dashcode-welcome-kicker { color:var(--starter-primary);display:block;font-size:.72rem;font-weight:700;letter-spacing:.12em;margin-bottom:1rem;text-transform:uppercase; }
.dashcode-landing-copy h1 { color:var(--starter-slate-900);font-size:clamp(2.75rem,5.5vw,4.75rem);font-weight:700;letter-spacing:-.045em;line-height:1.02;margin:0;max-width:42rem; }
.dashcode-landing-copy>p { font-size:1.08rem;line-height:1.8;margin:1.5rem 0 0;max-width:38rem; }
.dashcode-landing-actions { align-items:center;display:flex;flex-wrap:wrap;gap:1.1rem;margin-top:2rem; }
.dashcode-landing-actions .btn { min-height:3rem;padding:.75rem 1.25rem; }
.dashcode-landing-actions>span { color:var(--starter-slate-500);font-size:.82rem; }
.dashcode-landing-actions code,.dashcode-step-list code { background:var(--starter-slate-100);border-radius:.25rem;color:var(--starter-slate-700);padding:.15rem .35rem; }
.dashcode-landing-preview { background:#fff;border:1px solid var(--starter-slate-200);border-radius:1rem;box-shadow:0 30px 70px rgba(15,23,42,.14);overflow:hidden;transform:perspective(70rem) rotateY(-4deg) rotateX(1deg); }
.dashcode-preview-bar { align-items:center;border-bottom:1px solid var(--starter-slate-200);display:flex;gap:.4rem;height:3.6rem;padding:0 1.15rem; }
.dashcode-preview-bar i { background:var(--starter-slate-200);border-radius:50%;height:.55rem;width:.55rem; }
.dashcode-preview-bar i:first-child { background:#fb7185; }.dashcode-preview-bar i:nth-child(2) { background:#fbbf24; }.dashcode-preview-bar i:nth-child(3) { background:#34d399; }
.dashcode-preview-bar span { color:var(--starter-slate-700);font-size:.78rem;font-weight:600;margin-left:auto; }
.dashcode-preview-body { display:grid;grid-template-columns:7.5rem 1fr;min-height:22rem; }
.dashcode-preview-body aside { background:var(--starter-slate-900);display:flex;flex-direction:column;gap:1rem;padding:1.4rem 1rem; }
.dashcode-preview-body aside b { background:#fff;border-radius:.3rem;height:1.5rem;margin-bottom:1.2rem;opacity:.94;width:3.5rem; }
.dashcode-preview-body aside span { background:#334155;border-radius:.25rem;height:.55rem;width:100%; }.dashcode-preview-body aside span:nth-child(3) { background:#4669fa; }
.dashcode-preview-body>div { background:var(--starter-slate-50);padding:1.5rem; }
.dashcode-preview-title { background:var(--starter-slate-800);border-radius:.25rem;height:1.15rem;margin-bottom:1.5rem;width:38%; }
.dashcode-preview-stats { display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr); }
.dashcode-preview-stats i { background:#e0e7ff;border-radius:.55rem;height:5rem; }.dashcode-preview-stats i:nth-child(2) { background:#cffafe; }.dashcode-preview-stats i:nth-child(3) { background:#dcfce7; }
.dashcode-preview-panel { background:#fff;border:1px solid var(--starter-slate-200);border-radius:.55rem;display:grid;gap:.8rem;margin-top:1rem;padding:1.25rem; }
.dashcode-preview-panel span { background:var(--starter-slate-100);border-radius:.2rem;height:.65rem; }.dashcode-preview-panel span:nth-child(2) { width:86%; }.dashcode-preview-panel span:nth-child(3) { width:72%; }.dashcode-preview-panel span:nth-child(4) { width:91%; }
.dashcode-landing-features { display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:75rem;padding:0 2rem 5rem; }
.dashcode-landing-features article { align-items:flex-start;background:#fff;border:1px solid var(--starter-slate-200);border-radius:.65rem;display:flex;gap:1rem;padding:1.25rem; }
.dashcode-landing-features article>span { align-items:center;background:var(--starter-primary-soft);border-radius:.45rem;color:var(--starter-primary);display:flex;flex:0 0 auto;height:2.75rem;justify-content:center;width:2.75rem; }
.dashcode-landing-features strong { color:var(--starter-slate-900);display:block;font-size:.95rem; }.dashcode-landing-features p { font-size:.82rem;line-height:1.6;margin:.3rem 0 0; }

/* Purposeful starter dashboard; values come from the generated App configuration. */
.dashcode-dashboard { display:grid;gap:1.25rem; }
.dashcode-page-heading { align-items:flex-end;display:flex;flex:1 1 auto;gap:1rem;justify-content:space-between;min-width:0;width:100%; }
.dashcode-eyebrow { color:var(--starter-primary);font-size:.72rem;font-weight:700;letter-spacing:.1em;margin:0 0 .35rem;text-transform:uppercase; }
.dashcode-page-heading h1 { color:var(--starter-slate-900);font-size:clamp(1.375rem,1.8vw,1.5rem);font-weight:600;line-height:1.25;margin:0; }.dashcode-page-heading p:last-child { margin:.4rem 0 0; }
.dashcode-status-pill { align-items:center;background:#ecfdf3;border-radius:999px;color:#15803d;display:inline-flex;font-size:.76rem;font-weight:600;gap:.45rem;padding:.45rem .75rem;white-space:nowrap; }
.dashcode-status-pill span { background:#22c55e;border-radius:50%;height:.45rem;width:.45rem; }
.dashcode-welcome-card { align-items:center;background:linear-gradient(115deg,#111827 0,#1e293b 58%,#334155 100%);border-radius:.75rem;color:#cbd5e1;display:flex;justify-content:space-between;min-height:11rem;overflow:hidden;padding:2rem 2.25rem;position:relative; }
.dashcode-welcome-card h2 { color:#fff;font-size:1.65rem;font-weight:600;line-height:1.35;margin:0;max-width:40rem; }.dashcode-welcome-card p { margin:.65rem 0 0;max-width:42rem; }
.dashcode-welcome-mark { flex:0 0 12rem;height:8rem;position:relative; }.dashcode-welcome-mark span { border:1.35rem solid rgba(70,105,250,.55);border-radius:50%;inset:auto;position:absolute; }.dashcode-welcome-mark span:first-child { height:8rem;right:-1rem;top:0;width:8rem; }.dashcode-welcome-mark span:nth-child(2) { border-color:rgba(34,211,238,.38);height:6rem;right:2.5rem;top:1rem;width:6rem; }.dashcode-welcome-mark span:nth-child(3) { border-color:rgba(255,255,255,.14);height:4rem;right:6rem;top:2rem;width:4rem; }
.dashcode-stat-grid { display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr)); }
.dashcode-stat-card { align-items:center;background:#fff;border:1px solid var(--starter-slate-200);border-radius:.65rem;display:flex;gap:1rem;padding:1.15rem 1.25rem; }.dashcode-stat-icon { align-items:center;background:#eef2ff;border-radius:.5rem;color:#4669fa;display:flex;height:3rem;justify-content:center;width:3rem; }.dashcode-stat-card-cyan .dashcode-stat-icon { background:#ecfeff;color:#0891b2; }.dashcode-stat-card-green .dashcode-stat-icon { background:#ecfdf3;color:#16a34a; }.dashcode-stat-card small { color:var(--starter-slate-500);display:block;font-size:.72rem;font-weight:600;text-transform:uppercase; }.dashcode-stat-card strong { color:var(--starter-slate-900);display:block;font-size:1.25rem;margin-top:.15rem; }
.dashcode-dashboard-grid { display:grid;gap:1.25rem;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr); }
.dashcode-surface-card { background:#fff;border:1px solid var(--starter-slate-200);border-radius:.65rem;overflow:hidden; }.dashcode-surface-card>header { border-bottom:1px solid var(--starter-slate-200);padding:1.15rem 1.25rem; }.dashcode-surface-card>header span { color:var(--starter-slate-400);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase; }.dashcode-surface-card>header h2 { color:var(--starter-slate-900);font-size:1.05rem;font-weight:600;margin:.2rem 0 0; }
.dashcode-module-list { padding:0 1.25rem; }.dashcode-module-row { align-items:center;border-top:1px solid var(--starter-slate-100);display:flex;gap:.8rem;padding:1rem 0; }.dashcode-module-row:first-child { border-top:0; }.dashcode-module-icon { align-items:center;background:var(--starter-slate-100);border-radius:.4rem;color:var(--starter-slate-600);display:flex;height:2.5rem;justify-content:center;width:2.5rem; }.dashcode-module-row>div { min-width:0; }.dashcode-module-row strong,.dashcode-module-row small { display:block; }.dashcode-module-row strong { color:var(--starter-slate-800);font-size:.88rem; }.dashcode-module-row small { color:var(--starter-slate-500);font-size:.75rem;margin-top:.18rem; }.dashcode-module-state { color:#16a34a;font-size:.72rem;font-weight:600;margin-left:auto; }
.dashcode-step-list { list-style:none;margin:0;padding:.4rem 1.25rem; }.dashcode-step-list li { align-items:flex-start;border-top:1px solid var(--starter-slate-100);display:flex;gap:.85rem;padding:1rem 0; }.dashcode-step-list li:first-child { border-top:0; }.dashcode-step-list li>span { align-items:center;background:var(--starter-primary-soft);border-radius:50%;color:var(--starter-primary);display:flex;flex:0 0 auto;font-size:.72rem;font-weight:700;height:1.75rem;justify-content:center;width:1.75rem; }.dashcode-step-list strong,.dashcode-step-list small { display:block; }.dashcode-step-list strong { color:var(--starter-slate-800);font-size:.86rem; }.dashcode-step-list small { font-size:.75rem;line-height:1.5;margin-top:.18rem; }
@media (max-width:1279.98px) {
    .sidebar-wrapper { box-shadow:0 20px 45px rgba(15,23,42,.22);transform:translateX(-105%);transition:transform .2s ease;z-index:2100; }
    body.starter-sidebar-open .sidebar-wrapper { transform:translateX(0); }
    .sidebarCloseIcon { display:inline-flex; }
    .starter-sidebar-overlay { background:rgba(15,23,42,.45);border:0;bottom:0;display:block;left:100%;opacity:0;pointer-events:none;position:fixed;top:0;transition:.2s ease;width:calc(100vw - 100%);z-index:0; }
    body.starter-sidebar-open .starter-sidebar-overlay { opacity:1;pointer-events:auto; }
    .app-header,.content-wrapper,.site-footer { margin-left:0!important;margin-right:0!important; }
    .main-menu { display:none!important; }
    .dashcode-settings-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:1023.98px) {
    .dashcode-landing-hero { gap:3rem;grid-template-columns:1fr;padding-top:3.5rem; }
    .dashcode-landing-copy { text-align:center; }.dashcode-landing-copy h1,.dashcode-landing-copy>p { margin-left:auto;margin-right:auto; }.dashcode-landing-actions { justify-content:center; }
    .dashcode-landing-preview { margin:0 auto;max-width:42rem;transform:none;width:100%; }
    .dashcode-dashboard-grid { grid-template-columns:1fr; }
    .dashcode-form-layout { grid-template-columns:1fr; }
    .dashcode-role-layout { grid-template-columns:1fr; }
    .dashcode-profile-layout { grid-template-columns:1fr; }
    .dashcode-account-summary-row { grid-template-columns:1fr; }
}
@media (max-width:767.98px) {
    .starter-header-brand img { height:2.25rem;max-width:8.5rem; }
    .page-header,.dashcode-activity-header { display:block; }
    .dashcode-activity-readonly { margin-top:.75rem; }
    .starter-pg-footer-layout { grid-template-columns:1fr; }
    .starter-pg-footer-left,.starter-pg-footer-center,.starter-pg-footer-right { justify-self:center; }
    .starter-pg-footer-right { white-space:normal; }
    .starter-pg-per-page { justify-content:center;white-space:normal;width:100%; }
    .starter-account-panel,.starter-app-panel { position:fixed;right:1rem;top:4.75rem; }
    .starter-auth-box { padding-bottom:1rem!important; }
    .dashcode-settings-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .dashcode-settings-stats>div { padding:.875rem; }
    .dashcode-settings-stats>div>.flex { align-items:flex-start;flex-direction:column;gap:.5rem; }
    .dashcode-settings-stats>div>.flex>span { height:2.5rem;width:2.5rem; }
    .dashcode-activity-stats,.dashcode-stat-grid,.dashcode-landing-features { grid-template-columns:1fr; }
    .dashcode-settings-panel>.card-header { padding:0 .75rem; }
    .dashcode-settings-panel>.card-header .nav { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%; }
    .dashcode-settings-panel>.card-header .nav-item { min-width:0; }
    .dashcode-settings-panel>.card-header .nav-link { justify-content:center;padding:.75rem .35rem;text-align:center;white-space:normal;width:100%; }
    .dashcode-settings-panel>.card-header .nav-link .icon { display:none; }
    .dashcode-landing-nav { padding:1.1rem 1.25rem; }.dashcode-landing-hero { padding:3rem 1.25rem; }.dashcode-landing-copy h1 { font-size:2.55rem; }.dashcode-landing-features { padding:0 1.25rem 3rem; }
    .dashcode-preview-body { grid-template-columns:4.5rem 1fr;min-height:17rem; }.dashcode-preview-body aside { padding:.9rem .6rem; }.dashcode-preview-body>div { padding:1rem; }
    .dashcode-page-heading { align-items:flex-start;flex-direction:column; }.dashcode-welcome-card { min-height:0;padding:1.5rem; }.dashcode-welcome-mark { display:none; }
    .dashcode-form-grid-2,.dashcode-form-grid-3 { grid-template-columns:1fr; }
    .dashcode-account-metadata { grid-template-columns:1fr; }
    .dashcode-responsive-row { align-items:stretch;flex-direction:column; }.dashcode-responsive-row .dashcode-push-right { margin-left:0; }
    .starter-pg-footer { padding:.75rem; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { scroll-behavior:auto!important;transition-duration:.01ms!important; }
}

/* Theme-named custom integration layer. */
.starter-shell-header,
.starter-shell-footer { padding-inline: 0; }
.sidebar-wrapper .starter-sidebar-details > summary,
.sidebar-wrapper .starter-submenu-link:not(.is-disabled),
.sidebar-wrapper a.navItem { transition: color 0.2s ease; }
.sidebar-wrapper .starter-sidebar-details > summary:hover,
.sidebar-wrapper .starter-submenu-link:not(.is-disabled):hover,
.sidebar-wrapper a.navItem:hover { background: transparent; color: var(--starter-slate-700); }