/* DWATS 26.2 Greenfield Application Template System.
   Scope: .dwats-app-root only. No legacy selectors. */
.dwats-app-root {
  --dwats-page-inline: var(--dwds-space-6, 1.5rem);
  --dwats-page-block: var(--dwds-space-6, 1.5rem);
  --dwats-page-gap: var(--dwds-space-6, 1.5rem);
  --dwats-section-gap: var(--dwds-space-4, 1rem);
  --dwats-sidebar-width: 21rem;
  --dwats-content-max: 100rem;
  --dwats-explorer-tree: 18rem;
  --dwats-explorer-properties: 20rem;
  min-height: 100%;
}
.dwats-app-root[data-dwats-density="compact"] { --dwats-page-inline: var(--dwds-space-4, 1rem); --dwats-page-block: var(--dwds-space-4, 1rem); --dwats-page-gap: var(--dwds-space-4, 1rem); }
.dwats-app-root[data-dwats-density="comfortable"] { --dwats-page-inline: var(--dwds-space-8, 2rem); --dwats-page-block: var(--dwds-space-8, 2rem); --dwats-page-gap: var(--dwds-space-8, 2rem); }
.dwats-app-template { width: 100%; max-width: var(--dwats-content-max); margin-inline: auto; padding: var(--dwats-page-block) var(--dwats-page-inline); display: grid; gap: var(--dwats-page-gap); }
.dwats-app-template[data-responsive="fluid"], .dwats-app-template[data-responsive="workspace"], .dwats-app-template[data-responsive="explorer"] { max-width: none; }
.dwats-app-slot:empty { display: none; }
.dwats-app-detail__body, .dwats-app-management__body, .dwats-app-editor__body { display: grid; grid-template-columns: minmax(0, 1fr) var(--dwats-sidebar-width); gap: var(--dwats-page-gap); align-items: start; }
.dwats-app-explorer__workspace { display: grid; grid-template-columns: var(--dwats-explorer-tree) minmax(18rem, .8fr) minmax(22rem, 1.2fr) var(--dwats-explorer-properties); min-height: 38rem; border: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); border-radius: var(--dwds-radius-lg, .75rem); overflow: hidden; }
.dwats-app-explorer__workspace > .dwats-app-slot { min-width: 0; padding: var(--dwds-space-4, 1rem); border-inline-end: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); }
.dwats-app-explorer__workspace > .dwats-app-slot:last-child { border-inline-end: 0; }
.dwats-app-management__controls { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--dwats-section-gap); }
.dwats-app-editor__rail, .dwats-app-stack { display: grid; gap: var(--dwats-section-gap); }
.dwats-app-page-header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--dwats-page-gap); }
.dwats-app-page-header__content { min-width: 0; }
.dwats-app-page-header__eyebrow { margin: 0 0 var(--dwds-space-2, .5rem); color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-300, .875rem); font-weight: 600; text-transform: uppercase; letter-spacing: .08em; }
.dwats-app-page-header__title { margin: 0; font-size: clamp(1.75rem, 2vw, 2.5rem); line-height: 1.15; }
.dwats-app-page-header__description { max-width: 70ch; margin: var(--dwds-space-3, .75rem) 0 0; color: var(--dwds-color-text-muted); }
.dwats-app-page-header__actions, .dwats-app-action-bar, .dwats-app-action-bar__primary, .dwats-app-action-bar__secondary, .dwats-app-section__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dwds-space-3, .75rem); }
.dwats-app-action-bar { justify-content: space-between; }
.dwats-app-section { border: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); border-radius: var(--dwds-radius-lg, .75rem); background: var(--dwds-color-surface); overflow: hidden; }
.dwats-app-section--subtle { background: var(--dwds-color-bg); }
.dwats-app-section--elevated { box-shadow: var(--dwds-shadow-raised); }
.dwats-app-section__header, .dwats-app-section__content, .dwats-app-section__footer { padding: var(--dwds-space-5, 1.25rem); }
.dwats-app-section__header { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--dwats-section-gap); border-bottom: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); }
.dwats-app-section__header h2 { margin: 0; font-size: var(--dwds-font-size-500, 1.125rem); }
.dwats-app-section__header p { margin: var(--dwds-space-2, .5rem) 0 0; color: var(--dwds-color-text-muted); }
.dwats-app-section__footer { border-top: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); }
.dwats-app-card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr)); gap: var(--dwats-section-gap); }
.dwats-app-metrics-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: var(--dwats-section-gap); }
.dwats-app-metric { display: grid; gap: var(--dwds-space-2, .5rem); padding: var(--dwds-space-5, 1.25rem); border: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); border-radius: var(--dwds-radius-lg, .75rem); background: var(--dwds-color-surface); }
.dwats-app-metric__label, .dwats-app-metric__description { color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-300, .875rem); }
.dwats-app-metric__value { font-size: 1.75rem; line-height: 1; }
.dwats-app-metric[data-trend="positive"] .dwats-app-metric__value { color: var(--dwds-color-success); }
.dwats-app-metric[data-trend="negative"] .dwats-app-metric__value { color: var(--dwds-color-danger); }
.dwats-app-sidebar { display: grid; gap: var(--dwats-section-gap); position: sticky; top: var(--dwds-space-4, 1rem); }
@media (max-width: 1199px) {
  .dwats-app-detail__body, .dwats-app-management__body, .dwats-app-editor__body { grid-template-columns: minmax(0, 1fr); }
  .dwats-app-sidebar { position: static; }
  .dwats-app-explorer__workspace { grid-template-columns: 16rem minmax(0, 1fr); }
  .dwats-app-explorer__workspace > [data-dwats-slot="details"], .dwats-app-explorer__workspace > [data-dwats-slot="properties"] { grid-column: 1 / -1; border-top: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); }
}
@media (max-width: 767px) {
  .dwats-app-root { --dwats-page-inline: var(--dwds-space-4, 1rem); --dwats-page-block: var(--dwds-space-4, 1rem); }
  .dwats-app-page-header { flex-direction: column; }
  .dwats-app-page-header__actions { width: 100%; }
  .dwats-app-explorer__workspace { display: grid; grid-template-columns: 1fr; }
  .dwats-app-explorer__workspace > .dwats-app-slot { grid-column: 1; border-inline-end: 0; border-bottom: 1px solid var(--dwds-color-border, rgba(255,255,255,.12)); }
}
@media (prefers-reduced-motion: reduce) { .dwats-app-root *, .dwats-app-root *::before, .dwats-app-root *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }

/* Phase 26.3: generic Enterprise Shell */
.dwats-app-root:has(.dwats-enterprise-shell) { min-height: 100vh; }
.dwats-enterprise-shell { --dwats-shell-sidebar-width: 17rem; min-height: 100vh; display: grid; grid-template-columns: var(--dwats-shell-sidebar-width) minmax(0, 1fr); background: var(--dwds-color-bg); color: var(--dwds-color-text); }
.dwats-shell-sidebar { position: sticky; top: 0; height: 100vh; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; border-inline-end: 1px solid var(--dwds-color-border); background: var(--dwds-color-surface); z-index: 40; }
.dwats-shell-brand { min-height: 4.25rem; display: flex; align-items: center; gap: var(--dwds-space-3); padding: var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-shell-brand__mark { width: 2.25rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: var(--dwds-radius-md); background: var(--dwds-color-primary); color: var(--dwds-color-on-primary, white); font-weight: 800; }
.dwats-shell-brand__text { min-width: 0; display: grid; line-height: 1.2; }
.dwats-shell-brand__text span { color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-200, .75rem); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dwats-shell-navigation { overflow-y: auto; padding: var(--dwds-space-3); display: grid; align-content: start; gap: var(--dwds-space-1, .25rem); }
.dwats-shell-navigation__item { min-height: 2.75rem; display: flex; align-items: center; gap: var(--dwds-space-3); padding-inline: var(--dwds-space-3); border-radius: var(--dwds-radius-md); color: var(--dwds-color-text-muted); text-decoration: none; font-weight: 600; }
.dwats-shell-navigation__item:hover { background: var(--dwds-color-surface-hover); color: var(--dwds-color-text); }
.dwats-shell-navigation__item.is-active { background: color-mix(in srgb, var(--dwds-color-primary) 14%, transparent); color: var(--dwds-color-primary); }
.dwats-shell-navigation__icon { width: 1.25rem; text-align: center; }
.dwats-shell-sidebar__footer { padding: var(--dwds-space-4); border-top: 1px solid var(--dwds-color-border); color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-200, .75rem); }
.dwats-shell-workspace { min-width: 0; display: grid; grid-template-rows: auto auto minmax(0, 1fr); }
.dwats-shell-topbar { position: sticky; top: 0; z-index: 30; min-height: 4.25rem; display: flex; align-items: center; gap: var(--dwds-space-4); padding-inline: var(--dwds-space-5); border-bottom: 1px solid var(--dwds-color-border); background: color-mix(in srgb, var(--dwds-color-bg) 88%, transparent); backdrop-filter: blur(16px); }
.dwats-shell-topbar__menu { display: none; }
.dwats-shell-search-trigger { width: min(34rem, 50vw); min-height: 2.5rem; display: flex; align-items: center; gap: var(--dwds-space-3); padding-inline: var(--dwds-space-3); border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-md); background: var(--dwds-color-surface); color: var(--dwds-color-text-muted); text-align: start; }
.dwats-shell-search-trigger span:nth-child(2) { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dwats-shell-search-trigger kbd { border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-sm); padding: .1rem .35rem; background: var(--dwds-color-bg); color: var(--dwds-color-text-muted); font: inherit; font-size: .7rem; }
.dwats-shell-topbar__actions { margin-inline-start: auto; display: flex; align-items: center; gap: var(--dwds-space-2); }
.dwats-shell-icon-action, .dwats-shell-topbar__menu { position: relative; width: 2.5rem; aspect-ratio: 1; border: 1px solid transparent; border-radius: var(--dwds-radius-md); background: transparent; color: var(--dwds-color-text); }
.dwats-shell-icon-action:hover, .dwats-shell-topbar__menu:hover { background: var(--dwds-color-surface-hover); }
.dwats-shell-notification-count { position: absolute; inset-block-start: -.2rem; inset-inline-end: -.2rem; min-width: 1.1rem; height: 1.1rem; display: grid; place-items: center; border-radius: 999px; background: var(--dwds-color-danger); color: white; font-size: .65rem; font-weight: 800; }
.dwats-shell-user-trigger { min-height: 2.5rem; display: flex; align-items: center; gap: var(--dwds-space-2); border: 0; border-radius: var(--dwds-radius-md); background: transparent; color: var(--dwds-color-text); padding-inline: var(--dwds-space-2); }
.dwats-shell-user-trigger:hover { background: var(--dwds-color-surface-hover); }
.dwats-shell-user-trigger__avatar { width: 2rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: 999px; background: var(--dwds-color-primary); color: white; font-size: .75rem; font-weight: 800; }
.dwats-shell-context { min-height: 2.75rem; display: flex; justify-content: space-between; align-items: center; gap: var(--dwds-space-3); padding-inline: var(--dwds-space-6); border-bottom: 1px solid var(--dwds-color-border); background: var(--dwds-color-bg); }
.dwats-shell-breadcrumbs ol { margin: 0; padding: 0; display: flex; align-items: center; flex-wrap: wrap; gap: var(--dwds-space-2); list-style: none; font-size: var(--dwds-font-size-300); }
.dwats-shell-breadcrumbs li:not(:last-child)::after { content: "/"; margin-inline-start: var(--dwds-space-2); color: var(--dwds-color-text-muted); }
.dwats-shell-breadcrumbs a { color: var(--dwds-color-text-muted); text-decoration: none; }
.dwats-shell-content { min-width: 0; }
.dwats-shell-popover-anchor { position: relative; }
.dwats-shell-popover { position: absolute; inset-block-start: calc(100% + var(--dwds-space-2)); inset-inline-end: 0; z-index: 60; width: min(24rem, calc(100vw - 2rem)); border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-lg); background: var(--dwds-color-surface); box-shadow: var(--dwds-shadow-overlay, 0 1rem 3rem rgba(0,0,0,.35)); overflow: hidden; }
.dwats-shell-popover > header { display: flex; justify-content: space-between; gap: var(--dwds-space-3); padding: var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-shell-popover > header span, .dwats-shell-popover__empty { color: var(--dwds-color-text-muted); }
.dwats-shell-notification-list { max-height: 26rem; overflow-y: auto; }
.dwats-shell-notification { padding: var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-shell-notification:last-child { border-bottom: 0; }
.dwats-shell-notification[data-unread="true"] { box-shadow: inset .2rem 0 var(--dwds-color-primary); background: color-mix(in srgb, var(--dwds-color-primary) 6%, transparent); }
.dwats-shell-notification p { margin: var(--dwds-space-2) 0; color: var(--dwds-color-text-muted); }
.dwats-shell-notification time { font-size: var(--dwds-font-size-200); color: var(--dwds-color-text-muted); }
.dwats-shell-user-menu { padding: var(--dwds-space-4); display: grid; gap: var(--dwds-space-1); }
.dwats-shell-user-menu > span { color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-300); }
.dwats-shell-user-menu__actions { margin-top: var(--dwds-space-3); padding-top: var(--dwds-space-3); border-top: 1px solid var(--dwds-color-border); display: grid; }
.dwats-shell-user-menu__actions a { padding: var(--dwds-space-2); color: var(--dwds-color-text); text-decoration: none; border-radius: var(--dwds-radius-sm); }
.dwats-shell-user-menu__actions a:hover { background: var(--dwds-color-surface-hover); }
.dwats-shell-search-layer { position: fixed; inset: 0; z-index: 100; display: grid; place-items: start center; padding: min(12vh, 7rem) var(--dwds-space-4); background: rgba(0,0,0,.62); backdrop-filter: blur(6px); }
.dwats-shell-search { width: min(46rem, 100%); border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-xl, 1rem); background: var(--dwds-color-surface); box-shadow: var(--dwds-shadow-overlay, 0 1.5rem 4rem rgba(0,0,0,.45)); overflow: hidden; }
.dwats-shell-search > header { display: flex; align-items: center; justify-content: space-between; padding: var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-shell-search > header button { border: 0; background: transparent; color: var(--dwds-color-text); font-size: 1.5rem; }
.dwats-shell-search > input { width: 100%; min-height: 3.5rem; padding-inline: var(--dwds-space-5); border: 0; border-bottom: 1px solid var(--dwds-color-border); outline: none; background: var(--dwds-color-bg); color: var(--dwds-color-text); }
.dwats-shell-search__results { min-height: 8rem; padding: var(--dwds-space-5); color: var(--dwds-color-text-muted); }
.dwats-shell-scrim { display: none; }
@media (max-width: 991px) {
  .dwats-enterprise-shell { grid-template-columns: minmax(0, 1fr); }
  .dwats-shell-sidebar { position: fixed; inset-block: 0; inset-inline-start: 0; width: min(var(--dwats-shell-sidebar-width), calc(100vw - 3rem)); transform: translateX(-105%); transition: transform var(--dwds-motion-normal, 180ms) ease; box-shadow: var(--dwds-shadow-overlay); }
  .dwats-enterprise-shell[data-navigation-open="true"] .dwats-shell-sidebar { transform: translateX(0); }
  .dwats-shell-scrim { display: block; position: fixed; inset: 0; z-index: 35; border: 0; background: rgba(0,0,0,.56); }
  .dwats-shell-topbar__menu { display: inline-grid; place-items: center; }
  .dwats-shell-search-trigger { width: min(28rem, 55vw); }
}
@media (max-width: 639px) {
  .dwats-shell-topbar { padding-inline: var(--dwds-space-3); gap: var(--dwds-space-2); }
  .dwats-shell-search-trigger { width: auto; flex: 1; }
  .dwats-shell-search-trigger span:nth-child(2), .dwats-shell-search-trigger kbd, .dwats-shell-user-trigger__name { display: none; }
  .dwats-shell-context { padding-inline: var(--dwds-space-4); }
}

/* Phase 26.4 – Greenfield Dashboard */
.dwats-app-root .dwats-app-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: var(--dwats-section-gap);
    align-items: start;
}

.dwats-app-root .dwats-app-dashboard-widget {
    grid-column: span 4;
    min-width: 0;
    overflow: hidden;
    border: var(--dwds-border-width) solid var(--dwds-color-border);
    border-radius: var(--dwds-radius-lg);
    background: var(--dwds-color-surface);
    box-shadow: var(--dwds-shadow-raised);
    transition: border-color var(--dwds-duration-normal) ease, box-shadow var(--dwds-duration-normal) ease, transform var(--dwds-duration-normal) ease;
}

.dwats-app-root .dwats-app-dashboard-widget--compact { grid-column: span 3; }
.dwats-app-root .dwats-app-dashboard-widget--standard { grid-column: span 4; }
.dwats-app-root .dwats-app-dashboard-widget--wide { grid-column: span 6; }
.dwats-app-root .dwats-app-dashboard-widget--full { grid-column: 1 / -1; }

.dwats-app-root .dwats-app-dashboard-widget[draggable="true"] { cursor: default; }
.dwats-app-root .dwats-app-dashboard-widget[draggable="true"]:hover {
    border-color: var(--dwds-color-border-strong);
    box-shadow: var(--dwds-shadow-raised);
}

.dwats-app-root .dwats-app-dashboard-widget__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--dwds-space-4);
    padding: var(--dwds-space-5);
    border-bottom: var(--dwds-border-width) solid var(--dwds-color-border);
}

.dwats-app-root .dwats-app-dashboard-widget__identity { min-width: 0; }
.dwats-app-root .dwats-app-dashboard-widget__identity h2 {
    margin: var(--dwds-space-1) 0 0;
    font-size: var(--dwds-font-size-500);
    line-height: var(--dwds-line-height-tight);
}
.dwats-app-root .dwats-app-dashboard-widget__identity p {
    margin: var(--dwds-space-2) 0 0;
    color: var(--dwds-color-text-muted);
    font-size: var(--dwds-font-size-300);
}
.dwats-app-root .dwats-app-dashboard-widget__eyebrow {
    color: var(--dwds-color-primary);
    font-size: var(--dwds-font-size-100);
    font-weight: var(--dwds-font-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
}
.dwats-app-root .dwats-app-dashboard-widget__tools {
    display: flex;
    align-items: center;
    gap: var(--dwds-space-2);
}
.dwats-app-root .dwats-app-dashboard-widget__drag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--dwds-control-height-sm);
    height: var(--dwds-control-height-sm);
    border-radius: var(--dwds-radius-md);
    color: var(--dwds-color-text-muted);
    cursor: grab;
    user-select: none;
}
.dwats-app-root .dwats-app-dashboard-widget__drag:active { cursor: grabbing; }
.dwats-app-root .dwats-app-dashboard-widget__body { padding: var(--dwds-space-5); }
.dwats-app-root .dwats-app-dashboard-widget__footer {
    padding: var(--dwds-space-4) var(--dwds-space-5);
    border-top: var(--dwds-border-width) solid var(--dwds-color-border);
}

.dwats-app-root .dwats-app-dashboard-list {
    display: grid;
    gap: var(--dwds-space-2);
}
.dwats-app-root .dwats-app-dashboard-list-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: var(--dwds-space-3);
    padding: var(--dwds-space-3);
    border: var(--dwds-border-width) solid transparent;
    border-radius: var(--dwds-radius-md);
    color: inherit;
    text-decoration: none;
}
.dwats-app-root .dwats-app-dashboard-list-item:hover {
    border-color: var(--dwds-color-border);
    background: var(--dwds-color-bg);
}
.dwats-app-root .dwats-app-dashboard-list-item__badge {
    min-width: 2.75rem;
    padding: var(--dwds-space-1) var(--dwds-space-2);
    border-radius: var(--dwds-radius-sm);
    background: color-mix(in srgb, var(--dwds-color-primary) 14%, transparent);
    color: var(--dwds-color-primary);
    text-align: center;
    font-size: var(--dwds-font-size-100);
    font-weight: var(--dwds-font-weight-semibold);
}
.dwats-app-root .dwats-app-dashboard-list-item__content {
    display: grid;
    gap: var(--dwds-space-1);
    min-width: 0;
}
.dwats-app-root .dwats-app-dashboard-list-item__content strong,
.dwats-app-root .dwats-app-dashboard-list-item__content small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dwats-app-root .dwats-app-dashboard-list-item__content small { color: var(--dwds-color-text-muted); }
.dwats-app-root .dwats-app-dashboard-list-item__arrow { color: var(--dwds-color-text-muted); }

.dwats-app-root .dwats-app-dashboard-value-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--dwds-space-3);
}
.dwats-app-root .dwats-app-dashboard-widget--full .dwats-app-dashboard-value-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.dwats-app-root .dwats-app-dashboard-value {
    display: grid;
    gap: var(--dwds-space-1);
    min-width: 0;
    padding: var(--dwds-space-4);
    border: var(--dwds-border-width) solid var(--dwds-color-border);
    border-radius: var(--dwds-radius-md);
    background: var(--dwds-color-bg);
    color: inherit;
    text-decoration: none;
}
.dwats-app-root .dwats-app-dashboard-value:hover { border-color: var(--dwds-color-border-strong); }
.dwats-app-root .dwats-app-dashboard-value > span { color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-300); }
.dwats-app-root .dwats-app-dashboard-value > strong { font-size: var(--dwds-font-size-700); line-height: var(--dwds-line-height-tight); }
.dwats-app-root .dwats-app-dashboard-value > small { color: var(--dwds-color-text-muted); }
.dwats-app-root .dwats-app-dashboard-value[data-tone="warning"] strong { color: var(--dwds-color-warning); }
.dwats-app-root .dwats-app-dashboard-value[data-tone="danger"] strong { color: var(--dwds-color-danger); }
.dwats-app-root .dwats-app-dashboard-value[data-tone="success"] strong { color: var(--dwds-color-success); }

.dwats-app-dashboard-customizer {
    display: grid;
    gap: var(--dwds-space-4);
}
.dwats-app-dashboard-customizer__intro {
    margin: 0;
    color: var(--dwds-color-text-muted);
}
.dwats-app-dashboard-customizer__item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 14rem);
    align-items: end;
    gap: var(--dwds-space-5);
    padding-bottom: var(--dwds-space-4);
    border-bottom: var(--dwds-border-width) solid var(--dwds-color-border);
}

@media (max-width: 1199px) {
    .dwats-app-root .dwats-app-dashboard-widget--compact,
    .dwats-app-root .dwats-app-dashboard-widget--standard { grid-column: span 6; }
    .dwats-app-root .dwats-app-dashboard-widget--wide { grid-column: 1 / -1; }
    .dwats-app-root .dwats-app-dashboard-widget--full .dwats-app-dashboard-value-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .dwats-app-root .dwats-app-dashboard-grid { grid-template-columns: minmax(0, 1fr); }
    .dwats-app-root .dwats-app-dashboard-widget,
    .dwats-app-root .dwats-app-dashboard-widget--compact,
    .dwats-app-root .dwats-app-dashboard-widget--standard,
    .dwats-app-root .dwats-app-dashboard-widget--wide,
    .dwats-app-root .dwats-app-dashboard-widget--full { grid-column: 1; }
    .dwats-app-root .dwats-app-dashboard-value-grid,
    .dwats-app-root .dwats-app-dashboard-widget--full .dwats-app-dashboard-value-grid { grid-template-columns: minmax(0, 1fr); }
    .dwats-app-dashboard-customizer__item { grid-template-columns: minmax(0, 1fr); }
}


/* Phase 26.5 – Enterprise density, hierarchy and composable widget types */
.dwats-enterprise-shell { --dwats-shell-sidebar-width: 14.75rem; }
.dwats-shell-sidebar { background: color-mix(in srgb, var(--dwds-color-surface) 84%, var(--dwds-color-bg)); }
.dwats-shell-brand { min-height: 3.75rem; padding: var(--dwds-space-3) var(--dwds-space-4); }
.dwats-shell-brand__mark { width: 2rem; height: 2rem; border-radius: .55rem; }
.dwats-shell-navigation { gap: .2rem; padding: var(--dwds-space-3); }
.dwats-shell-navigation__item { min-height: 2.45rem; padding: .45rem .65rem; border-radius: var(--dwds-radius-md); transition: background var(--dwds-duration-fast) ease, color var(--dwds-duration-fast) ease, transform var(--dwds-duration-fast) ease; }
.dwats-shell-navigation__item:hover { transform: translateX(.12rem); }
.dwats-shell-navigation__item.is-active { box-shadow: inset .18rem 0 var(--dwds-color-primary); background: color-mix(in srgb, var(--dwds-color-primary) 18%, transparent); }
.dwats-shell-navigation__icon { width: 1.35rem; font-size: 1rem; }
.dwats-shell-topbar { min-height: 3.75rem; }
.dwats-shell-context { min-height: 2.35rem; }

.dwats-app-root { --dwats-page-block: var(--dwds-space-5, 1.25rem); --dwats-page-gap: var(--dwds-space-4, 1rem); --dwats-section-gap: var(--dwds-space-3, .75rem); }
.dwats-app-template { padding-top: var(--dwds-space-5, 1.25rem); }
.dwats-app-page-header { align-items: center; }
.dwats-app-page-header__eyebrow { margin-bottom: .3rem; font-size: var(--dwds-font-size-100, .7rem); color: var(--dwds-color-primary); }
.dwats-app-page-header__title { font-size: clamp(1.45rem, 1.7vw, 2rem); letter-spacing: -.02em; }
.dwats-app-page-header__description { margin-top: .35rem; max-width: 64ch; font-size: var(--dwds-font-size-300, .875rem); }
.dwats-app-action-bar { min-height: 2.5rem; gap: var(--dwds-space-2); }
.dwats-app-action-bar__primary, .dwats-app-action-bar__secondary { gap: var(--dwds-space-2); }

.dwats-app-metrics-row { grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: var(--dwds-space-3); }
.dwats-app-metric { min-height: 5.25rem; gap: .2rem; padding: .85rem 1rem; border-radius: var(--dwds-radius-md); background: color-mix(in srgb, var(--dwds-color-surface) 88%, var(--dwds-color-bg)); box-shadow: none; }
.dwats-app-metric__label, .dwats-app-metric__description { font-size: var(--dwds-font-size-200, .75rem); }
.dwats-app-metric__value { font-size: 1.45rem; }

.dwats-app-root .dwats-app-dashboard-grid { gap: var(--dwds-space-3); }
.dwats-app-root .dwats-app-dashboard-widget { border-color: color-mix(in srgb, var(--dwds-color-border) 78%, transparent); border-radius: var(--dwds-radius-lg); box-shadow: 0 .3rem 1rem rgba(0,0,0,.08); }
.dwats-app-root .dwats-app-dashboard-widget:hover { border-color: var(--dwds-color-border-strong); box-shadow: 0 .65rem 1.8rem rgba(0,0,0,.13); }
.dwats-app-root .dwats-app-dashboard-widget__header { padding: .9rem 1rem .75rem; border-bottom-color: color-mix(in srgb, var(--dwds-color-border) 68%, transparent); }
.dwats-app-root .dwats-app-dashboard-widget__identity h2 { margin-top: .2rem; font-size: var(--dwds-font-size-400, 1rem); }
.dwats-app-root .dwats-app-dashboard-widget__identity p { margin-top: .25rem; font-size: var(--dwds-font-size-200, .75rem); }
.dwats-app-root .dwats-app-dashboard-widget__body { padding: 1rem; }
.dwats-app-root .dwats-app-dashboard-widget__footer { padding: .75rem 1rem; }
.dwats-app-root .dwats-app-dashboard-widget__eyebrow { font-size: .66rem; }
.dwats-app-root .dwats-app-dashboard-widget__drag { opacity: .7; }
.dwats-app-root .dwats-app-dashboard-widget:hover .dwats-app-dashboard-widget__drag { opacity: 1; }
.dwats-app-root .dwats-app-dashboard-value-grid { gap: .55rem; }
.dwats-app-root .dwats-app-dashboard-value { min-height: 5rem; padding: .8rem .9rem; border-color: color-mix(in srgb, var(--dwds-color-border) 68%, transparent); background: color-mix(in srgb, var(--dwds-color-bg) 72%, transparent); }
.dwats-app-root .dwats-app-dashboard-value > strong { font-size: 1.35rem; }
.dwats-app-root .dwats-app-dashboard-list { gap: .25rem; }
.dwats-app-root .dwats-app-dashboard-list-item { padding: .65rem .7rem; }
.dwats-app-root .dwats-app-dashboard-widget[data-widget-kind="status"] { border-top: .16rem solid color-mix(in srgb, var(--dwds-color-success) 65%, transparent); }
.dwats-app-root .dwats-app-dashboard-widget[data-widget-kind="activity"] { border-top: .16rem solid color-mix(in srgb, var(--dwds-color-primary) 70%, transparent); }
.dwats-app-root .dwats-app-dashboard-widget[data-widget-kind="timeline"] { border-top: .16rem solid color-mix(in srgb, var(--dwds-color-warning) 70%, transparent); }
.dwats-app-root .dwats-app-dashboard-widget[data-widget-kind="navigation"] .dwats-app-dashboard-list-item__badge { background: transparent; border: 1px solid var(--dwds-color-border); }

@media (max-width: 767px) {
  .dwats-app-root { --dwats-page-block: var(--dwds-space-4, 1rem); --dwats-page-gap: var(--dwds-space-3, .75rem); }
  .dwats-app-metrics-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dwats-app-metric { min-height: 4.75rem; }
}

/* Phase 26.7 – Enterprise Data Presentation Kit */
.dwats-app-root .dwats-data-toolbar{display:grid;grid-template-columns:minmax(14rem,1fr) auto auto auto;align-items:center;gap:var(--dwds-space-3);padding:.7rem .8rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:color-mix(in srgb,var(--dwds-color-surface) 88%,var(--dwds-color-bg))}.dwats-data-toolbar__filters,.dwats-data-toolbar__views,.dwats-data-toolbar__actions{display:flex;align-items:center;gap:.5rem}.dwats-data-search{display:flex;align-items:center;gap:.55rem;min-height:2.45rem;padding:0 .7rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg)}.dwats-data-search:focus-within{border-color:var(--dwds-color-primary);box-shadow:0 0 0 .15rem color-mix(in srgb,var(--dwds-color-primary) 22%,transparent)}.dwats-data-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--dwds-color-text)}.dwats-data-search button{border:0;background:transparent;color:var(--dwds-color-text-muted);cursor:pointer}.dwats-data-filterbar{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.dwats-data-filterbar__reset{border:0;background:transparent;color:var(--dwds-color-primary);cursor:pointer}.dwats-data-view-switcher{display:inline-flex;padding:.2rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md)}.dwats-data-view-switcher button{width:2rem;height:2rem;border:0;border-radius:calc(var(--dwds-radius-md) - .15rem);background:transparent;color:var(--dwds-color-text-muted);cursor:pointer}.dwats-data-view-switcher button.is-active{background:color-mix(in srgb,var(--dwds-color-primary) 18%,transparent);color:var(--dwds-color-primary)}.dwats-data-selectionbar{display:flex;align-items:center;gap:1rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,var(--dwds-color-primary) 45%,var(--dwds-color-border));border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 10%,var(--dwds-color-surface))}.dwats-data-selectionbar>div{display:flex;gap:.4rem}.dwats-data-selectionbar button{min-height:2rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-surface);color:var(--dwds-color-text);cursor:pointer}.dwats-data-selectionbar button[data-destructive="true"]{color:var(--dwds-color-danger)}.dwats-data-selectionbar__clear{margin-left:auto}.dwats-data-table-wrap{overflow:auto;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface)}.dwats-data-table{width:100%;border-collapse:collapse;font-size:var(--dwds-font-size-300)}.dwats-data-table th{position:sticky;top:0;z-index:1;text-align:left;font-weight:600;color:var(--dwds-color-text-muted);background:color-mix(in srgb,var(--dwds-color-surface) 88%,var(--dwds-color-bg));border-bottom:1px solid var(--dwds-color-border)}.dwats-data-table th,.dwats-data-table td{padding:.75rem .85rem}.dwats-data-table-wrap[data-density="compact"] th,.dwats-data-table-wrap[data-density="compact"] td{padding:.48rem .65rem}.dwats-data-table tbody tr{border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent);transition:background var(--dwds-duration-fast) ease}.dwats-data-table tbody tr:last-child{border-bottom:0}.dwats-data-table tbody tr:hover,.dwats-data-table tbody tr.is-selected{background:color-mix(in srgb,var(--dwds-color-primary) 8%,transparent)}.dwats-data-table th button{border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}.dwats-data-table__select{width:2.5rem}.dwats-data-table__actions{width:3rem;text-align:right}.dwats-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--dwds-space-3)}.dwats-data-grid__item{min-width:0}.dwats-data-pagination{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem .2rem;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}.dwats-data-pagination label,.dwats-data-pagination>div{display:flex;align-items:center;gap:.5rem}.dwats-data-pagination select,.dwats-data-pagination button{min-height:2rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-surface);color:var(--dwds-color-text)}.dwats-data-pagination button{min-width:2rem;cursor:pointer}.dwats-data-state{display:grid;gap:.55rem;padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg)}.dwats-data-state__skeleton{height:2.8rem;border-radius:var(--dwds-radius-md);background:linear-gradient(90deg,var(--dwds-color-surface) 20%,color-mix(in srgb,var(--dwds-color-surface) 72%,white) 50%,var(--dwds-color-surface) 80%);background-size:200% 100%;animation:dwats-data-shimmer 1.5s infinite}@keyframes dwats-data-shimmer{to{background-position:-200% 0}}@media(max-width:900px){.dwats-app-root .dwats-data-toolbar{grid-template-columns:1fr auto}.dwats-data-toolbar__search{grid-column:1/-1}.dwats-data-toolbar__filters{grid-column:1}.dwats-data-toolbar__actions{grid-column:2}}@media(max-width:600px){.dwats-app-root .dwats-data-toolbar{grid-template-columns:1fr}.dwats-data-toolbar__search,.dwats-data-toolbar__filters,.dwats-data-toolbar__views,.dwats-data-toolbar__actions{grid-column:1}.dwats-data-pagination{align-items:flex-start;flex-direction:column}.dwats-data-selectionbar{align-items:flex-start;flex-wrap:wrap}.dwats-data-selectionbar__clear{margin-left:0}}
.dwats-data-empty{display:grid;justify-items:center;gap:var(--dwds-space-3);padding:var(--dwds-space-5);border:1px dashed var(--dwds-color-border);border-radius:var(--dwds-radius-lg)}

/* Phase 26.8 – Greenfield Project Management */
.dwats-app-root .dwats-projects-result-count{font-size:var(--dwds-font-size-200);color:var(--dwds-color-text-muted);white-space:nowrap}
.dwats-app-root .dwats-data-filter-field{display:grid;gap:.35rem;min-width:10rem;font-size:var(--dwds-font-size-200);color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-data-filter-field select,.dwats-app-root .dwats-data-filter-field input,.dwats-app-root .dwats-data-filter-field textarea{width:100%;min-height:2.35rem;padding:.45rem .6rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg);color:var(--dwds-color-text);font:inherit;outline:0}
.dwats-app-root .dwats-data-filter-field textarea{resize:vertical;min-height:7rem}
.dwats-app-root .dwats-data-filter-field select:focus,.dwats-app-root .dwats-data-filter-field input:focus,.dwats-app-root .dwats-data-filter-field textarea:focus{border-color:var(--dwds-color-primary);box-shadow:0 0 0 .15rem color-mix(in srgb,var(--dwds-color-primary) 20%,transparent)}
.dwats-app-root .dwats-project-card{display:grid;width:100%;height:100%;grid-template-columns:auto 1fr;gap:.8rem;padding:1rem;text-align:left;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);cursor:pointer;transition:transform var(--dwds-duration-fast) ease,border-color var(--dwds-duration-fast) ease,box-shadow var(--dwds-duration-fast) ease}
.dwats-app-root .dwats-project-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dwds-color-primary) 45%,var(--dwds-color-border));box-shadow:var(--dwds-shadow-md)}
.dwats-app-root .dwats-project-card__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 14%,transparent);color:var(--dwds-color-primary);font-size:1.15rem}
.dwats-app-root .dwats-project-card__body{display:grid;gap:.28rem;min-width:0}.dwats-app-root .dwats-project-card__body small{color:var(--dwds-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.dwats-app-root .dwats-project-card__body strong{font-size:var(--dwds-font-size-400)}.dwats-app-root .dwats-project-card__body>span{display:-webkit-box;overflow:hidden;color:var(--dwds-color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dwats-app-root .dwats-project-card__metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent);font-size:var(--dwds-font-size-200);color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-project-card__metrics span{display:grid;gap:.12rem}.dwats-app-root .dwats-project-card__metrics b{font-size:var(--dwds-font-size-400);color:var(--dwds-color-text)}
.dwats-app-root .dwats-project-card__footer{grid-column:1/-1;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-projects-panel-copy{margin:0;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-projects-panel-actions{display:flex;justify-content:flex-end;gap:.55rem}
@media(max-width:720px){.dwats-app-root .dwats-project-card__metrics{grid-template-columns:repeat(2,1fr)}.dwats-app-root .dwats-projects-panel-actions{align-items:stretch;flex-direction:column-reverse}}

/* Phase 26.9 – Greenfield Project Detail */
.dwats-app-root .dwats-project-detail-tabs{display:flex;gap:.25rem;overflow:auto;border-bottom:1px solid var(--dwds-color-border)}
.dwats-app-root .dwats-project-detail-tabs button{display:flex;align-items:center;gap:.45rem;min-height:2.65rem;padding:.55rem .8rem;border:0;border-bottom:.15rem solid transparent;background:transparent;color:var(--dwds-color-text-muted);font:inherit;cursor:pointer;white-space:nowrap}
.dwats-app-root .dwats-project-detail-tabs button:hover{color:var(--dwds-color-text)}
.dwats-app-root .dwats-project-detail-tabs button.is-active{border-bottom-color:var(--dwds-color-primary);color:var(--dwds-color-primary)}
.dwats-app-root .dwats-project-detail-tabs button span{display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .28rem;border-radius:999px;background:color-mix(in srgb,var(--dwds-color-primary) 12%,transparent);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-project-detail-main{display:grid;gap:var(--dwds-space-4)}
.dwats-app-root .dwats-project-detail-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dwds-space-3)}
.dwats-app-root .dwats-project-detail-summary{display:grid;align-content:start;gap:.45rem;min-height:8.5rem;padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:color-mix(in srgb,var(--dwds-color-surface) 88%,var(--dwds-color-bg))}
.dwats-app-root .dwats-project-detail-summary>span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.dwats-app-root .dwats-project-detail-summary p{margin:0;line-height:1.55}
.dwats-app-root .dwats-project-detail-list{display:grid;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);overflow:hidden}
.dwats-app-root .dwats-project-detail-list-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;padding:.75rem .85rem;text-align:left;border:0;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 75%,transparent);background:var(--dwds-color-surface);color:var(--dwds-color-text);font:inherit;cursor:pointer}
.dwats-app-root .dwats-project-detail-list-item:last-child{border-bottom:0}.dwats-app-root button.dwats-project-detail-list-item:hover{background:color-mix(in srgb,var(--dwds-color-primary) 7%,var(--dwds-color-surface))}
.dwats-app-root .dwats-project-detail-list-item.is-static{cursor:default}
.dwats-app-root .dwats-project-detail-list-icon,.dwats-app-root .dwats-project-detail-avatar{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 13%,transparent);color:var(--dwds-color-primary);font-weight:700}
.dwats-app-root .dwats-project-detail-avatar{border-radius:999px;font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-project-detail-list-copy{display:grid;gap:.18rem;min-width:0}.dwats-app-root .dwats-project-detail-list-copy strong,.dwats-app-root .dwats-project-detail-list-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dwats-app-root .dwats-project-detail-list-copy small,.dwats-app-root .dwats-project-detail-list-item time{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-project-detail-properties{display:grid;margin:0}.dwats-app-root .dwats-project-detail-properties>div{display:grid;gap:.2rem;padding:.65rem 0;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent)}.dwats-app-root .dwats-project-detail-properties>div:last-child{border-bottom:0}.dwats-app-root .dwats-project-detail-properties dt{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-project-detail-properties dd{margin:0;overflow-wrap:anywhere}
.dwats-app-root .dwats-project-detail-callout{display:grid;gap:.35rem}.dwats-app-root .dwats-project-detail-callout span,.dwats-app-root .dwats-project-detail-muted{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-project-detail-mini-timeline{display:grid;gap:.65rem}.dwats-app-root .dwats-project-detail-mini-timeline>div{display:grid;grid-template-columns:auto 1fr;gap:.55rem}.dwats-app-root .dwats-project-detail-mini-timeline>div>span{width:.55rem;height:.55rem;margin-top:.35rem;border-radius:999px;background:var(--dwds-color-primary)}.dwats-app-root .dwats-project-detail-mini-timeline p{display:grid;gap:.1rem;margin:0}.dwats-app-root .dwats-project-detail-mini-timeline small{color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-project-detail-timeline{display:grid}.dwats-app-root .dwats-project-detail-timeline article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.85rem 0}.dwats-app-root .dwats-project-detail-timeline article+article{border-top:1px solid color-mix(in srgb,var(--dwds-color-border) 75%,transparent)}.dwats-app-root .dwats-project-detail-timeline-dot{width:.7rem;height:.7rem;margin-top:.35rem;border-radius:999px;background:var(--dwds-color-primary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--dwds-color-primary) 14%,transparent)}.dwats-app-root .dwats-project-detail-timeline article>div{display:grid;gap:.3rem}.dwats-app-root .dwats-project-detail-timeline header{display:flex;justify-content:space-between;gap:1rem}.dwats-app-root .dwats-project-detail-timeline p{margin:0;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-project-detail-timeline time,.dwats-app-root .dwats-project-detail-timeline small{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
@media(max-width:960px){.dwats-app-root .dwats-project-detail-overview-grid{grid-template-columns:1fr}.dwats-app-root .dwats-project-detail-summary{min-height:0}}
@media(max-width:600px){.dwats-app-root .dwats-project-detail-list-item{grid-template-columns:auto minmax(0,1fr)}.dwats-app-root .dwats-project-detail-list-item>time,.dwats-app-root .dwats-project-detail-list-item>.dwds-badge{grid-column:2}.dwats-app-root .dwats-project-detail-timeline header{align-items:flex-start;flex-direction:column;gap:.2rem}}

/* Phase 27.0 – Greenfield Document Management */
.dwats-app-root .dwats-documents-result-count{font-size:var(--dwds-font-size-200);color:var(--dwds-color-text-muted);white-space:nowrap}
.dwats-app-root .dwats-document-card{position:relative;display:grid;width:100%;height:100%;grid-template-columns:auto minmax(0,1fr) auto;gap:.8rem;padding:1rem;text-align:left;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);cursor:pointer;transition:transform var(--dwds-duration-fast) ease,border-color var(--dwds-duration-fast) ease,box-shadow var(--dwds-duration-fast) ease}
.dwats-app-root .dwats-document-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dwds-color-primary) 45%,var(--dwds-color-border));box-shadow:var(--dwds-shadow-md)}
.dwats-app-root .dwats-document-card__icon{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 14%,transparent);color:var(--dwds-color-primary);font-size:1.15rem}
.dwats-app-root .dwats-document-card__body{display:grid;gap:.28rem;min-width:0}.dwats-app-root .dwats-document-card__body small{color:var(--dwds-color-text-muted);text-transform:uppercase;letter-spacing:.06em}.dwats-app-root .dwats-document-card__body strong{font-size:var(--dwds-font-size-400)}.dwats-app-root .dwats-document-card__body>span{display:-webkit-box;overflow:hidden;color:var(--dwds-color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical}
.dwats-app-root .dwats-document-card__status{align-self:start;padding:.25rem .5rem;border:1px solid var(--dwds-color-border);border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:600;white-space:nowrap}.dwats-app-root .dwats-document-card__status[data-status="approved"]{border-color:color-mix(in srgb,var(--dwds-color-success) 45%,var(--dwds-color-border));color:var(--dwds-color-success)}.dwats-app-root .dwats-document-card__status[data-status="inreview"]{border-color:color-mix(in srgb,var(--dwds-color-warning) 45%,var(--dwds-color-border));color:var(--dwds-color-warning)}.dwats-app-root .dwats-document-card__status[data-status="rejected"]{border-color:color-mix(in srgb,var(--dwds-color-danger) 45%,var(--dwds-color-border));color:var(--dwds-color-danger)}
.dwats-app-root .dwats-document-card__metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent);font-size:var(--dwds-font-size-200);color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-document-card__metrics span{display:grid;gap:.12rem}.dwats-app-root .dwats-document-card__metrics b{overflow:hidden;text-overflow:ellipsis;color:var(--dwds-color-text);font-size:var(--dwds-font-size-300);white-space:nowrap}.dwats-app-root .dwats-document-card__footer{grid-column:1/-1;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-documents-panel-copy{margin:0;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-documents-panel-actions{display:flex;justify-content:flex-end;gap:.55rem}
@media(max-width:720px){.dwats-app-root .dwats-document-card{grid-template-columns:auto minmax(0,1fr)}.dwats-app-root .dwats-document-card__status{grid-column:2}.dwats-app-root .dwats-document-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.dwats-app-root .dwats-documents-panel-actions{align-items:stretch;flex-direction:column-reverse}}

/* Phase 27.1 – Greenfield Document Detail */
.dwats-app-root .dwats-document-detail-tabs{display:flex;gap:.25rem;overflow:auto;border-bottom:1px solid var(--dwds-color-border)}
.dwats-app-root .dwats-document-detail-tabs button{display:flex;align-items:center;gap:.45rem;min-height:2.65rem;padding:.55rem .8rem;border:0;border-bottom:.15rem solid transparent;background:transparent;color:var(--dwds-color-text-muted);font:inherit;cursor:pointer;white-space:nowrap}
.dwats-app-root .dwats-document-detail-tabs button:hover{color:var(--dwds-color-text)}
.dwats-app-root .dwats-document-detail-tabs button.is-active{border-bottom-color:var(--dwds-color-primary);color:var(--dwds-color-primary)}
.dwats-app-root .dwats-document-detail-tabs button span{display:grid;place-items:center;min-width:1.35rem;height:1.35rem;padding:0 .28rem;border-radius:999px;background:color-mix(in srgb,var(--dwds-color-primary) 12%,transparent);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-document-detail-main{display:grid;gap:var(--dwds-space-4)}
.dwats-app-root .dwats-document-detail-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dwds-space-3)}
.dwats-app-root .dwats-document-detail-summary{display:grid;align-content:start;gap:.45rem;min-height:8.25rem;padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:color-mix(in srgb,var(--dwds-color-surface) 88%,var(--dwds-color-bg))}
.dwats-app-root .dwats-document-detail-summary>span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.dwats-app-root .dwats-document-detail-summary p{margin:0;line-height:1.55}
.dwats-app-root .dwats-document-detail-properties{display:grid;margin:0}.dwats-app-root .dwats-document-detail-properties>div{display:grid;gap:.2rem;padding:.65rem 0;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent)}.dwats-app-root .dwats-document-detail-properties>div:last-child{border-bottom:0}.dwats-app-root .dwats-document-detail-properties dt{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-document-detail-properties dd{margin:0;overflow-wrap:anywhere}
.dwats-app-root .dwats-document-detail-callout{display:grid;gap:.35rem}.dwats-app-root .dwats-document-detail-callout span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-document-version-list{display:grid;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);overflow:hidden}
.dwats-app-root .dwats-document-version-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.85rem;padding:.9rem;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 75%,transparent);background:var(--dwds-color-surface)}
.dwats-app-root .dwats-document-version-list .dwats-document-version-card:last-child{border-bottom:0}.dwats-app-root .dwats-document-version-card.is-current{background:color-mix(in srgb,var(--dwds-color-primary) 6%,var(--dwds-color-surface))}
.dwats-app-root .dwats-document-version-number{display:grid;place-items:center;min-width:2.7rem;height:2.3rem;padding:0 .45rem;border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 14%,transparent);color:var(--dwds-color-primary);font-weight:700}
.dwats-app-root .dwats-document-version-card>div{display:grid;gap:.18rem;min-width:0}.dwats-app-root .dwats-document-version-card strong,.dwats-app-root .dwats-document-version-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dwats-app-root .dwats-document-version-card small,.dwats-app-root .dwats-document-version-card time{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-document-version-card p{margin:.25rem 0 0;color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-document-detail-timeline{display:grid}.dwats-app-root .dwats-document-detail-timeline article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:.85rem 0}.dwats-app-root .dwats-document-detail-timeline article+article{border-top:1px solid color-mix(in srgb,var(--dwds-color-border) 75%,transparent)}.dwats-app-root .dwats-document-detail-timeline-dot{width:.7rem;height:.7rem;margin-top:.35rem;border-radius:999px;background:var(--dwds-color-primary);box-shadow:0 0 0 .25rem color-mix(in srgb,var(--dwds-color-primary) 14%,transparent)}.dwats-app-root .dwats-document-detail-timeline article>div{display:grid;gap:.3rem}.dwats-app-root .dwats-document-detail-timeline header{display:flex;justify-content:space-between;gap:1rem}.dwats-app-root .dwats-document-detail-timeline p{margin:0;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-document-detail-timeline time,.dwats-app-root .dwats-document-detail-timeline small{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-document-permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.dwats-app-root .dwats-document-permission-grid article{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:.85rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface)}.dwats-app-root .dwats-document-permission-grid article>span{display:grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:color-mix(in srgb,var(--dwds-color-border) 45%,transparent);color:var(--dwds-color-text-muted);font-weight:700}.dwats-app-root .dwats-document-permission-grid article[data-granted="true"]>span{background:color-mix(in srgb,var(--dwds-color-success) 16%,transparent);color:var(--dwds-color-success)}.dwats-app-root .dwats-document-permission-grid article>div{display:grid;gap:.2rem}.dwats-app-root .dwats-document-permission-grid small{color:var(--dwds-color-text-muted)}
@media(max-width:960px){.dwats-app-root .dwats-document-detail-overview-grid{grid-template-columns:1fr}.dwats-app-root .dwats-document-detail-summary{min-height:0}}
@media(max-width:720px){.dwats-app-root .dwats-document-permission-grid{grid-template-columns:1fr}.dwats-app-root .dwats-document-version-card{grid-template-columns:auto minmax(0,1fr)}.dwats-app-root .dwats-document-version-card time{grid-column:2}.dwats-app-root .dwats-document-detail-timeline header{align-items:flex-start;flex-direction:column;gap:.2rem}}

/* Phase 27.2 – Greenfield Knowledge Overview */
.dwats-app-root .dwats-knowledge-result-count{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);white-space:nowrap}
.dwats-app-root .dwats-knowledge-card{position:relative;display:grid;align-content:start;gap:.5rem;width:100%;min-height:15rem;padding:1rem;text-align:left;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);cursor:pointer;transition:transform var(--dwds-duration-fast) ease,border-color var(--dwds-duration-fast) ease,box-shadow var(--dwds-duration-fast) ease}
.dwats-app-root .dwats-knowledge-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dwds-color-primary) 45%,var(--dwds-color-border));box-shadow:var(--dwds-shadow-md)}
.dwats-app-root .dwats-knowledge-card__type{width:max-content;padding:.22rem .48rem;border-radius:999px;background:color-mix(in srgb,var(--dwds-color-primary) 13%,transparent);color:var(--dwds-color-primary);font-size:var(--dwds-font-size-100);font-weight:650}
.dwats-app-root .dwats-knowledge-card>strong{font-size:var(--dwds-font-size-400)}.dwats-app-root .dwats-knowledge-card>small,.dwats-app-root .dwats-knowledge-card>p{color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-knowledge-card>p{display:-webkit-box;overflow:hidden;margin:0;line-height:1.5;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.dwats-app-root .dwats-knowledge-card__status{position:absolute;top:1rem;right:1rem;padding:.22rem .45rem;border:1px solid var(--dwds-color-border);border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:600}.dwats-app-root .dwats-knowledge-card__status[data-status="released"],.dwats-app-root .dwats-knowledge-card__status[data-status="approved"]{border-color:color-mix(in srgb,var(--dwds-color-success) 45%,var(--dwds-color-border));color:var(--dwds-color-success)}.dwats-app-root .dwats-knowledge-card__status[data-status="inreview"]{border-color:color-mix(in srgb,var(--dwds-color-warning) 45%,var(--dwds-color-border));color:var(--dwds-color-warning)}
.dwats-app-root .dwats-knowledge-card footer{display:flex;justify-content:space-between;gap:.7rem;margin-top:auto;padding-top:.7rem;border-top:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-knowledge-panel-actions{display:flex;justify-content:flex-end;gap:.55rem}@media(max-width:720px){.dwats-app-root .dwats-knowledge-panel-actions{align-items:stretch;flex-direction:column-reverse}.dwats-app-root .dwats-knowledge-card footer{align-items:flex-start;flex-direction:column}}

/* Phase 27.3 – Greenfield Knowledge Details */
.dwats-knowledge-detail-list{display:grid;gap:var(--dwats-space-3)}
.dwats-knowledge-detail-list>article,.dwats-knowledge-detail-relation{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:var(--dwats-space-4);align-items:start;padding:var(--dwats-space-4);border:1px solid var(--dwds-border-subtle);border-radius:var(--dwds-radius-lg);background:var(--dwds-surface-2);text-align:left;color:inherit;width:100%}
.dwats-knowledge-detail-relation{cursor:pointer;font:inherit}
.dwats-knowledge-detail-relation:hover{border-color:var(--dwds-border-strong);background:var(--dwds-surface-3)}
.dwats-knowledge-detail-index{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;padding:.2rem .55rem;border-radius:var(--dwds-radius-md);background:var(--dwds-surface-3);color:var(--dwds-text-secondary);font-size:var(--dwds-font-size-xs);font-weight:700}
.dwats-knowledge-detail-list strong{display:block;color:var(--dwds-text-primary)}
.dwats-knowledge-detail-list small{display:block;margin-top:.25rem;color:var(--dwds-text-tertiary)}
.dwats-knowledge-detail-list p{margin:.6rem 0 0;color:var(--dwds-text-secondary);line-height:1.55}
@media (max-width:700px){.dwats-knowledge-detail-list>article,.dwats-knowledge-detail-relation{grid-template-columns:1fr}}

/* Phase 27.4 – Greenfield Review Center */
.dwats-app-root .dwats-review-result-count{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);white-space:nowrap}
.dwats-app-root .dwats-review-card{display:grid;align-content:start;gap:.55rem;width:100%;min-height:14.5rem;padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);text-align:left;cursor:pointer;transition:border-color var(--dwds-duration-fast) ease,transform var(--dwds-duration-fast) ease,box-shadow var(--dwds-duration-fast) ease}
.dwats-app-root .dwats-review-card:hover,.dwats-app-root .dwats-review-card.is-selected{transform:translateY(-2px);border-color:color-mix(in srgb,var(--dwds-color-primary) 55%,var(--dwds-color-border));box-shadow:var(--dwds-shadow-md)}
.dwats-app-root .dwats-review-card header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dwats-app-root .dwats-review-card>strong{font-size:var(--dwds-font-size-400)}.dwats-app-root .dwats-review-card>small{color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-review-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin:auto 0 0}.dwats-app-root .dwats-review-card dl div{display:grid;gap:.15rem}.dwats-app-root .dwats-review-card dt{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-review-card dd{margin:0;font-size:var(--dwds-font-size-200);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dwats-app-root .dwats-review-status,.dwats-app-root .dwats-review-overdue{display:inline-flex;width:max-content;padding:.22rem .48rem;border-radius:999px;border:1px solid var(--dwds-color-border);font-size:var(--dwds-font-size-100);font-weight:650}.dwats-app-root .dwats-review-status[data-status="approved"]{color:var(--dwds-color-success);border-color:color-mix(in srgb,var(--dwds-color-success) 45%,var(--dwds-color-border));background:color-mix(in srgb,var(--dwds-color-success) 8%,transparent)}.dwats-app-root .dwats-review-status[data-status="inprogress"],.dwats-app-root .dwats-review-status[data-status="changesrequested"]{color:var(--dwds-color-warning);border-color:color-mix(in srgb,var(--dwds-color-warning) 45%,var(--dwds-color-border));background:color-mix(in srgb,var(--dwds-color-warning) 8%,transparent)}.dwats-app-root .dwats-review-status[data-status="rejected"],.dwats-app-root .dwats-review-status[data-status="cancelled"],.dwats-app-root .dwats-review-overdue{color:var(--dwds-color-danger);border-color:color-mix(in srgb,var(--dwds-color-danger) 45%,var(--dwds-color-border));background:color-mix(in srgb,var(--dwds-color-danger) 8%,transparent)}
.dwats-app-root .dwats-review-inspector-heading{display:grid;gap:.35rem}.dwats-app-root .dwats-review-inspector-heading>strong{font-size:var(--dwds-font-size-400)}.dwats-app-root .dwats-review-inspector-heading>small{color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-review-inspector-properties{display:grid;margin:0}.dwats-app-root .dwats-review-inspector-properties>div{display:grid;grid-template-columns:minmax(6.5rem,.8fr) 1.2fr;gap:.7rem;padding:.55rem 0;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 70%,transparent)}.dwats-app-root .dwats-review-inspector-properties dt{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-review-inspector-properties dd{margin:0;overflow-wrap:anywhere;font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-review-note{display:grid;gap:.35rem;padding:.75rem;border-left:3px solid var(--dwds-color-primary);border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 6%,var(--dwds-color-surface))}.dwats-app-root .dwats-review-note span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:700;text-transform:uppercase}.dwats-app-root .dwats-review-note p{margin:0;line-height:1.5}
.dwats-app-root .dwats-review-inspector-section{display:grid;gap:.55rem}.dwats-app-root .dwats-review-inspector-section>header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.4rem;border-bottom:1px solid var(--dwds-color-border)}.dwats-app-root .dwats-review-inspector-section>header span{display:grid;place-items:center;min-width:1.4rem;height:1.4rem;padding:0 .3rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-review-inspector-section article{display:grid;gap:.25rem;padding:.65rem;border:1px solid color-mix(in srgb,var(--dwds-color-border) 80%,transparent);border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-surface) 90%,var(--dwds-color-bg))}.dwats-app-root .dwats-review-inspector-section article>div{display:flex;justify-content:space-between;gap:.5rem}.dwats-app-root .dwats-review-inspector-section article p{margin:0;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);line-height:1.45}.dwats-app-root .dwats-review-inspector-section article small,.dwats-app-root .dwats-review-inspector-section time,.dwats-app-root .dwats-review-inspector-section>small{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-review-workflow-actions{display:grid;grid-template-columns:1fr;gap:.45rem}
@media(max-width:720px){.dwats-app-root .dwats-review-card dl{grid-template-columns:1fr}.dwats-app-root .dwats-review-inspector-properties>div{grid-template-columns:1fr;gap:.15rem}}

/* Phase 27.5 – Greenfield Enterprise Explorer */
.dwats-app-root .dwats-explorer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding:.25rem 0 .8rem}.dwats-app-root .dwats-explorer-heading>div:first-child{display:grid;gap:.25rem}.dwats-app-root .dwats-explorer-heading span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.dwats-app-root .dwats-explorer-heading h1{margin:0;font-size:clamp(1.45rem,2vw,2rem)}.dwats-app-root .dwats-explorer-heading p{margin:0;color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-explorer-kpis{display:flex;gap:.55rem}.dwats-app-root .dwats-explorer-kpis span{display:grid;min-width:5.5rem;padding:.45rem .65rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface);text-transform:none;letter-spacing:normal}.dwats-app-root .dwats-explorer-kpis strong{color:var(--dwds-color-text);font-size:var(--dwds-font-size-400)}
.dwats-app-root .dwats-explorer-view-switch{display:flex;padding:.2rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg)}.dwats-app-root .dwats-explorer-view-switch button{padding:.38rem .65rem;border:0;border-radius:calc(var(--dwds-radius-md) - 2px);background:transparent;color:var(--dwds-color-text-muted);font:inherit;font-size:var(--dwds-font-size-200);cursor:pointer}.dwats-app-root .dwats-explorer-view-switch button.is-active{background:var(--dwds-color-surface);color:var(--dwds-color-text);box-shadow:var(--dwds-shadow-sm)}
.dwats-app-root .dwats-app-explorer__workspace{grid-template-columns:minmax(13rem,16rem) minmax(0,1fr) minmax(16rem,20rem) minmax(16rem,20rem);align-items:stretch}.dwats-app-root .dwats-explorer-panel,.dwats-app-root .dwats-explorer-canvas{min-height:32rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);overflow:hidden}.dwats-app-root .dwats-explorer-panel>header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem;border-bottom:1px solid var(--dwds-color-border);background:color-mix(in srgb,var(--dwds-color-surface) 88%,var(--dwds-color-bg))}.dwats-app-root .dwats-explorer-panel>header>div{display:grid;gap:.1rem}.dwats-app-root .dwats-explorer-panel>header span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);text-transform:uppercase;letter-spacing:.06em}.dwats-app-root .dwats-explorer-panel>header small{display:grid;place-items:center;min-width:1.55rem;height:1.55rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-explorer-tree-panel nav{display:grid;padding:.55rem}.dwats-app-root .dwats-explorer-tree-panel nav button{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem .65rem;border:0;border-radius:var(--dwds-radius-md);background:transparent;color:var(--dwds-color-text-muted);font:inherit;text-align:left;cursor:pointer}.dwats-app-root .dwats-explorer-tree-panel nav button:hover,.dwats-app-root .dwats-explorer-tree-panel nav button.is-active{background:color-mix(in srgb,var(--dwds-color-primary) 9%,transparent);color:var(--dwds-color-text)}.dwats-app-root .dwats-explorer-tree-panel nav button strong{font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-explorer-check{display:flex;align-items:flex-start;gap:.5rem;margin:.55rem;padding:.7rem;border-top:1px solid var(--dwds-color-border);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-explorer-canvas{padding:.75rem;background:color-mix(in srgb,var(--dwds-color-bg) 78%,var(--dwds-color-surface))}.dwats-app-root .dwats-explorer-network{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:.7rem;align-content:start}.dwats-app-root .dwats-explorer-node{position:relative;display:grid;gap:.35rem;min-height:8.2rem;padding:.75rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dwds-duration-fast) ease,border-color var(--dwds-duration-fast) ease}.dwats-app-root .dwats-explorer-node:hover,.dwats-app-root .dwats-explorer-node.is-selected{transform:translateY(-2px);border-color:var(--dwds-color-primary)}.dwats-app-root .dwats-explorer-node.is-focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--dwds-color-primary) 32%,transparent)}.dwats-app-root .dwats-explorer-node.is-impacted:after{content:"";position:absolute;inset:auto .65rem .55rem;height:2px;border-radius:999px;background:var(--dwds-color-warning)}.dwats-app-root .dwats-explorer-node-kind{width:max-content;padding:.18rem .42rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:650}.dwats-app-root .dwats-explorer-node small{color:var(--dwds-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dwats-app-root .dwats-explorer-node em{color:var(--dwds-color-warning);font-size:var(--dwds-font-size-100);font-style:normal}
.dwats-app-root .dwats-explorer-dependencies{display:grid;gap:.45rem}.dwats-app-root .dwats-explorer-dependencies button{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.7rem;padding:.65rem .75rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface);color:var(--dwds-color-text);font:inherit;text-align:left;cursor:pointer}.dwats-app-root .dwats-explorer-dependencies button:hover,.dwats-app-root .dwats-explorer-dependencies button.is-impact{border-color:var(--dwds-color-primary)}.dwats-app-root .dwats-explorer-dependencies strong{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-explorer-inspector>header button{border:0;background:transparent;color:var(--dwds-color-text-muted);font-size:1.25rem;cursor:pointer}.dwats-app-root .dwats-explorer-empty-inspector{display:grid;gap:.4rem;padding:1rem;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-explorer-empty-inspector p{margin:0;line-height:1.5}.dwats-app-root .dwats-explorer-inspector-body{display:grid;gap:.8rem;padding:.85rem}.dwats-app-root .dwats-explorer-inspector-body dl{display:grid;margin:0}.dwats-app-root .dwats-explorer-inspector-body dl div{display:grid;grid-template-columns:minmax(5.5rem,.8fr) 1.2fr;gap:.6rem;padding:.5rem 0;border-bottom:1px solid color-mix(in srgb,var(--dwds-color-border) 75%,transparent)}.dwats-app-root .dwats-explorer-inspector-body dt{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-explorer-inspector-body dd{margin:0;overflow-wrap:anywhere;font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-explorer-inspector-body p{margin:0;color:var(--dwds-color-text-muted);line-height:1.5}
.dwats-app-root .dwats-explorer-impact-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;padding:.7rem}.dwats-app-root .dwats-explorer-impact-summary span{display:grid;gap:.15rem;padding:.5rem;border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-explorer-impact-summary strong{color:var(--dwds-color-text);font-size:var(--dwds-font-size-300)}.dwats-app-root .dwats-explorer-impact-list{display:grid;gap:.4rem;padding:0 .7rem .7rem}.dwats-app-root .dwats-explorer-impact-list button{display:grid;gap:.2rem;padding:.6rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:transparent;color:var(--dwds-color-text);font:inherit;text-align:left;cursor:pointer}.dwats-app-root .dwats-explorer-impact-list button:hover{background:var(--dwds-color-bg)}.dwats-app-root .dwats-explorer-impact-list small,.dwats-app-root .dwats-explorer-impact-list p{margin:0;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);line-height:1.4}
.dwats-app-root .dwats-explorer-footer{display:flex;justify-content:space-between;gap:1rem;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
@media(max-width:1400px){.dwats-app-root .dwats-app-explorer__workspace{grid-template-columns:minmax(12rem,15rem) minmax(0,1fr) minmax(16rem,19rem)}.dwats-app-root .dwats-app-slot[data-slot="properties"]{grid-column:2/4}}
@media(max-width:980px){.dwats-app-root .dwats-explorer-heading{align-items:flex-start;flex-direction:column}.dwats-app-root .dwats-app-explorer__workspace{grid-template-columns:1fr}.dwats-app-root .dwats-app-slot[data-slot="properties"]{grid-column:auto}.dwats-app-root .dwats-explorer-panel,.dwats-app-root .dwats-explorer-canvas{min-height:auto}.dwats-app-root .dwats-explorer-tree-panel nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.dwats-app-root .dwats-explorer-kpis{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.dwats-app-root .dwats-explorer-kpis span{min-width:0}.dwats-app-root .dwats-explorer-tree-panel nav{grid-template-columns:1fr}.dwats-app-root .dwats-explorer-dependencies button{grid-template-columns:1fr}.dwats-app-root .dwats-explorer-footer{flex-direction:column}}

/* Phase 27.6 – Greenfield Administration Center */
.dwats-app-root .dwats-admin-result-count{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-admin-module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.65rem}
.dwats-app-root .dwats-admin-module-card{display:grid;grid-template-columns:2.35rem minmax(0,1fr) auto;align-items:start;gap:.7rem;min-height:8.4rem;padding:.8rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);color:var(--dwds-color-text);font:inherit;text-align:left;cursor:pointer;transition:transform var(--dwds-duration-fast) ease,border-color var(--dwds-duration-fast) ease,box-shadow var(--dwds-duration-fast) ease}
.dwats-app-root .dwats-admin-module-card:hover,.dwats-app-root .dwats-admin-module-card.is-selected{transform:translateY(-2px);border-color:var(--dwds-color-primary);box-shadow:var(--dwds-shadow-sm)}
.dwats-app-root .dwats-admin-module-card__icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-primary) 11%,var(--dwds-color-bg));color:var(--dwds-color-primary);font-size:1.15rem}
.dwats-app-root .dwats-admin-module-card__body{display:grid;gap:.28rem;min-width:0}.dwats-app-root .dwats-admin-module-card__body small{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.dwats-app-root .dwats-admin-module-card__body strong{font-size:var(--dwds-font-size-300)}.dwats-app-root .dwats-admin-module-card__body span{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200);line-height:1.45}.dwats-app-root .dwats-admin-module-card__status{padding:.18rem .42rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-admin-workspace-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:.75rem;margin-top:.8rem}
.dwats-app-root .dwats-admin-table-wrap{overflow:auto}.dwats-app-root .dwats-admin-table{width:100%;border-collapse:collapse;font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-admin-table th,.dwats-app-root .dwats-admin-table td{padding:.6rem;border-bottom:1px solid var(--dwds-color-border);text-align:left;vertical-align:top}.dwats-app-root .dwats-admin-table th{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);text-transform:uppercase;letter-spacing:.04em}.dwats-app-root .dwats-admin-role-pill{display:inline-flex;padding:.2rem .45rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-admin-audit-list{display:grid;gap:.25rem}.dwats-app-root .dwats-admin-audit-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.6rem;align-items:start;padding:.58rem 0;border-bottom:1px solid var(--dwds-color-border)}.dwats-app-root .dwats-admin-audit-marker{width:.55rem;height:.55rem;margin-top:.32rem;border-radius:50%;background:var(--dwds-color-primary)}.dwats-app-root .dwats-admin-audit-list article div{display:grid;gap:.1rem}.dwats-app-root .dwats-admin-audit-list p{margin:0;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);line-height:1.4}.dwats-app-root .dwats-admin-audit-list time{color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100);white-space:nowrap}.dwats-app-root .dwats-admin-muted{color:var(--dwds-color-text-muted)}
.dwats-app-root .dwats-admin-health-list{display:grid}.dwats-app-root .dwats-admin-health-list>div{display:flex;justify-content:space-between;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--dwds-color-border);font-size:var(--dwds-font-size-200)}.dwats-app-root .dwats-admin-health-list span{color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-admin-health-list .is-healthy{color:var(--dwds-color-success)}.dwats-app-root .dwats-admin-inspector-actions{display:grid;gap:.45rem;margin-top:.8rem}
@media(max-width:980px){.dwats-app-root .dwats-admin-workspace-grid{grid-template-columns:1fr}}
@media(max-width:640px){.dwats-app-root .dwats-admin-module-grid{grid-template-columns:1fr}.dwats-app-root .dwats-admin-module-card{grid-template-columns:2.35rem minmax(0,1fr)}.dwats-app-root .dwats-admin-module-card__status{grid-column:2}.dwats-app-root .dwats-admin-audit-list article{grid-template-columns:auto minmax(0,1fr)}.dwats-app-root .dwats-admin-audit-list time{grid-column:2}}

/* Phase 28.0 – Enterprise Widget Framework */
.dwats-widget-host__tool{border:0;background:transparent;color:var(--dwds-color-text-muted);cursor:pointer;border-radius:var(--dwds-radius-sm);padding:.2rem .35rem;font:inherit}.dwats-widget-host__tool:hover,.dwats-widget-host__tool:focus-visible{background:var(--dwds-color-surface-hover);color:var(--dwds-color-text)}


/* Phase 28.1 — Dashboard Designer */
.dwats-app-root .dwats-app-dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;grid-auto-flow:row dense}
.dwats-app-root .dwats-app-dashboard-widget--compact{grid-column:span 3}
.dwats-app-root .dwats-app-dashboard-widget--standard{grid-column:span 4}
.dwats-app-root .dwats-app-dashboard-widget--wide{grid-column:span 6}
.dwats-app-root .dwats-app-dashboard-widget--full{grid-column:1/-1}
.dwats-dashboard-designer{display:grid;gap:var(--dwds-space-4);min-width:min(72vw,64rem)}
.dwats-dashboard-designer__header{display:grid;grid-template-columns:minmax(0,1fr) minmax(14rem,18rem);gap:var(--dwds-space-4);align-items:end}
.dwats-dashboard-designer__eyebrow{display:block;color:var(--dwds-color-accent);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.dwats-dashboard-designer__header h3{margin:.25rem 0;font-size:1.15rem}.dwats-dashboard-designer__header p{margin:0;color:var(--dwds-color-text-muted)}
.dwats-dashboard-designer__summary{display:flex;flex-wrap:wrap;gap:var(--dwds-space-3);padding:var(--dwds-space-3);border:1px solid var(--dwds-color-border-subtle);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface-subtle);color:var(--dwds-color-text-muted);font-size:.82rem}
.dwats-dashboard-designer__catalog{display:grid;gap:var(--dwds-space-2);max-height:58vh;overflow:auto;padding-right:.2rem}
.dwats-dashboard-designer__item{display:grid;grid-template-columns:minmax(0,1fr) minmax(11rem,14rem) auto;gap:var(--dwds-space-3);align-items:center;padding:var(--dwds-space-3);border:1px solid var(--dwds-color-border-subtle);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface)}
.dwats-dashboard-designer__item[data-visible="false"]{opacity:.68;background:var(--dwds-color-surface-subtle)}
.dwats-dashboard-designer__item-order{display:flex;gap:.35rem}.dwats-dashboard-designer__move{width:2rem;height:2rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:transparent;color:var(--dwds-color-text);cursor:pointer}.dwats-dashboard-designer__move:hover:not(:disabled){background:var(--dwds-color-surface-hover)}.dwats-dashboard-designer__move:disabled{opacity:.35;cursor:not-allowed}
.dwats-app-root .dwats-app-dashboard-widget[draggable="true"]{outline:1px dashed transparent;transition:outline-color .15s ease,transform .15s ease}.dwats-app-root .dwats-app-dashboard-widget[draggable="true"]:hover{outline-color:var(--dwds-color-accent);transform:translateY(-1px)}
@media(max-width:1100px){.dwats-app-root .dwats-app-dashboard-widget--compact,.dwats-app-root .dwats-app-dashboard-widget--standard{grid-column:span 6}.dwats-app-root .dwats-app-dashboard-widget--wide{grid-column:1/-1}}
@media(max-width:760px){.dwats-app-root .dwats-app-dashboard-grid{grid-template-columns:1fr}.dwats-app-root .dwats-app-dashboard-widget--compact,.dwats-app-root .dwats-app-dashboard-widget--standard,.dwats-app-root .dwats-app-dashboard-widget--wide,.dwats-app-root .dwats-app-dashboard-widget--full{grid-column:1}.dwats-dashboard-designer{min-width:0}.dwats-dashboard-designer__header,.dwats-dashboard-designer__item{grid-template-columns:1fr}.dwats-dashboard-designer__item-order{justify-content:flex-end}}

/* Phase 30.UI.D1 – Dashboard grid invariant hardening */
.dwats-app-root .dwats-app-slot[data-dwats-slot="widgets"],
.dwats-app-root .enterprise-dashboard-widget-surface,
.dwats-app-root .dwats-app-dashboard-grid {
    width: 100%;
    min-width: 0;
}

.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget {
    max-width: 100%;
}

@media (max-width: 1100px) {
    .dwats-app-root .dwats-app-dashboard-widget--compact,
    .dwats-app-root .dwats-app-dashboard-widget--standard {
        grid-column: span 6 !important;
    }

    .dwats-app-root .dwats-app-dashboard-widget--wide {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    .dwats-app-root .dwats-app-dashboard-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .dwats-app-root .dwats-app-dashboard-widget {
        grid-column: 1 !important;
    }
}

/* Phase 28.2 — Enterprise Dynamic Forms Framework */
.dwats-app-root .dwats-form-host{display:grid;gap:var(--dwds-space-4)}
.dwats-app-root .dwats-form-host__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:var(--dwds-space-3);border-bottom:1px solid var(--dwds-color-border)}
.dwats-app-root .dwats-form-host__header h2{margin:.2rem 0;font-size:1.25rem}.dwats-app-root .dwats-form-host__header p{margin:0;color:var(--dwds-color-text-muted)}.dwats-app-root .dwats-form-eyebrow{color:var(--dwds-color-primary);font-size:.7rem;font-weight:700;letter-spacing:.1em}
.dwats-app-root .dwats-form-renderer{display:grid;gap:var(--dwds-space-4)}.dwats-app-root .dwats-form-section{display:grid;gap:var(--dwds-space-3);padding:var(--dwds-space-4);border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface)}
.dwats-app-root .dwats-form-section header h3{margin:0;font-size:1rem}.dwats-app-root .dwats-form-section header p{margin:.2rem 0 0;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-200)}
.dwats-app-root .dwats-form-fields{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dwds-space-3)}.dwats-app-root .dwats-form-field{grid-column:span 12;min-width:0}.dwats-app-root .dwats-form-field[data-width="6"]{grid-column:span 6}.dwats-app-root .dwats-form-field[data-width="4"]{grid-column:span 4}.dwats-app-root .dwats-form-field[data-width="3"]{grid-column:span 3}.dwats-app-root .dwats-form-field[data-width="8"]{grid-column:span 8}
.dwats-app-root .dwats-form-label{display:block;margin-bottom:.35rem;font-size:var(--dwds-font-size-200);font-weight:650}.dwats-app-root .dwats-form-description{margin:-.15rem 0 .45rem;color:var(--dwds-color-text-muted);font-size:var(--dwds-font-size-100)}
.dwats-app-root .dwats-form-control{width:100%;min-height:2.45rem;padding:.55rem .7rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg);color:var(--dwds-color-text);font:inherit}.dwats-app-root textarea.dwats-form-control{resize:vertical;line-height:1.5}.dwats-app-root .dwats-form-control:focus{outline:2px solid color-mix(in srgb,var(--dwds-color-primary) 35%,transparent);border-color:var(--dwds-color-primary)}.dwats-app-root .dwats-form-control:disabled{opacity:.65;cursor:not-allowed}.dwats-app-root .dwats-form-checkbox{width:1.1rem;height:1.1rem}
.dwats-app-root .dwats-form-field__error{margin-top:.3rem;color:var(--dwds-color-danger);font-size:var(--dwds-font-size-100)}.dwats-app-root .dwats-form-validation-summary{padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--dwds-color-danger) 50%,var(--dwds-color-border));border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-danger) 8%,var(--dwds-color-surface));color:var(--dwds-color-danger)}.dwats-app-root .dwats-form-validation-summary ul{margin:.4rem 0 0;padding-left:1.2rem}
.dwats-app-root .dwats-form-toolbar{display:flex;justify-content:space-between;gap:1rem;padding-top:var(--dwds-space-3);border-top:1px solid var(--dwds-color-border)}.dwats-app-root .dwats-form-toolbar__primary,.dwats-app-root .dwats-form-toolbar__secondary{display:flex;gap:.5rem;flex-wrap:wrap}.dwats-app-root .dwats-form-button{min-height:2.35rem;padding:.45rem .8rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface);color:var(--dwds-color-text);font:inherit;cursor:pointer}.dwats-app-root .dwats-form-button--primary{border-color:var(--dwds-color-primary);background:var(--dwds-color-primary);color:white}.dwats-app-root .dwats-form-button--danger{border-color:var(--dwds-color-danger);color:var(--dwds-color-danger)}
.dwats-app-root .dwats-wizard{display:grid;gap:var(--dwds-space-4)}.dwats-app-root .dwats-wizard nav{display:flex;gap:.5rem;overflow:auto}.dwats-app-root .dwats-wizard nav button{display:flex;align-items:center;gap:.45rem;padding:.5rem .7rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dwds-color-text-muted);font:inherit;cursor:pointer;white-space:nowrap}.dwats-app-root .dwats-wizard nav button span{display:grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:50%;background:var(--dwds-color-surface-subtle)}.dwats-app-root .dwats-wizard nav button.is-active{border-bottom-color:var(--dwds-color-primary);color:var(--dwds-color-primary)}.dwats-app-root .dwats-wizard nav button.is-complete span{background:var(--dwds-color-success);color:white}.dwats-app-root .dwats-wizard footer{display:flex;justify-content:space-between}
@media(max-width:760px){.dwats-app-root .dwats-form-field[data-width]{grid-column:1/-1}.dwats-app-root .dwats-form-host__header,.dwats-app-root .dwats-form-toolbar{align-items:stretch;flex-direction:column}.dwats-app-root .dwats-form-toolbar__primary,.dwats-app-root .dwats-form-toolbar__secondary{display:grid}.dwats-app-root .dwats-form-button{width:100%}}

/* Phase 28.3 — Enterprise Command Palette */
.dwats-command-layer {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: start center;
    padding: clamp(4.5rem, 11vh, 8rem) 1rem 1rem;
    background: rgba(3, 8, 18, .72);
    backdrop-filter: blur(8px);
}

.dwats-command-palette {
    width: min(760px, 100%);
    max-height: min(720px, calc(100vh - 7rem));
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    border: 1px solid var(--dwds-border-strong, rgba(148, 163, 184, .26));
    border-radius: 16px;
    background: var(--dwds-surface-raised, #111827);
    box-shadow: 0 28px 80px rgba(0, 0, 0, .52);
}

.dwats-command-palette__header {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid var(--dwds-border-subtle, rgba(148, 163, 184, .16));
}

.dwats-command-palette__header input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--dwds-text-primary, #f8fafc);
    font: inherit;
    font-size: 1rem;
}

.dwats-command-palette__search-icon { color: var(--dwds-accent, #60a5fa); font-size: 1.25rem; }
.dwats-command-palette kbd {
    display: inline-flex;
    align-items: center;
    min-height: 1.45rem;
    padding: 0 .42rem;
    border: 1px solid var(--dwds-border-strong, rgba(148, 163, 184, .24));
    border-radius: 5px;
    background: var(--dwds-surface-sunken, rgba(15, 23, 42, .76));
    color: var(--dwds-text-muted, #94a3b8);
    font-size: .72rem;
    font-family: inherit;
}

.dwats-command-palette__body { overflow: auto; padding: .55rem; }
.dwats-command-group + .dwats-command-group { margin-top: .6rem; }
.dwats-command-group h3,
.dwats-command-palette__search-results h3 {
    margin: .35rem .55rem .3rem;
    color: var(--dwds-text-muted, #94a3b8);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.dwats-command-item {
    width: 100%;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .62rem .7rem;
    border: 1px solid transparent;
    border-radius: 9px;
    background: transparent;
    color: var(--dwds-text-primary, #f8fafc);
    text-align: left;
    cursor: pointer;
}

.dwats-command-item:hover,
.dwats-command-item.is-selected {
    border-color: rgba(96, 165, 250, .28);
    background: rgba(59, 130, 246, .12);
}

.dwats-command-item.is-disabled { opacity: .45; cursor: not-allowed; }
.dwats-command-item__icon {
    display: grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border-radius: 8px;
    background: rgba(148, 163, 184, .1);
    color: var(--dwds-accent, #60a5fa);
}
.dwats-command-item__content { display: grid; gap: .15rem; min-width: 0; }
.dwats-command-item__content strong { font-size: .88rem; font-weight: 650; }
.dwats-command-item__content small { color: var(--dwds-text-muted, #94a3b8); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dwats-command-item.is-primary .dwats-command-item__icon { background: rgba(59, 130, 246, .18); }
.dwats-command-item.is-success .dwats-command-item__icon { background: rgba(34, 197, 94, .18); color: #4ade80; }
.dwats-command-item.is-warning .dwats-command-item__icon { background: rgba(245, 158, 11, .18); color: #fbbf24; }
.dwats-command-item.is-danger .dwats-command-item__icon { background: rgba(239, 68, 68, .18); color: #f87171; }

.dwats-command-palette__empty {
    display: grid;
    gap: .3rem;
    justify-items: center;
    padding: 3rem 1rem;
    color: var(--dwds-text-muted, #94a3b8);
}

.dwats-command-palette__search-results {
    margin-top: .65rem;
    padding-top: .55rem;
    border-top: 1px solid var(--dwds-border-subtle, rgba(148, 163, 184, .14));
}

.dwats-command-search-hint {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: .2rem .8rem;
    align-items: center;
    padding: .7rem;
    border-radius: 9px;
    background: rgba(59, 130, 246, .08);
}
.dwats-command-search-hint span { color: var(--dwds-text-muted, #94a3b8); font-size: .8rem; }
.dwats-command-search-hint button { grid-row: 1 / span 2; grid-column: 2; }

.dwats-command-palette__footer {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
    padding: .55rem 1rem;
    border-top: 1px solid var(--dwds-border-subtle, rgba(148, 163, 184, .16));
    color: var(--dwds-text-muted, #94a3b8);
    font-size: .72rem;
}
.dwats-command-palette__footer span { display: inline-flex; align-items: center; gap: .25rem; }

@media (max-width: 640px) {
    .dwats-command-layer { padding: .75rem; place-items: start stretch; }
    .dwats-command-palette { width: 100%; max-height: calc(100vh - 1.5rem); border-radius: 12px; }
    .dwats-command-item__content small { white-space: normal; }
    .dwats-command-palette__footer { display: none; }
}

/* Phase 28.4 - Enterprise Notification Center */
.dwats-shell-notifications { width: min(34rem, calc(100vw - 2rem)); }
.dwats-notification-center { display: grid; grid-template-rows: auto auto auto minmax(0,1fr); max-height: min(44rem, calc(100vh - 6rem)); background: var(--dwds-color-surface); }
.dwats-notification-center__header { display: flex; align-items: center; justify-content: space-between; gap: var(--dwds-space-4); padding: var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-notification-center__header > div:first-child { display: grid; gap: .15rem; }
.dwats-notification-center__header span { color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-200); }
.dwats-notification-center__header-actions { display: flex; align-items: center; gap: var(--dwds-space-2); }
.dwats-notification-center__header-actions button { min-height: 2rem; padding-inline: var(--dwds-space-3); border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-sm); background: transparent; color: var(--dwds-color-text); }
.dwats-notification-center__header-actions button:last-child { width: 2rem; padding: 0; font-size: 1.15rem; }
.dwats-notification-center__filters { display: flex; gap: var(--dwds-space-1); padding: var(--dwds-space-3) var(--dwds-space-4); overflow-x: auto; border-bottom: 1px solid var(--dwds-color-border); }
.dwats-notification-center__filters button { flex: 0 0 auto; display: inline-flex; align-items: center; gap: var(--dwds-space-2); min-height: 2rem; padding-inline: var(--dwds-space-3); border: 1px solid transparent; border-radius: 999px; background: transparent; color: var(--dwds-color-text-muted); }
.dwats-notification-center__filters button:hover { background: var(--dwds-color-surface-hover); color: var(--dwds-color-text); }
.dwats-notification-center__filters button.is-active { border-color: color-mix(in srgb, var(--dwds-color-primary) 35%, var(--dwds-color-border)); background: color-mix(in srgb, var(--dwds-color-primary) 12%, transparent); color: var(--dwds-color-primary); }
.dwats-notification-center__filters button span { min-width: 1.2rem; height: 1.2rem; display: inline-grid; place-items: center; border-radius: 999px; background: var(--dwds-color-bg); font-size: .68rem; font-weight: 800; }
.dwats-notification-center__toolbar { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: var(--dwds-space-2); padding: var(--dwds-space-3) var(--dwds-space-4); border-bottom: 1px solid var(--dwds-color-border); }
.dwats-notification-center__toolbar input, .dwats-notification-center__toolbar select { width: 100%; min-height: 2.35rem; border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-sm); background: var(--dwds-color-bg); color: var(--dwds-color-text); padding-inline: var(--dwds-space-3); }
.dwats-notification-center__list { min-height: 12rem; overflow-y: auto; }
.dwats-notification-center__empty { min-height: 14rem; display: grid; place-content: center; justify-items: center; gap: var(--dwds-space-2); padding: var(--dwds-space-6); text-align: center; color: var(--dwds-color-text-muted); }
.dwats-notification-item { border-bottom: 1px solid var(--dwds-color-border); background: var(--dwds-color-surface); }
.dwats-notification-item:last-child { border-bottom: 0; }
.dwats-notification-item[data-unread="true"] { background: color-mix(in srgb, var(--dwds-color-primary) 6%, var(--dwds-color-surface)); box-shadow: inset .2rem 0 var(--dwds-color-primary); }
.dwats-notification-item[data-priority="critical"] { box-shadow: inset .2rem 0 var(--dwds-color-danger); }
.dwats-notification-item__main { width: 100%; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: var(--dwds-space-3); padding: var(--dwds-space-4); border: 0; background: transparent; color: var(--dwds-color-text); text-align: start; }
.dwats-notification-item__main:hover { background: var(--dwds-color-surface-hover); }
.dwats-notification-item__icon { width: 2rem; aspect-ratio: 1; display: grid; place-items: center; border-radius: var(--dwds-radius-md); background: var(--dwds-color-bg); border: 1px solid var(--dwds-color-border); font-weight: 800; }
.dwats-notification-item__content { min-width: 0; display: grid; gap: .25rem; }
.dwats-notification-item__content > span:not(.dwats-notification-item__meta) { color: var(--dwds-color-text-muted); line-height: 1.45; }
.dwats-notification-item__content small { color: var(--dwds-color-text-muted); }
.dwats-notification-item__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dwds-space-2); color: var(--dwds-color-text-muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; }
.dwats-notification-item__meta span:not(:last-child)::after { content: "·"; margin-inline-start: var(--dwds-space-2); }
.dwats-notification-item__unread { width: .55rem; aspect-ratio: 1; margin-top: .35rem; border-radius: 999px; background: var(--dwds-color-primary); }
.dwats-notification-item__actions { display: flex; flex-wrap: wrap; gap: var(--dwds-space-2); padding: 0 var(--dwds-space-4) var(--dwds-space-4) calc(2rem + var(--dwds-space-7)); }
.dwats-notification-item__actions button { min-height: 1.9rem; padding-inline: var(--dwds-space-3); border: 1px solid var(--dwds-color-border); border-radius: var(--dwds-radius-sm); background: transparent; color: var(--dwds-color-text-muted); font-size: var(--dwds-font-size-200); }
.dwats-notification-item__actions button:hover { background: var(--dwds-color-surface-hover); color: var(--dwds-color-text); }
.dwats-notification-item__actions button[data-primary="true"] { border-color: var(--dwds-color-primary); background: var(--dwds-color-primary); color: white; }
@media (max-width: 639px) {
  .dwats-shell-notifications { position: fixed; inset: 4.5rem .75rem .75rem; width: auto; }
  .dwats-notification-center { max-height: none; height: 100%; }
  .dwats-notification-center__toolbar { grid-template-columns: 1fr; }
  .dwats-notification-item__actions { padding-inline-start: var(--dwds-space-4); }
}

/* Phase 28.5 - Global Enterprise Search */
.dwats-global-search-layer{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:2rem;background:rgba(2,6,23,.72);backdrop-filter:blur(12px)}
.dwats-global-search{width:min(76rem,calc(100vw - 2rem));height:min(48rem,calc(100vh - 3rem));display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);background:var(--dwds-color-surface);box-shadow:0 28px 80px rgba(0,0,0,.45)}
.dwats-global-search>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--dwds-space-3);padding:var(--dwds-space-4) var(--dwds-space-5);border-bottom:1px solid var(--dwds-color-border)}
.dwats-global-search>header>span{font-size:1.4rem;color:var(--dwds-color-primary)}
.dwats-global-search>header input{width:100%;border:0;outline:0;background:transparent;color:var(--dwds-color-text);font-size:1.05rem}
.dwats-global-search kbd{padding:.18rem .42rem;border:1px solid var(--dwds-color-border);border-radius:.35rem;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:.7rem}
.dwats-search-scopes{display:flex;gap:.25rem;padding:.65rem 1rem;overflow-x:auto;border-bottom:1px solid var(--dwds-color-border)}
.dwats-search-scopes button{display:inline-flex;align-items:center;gap:.45rem;min-height:2.2rem;padding:0 .8rem;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--dwds-color-text-muted);white-space:nowrap}
.dwats-search-scopes button:hover,.dwats-search-scopes button.is-active{background:color-mix(in srgb,var(--dwds-color-primary) 12%,transparent);color:var(--dwds-color-primary);border-color:color-mix(in srgb,var(--dwds-color-primary) 35%,var(--dwds-color-border))}
.dwats-search-filterbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1rem;border-bottom:1px solid var(--dwds-color-border);color:var(--dwds-color-text-muted);font-size:.78rem}
.dwats-search-filterbar label{display:flex;align-items:center;gap:.5rem}.dwats-search-filterbar select{min-height:1.9rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-bg);color:var(--dwds-color-text);padding:0 .55rem}
.dwats-global-search__workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(18rem,.6fr)}
.dwats-search-results{min-height:0;overflow:auto;border-right:1px solid var(--dwds-color-border)}
.dwats-search-result{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:var(--dwds-space-3);padding:var(--dwds-space-4);border:0;border-bottom:1px solid var(--dwds-color-border);background:transparent;color:var(--dwds-color-text);text-align:left}
.dwats-search-result:hover,.dwats-search-result.is-selected{background:color-mix(in srgb,var(--dwds-color-primary) 8%,var(--dwds-color-surface))}.dwats-search-result.is-selected{box-shadow:inset .2rem 0 var(--dwds-color-primary)}
.dwats-search-result__icon{width:2.15rem;height:2.15rem;display:grid;place-items:center;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-bg);color:var(--dwds-color-primary)}
.dwats-search-result__body{min-width:0;display:grid;gap:.2rem}.dwats-search-result__body strong{font-size:.93rem}.dwats-search-result__body>span:not(.dwats-search-result__tags):not(.dwats-search-breadcrumb){color:var(--dwds-color-text-muted);line-height:1.4}.dwats-search-result__body small{color:var(--dwds-color-text-muted)}
.dwats-search-result__type{align-self:start;padding:.18rem .45rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:.67rem;text-transform:uppercase;letter-spacing:.04em}
.dwats-search-breadcrumb{color:var(--dwds-color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.dwats-search-result__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.2rem}.dwats-search-result__tags em{padding:.12rem .4rem;border-radius:999px;background:var(--dwds-color-bg);color:var(--dwds-color-text-muted);font-size:.66rem;font-style:normal}
.dwats-search-preview{min-width:0;overflow:auto;padding:var(--dwds-space-6);background:color-mix(in srgb,var(--dwds-color-bg) 45%,var(--dwds-color-surface));}.dwats-search-preview__eyebrow{color:var(--dwds-color-primary);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dwats-search-preview h2{margin:.35rem 0 .5rem;font-size:1.3rem}.dwats-search-preview p{color:var(--dwds-color-text-muted);line-height:1.6}.dwats-search-preview dl{display:grid;gap:.55rem;margin:1.2rem 0}.dwats-search-preview dl div{display:grid;grid-template-columns:7rem 1fr;gap:.75rem;padding-bottom:.55rem;border-bottom:1px solid var(--dwds-color-border)}.dwats-search-preview dt{color:var(--dwds-color-text-muted)}.dwats-search-preview dd{margin:0}.dwats-search-preview button{min-height:2.3rem;padding:0 1rem;border:1px solid var(--dwds-color-primary);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-primary);color:#fff}.dwats-search-preview__empty,.dwats-search-state{display:grid;place-content:center;gap:.35rem;padding:2rem;text-align:center;color:var(--dwds-color-text-muted)}.dwats-search-state{border-right:1px solid var(--dwds-color-border)}.dwats-search-state strong{color:var(--dwds-color-text);font-size:1rem}
.dwats-global-search>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.55rem 1rem;border-top:1px solid var(--dwds-color-border);color:var(--dwds-color-text-muted);font-size:.72rem}
@media(max-width:800px){.dwats-global-search-layer{padding:.5rem;place-items:stretch}.dwats-global-search{width:100%;height:100%;border-radius:.75rem}.dwats-global-search__workspace{grid-template-columns:1fr}.dwats-search-preview{display:none}.dwats-search-results,.dwats-search-state{border-right:0}.dwats-global-search>footer span:last-child{display:none}.dwats-search-result{grid-template-columns:auto minmax(0,1fr)}.dwats-search-result__type{display:none}}

/* Phase 28.6 - Enterprise Workflow Platform */
.dwats-workflow-designer{display:grid;grid-template-rows:auto minmax(38rem,1fr) auto;min-height:46rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-lg);overflow:hidden;background:var(--dwds-color-surface)}
.dwats-workflow-designer__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--dwds-color-border)}
.dwats-workflow-designer__header h2{margin:.15rem 0;font-size:1.15rem}.dwats-workflow-designer__header p{margin:0;color:var(--dwds-color-text-muted)}
.dwats-workflow-designer__eyebrow{color:var(--dwds-color-primary);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.dwats-workflow-designer__actions{display:flex;gap:.5rem;flex-wrap:wrap}.dwats-workflow-designer__actions button,.dwats-workflow-inspector button{min-height:2.2rem;padding:0 .8rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-bg);color:var(--dwds-color-text)}
.dwats-workflow-designer__actions .is-primary{border-color:var(--dwds-color-primary);background:var(--dwds-color-primary);color:#fff}
.dwats-workflow-designer__body{min-height:0;display:grid;grid-template-columns:17rem minmax(0,1fr) 19rem}
.dwats-workflow-toolbox,.dwats-workflow-inspector{min-height:0;overflow:auto;background:color-mix(in srgb,var(--dwds-color-bg) 42%,var(--dwds-color-surface))}.dwats-workflow-toolbox{border-right:1px solid var(--dwds-color-border)}.dwats-workflow-inspector{border-left:1px solid var(--dwds-color-border);padding:1rem}
.dwats-workflow-toolbox__title{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--dwds-color-border)}.dwats-workflow-toolbox__title span{color:var(--dwds-color-text-muted);font-size:.72rem}
.dwats-workflow-toolbox section{padding:.75rem}.dwats-workflow-toolbox h3{margin:.2rem .25rem .5rem;color:var(--dwds-color-text-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.07em}
.dwats-workflow-toolbox section button{width:100%;display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.6rem;align-items:start;padding:.65rem;border:1px solid transparent;border-radius:var(--dwds-radius-sm);background:transparent;color:var(--dwds-color-text);text-align:left}.dwats-workflow-toolbox section button:hover{border-color:var(--dwds-color-border);background:var(--dwds-color-surface-hover)}.dwats-workflow-toolbox section button>span:first-child{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid var(--dwds-color-border);border-radius:.45rem;background:var(--dwds-color-bg);color:var(--dwds-color-primary)}.dwats-workflow-toolbox section button>span:last-child{display:grid;gap:.15rem}.dwats-workflow-toolbox small{color:var(--dwds-color-text-muted);line-height:1.35}
.dwats-workflow-canvas{position:relative;min-width:0;min-height:38rem;overflow:auto;background-color:var(--dwds-color-bg);background-image:radial-gradient(color-mix(in srgb,var(--dwds-color-border) 75%,transparent) 1px,transparent 1px);background-size:20px 20px}.dwats-workflow-canvas__toolbar{position:sticky;z-index:6;top:.75rem;left:.75rem;width:max-content;display:flex;align-items:center;gap:.25rem;padding:.3rem;border:1px solid var(--dwds-color-border);border-radius:.5rem;background:var(--dwds-color-surface);box-shadow:0 6px 18px rgba(0,0,0,.18)}.dwats-workflow-canvas__toolbar button{width:2rem;height:2rem;border:0;border-radius:.35rem;background:transparent;color:var(--dwds-color-text)}.dwats-workflow-canvas__toolbar button:hover{background:var(--dwds-color-surface-hover)}.dwats-workflow-canvas__toolbar span{min-width:3.2rem;text-align:center;color:var(--dwds-color-text-muted);font-size:.72rem}
.dwats-workflow-canvas__surface{position:relative;width:1600px;height:900px}.dwats-workflow-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dwats-workflow-connections line{stroke:color-mix(in srgb,var(--dwds-color-primary) 65%,var(--dwds-color-border));stroke-width:2}
.dwats-workflow-node{position:absolute;width:180px;min-height:84px;display:grid;grid-template-columns:2.4rem minmax(0,1fr);align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--dwds-color-border);border-radius:.65rem;background:var(--dwds-color-surface);color:var(--dwds-color-text);text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.18)}.dwats-workflow-node:hover,.dwats-workflow-node.is-selected{border-color:var(--dwds-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--dwds-color-primary) 18%,transparent),0 12px 26px rgba(0,0,0,.25)}.dwats-workflow-node__icon{width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:.55rem;background:color-mix(in srgb,var(--dwds-color-primary) 14%,var(--dwds-color-bg));color:var(--dwds-color-primary);font-weight:800}.dwats-workflow-node>span:nth-child(2){display:grid;gap:.15rem}.dwats-workflow-node small{color:var(--dwds-color-text-muted);font-size:.65rem;text-transform:uppercase}.dwats-workflow-node__port{position:absolute;top:50%;width:.75rem;height:.75rem;margin-top:-.375rem;border:2px solid var(--dwds-color-primary);border-radius:999px;background:var(--dwds-color-surface)}.dwats-workflow-node__port.is-input{left:-.45rem}.dwats-workflow-node__port.is-output{right:-.45rem}
.dwats-workflow-inspector__empty{min-height:20rem;display:grid;place-content:center;justify-items:center;gap:.5rem;text-align:center;color:var(--dwds-color-text-muted)}.dwats-workflow-inspector__empty>span{font-size:2rem}.dwats-workflow-inspector__empty p{max-width:14rem;line-height:1.5}.dwats-workflow-inspector__header{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--dwds-color-border)}.dwats-workflow-inspector__header>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.55rem;background:var(--dwds-color-bg);color:var(--dwds-color-primary)}.dwats-workflow-inspector__header>div{display:grid}.dwats-workflow-inspector__header small{color:var(--dwds-color-text-muted)}.dwats-workflow-inspector label{display:grid;gap:.35rem;margin-bottom:.8rem;color:var(--dwds-color-text-muted);font-size:.75rem}.dwats-workflow-inspector input:not([type=checkbox]){min-height:2.3rem;padding:0 .65rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-sm);background:var(--dwds-color-bg);color:var(--dwds-color-text)}.dwats-workflow-inspector .dwats-workflow-check{display:flex;align-items:center;gap:.5rem}.dwats-workflow-inspector .is-danger{width:100%;border-color:color-mix(in srgb,var(--dwds-color-danger) 55%,var(--dwds-color-border));color:var(--dwds-color-danger)}
.dwats-workflow-statusbar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.55rem 1rem;border-top:1px solid var(--dwds-color-border);color:var(--dwds-color-text-muted);font-size:.72rem}.dwats-workflow-statusbar .is-valid{color:var(--dwds-color-success)}.dwats-workflow-statusbar .is-invalid{color:var(--dwds-color-danger)}
.enterprise-workflow-tabs{display:flex;gap:.25rem;margin-bottom:1rem;border-bottom:1px solid var(--dwds-color-border)}.enterprise-workflow-tabs button{padding:.7rem 1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--dwds-color-text-muted)}.enterprise-workflow-tabs button.is-active{border-color:var(--dwds-color-primary);color:var(--dwds-color-primary)}
.enterprise-workflow-templates,.enterprise-workflow-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}.enterprise-workflow-templates article,.enterprise-workflow-admin-grid article{display:grid;gap:.5rem;padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface)}.enterprise-workflow-templates article{grid-template-columns:2.5rem minmax(0,1fr);align-items:start}.enterprise-workflow-templates article>span{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:.55rem;background:var(--dwds-color-bg);color:var(--dwds-color-primary)}.enterprise-workflow-templates article p,.enterprise-workflow-admin-grid span{color:var(--dwds-color-text-muted);line-height:1.5}.enterprise-workflow-templates article button{grid-column:1/-1;min-height:2.2rem;border:1px solid var(--dwds-color-primary);border-radius:var(--dwds-radius-sm);background:transparent;color:var(--dwds-color-primary)}.enterprise-workflow-validation{margin-top:1rem;padding:1rem;border:1px solid color-mix(in srgb,var(--dwds-color-danger) 45%,var(--dwds-color-border));border-radius:var(--dwds-radius-md);background:color-mix(in srgb,var(--dwds-color-danger) 7%,var(--dwds-color-surface));color:var(--dwds-color-text)}
.dwats-workflow-history{display:grid;gap:1rem}.dwats-workflow-history article{padding:1rem;border:1px solid var(--dwds-color-border);border-radius:var(--dwds-radius-md);background:var(--dwds-color-surface)}.dwats-workflow-history header{display:flex;justify-content:space-between;gap:1rem}.dwats-workflow-history p,.dwats-workflow-history small,.dwats-workflow-history li>span{color:var(--dwds-color-text-muted)}.dwats-workflow-history ol{display:grid;gap:.5rem;padding-left:1.25rem}.dwats-workflow-history li{display:grid;grid-template-columns:5rem 10rem minmax(0,1fr);gap:.75rem}.dwats-workflow-history__empty{padding:3rem;text-align:center;color:var(--dwds-color-text-muted)}
@media(max-width:1100px){.dwats-workflow-designer__body{grid-template-columns:14rem minmax(0,1fr)}.dwats-workflow-inspector{display:none}}@media(max-width:760px){.dwats-workflow-designer__header{align-items:flex-start;flex-direction:column}.dwats-workflow-designer__body{grid-template-columns:1fr}.dwats-workflow-toolbox{display:none}.dwats-workflow-history li{grid-template-columns:1fr}.dwats-workflow-statusbar{gap:.55rem}}

/* Phase 28.7 - Enterprise Theme & Branding Platform */
.dwats-theme-host { min-height: 100%; font-family: var(--dw-theme-font, inherit); background: var(--dw-theme-background); color: var(--dw-theme-text); }
.dwats-theme-selector { display:flex; align-items:center; gap:.5rem; }
.dwats-theme-selector label { font-size:.75rem; color:var(--dw-theme-muted); }
.dwats-theme-selector select { min-height:2rem; max-width:12rem; border:1px solid var(--dw-theme-border); border-radius:var(--dw-radius-sm); background:var(--dw-theme-surface); color:var(--dw-theme-text); padding:.25rem 1.75rem .25rem .6rem; }
.dwats-theme-admin { display:grid; gap:var(--dw-page-gap); }
.dwats-theme-library { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:var(--dw-grid-gap); }
.dwats-theme-card { display:grid; gap:.45rem; text-align:left; padding:1rem; border:1px solid var(--dw-theme-border); border-radius:var(--dw-radius-md); background:var(--dw-theme-surface); color:var(--dw-theme-text); transition:border-color var(--dw-animation-duration-fast),transform var(--dw-animation-duration-fast); }
.dwats-theme-card:hover,.dwats-theme-card.is-selected { border-color:var(--dw-theme-primary); transform:translateY(-1px); }
.dwats-theme-card small,.dwats-theme-card span { color:var(--dw-theme-muted); }
.dwats-theme-card__swatches { display:flex; gap:.35rem; }
.dwats-theme-card__swatches i { width:2rem; height:1rem; border-radius:999px; border:1px solid rgb(255 255 255 / .15); }
.dwats-theme-editor-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--dw-grid-gap); }
.dwats-theme-fields { display:grid; gap:.85rem; }
.dwats-theme-fields label { display:grid; gap:.35rem; color:var(--dw-theme-muted); font-size:.78rem; }
.dwats-theme-fields input { width:100%; min-height:2.5rem; border:1px solid var(--dw-theme-border); border-radius:var(--dw-radius-sm); padding:.45rem .65rem; background:var(--dw-theme-background); color:var(--dw-theme-text); }
.dwats-theme-color-input { display:grid; grid-template-columns:3.5rem 1fr; gap:.5rem; }
.dwats-theme-color-input input[type=color] { padding:.2rem; }
.dwats-theme-preview { overflow:hidden; border:1px solid var(--preview-border); border-radius:var(--preview-radius); background:var(--preview-bg); color:var(--preview-text); min-height:310px; font-family:var(--dw-theme-font,inherit); }
.dwats-theme-preview__top { display:flex; align-items:center; gap:.65rem; padding:.8rem 1rem; border-bottom:1px solid var(--preview-border); background:var(--preview-surface); }
.dwats-theme-preview__mark { display:grid; place-items:center; width:2rem; height:2rem; border-radius:.45rem; background:var(--preview-primary); color:#fff; font-weight:700; }
.dwats-theme-preview__body { display:grid; grid-template-columns:110px 1fr; min-height:250px; }
.dwats-theme-preview aside { display:grid; align-content:start; gap:.7rem; padding:1rem; border-right:1px solid var(--preview-border); background:var(--preview-surface); }
.dwats-theme-preview aside span { height:.65rem; border-radius:999px; background:var(--preview-border); }
.dwats-theme-preview main { padding:1.25rem; }
.dwats-theme-preview p { color:var(--preview-muted); }
.dwats-theme-preview__cards { display:grid; grid-template-columns:repeat(3,1fr); gap:.75rem; margin:1rem 0; }
.dwats-theme-preview__cards article { min-height:70px; border:1px solid var(--preview-border); border-radius:var(--preview-radius); background:var(--preview-surface); }
.dwats-theme-preview button { border:0; border-radius:var(--preview-radius); padding:.6rem .9rem; background:var(--preview-primary); color:#fff; }
.dwats-theme-status { display:grid; gap:.65rem; margin:0; }
.dwats-theme-status div { display:flex; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--dw-theme-border); padding-bottom:.5rem; }
.dwats-theme-status dt { color:var(--dw-theme-muted); font-weight:400; }.dwats-theme-status dd{margin:0;font-weight:600}
.dwats-theme-message { margin-top:1rem; color:var(--dw-theme-muted); }
.dwats-theme-checks { display:grid; gap:.6rem; color:var(--dw-theme-success); }
@media (max-width:900px){.dwats-theme-editor-grid{grid-template-columns:1fr}.dwats-theme-preview__body{grid-template-columns:72px 1fr}}

/* Phase 30.UI.D2 – canonical DWATS dashboard implementation.
   Dashboard geometry belongs exclusively to DWATS. */
.dwats-app-root .dwats-app-slot[data-dwats-slot="widgets"] {
    display: block;
    width: 100%;
    min-width: 0;
}

.dwats-app-root .enterprise-dashboard-widget-surface {
    display: block;
    width: 100%;
    min-width: 0;
}

.dwats-app-root .dwats-app-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    grid-auto-flow: row dense;
    align-items: start;
    gap: var(--dwds-space-4, 1rem);
    width: 100%;
    min-width: 0;
}

.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget {
    display: block;
    position: relative;
    width: auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    align-self: stretch;
}

.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--compact { grid-column: span 3 !important; }
.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--standard { grid-column: span 4 !important; }
.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--wide { grid-column: span 6 !important; }
.dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--full { grid-column: 1 / -1 !important; }

.dwats-app-root .dwats-app-dashboard-widget__header,
.dwats-app-root .dwats-app-dashboard-widget__body,
.dwats-app-root .dwats-app-dashboard-widget__footer {
    width: auto;
    min-width: 0;
}

.dwats-app-root .dwats-app-dashboard-widget__body > * {
    min-width: 0;
    max-width: 100%;
}

@media (max-width: 1100px) {
    .dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--compact,
    .dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--standard {
        grid-column: span 6 !important;
    }
    .dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--wide,
    .dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget--full {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 760px) {
    .dwats-app-root .dwats-app-dashboard-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }
    .dwats-app-root .dwats-app-dashboard-grid > .dwats-app-dashboard-widget {
        grid-column: 1 !important;
    }
}