/* The application uses the same black surfaces and cobalt controls as the home page. */
.workspace-page {
  --bg: var(--pf-bg);
  --panel: var(--pf-surface);
  --panel2: var(--pf-surface-raised);
  --line: var(--pf-border);
  --text: var(--pf-text);
  --muted: var(--pf-muted);
  --soft: #c8cbd2;
}
.workspace-page body,
.workspace-page .workspace-main {
  background: var(--pf-bg);
  color: var(--pf-text);
}
.workspace-page .workspace-main::before,
.workspace-page .overview-view::before { content: none; }
.workspace-page body .workspace-sidebar {
  background: #0b0c0f;
  border-right-color: var(--pf-border);
  backdrop-filter: none;
  scrollbar-color: #34383f transparent;
}
.workspace-page .workspace-top {
  background: #08090bf5;
  border-bottom-color: var(--pf-border);
  color: var(--pf-muted);
}
.workspace-page .sidebar-brand { color: var(--pf-text); }
.workspace-page .sidebar-rule { background: var(--pf-border); }
.workspace-page .workspace-sidebar .sidebar-label { color: #737b87; }
.workspace-page .workspace-sidebar .side-link {
  color: #a5a8b1;
  border-radius: 4px;
}
.workspace-page .workspace-sidebar .side-link > .nav-icon { color: #7f8793; }
.workspace-page .workspace-sidebar .side-link:hover {
  color: var(--pf-text);
  background: #ffffff06;
}
.workspace-page .workspace-sidebar .side-link.selected {
  color: #e7ecf5;
  background: #166cf00d;
  border-color: #ffffff0b;
  box-shadow: inset -2px 0 var(--pf-primary);
}
.workspace-page .workspace-sidebar .side-link.selected > .nav-icon { color: #6daaff; }
.workspace-page .workspace-sidebar .sidebar-bottom { border-top-color: var(--pf-border); }
.workspace-page .sidebar-account {
  background: #12151a;
  border-color: #ffffff14;
  border-radius: 5px;
}
.workspace-page .sidebar-account-copy small { color: #729cd4; }
.workspace-page .workspace-sidebar .sidebar-account .sidebar-sign-out { color: var(--pf-blue); border-radius: 3px; }
.workspace-page .workspace-sidebar .sidebar-account .sidebar-sign-out:hover { background: #ffffff09; color: #c5ddff; }
.workspace-page .account-initial {
  background: #20242c;
  border-color: #ffffff21;
  color: #d5dae3;
}
.workspace-page .account-menu-trigger {
  color: #bec3cd;
  border-radius: 4px;
}
.workspace-page .account-menu-trigger:hover,
.workspace-page .account-menu-trigger[aria-expanded=true] {
  background: #ffffff06;
  border-color: #ffffff0d;
}
.workspace-page .account-popover {
  background: #121419;
  border-color: #ffffff1b;
  border-radius: 6px;
  box-shadow: 0 16px 40px #0008;
}
.workspace-page .account-popover-heading { border-color: var(--pf-border); }
.workspace-page .account-popover-heading strong,
.workspace-page .account-popover a > span { color: #dce1e9; }
.workspace-page .account-popover-heading div > span { color: #8ca6cd; }
.workspace-page .account-popover-heading small,
.workspace-page .account-popover a > small,
.workspace-page .account-popover a > .nav-icon { color: #858e9d; }
.workspace-page .account-popover a { border-radius: 3px; }
.workspace-page .account-popover a:hover { background: #ffffff06; }
.workspace-page .account-popover > button { color: #aab7cc; border-color: #ffffff19; border-radius: 3px; }

/* Flat neutral cards retain their existing layout and private-data visibility rules. */
.workspace-page body .workspace-main :is(.panel,.update-item,.yara-guide,.personalization-note,.builder-header,.builder-help,.preview-stage) {
  background: var(--pf-surface);
  border-color: var(--pf-border);
  border-radius: 6px;
  box-shadow: none;
}
.workspace-page .view-heading { border-color: var(--pf-border); }
.workspace-page .view-heading h1,
.workspace-page .panel h2,
.workspace-page .section-heading h2,
.workspace-page .update-item h3 { color: var(--pf-text); }
.workspace-page .workspace-main :is(.eyebrow,.form-kicker,.section-index) { color: #7898c1; }
.workspace-page .workspace-main :is(.view-heading p,.panel p,.update-item p,.team-member-heading small,.file-drop span,.empty-list) { color: var(--pf-muted); }
.workspace-page .workspace-main :is(.update-item time,.invite-box small,.file-drop small,.designer-footer span,.designer-info p) { color: #818997; }
.workspace-page .workspace-main :is(.invite-box,.designer-section,.team-members li,.file-result-row,.list-item,.yara-catalog-head,.yara-rule-row,.yara-catalog-footer,.table-foot,.scan-row) { border-color: var(--pf-border); }

.workspace-page .button {
  border-radius: 3px;
  border-color: #ffffff20;
  background: #191b20;
  color: #e8ebf0;
  box-shadow: none;
}
.workspace-page .button.outline,
.workspace-page .button.secondary { background: transparent; }
.workspace-page .button.light,
.workspace-page .button.solid,
.workspace-page .button:not(.outline):not(.secondary):not(.danger) {
  background: var(--pf-primary);
  border-color: var(--pf-primary);
  color: #fff;
  box-shadow: none;
}
.workspace-page .button.light:hover,
.workspace-page .button.solid:hover { background: #287dff; border-color: #458fff; box-shadow: none; }
.workspace-page .button.outline:hover,
.workspace-page .button.secondary:hover { background: #ffffff07; border-color: #ffffff35; }
.workspace-page .button.danger { background: #a33a4a14; color: #efa3ae; border-color: #ce64773d; }
.workspace-page .workspace-main :is(.inline-form input,.invite-box input,.form-panel input:not([type=color]),.form-panel select,.form-panel textarea,.string-page-size select,.string-search input) {
  background: #090b0f;
  border-color: #ffffff1b;
  border-radius: 3px;
  color: #e1e5ed;
}
.workspace-page .workspace-main :is(input,select,textarea):focus { border-color: var(--pf-blue); box-shadow: none; }
.workspace-page .workspace-main input::placeholder { color: #636b78; }
.workspace-page .workspace-main .scan-head { background: #ffffff02; color: #89929f; }
.workspace-page .workspace-main .scan-row:hover { background: #ffffff03; }
.workspace-page .workspace-main .scan-row small { color: #8c95a3; }
.workspace-page .result-pill { border-radius: 3px; }
.workspace-page .workspace-main :is(.code-editor,.code-editor textarea,.guide-example,.file-panel .file-results,.builder-list #stringList) {
  background: #090b0f;
  border-color: var(--pf-border);
}
.workspace-page .workspace-main .code-editor pre { color: #636d7d; border-color: var(--pf-border); }
.workspace-page .workspace-main .file-drop { background: #ffffff02; border-color: #ffffff28; border-radius: 4px; }
.workspace-page .workspace-main .file-drop:hover,
.workspace-page .workspace-main .file-drop.drag-over { background: #166cf008; border-color: #439aff70; box-shadow: none; }
.workspace-page .drop-icon { color: #a9b4c5; border-color: #ffffff27; }
.workspace-page .workspace-main :is(.list-actions button,.file-result-row button,.yara-rule-actions button,.update-actions button) { background: transparent; border-color: #ffffff20; border-radius: 3px; color: #b1bdcf; }
.workspace-page .workspace-main :is(.list-actions button,.file-result-row button,.yara-rule-actions button,.update-actions button):hover { background: #ffffff06; color: #e5edf9; }
.workspace-page .workspace-main :is(.builder-count,.file-type-pill,.preview-badge) { background: #ffffff03; border-color: #ffffff1c; color: #9da9bc; border-radius: 3px; }

/* Tool Design surrounds the user's scanner preview without changing its custom colors. */
.workspace-page .workspace-main .designer-preview-panel {
  padding: 24px;
  border: 1px solid var(--pf-border);
  border-radius: 12px;
  background: #101216;
}
@media (max-width: 600px) {
  .workspace-page .workspace-main .designer-preview-panel { padding: 18px; }
}
.workspace-page .designer-form .logo-editor-image,
.workspace-page .background-editor-image { background: #08090b; border-color: #ffffff20; border-radius: 4px; }
.workspace-page .workspace-main .color-editor { background: #0b0d11; border-color: #ffffff17; border-radius: 3px; }
.workspace-page .workspace-main .color-editor label { border-color: #ffffff0c; color: #bfc7d3; }
.workspace-page .workspace-main .color-value { color: #7e8898; }
.workspace-page .preview-switcher { background: #090b0f; border-color: #ffffff15; border-radius: 3px; }
.workspace-page .preview-switcher button { color: #8993a3; border-radius: 2px; }
.workspace-page .preview-switcher button[aria-pressed=true] { background: #1b1f26; border-color: #ffffff17; color: #dce4f0; }
.workspace-page .scanner-preview-stage::before { background: none; }

/* String and rule collections use the same restrained navigation as the sidebar. */
.workspace-page .workspace-main .string-builder.panel { background: var(--pf-surface); border-color: var(--pf-border); }
.workspace-page :is(.string-builder-heading,.string-builder-footer,.string-table th,.string-table td,.string-reference dl > div) { border-color: var(--pf-border); }
.workspace-page .string-builder-footer { background: #ffffff02; }
.workspace-page .string-groups { background: #0b0d11; border-color: var(--pf-border); }
.workspace-page .string-groups > button { color: #a2aab7; border-radius: 3px; }
.workspace-page .string-groups > button:hover { background: #ffffff05; color: #e8edf6; }
.workspace-page .string-groups > button[aria-pressed=true] { background: #166cf00d; border-color: #ffffff12; color: #e2eaf8; box-shadow: inset 2px 0 var(--pf-primary); }
.workspace-page :is(.string-groups small,.string-group-count,.string-library-heading p,.string-table th,.string-name small,.string-pagination,.string-builder-footer > span,.string-reference p,.string-reference dd,.string-reference small) { color: #86909f; }
.workspace-page :is(.string-library-heading h3,.string-name strong,.string-reference h2,.string-reference dt) { color: #d6dde8; }
.workspace-page .string-value code { color: #a6b0c0; }
.workspace-page .string-row-actions button { background: transparent; color: #97a4b7; border-color: #ffffff17; border-radius: 3px; }
.workspace-page .string-row-actions button:hover { background: #ffffff06; border-color: #ffffff2d; color: #dae5f8; }
.workspace-page .string-row-actions .string-remove { color: #dc8ba0; }
.workspace-page .yara-guide { border-top-color: #166cf0; }
.workspace-page .yara-rule-row { background: transparent; }
.workspace-page :is(.yara-rule-main code,.yara-catalog-footer > span,.builder-list-footer span) { color: #8a96a8; }
.workspace-page .yara-rule-meta span { background: #ffffff02; border-radius: 3px; }
.workspace-page .yara-dialog,
.workspace-page .string-dialog.yara-dialog { background: #111318; color: #e0e6ef; border-color: #ffffff24; border-radius: 6px; }
.workspace-page .yara-dialog-head { background: #ffffff02; border-color: var(--pf-border); }
.workspace-page .yara-dialog :is(input,select,textarea,.code-editor) { background: #080a0d; border-color: #ffffff20; border-radius: 3px; color: #dae2ee; }
.workspace-page .yara-dialog .builder-form { background: transparent; border: 0; }
.workspace-page .yara-dialog :is(label,.form-kicker) { color: #a2afc3; }
.workspace-page .yara-dialog :is(.string-dialog-heading h2,.yara-dialog-head h2) { color: #e0e6f0; }
.workspace-page #workspaceNotice { background: #171a20f7; border-color: #ffffff24; color: #d1dbea; border-radius: 5px; }
.workspace-page #workspaceNotice.error { background: #281217f7; border-color: #ed89965c; color: #ffc6d0; }
.workspace-page .match-type-button,
.workspace-page .match-type-options { background: #111419; border-color: #ffffff20; border-radius: 3px; color: #c4cfdf; }
.workspace-page .match-type-button:hover,
.workspace-page .match-type-button[aria-expanded=true] { background: #171b22; border-color: #439aff70; }
.workspace-page .match-type-options > button { border-radius: 2px; color: #b5c0d1; }
.workspace-page .match-type-options > button[aria-selected=true] { background: #166cf016; color: #d4e4ff; }
.workspace-page .match-type-options > button:hover,
.workspace-page .match-type-options > button:focus-visible { background: #ffffff09; color: #ecf2fc; box-shadow: inset 0 0 0 1px #439aff45; }
.workspace-page .generated-yara-name { background: #090b0f; border-radius: 3px; color: #c5d1e3; }

/* The administration library shares this shell and retains its rule-state colors. */
.workspace-page .global-library { background: var(--pf-surface) !important; border-color: var(--pf-border) !important; backdrop-filter: none; }
.workspace-page :is(.global-library-head,.detection-groups,.detection-table th,.detection-table td,.detection-savebar,.detection-dialog-footer) { border-color: var(--pf-border); }
.workspace-page .detection-groups { background: #0b0d11; }
.workspace-page .detection-groups > button { color: #a2aab7; border-radius: 3px; }
.workspace-page .detection-groups > button:hover { background: #ffffff05; }
.workspace-page .detection-groups > button[aria-pressed=true] { background: #166cf00d; border-color: #ffffff12; color: #e2eaf8; }
.workspace-page :is(.group-mark,.group-count,.detection-groups small,.detection-catalog-head p,.detection-table-tools,.detection-table th,.detection-table td code,.detection-pagination,.detection-savebar,.library-footnote,.source-heading span) { color: #8491a3; }
.workspace-page .library-revision { background: #ffffff02; border-color: #ffffff19; border-radius: 3px; color: #8fa4c1; }
.workspace-page .detection-table th,
.workspace-page .detection-savebar { background: #ffffff02; }
.workspace-page :is(.detection-table-tools input,.detection-table-tools select) { background: #090b0f; border-color: #ffffff1b; border-radius: 3px; color: #c8d2e3; }
.workspace-page .detection-row-actions button { background: transparent; border-color: #ffffff19; border-radius: 3px; color: #a3b1c5; }
.workspace-page .detection-row-actions button:hover { background: #ffffff06; border-color: #ffffff32; color: #dde8fa; }
.workspace-page .detection-toggle { background: #ffffff03; border-color: #ffffff1b; color: #8694a8; border-radius: 3px; }
.workspace-page .detection-toggle[aria-pressed=true] { background: #166cf014; border-color: #439aff50; color: #a4c9ff; }
.workspace-page .detection-dialog { background: #111318; border-color: #ffffff24; border-radius: 6px; color: #e0e6ef; }
.workspace-page .detection-dialog :is(input:not([type=checkbox]),select,textarea) { background: #080a0d; border-color: #ffffff20; border-radius: 3px; color: #dae2ee; }
.workspace-page .detection-dialog .form-panel label { color: #a2afc3; }
.workspace-page .library-notice:not([data-error=true]) { background: #ffffff03; color: #b1c4e0; border-radius: 0 3px 3px 0; }

/* The overview keeps verdict colors in the data, with neutral surrounding chrome. */
.workspace-page .overview-view { --scan-blue: var(--pf-blue); --scan-muted: var(--pf-muted); --scan-divider: var(--pf-border); }
.workspace-page .overview-view .overview-heading { background: #111318; border-color: var(--pf-border); border-radius: 6px; box-shadow: none; }
.workspace-page .overview-heading .overview-welcome-avatar { background: #20242c; border-color: #ffffff21; }
.workspace-page .overview-view .overview-heading h1 { color: #f3f4f6; }
.workspace-page .overview-heading p { color: #8fa4c3; }
.workspace-page body .workspace-main :is(.overview-card,.overview-metric) { background: var(--pf-surface); border-color: var(--pf-border); border-radius: 6px; box-shadow: none; }
.workspace-page .overview-metric h2 { color: #acb3c0; }
.workspace-page .overview-metric strong { color: #f3f4f6; }
.workspace-page .overview-metric::after { box-shadow: none; }
.workspace-page .workspace-main .overview-card h2 { color: #e7ebf2; }
.workspace-page .overview-view :is(.overview-view-all,.overview-tag) { background: #ffffff03; border-color: #ffffff16; color: #8fa8cd; border-radius: 3px; }
.workspace-page .overview-view-all:hover { background: #ffffff07; border-color: #ffffff2b; }
.workspace-page .workspace-main .overview-card .overview-empty { background: #ffffff02; border-color: #ffffff15; border-radius: 4px; }
.workspace-page .overview-scan-icon,
.workspace-page .overview-player-avatar { background: #222831; border-color: #ffffff12; color: #a9bedb; }
.workspace-page .overview-scan-icon::after { border-color: var(--pf-surface); }
.workspace-page .overview-scan-code { background: #20252e; color: #a5badd; }
.workspace-page .overview-scan-description strong { color: #d8e1ee; }
.workspace-page .overview-scan-link:hover .overview-scan-description strong { color: #75adff; }
.workspace-page .overview-trend-tooltip,
.workspace-page .overview-hour-tooltip { background: #12151bf7; border-color: #ffffff20; color: #c3cddb; border-radius: 4px; }
.workspace-page .overview-trend-tooltip > strong { color: #e1e7f1; }
.workspace-page .overview-chart-cursor { stroke: #ffffff37; }
.workspace-page .overview-trend text { fill: #8e97a5; }
.workspace-page :is(.overview-trend-totals small,.overview-section-heading p,.overview-stat dt,.overview-detection-count,.overview-peak,.overview-hour-labels,.overview-weekday small,.overview-player-copy small,.overview-distribution-label,.overview-insight-empty) { color: #8a94a3; }
.workspace-page :is(.overview-trend-totals strong,.overview-section-heading h2,.overview-stat dd,.overview-player-heading strong,.overview-distribution strong,.overview-breakdown li) { color: #d3deed; }
.workspace-page .overview-statistics { background: var(--pf-surface); border-color: var(--pf-border); }
.workspace-page .overview-stat + .overview-stat { border-left-color: var(--pf-border); }
.workspace-page .overview-stat small { color: #717d8e; }
.workspace-page .overview-activity-cell { background: #20242c; border-color: #ffffff09; color: #aeb9ca; }
.workspace-page .overview-activity-cell:not([data-verdict=none]) { background: color-mix(in srgb, var(--verdict-color) var(--activity-strength), #15181f); border-color: color-mix(in srgb, var(--verdict-color) 34%, transparent); }
.workspace-page :is(.overview-breakdown-bar,.overview-detection-track,.overview-distribution-track) { background: #252a33; }
.workspace-page .overview-game-mark { background: #166cf00d; border-color: #166cf03b; color: #589fff; }
.workspace-page .overview-detection-label { color: #bcc7d8; }
.workspace-page .overview-detection-rank { color: #718096; }
.workspace-page .overview-hours,
.workspace-page .overview-weekday-chart { border-color: #ffffff10; }
.workspace-page .overview-hour::after { background: #ffffff14; }
.workspace-page .overview-players li + li { border-color: var(--pf-border); }
.workspace-page .overview-environment-columns h3 { color: #9caec8; }
.workspace-page .overview-chart-table { color: #8499b7; }

@media (max-width: 650px) {
  .workspace-page .string-groups > button[aria-pressed=true] { box-shadow: inset 0 -2px var(--pf-primary); }
}
@media (max-width: 620px) {
  .workspace-page .overview-stat:nth-child(3n+1) { border-left-color: var(--pf-border); }
}