@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

:root {
    --ws-bg: #080d19;
    --ws-sidebar: #0d1322;
    --ws-panel: #121a2a;
    --ws-panel-2: #0f1726;
    --ws-line: rgba(226, 232, 240, 0.1);
    --ws-line-strong: rgba(226, 232, 240, 0.18);
    --ws-text: #f8fafc;
    --ws-muted: #92a0b8;
    --ws-soft: #c9d4e8;
    --ws-brand: #6fffd2;
    --ws-violet: #8b5cf6;
    --ws-cyan: #22d3ee;
    --ws-danger: #fb7185;
    --ws-warn: #facc15;
    --ws-ok: #34d399;
    --ws-radius: 22px;
}

/* AI Assistant redesign: visual-only structure and Arabic-friendly typography. */
.workspace-panel.ai-assistant-shell {
    --assistant-bg: #061625;
    --assistant-panel: #0b2032;
    --assistant-panel-soft: #10283c;
    --assistant-line: rgba(126, 153, 181, 0.18);
    --assistant-text: #dff6ff;
    --assistant-muted: #8da4bb;
    --assistant-accent: #00d6c8;
    position: relative;
    min-height: calc(100vh - 6rem);
    width: calc(100% + 48px);
    margin: -32px -24px -96px;
    padding: 0;
    overflow: hidden;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 80% 0%, rgba(0, 214, 200, 0.12), transparent 23rem),
        linear-gradient(180deg, #07192a 0%, var(--assistant-bg) 48%, #04111e 100%) !important;
}

.workspace-panel.ai-assistant-shell.is-active {
    gap: 0;
}

.ai-assistant-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(132, 162, 190, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(132, 162, 190, 0.035) 1px, transparent 1px);
    background-size: 44px 44px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), transparent 78%);
    pointer-events: none;
}

.ai-assistant-shell > * {
    position: relative;
    z-index: 1;
}

.ai-assistant-hero {
    padding: 24px clamp(18px, 2.8vw, 34px) 20px;
    border-bottom: 1px solid rgba(126, 153, 181, 0.12);
    background: rgba(6, 22, 37, 0.46);
}

.ai-assistant-hero h2 {
    color: #e6fbff;
    font-size: clamp(28px, 4vw, 42px);
    letter-spacing: -0.045em;
}

.ai-assistant-hero p {
    color: #b7cbe0;
}

.ai-assistant-usage {
    min-width: min(100%, 280px);
    margin-bottom: 18px;
    border-color: rgba(126, 153, 181, 0.18) !important;
    background: linear-gradient(135deg, rgba(31, 56, 78, 0.92), rgba(19, 39, 58, 0.88)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 24px 60px rgba(0, 0, 0, 0.2);
}

.ai-assistant-sidebar-title {
    display: grid;
    gap: 7px;
    margin-bottom: 18px;
}

.ai-assistant-mobile-back {
    display: none;
}

.ai-assistant-sidebar-title span {
    color: var(--assistant-accent);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ai-assistant-sidebar-title strong {
    color: #e6fbff;
    font-size: 24px;
    line-height: 1.12;
}

.ai-assistant-sidebar-title p {
    margin: 0;
    color: #b7cbe0;
    font-size: 12px;
    line-height: 1.55;
}

.ai-assistant-usage strong {
    color: var(--assistant-accent) !important;
    line-height: 1.05;
}

.ai-assistant-layout {
    align-items: stretch;
    gap: 0 !important;
    height: calc(100vh - 96px);
    min-height: 720px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 93.5dvh;
}

.ai-assistant-sidebar,
.ai-assistant-chat-card {
    border-color: rgba(126, 153, 181, 0.12) !important;
    background: rgba(7, 24, 39, 0.46) !important;
    box-shadow: none !important;
}

.ai-assistant-sidebar {
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: 100%;
    border-width: 0 1px 0 0 !important;
    border-radius: 0 !important;
    padding: 24px 18px !important;
}

.ai-assistant-sidebar label {
    color: #e3f7ff !important;
}

.ai-assistant-sidebar select {
    border-color: rgba(126, 153, 181, 0.18) !important;
    background: #203247 !important;
    color: #e9fbff !important;
}

.ai-assistant-scope {
    border-color: rgba(126, 153, 181, 0.14) !important;
    background: rgba(20, 43, 64, 0.72) !important;
    color: #c7d8e7 !important;
    line-height: 1.65;
}

.ai-assistant-clear {
    margin-top: auto !important;
    border-color: rgba(126, 153, 181, 0.22) !important;
    background: rgba(6, 20, 34, 0.72) !important;
    color: #e5f8ff !important;
}

.ai-assistant-chat-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 0;
    height: 100%;
    overflow: hidden;
    border-width: 0 !important;
    border-radius: 0 !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(0, 214, 200, 0.055), transparent 22rem),
        linear-gradient(180deg, rgba(4, 17, 29, 0.34), rgba(5, 18, 31, 0.5)) !important;
    box-shadow: none !important;
}

.ai-assistant-chat-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 28px;
    border-bottom: 0;
    background: transparent;
}

.ai-assistant-chat-top span,
.ai-assistant-chat-top small {
    color: var(--assistant-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.ai-assistant-chat-top strong {
    display: block;
    margin-top: 3px;
    color: var(--assistant-text);
    font-size: 15px;
}

.ai-assistant-chat-card .ai-chat-log {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 8px 28px 92px;
    font-family: "Poppins", "Tahoma", "Segoe UI", sans-serif;
}

.ai-assistant-chat-card .ai-chat-log::before {
    display: none;
}

.ai-assistant-chat-card .ai-chat-message {
    width: min(88%, 760px);
    font-family: "Poppins", "Tahoma", "Segoe UI", sans-serif;
    border-radius: 20px;
}

.ai-assistant-chat-card .ai-chat-message.user {
    width: fit-content;
    border-color: rgba(0, 214, 200, 0.28);
    background: linear-gradient(135deg, rgba(35, 58, 78, 0.92), rgba(14, 45, 58, 0.96));
}

.ai-assistant-chat-card .ai-chat-form {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    position: sticky;
    bottom: 10px;
    z-index: 4;
    border: 1px solid rgba(126, 153, 181, 0.14);
    border-radius: 16px;
    background: rgba(31, 52, 72, 0.92);
    box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
    gap: 0px;
    padding: 7px 8px 7px 14px;
    font-family: "Poppins", "Tahoma", "Segoe UI", sans-serif;
}

.ai-assistant-chat-card .ai-chat-form > div {
    display: flex !important;
    align-items: center;
    gap: 0 !important;
}

.ai-assistant-chat-card .ai-chat-form textarea {
    min-height: 34px;
    max-height: 72px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #e9fbff;
    padding: 7px 8px;
    box-shadow: none;
    resize: none;
    height: 40px;
}

.ai-assistant-chat-card .ai-chat-form [data-ai-chat-status] {
    display: none !important;
}

.ai-assistant-chat-card .ai-chat-form textarea:focus {
    background: transparent;
    box-shadow: none;
}

.ai-assistant-chat-card .ai-chat-form textarea:dir(rtl),
.ai-assistant-chat-card .ai-chat-message p:dir(rtl),
.ai-assistant-chat-card .ai-chat-message p > span:dir(rtl),
.ai-assistant-chat-card .ai-chat-message p li:dir(rtl) {
    font-family: "Poppins", "Tahoma", "Segoe UI", sans-serif;
}

.ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0 !important;
    border-radius: 12px;
    background: var(--assistant-accent) !important;
    color: #031316 !important;
}

.ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] .material-symbols-outlined {
    font-size: 19px;
    line-height: 1;
}

.ai-chat-quality-note {
    margin: 0;
    padding: 0 18px 13px;
    color: rgba(183, 203, 224, 0.72);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.015em;
    text-align: center;
}

.dashboard-ai-mode [data-dashboard-sidebar],
.dashboard-ai-mode [data-mobile-sidebar],
.dashboard-ai-mode [data-mobile-sidebar-overlay],
.dashboard-ai-mode [data-mobile-sidebar-open] {
    display: none !important;
}

.dashboard-ai-mode {
    background: #000 !important;
}

.dashboard-ai-mode [data-dashboard-header] {
    width: 100% !important;
    height: 52px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(0, 0, 0, 0.82) !important;
    backdrop-filter: blur(18px);
    padding-left: 58px !important;
}

.dashboard-ai-mode [data-dashboard-theme-toggle] {
    display: none !important;
}

.dashboard-ai-mode [data-dashboard-header] h2,
.dashboard-ai-mode [data-dashboard-header] h2 + span,
.dashboard-ai-mode [data-dashboard-header] h2 + span + p {
    display: none !important;
}

.dashboard-ai-mode [data-ai-overview-back] {
    display: inline-flex !important;
}

.dashboard-ai-mode .ai-mobile-sidebar-toggle {
    display: none !important;
}

.dashboard-ai-mode main {
    margin-left: 0 !important;
    padding-top: 52px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    background: #000 !important;
}

.dashboard-ai-mode main > div {
    max-width: none !important;
    width: 100% !important;
}

.dashboard-ai-mode .workspace-panel.ai-assistant-shell {
    width: 100% !important;
    min-height: calc(100dvh - 52px);
    margin: 0 !important;
    left: auto !important;
    transform: none !important;
    background: #000 !important;
}

.dashboard-ai-mode .ai-assistant-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    height: calc(100dvh - 52px);
    min-height: 640px;
    padding-left: 48px;
}

.dashboard-ai-mode .ai-assistant-sidebar {
    position: fixed;
    left: 48px;
    top: 0;
    bottom: 0;
    z-index: 35;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
    width: 320px;
    max-width: calc(100vw - 48px);
    height: auto;
    min-height: 0;
    overflow-y: auto;
    border-width: 0 1px 0 0 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 0 !important;
    background: #070707 !important;
    padding: 72px 20px 20px !important;
    transform: translateX(-100%);
    transition: transform 0.22s ease;
}

.dashboard-ai-mode .ai-sidebar-open .ai-assistant-sidebar {
    transform: translateX(0);
}

.dashboard-ai-mode .ai-assistant-sidebar label {
    display: block;
    color: rgba(245, 245, 245, 0.68) !important;
}

.dashboard-ai-mode .ai-assistant-sidebar select {
    width: 100%;
    margin-top: 8px !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 14px !important;
    background: #171717 !important;
    color: #f5f5f5 !important;
    padding: 12px 14px !important;
    font-size: 12px !important;
}

.dashboard-ai-mode .ai-assistant-sidebar-title strong {
    color: #f5f5f5;
}

.dashboard-ai-mode .ai-assistant-sidebar-title span {
    color: #22c7ad;
}

.dashboard-ai-mode .ai-assistant-sidebar-title p,
.dashboard-ai-mode .ai-assistant-usage small,
.dashboard-ai-mode .ai-chat-start-scan {
    color: rgba(245, 245, 245, 0.58) !important;
}

.dashboard-ai-mode .ai-chat-start-scan {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border: 1px solid rgba(34, 199, 173, 0.28);
    border-radius: 14px;
    background: rgba(34, 199, 173, 0.1);
    color: #22c7ad !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.dashboard-ai-mode button.ai-chat-start-scan:disabled {
    cursor: not-allowed;
    border-color: rgba(148, 163, 184, 0.16);
    background: rgba(148, 163, 184, 0.06);
    color: rgba(245, 245, 245, 0.34) !important;
}

.dashboard-ai-mode button.ai-chat-start-scan,
.dashboard-ai-mode button.ai-chat-welcome-upgrade {
    cursor: pointer;
    font-family: inherit;
}

.dashboard-ai-mode button.ai-chat-welcome-upgrade {
    border: 0;
}

.dashboard-ai-mode .ai-chat-scan-url-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: 14px;
    padding: 12px;
    border: 1px solid rgba(34, 199, 173, 0.24);
    border-radius: 18px;
    background: rgba(5, 16, 27, 0.72);
}

.dashboard-ai-mode .ai-chat-scan-url-card input {
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.06);
    color: #ffffff;
    padding: 12px 13px;
    font-size: 14px;
    outline: none;
}

.dashboard-ai-mode .ai-chat-scan-url-card input:focus {
    border-color: rgba(34, 199, 173, 0.58);
    box-shadow: 0 0 0 3px rgba(34, 199, 173, 0.12);
}

.dashboard-ai-mode .ai-chat-scan-url-card button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    border-radius: 13px;
    background: #159f8b;
    color: #041412;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-ai-mode .ai-assistant-usage,
.dashboard-ai-mode .ai-chat-upgrade-card {
    background: #121212 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.dashboard-ai-mode .ai-sidebar-quality-note {
    display: none;
}

.dashboard-ai-mode .ai-assistant-chat-card {
    background: #000 !important;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-log {
    max-width: 760px;
    width: 100%;
    margin: 0 auto;
    padding: 84px 18px 154px;
    background: #000;
    scrollbar-color: rgba(255, 255, 255, 0.28) transparent;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    grid-template-areas:
        "plus text submit"
        "pills pills pills";
    align-items: end;
    max-width: 875px;
    width: calc(100% - 64px);
    margin-left: auto;
    margin-right: auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 32px;
    background: #202020;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5);
    padding: 8px 10px 8px 12px;
    margin-bottom: 34px;
}

.dashboard-ai-mode .ai-chat-context-picker {
    grid-area: plus;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea {
    grid-area: text;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div:not(.ai-chat-context-picker):not(.ai-chat-context-pills) {
    grid-area: submit;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.52);
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea {
    height: 40px;
    min-height: 40px;
    max-height: 142px;
    box-sizing: border-box;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f4f4f5;
    font-size: 15px;
    line-height: 1.55;
    overflow-y: auto;
    padding: 8px 6px 7px;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea:focus {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ai-site-idea-card {
    background: #121212 !important;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.34);
}

.ai-site-idea-input {
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    background: #202020 !important;
    color: #f4f4f5 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.ai-site-idea-input::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
}

.ai-site-idea-input:focus {
    border-color: rgba(60, 221, 199, 0.72) !important;
    background: #202020 !important;
    box-shadow: 0 0 0 3px rgba(60, 221, 199, 0.1) !important;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div:not(.ai-chat-context-picker):not(.ai-chat-context-pills) {
    display: flex !important;
    min-width: 44px;
    align-items: center;
    justify-content: flex-end;
    gap: 16px !important;
    padding-bottom: 1px;
}

.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] {
    width: 44px;
    height: 44px;
    border-radius: 999px;
    background: #0b74de !important;
    color: #fff !important;
}

.dashboard-ai-mode .ai-chat-form-quality-note {
    position: sticky;
    bottom: 10px;
    z-index: 4;
    max-width: 875px;
    width: calc(100% - 64px);
    margin: -20px auto 0;
    color: rgba(245, 245, 245, 0.58);
    font-size: 12px;
    text-align: center;
}

.dashboard-ai-mode .ai-chat-context-pills {
    grid-area: pills;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-width: 100%;
    width: 100%;
    margin: 0 0 2px 42px;
}

.dashboard-ai-mode .ai-chat-context-pills[hidden] {
    display: none !important;
}

.dashboard-ai-mode .ai-chat-context-pills button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(34, 199, 173, 0.28);
    border-radius: 999px;
    background: rgba(34, 199, 173, 0.1);
    color: #dffcf7;
    padding: 6px 9px 6px 11px;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
}

.dashboard-ai-mode .ai-chat-context-pills i {
    font-size: 15px;
}

.dashboard-ai-mode .ai-chat-empty {
    width: min(100%, 680px);
    margin: auto;
    padding: 34px 28px;
    border-style: solid;
    border: 0;
    background: transparent;
}

.dashboard-ai-mode .ai-chat-empty strong {
    color: #f5f5f5;
    font-size: clamp(24px, 3vw, 34px);
    line-height: 1.08;
    letter-spacing: -0.035em;
}

.dashboard-ai-mode .ai-chat-empty span {
    max-width: 520px;
    color: rgba(245, 245, 245, 0.58);
    line-height: 1.7;
}

.dashboard-ai-mode .ai-chat-empty button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin-top: 18px;
    border: 1px solid rgba(34, 199, 173, 0.32);
    border-radius: 999px;
    background: rgba(34, 199, 173, 0.12);
    color: #22c7ad;
    padding: 0 18px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

.dashboard-ai-mode .ai-chat-empty button:hover {
    background: rgba(34, 199, 173, 0.18);
}

.dashboard-ai-mode .ai-chat-message {
    width: 100% !important;
    max-width: 760px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    color: #f5f5f5;
    padding: 14px 0 14px 46px;
}

.dashboard-ai-mode .ai-chat-message::before {
    left: 0;
    top: 13px;
    width: 30px;
    height: 30px;
    border-color: rgba(255, 255, 255, 0.1);
    border-radius: 999px;
    background: #171717;
    color: #fff;
    box-shadow: none;
}

.dashboard-ai-mode .ai-chat-message > span {
    display: none;
}

.dashboard-ai-mode .ai-chat-message p {
    color: #f5f5f5;
    font-size: 16px;
    line-height: 1.8;
}

.dashboard-ai-mode .ai-chat-message.user {
    width: fit-content !important;
    max-width: min(72%, 580px);
    margin-left: auto;
    padding: 12px 17px;
    border-radius: 22px;
    background: #075da8;
}

.dashboard-ai-mode .ai-chat-message.user::before {
    display: none;
}

.dashboard-ai-mode .ai-chat-message.user p {
    line-height: 1.65;
}

.ai-chat-rail {
    display: none;
}

.dashboard-ai-mode .ai-chat-rail {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 60;
    display: flex;
    width: 48px;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
    background: #050505;
    padding: 8px 4px 14px;
}

.dashboard-ai-mode .ai-chat-rail a,
.dashboard-ai-mode .ai-chat-rail button {
    display: grid;
    width: 34px;
    height: 34px;
    place-items: center;
    border: 0;
    border-radius: 9px;
    background: transparent;
    color: #f5f5f5;
    transition: background 0.18s ease, color 0.18s ease;
}

.dashboard-ai-mode .ai-chat-rail a:hover,
.dashboard-ai-mode .ai-chat-rail button:hover,
.dashboard-ai-mode .ai-chat-rail [data-ai-sidebar-toggle][aria-expanded="true"] {
    background: #242424;
}

.dashboard-ai-mode .ai-chat-rail .material-symbols-outlined {
    font-size: 20px;
}

.dashboard-ai-mode .ai-chat-rail-user {
    display: grid;
    width: 26px;
    height: 26px;
    margin-top: auto;
    place-items: center;
    border-radius: 999px;
    background: #22c7ad;
    color: #00110d;
    font-size: 10px;
    font-weight: 600;
}

.ai-chat-context-picker {
    position: relative;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ai-chat-plus {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.82);
    transition: background 0.18s ease;
    margin-left: 4px;
    transform: translateY(-5px);
}

.ai-chat-plus:hover {
    background: rgba(255, 255, 255, 0.08);
}

.ai-chat-context-menu {
    position: absolute;
    left: 0;
    bottom: calc(100% + 12px);
    z-index: 80;
    width: min(330px, calc(100vw - 28px));
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 18px;
    background: #181818;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62);
    padding: 8px;
}

.ai-chat-context-menu[hidden] {
    display: none !important;
}

.ai-chat-context-menu button {
    display: grid;
    width: 100%;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 2px 10px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #f5f5f5;
    padding: 10px;
    text-align: left;
}

.ai-chat-context-menu button:hover {
    background: rgba(255, 255, 255, 0.07);
}

.ai-chat-context-menu .material-symbols-outlined {
    grid-row: span 2;
    align-self: center;
    color: #9ca3af;
}

.ai-chat-context-menu strong {
    font-size: 13px;
}

.ai-chat-context-menu small {
    color: #9ca3af;
    font-size: 11px;
    line-height: 1.35;
}

@media (min-width: 1280px) {
    .workspace-panel.ai-assistant-shell {
        width: calc(100vw - 16rem);
        margin: -32px 0 -96px;
        left: 50%;
        transform: translateX(-50%);
    }

    .ai-assistant-layout {
        grid-template-columns: 300px minmax(0, 1fr) !important;
    }
}

@media (min-width: 768px) and (max-width: 1279px) {
    .workspace-panel.ai-assistant-shell {
        width: calc(100vw - 16rem);
        margin: -32px 0 -96px;
        left: 50%;
        transform: translateX(-50%);
    }

}

@media (max-width: 1024px) {
    .ai-assistant-shell {
        margin: -24px -16px -32px;
    }

    .ai-assistant-layout,
    .ai-assistant-sidebar,
    .ai-assistant-chat-card {
        height: auto;
        min-height: auto;
    }

    .ai-assistant-layout {
        gap: 18px !important;
        padding: 18px;
    }

    .ai-assistant-sidebar,
    .ai-assistant-chat-card {
        border-width: 1px !important;
        border-radius: 18px !important;
    }
}

@media (max-width: 640px) {
    .ai-assistant-shell {
        padding: 16px;
    }

    .ai-assistant-chat-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .ai-assistant-chat-card .ai-chat-log {
        padding: 18px;
        height: 70dvh;
    }

    .ai-assistant-chat-card .ai-chat-message,
    .ai-assistant-chat-card .ai-chat-message.user {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .dashboard-ai-mode {
        width: 100vw !important;
        overflow: hidden !important;
    }

    .dashboard-ai-mode [data-dashboard-header] {
        padding-left: 12px !important;
        padding-right: 12px !important;
        height: 52px !important;
        overflow: hidden;
    }

    .dashboard-ai-mode [data-dashboard-header] .dashboard-theme-toggle,
    .dashboard-ai-mode [data-dashboard-header] a[href="/logout.php"] {
        display: none !important;
    }

    .dashboard-ai-mode [data-dashboard-header] > div:last-child {
        gap: 8px;
    }

    .dashboard-ai-mode [data-dashboard-header] > div:last-child span,
    .dashboard-ai-mode [data-dashboard-header] > div:last-child a[href="#account"],
    .dashboard-ai-mode [data-dashboard-header] > div:last-child a[href="/admin.php"] {
        display: none !important;
    }

    .dashboard-ai-mode [data-ai-overview-back] {
        padding: 9px 12px;
        font-size: 12px;
        max-width: calc(100vw - 132px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .dashboard-ai-mode main {
        padding-top: 52px !important;
    }

    .dashboard-ai-mode .ai-chat-rail {
        display: none !important;
        width: 44px;
    }

    .dashboard-ai-mode .ai-chat-rail a,
    .dashboard-ai-mode .ai-chat-rail button {
        width: 32px;
        height: 32px;
    }

    .dashboard-ai-mode .ai-assistant-layout {
        padding-left: 0;
        height: calc(100dvh - 52px);
        min-height: calc(100dvh - 52px);
    }

    .dashboard-ai-mode .ai-assistant-sidebar {
        left: 0;
        right: auto;
        top: 52px;
        bottom: 0;
        width: min(360px, 92vw);
        max-width: 92vw;
        justify-content: flex-start;
        pointer-events: auto;
        transform: translateX(-100%);
    }

    .dashboard-ai-mode .ai-sidebar-open .ai-assistant-sidebar {
        transform: translateX(0);
    }

    .dashboard-ai-mode .ai-assistant-sidebar select {
        width: 100%;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }

    .workspace-panel.ai-assistant-shell.is-active {
        position: fixed;
        left: 0;
        right: 0;
        top: 52px;
        bottom: 0;
        z-index: 30;
        width: 100vw !important;
        height: calc(100dvh - 52px);
        min-height: calc(100dvh - 52px);
        margin: 0;
        padding: 0;
        overflow: hidden;
        background: #000 !important;
    }

    .workspace-panel.ai-assistant-shell.is-active::before {
        opacity: 0.45;
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.65), transparent 58%);
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-layout {
        display: flex !important;
        flex-direction: column;
        height: calc(100dvh - 52px);
        min-height: calc(100dvh - 52px);
        gap: 0 !important;
        padding: 0;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar {
        flex: none;
        height: auto;
        max-height: none;
        overflow-y: auto;
        border-width: 0 1px 0 0 !important;
        border-radius: 0 !important;
        padding: 20px !important;
        background: #070707 !important;
        backdrop-filter: blur(18px);
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar-title {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        margin-bottom: 10px;
        gap: 4px 10px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-mobile-back {
        display: none;
        align-items: center;
        gap: 6px;
        width: fit-content;
        margin-bottom: 10px;
        border: 1px solid rgba(126, 153, 181, 0.16);
        border-radius: 999px;
        padding: 7px 10px 7px 8px;
        color: #dff6ff;
        font-size: 11px;
        font-weight: 600;
        background: rgba(255, 255, 255, 0.035);
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-mobile-back .material-symbols-outlined {
        font-size: 16px;
    }

    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar-title span,
    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar-title p,
    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-clear,
    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card {
        display: block;
    }

    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-sidebar-quality-note {
        display: none;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar-title strong {
        font-size: 18px;
        letter-spacing: -0.02em;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar-title::after {
        content: "AI Chat";
        border: 1px solid rgba(0, 214, 200, 0.22);
        border-radius: 999px;
        padding: 5px 9px;
        color: var(--assistant-accent);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        background: rgba(0, 214, 200, 0.08);
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage {
        display: inline-grid;
        min-width: 0;
        width: 100%;
        margin: 0 0 10px;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        box-shadow: none;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage strong {
        font-size: 22px !important;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage small {
        font-size: 10px;
        line-height: 1.4;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar label {
        display: block;
        margin-top: 2px;
        font-size: 9px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar select {
        margin-top: 6px !important;
        padding: 10px 12px !important;
        border-radius: 14px !important;
        font-size: 13px !important;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
        border-width: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-log {
        flex: 1 1 auto;
        height: auto;
        min-height: 0;
        width: 100%;
        max-width: none;
        padding: 58px 10px 148px;
        gap: 14px;
        background: #000;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-chat-empty {
        margin-top: auto;
        margin-bottom: auto;
        border-radius: 22px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message,
    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user {
        width: 100% !important;
        max-width: calc(100vw - 20px);
        border-radius: 20px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant {
        border-top-left-radius: 8px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user {
        width: fit-content !important;
        margin-left: auto;
        max-width: calc(100vw - 40px);
        border-top-right-radius: 8px;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form {
        position: fixed;
        left: 10px;
        right: 10px;
        bottom: calc(env(safe-area-inset-bottom) + 10px);
        margin: 0;
        grid-template-columns: minmax(0, 1fr) 44px;
        border-radius: 22px;
        padding: 8px 8px 8px 12px;
        background: rgba(25, 45, 64, 0.96);
        backdrop-filter: blur(18px);
    }

    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form {
        left: 10px;
        right: 8px;
        bottom: calc(env(safe-area-inset-bottom) + 22px);
        grid-template-columns: 36px minmax(0, 1fr) 42px;
        grid-template-areas:
            "plus pills submit"
            "text text submit";
        border-radius: 24px;
        background: #202020;
        width: auto !important;
        max-width: none;
        margin: 0;
        padding: 7px 8px;
    }

    .dashboard-ai-mode .ai-chat-context-picker {
        grid-area: plus;
    }

    .dashboard-ai-mode .ai-chat-context-pills {
        grid-area: pills;
        max-width: 100%;
        overflow-x: auto;
        flex-wrap: nowrap;
        margin: 3px 0;
        padding-bottom: 1px;
    }

    .dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea {
        grid-area: text;
        min-width: 0;
        width: 100%;
    }

    .dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div:not(.ai-chat-context-picker):not(.ai-chat-context-pills) {
        grid-area: submit;
        align-self: end;
    }

    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form > div:not(.ai-chat-context-picker):not(.ai-chat-context-pills) {
        min-width: 44px;
        gap: 8px !important;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea {
        height: 40px;
        min-height: 40px;
        max-height: 110px;
        padding: 8px 6px;
        font-size: 13px;
        line-height: 1.55;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] {
        width: 44px;
        height: 44px;
        border-radius: 16px;
    }

    .dashboard-ai-mode .ai-chat-form-quality-note {
        position: fixed;
        left: 10px;
        right: 8px;
        bottom: calc(env(safe-area-inset-bottom) + 3px);
        width: auto;
        margin: 0;
        font-size: 10px;
        line-height: 1.25;
    }

    .dashboard-ai-mode .ai-chat-context-menu {
        left: -2px;
        bottom: calc(100% + 10px);
        width: calc(100vw - 28px);
    }

    .dashboard-ai-mode .ai-chat-message.user {
        max-width: 86%;
    }

    .dashboard-ai-mode .ai-mobile-sidebar-toggle {
        display: inline-flex !important;
        width: 48px;
        height: 32px;
    }
}

@media (max-width: 420px) {
    .dashboard-ai-mode [data-ai-overview-back] {
        padding: 8px 10px;
        font-size: 11px;
    }

    .dashboard-ai-mode [data-ai-overview-back] .material-symbols-outlined {
        font-size: 15px;
    }

    .dashboard-ai-mode [data-dashboard-header] {
        padding-left: 10px !important;
    }

    .dashboard-ai-mode .ai-assistant-sidebar {
        left: 0;
        width: min(340px, 94vw);
        max-width: 94vw;
        padding: 68px 16px 18px !important;
    }

    .dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form,
    .dashboard-ai-mode .ai-chat-form-quality-note,
    .dashboard-ai-mode .ai-chat-form-quality-note {
        left: 8px;
        right: 8px;
    }

    .dashboard-ai-mode .ai-chat-context-menu {
        width: calc(100vw - 66px);
    }
}

.ai-chat-log {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-height: 500px;
    max-height: 680px;
    overflow-y: auto;
    padding: 28px;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.025) 0 1px, transparent 1px 18px),
        radial-gradient(circle at 12% 0%, rgba(60, 221, 199, 0.13), transparent 20rem),
        radial-gradient(circle at 92% 12%, rgba(188, 199, 222, 0.1), transparent 18rem),
        linear-gradient(180deg, rgba(7, 17, 31, 0.98), rgba(8, 22, 38, 0.88));
    scrollbar-color: rgba(60, 221, 199, 0.45) rgba(255, 255, 255, 0.04);
}

.ai-chat-log::before {
    content: "";
    position: sticky;
    top: -28px;
    z-index: 2;
    display: block;
    height: 22px;
    margin: -28px -28px 2px;
    background: linear-gradient(180deg, rgba(7, 17, 31, 0.98), transparent);
    pointer-events: none;
}

.ai-chat-empty {
    height: fit-content;
    padding: 20px;
    display: grid;
    place-items: center;
    gap: 8px;
    color: var(--ws-muted);
    text-align: center;
    border: 1px dashed rgba(60, 221, 199, 0.2);
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% 28%, rgba(60, 221, 199, 0.1), transparent 13rem),
        rgba(255, 255, 255, 0.025);
}

.ai-chat-empty strong {
    font-size: 22px;
}

.ai-chat-message {
    position: relative;
    width: min(88%, 800px);
    padding: 16px 18px 17px 58px;
    animation: ai-message-rise 0.26s ease both;
}

.ai-chat-message::before {
    content: "AI";
    position: absolute;
    left: 16px;
    top: 16px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(60, 221, 199, 0.34);
    border-radius: 12px;
    background:
        radial-gradient(circle at 30% 20%, rgba(98, 250, 227, 0.48), transparent 55%),
        rgba(60, 221, 199, 0.12);
    color: var(--ws-brand-2);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.06em;
    box-shadow: 0 0 24px rgba(60, 221, 199, 0.16);
}

@keyframes ai-message-rise {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.99);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.ai-chat-message.user {
    align-self: flex-end;
    padding: 16px 58px 17px 18px;
    border-color: rgba(60, 221, 199, 0.42);
    border-top-right-radius: 8px;
    background:
        linear-gradient(135deg, rgba(60, 221, 199, 0.2), rgba(36, 69, 80, 0.9));
    box-shadow:
        0 22px 70px rgba(0, 0, 0, 0.2),
        0 0 0 1px rgba(98, 250, 227, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.ai-chat-message.user::before {
    content: "You";
    right: 16px;
    left: auto;
    border-color: rgba(212, 228, 250, 0.3);
    background:
        radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.28), transparent 55%),
        rgba(212, 228, 250, 0.1);
    color: var(--ws-text);
    font-size: 9px;
}

.ai-chat-message.assistant {
    align-self: flex-start;
    border-top-left-radius: 8px;
}

.ai-chat-message.is-typing {
    width: min(92%, 520px);
    padding: 14px 16px 15px;
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #050608 !important;
    color: #ffffff !important;
}

.ai-chat-message.is-typing p {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    min-height: 22px;
}

.ai-thinking-steps {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    align-items: center;
    padding: 4px 0 2px;
}

.ai-thinking-steps::before {
    content: "";
    position: absolute;
    left: 8px;
    right: 8px;
    top: 50%;
    border-top: 1px dashed rgba(0, 214, 200, 0.34);
    transform: translateY(-50%);
}

.ai-thinking-steps b {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    border: 1px solid rgba(0, 214, 200, 0.24);
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(17, 45, 64, 0.98), rgba(7, 26, 43, 0.98));
    color: #dffcff;
    padding: 7px 11px;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18), 0 0 18px rgba(0, 214, 200, 0.08);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.01em;
    white-space: nowrap;
    animation: ai-thinking-pulse 1.8s ease-in-out infinite;
}

.ai-thinking-steps b:nth-child(2) {
    animation-delay: 0.22s;
}

.ai-thinking-steps b:nth-child(3) {
    animation-delay: 0.44s;
}

.ai-agent-thinking {
    display: grid;
    gap: 12px;
    min-width: min(100%, 420px);
    padding: 2px 0 0;
}

.ai-thinking-stage-list {
    display: grid;
    gap: 10px;
}

.ai-thought-row,
.ai-executing-row {
    display: grid;
    grid-template-columns: 20px minmax(0, auto) 14px;
    gap: 9px;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    color: rgba(255, 255, 255, 0.92);
}

.ai-thought-row {
    min-height: 22px;
}

.ai-executing-row {
    opacity: 0.54;
    transition: opacity 180ms ease, transform 180ms ease;
}

.ai-executing-row.is-active {
    opacity: 1;
}

.ai-thought-icon {
    position: relative;
    width: 15px;
    height: 15px;
    border: 1.5px solid currentColor;
    border-radius: 999px;
    opacity: 0.82;
}

.ai-thought-icon::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 10px;
    width: 4px;
    height: 4px;
    border-left: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(-45deg);
    background: #050608;
}

.ai-thought-icon::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    width: 2px;
    height: 5px;
    border-radius: 4px;
    background: currentColor;
    box-shadow: 0 7px 0 -0.5px currentColor;
    opacity: 0.85;
}

.ai-thought-row > b {
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.ai-final-thought {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    width: fit-content;
    margin: 0 0 10px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.ai-final-thought .ai-thought-icon {
    width: 14px;
    height: 14px;
    color: rgba(255, 255, 255, 0.72);
}

.ai-thought-chevron,
.ai-executing-chevron {
    width: 8px;
    height: 8px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    opacity: 0.78;
}

.ai-thought-chevron {
    transform: rotate(-45deg);
}

.ai-executing-chevron {
    transform: rotate(45deg) translateY(-2px);
}

.ai-executing-grip {
    width: 19px;
    height: 19px;
    opacity: 0.82;
    background-image: radial-gradient(currentColor 1.45px, transparent 1.6px);
    background-size: 6px 6px;
    animation: ai-executing-grip 1.4s ease-in-out infinite;
    color: #36e2cf;
}

.ai-agent-lines {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.ai-agent-lines b,
.ai-agent-lines small {
    display: block;
    animation: ai-agent-text 1.45s ease both;
}

.ai-agent-lines b {
    color: #36e2cf;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.ai-agent-lines small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.35;
}

@keyframes ai-agent-text {
    0% { transform: translateY(4px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

@keyframes ai-executing-grip {
    0%, 100% { opacity: 0.42; transform: translateY(0); }
    50% { opacity: 0.92; transform: translateY(-1px); }
}

@keyframes ai-thinking-pulse {
    0%, 100% {
        border-color: rgba(0, 214, 200, 0.2);
        transform: translateY(0);
        opacity: 0.72;
    }

    45% {
        border-color: rgba(0, 214, 200, 0.62);
        transform: translateY(-2px);
        opacity: 1;
    }
}

.ai-chat-message.is-typing i {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--ws-brand);
    opacity: 0.35;
    animation: ai-chat-typing 1.05s infinite ease-in-out;
}

.ai-chat-message.is-typing i:nth-child(2) {
    animation-delay: 0.14s;
}

.ai-chat-message.is-typing i:nth-child(3) {
    animation-delay: 0.28s;
}

@keyframes ai-chat-typing {
    0%, 80%, 100% {
        transform: translateY(0);
        opacity: 0.35;
    }

    40% {
        transform: translateY(-5px);
        opacity: 1;
    }
}

.ai-chat-message span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
    color: rgba(98, 250, 227, 0.92);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.ai-chat-message.user span {
    color: rgba(212, 228, 250, 0.86);
}

.ai-chat-message p {
    direction: auto;
    unicode-bidi: plaintext;
    margin: 0;
    color: rgba(230, 238, 250, 0.88);
    font-size: 15.5px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.82;
    text-align: start;
    word-break: break-word;
}

.ai-chat-message p > span {
    display: block;
    margin: 0 0 12px;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: 0;
    line-height: inherit;
    text-transform: none;
}

.ai-chat-message p strong {
    color: #edf6ff;
    font-weight: 600;
}

.ai-chat-message p ul {
    display: grid;
    gap: 11px;
    margin: 8px 0 2px;
    padding: 0;
    list-style: none;
}

.ai-chat-message p li {
    position: relative;
    direction: auto;
    unicode-bidi: plaintext;
    padding: 12px 14px 12px 32px;
    border: 1px solid rgba(198, 198, 205, 0.1);
    border-radius: 14px;
    color: rgba(230, 238, 250, 0.88);
    font-size: 15px;
    line-height: 1.75;
    text-align: start;
    margin: 5px 0 5px 0;
}

.ai-chat-message p li::before {
    content: "";
    position: absolute;
    left: 12px;
    top: 20px;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: var(--ws-brand);
    box-shadow: 0 0 12px rgba(60, 221, 199, 0.38);
}

.ai-chat-message p:dir(rtl),
.ai-chat-message p > span:dir(rtl),
.ai-chat-message p li:dir(rtl) {
    font-family: "Poppins", "Tahoma", "Segoe UI", sans-serif;
    line-height: 1.95;
}

.ai-chat-message p li:dir(rtl) {
    padding-right: 32px;
    padding-left: 14px;
}

.ai-chat-message p li:dir(rtl)::before {
    right: 12px;
    left: auto;
}

.ai-chat-message p code {
    direction: ltr;
    unicode-bidi: isolate;
    border: 1px solid rgba(60, 221, 199, 0.2);
    border-radius: 8px;
    background: rgba(5, 20, 36, 0.82);
    color: var(--ws-brand);
    padding: 2px 6px;
    font-size: 0.92em;
    font-weight: 600;
}

.ai-report-card {
    position: relative;
    display: grid;
    gap: 14px;
    width: min(100%, 720px);
    margin-top: 14px;
    padding: 16px;
    overflow: hidden;
    border: 1px solid rgba(98, 250, 227, 0.22);
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(7, 18, 31, 0.96), rgba(10, 33, 48, 0.92)),
        radial-gradient(circle at 12% 8%, rgba(60, 221, 199, 0.24), transparent 16rem);
    box-shadow:
        0 24px 70px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.ai-report-card.is-preview {
    align-self: flex-start;
    width: min(92%, 720px);
    margin-top: 0;
    animation: ai-message-rise 0.26s ease both;
}

.ai-report-card__glow {
    position: absolute;
    inset: auto -70px -90px auto;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    background: rgba(60, 221, 199, 0.16);
    filter: blur(40px);
    pointer-events: none;
}

.ai-report-card__head,
.ai-report-card__score,
.ai-report-card__footer {
    position: relative;
    z-index: 1;
}

.ai-report-card__head {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr) 40px;
    gap: 12px;
    align-items: start;
}

.ai-report-card__icon,
.ai-report-card__expand {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(98, 250, 227, 0.2);
    border-radius: 14px;
    color: #62fae3;
    background: rgba(60, 221, 199, 0.1);
}

.ai-report-card__expand {
    color: rgba(230, 238, 250, 0.86);
    text-decoration: none;
    transition: border-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.ai-report-card__expand:hover {
    border-color: rgba(98, 250, 227, 0.58);
    color: #62fae3;
    transform: translateY(-1px);
}

.ai-chat-message .ai-report-card__icon span,
.ai-chat-message .ai-report-card__expand span {
    display: block;
    margin: 0;
    color: inherit;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.ai-report-card__title {
    min-width: 0;
}

.ai-report-card__eyebrow {
    margin-bottom: 5px;
    color: rgba(98, 250, 227, 0.86);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ai-report-card__title strong {
    display: block;
    overflow: hidden;
    color: #f4fbff;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ai-report-card__title small,
.ai-report-card__score small,
.ai-report-card__footer small {
    display: block;
    margin-top: 4px;
    color: rgba(212, 228, 250, 0.62);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
}

.ai-report-card__score {
    display: grid;
    grid-template-columns: 0.8fr 0.55fr 1.1fr;
    gap: 10px;
}

.ai-report-card__score > div,
.ai-report-card__signal {
    border: 1px solid rgba(198, 198, 205, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.045);
}

.ai-report-card__score > div {
    padding: 12px;
}

.ai-report-card__score b {
    display: block;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
}

.ai-report-card__meter {
    position: relative;
    z-index: 1;
    height: 9px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(212, 228, 250, 0.1);
}

.ai-report-card__meter i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #3cddc7, #b8fff5);
    box-shadow: 0 0 22px rgba(60, 221, 199, 0.34);
}

.ai-report-card__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    min-height: 126px;
}

.ai-report-card__signal {
    position: relative;
    display: flex;
    min-height: 126px;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    padding: 12px;
}

.ai-report-card__signal div {
    position: relative;
    z-index: 1;
    color: rgba(230, 238, 250, 0.72);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
}

.ai-report-card__signal strong {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
}

.ai-report-card__signal i {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 24px;
    min-height: 12px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(180deg, rgba(98, 250, 227, 0.72), rgba(60, 221, 199, 0.12));
}

.ai-report-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 2px;
}

.ai-report-card__footer strong {
    display: block;
    color: #edf6ff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
}

.ai-report-card__footer a {
    flex: 0 0 auto;
    border: 1px solid rgba(98, 250, 227, 0.24);
    border-radius: 999px;
    padding: 9px 13px;
    color: #06231f;
    background: #62fae3;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
}

@media (max-width: 640px) {
    .dashboard-ai-mode .ai-chat-scan-url-card {
        grid-template-columns: 1fr;
    }

    .dashboard-ai-mode .ai-chat-scan-url-card button {
        min-height: 42px;
    }

    .ai-report-card,
    .ai-report-card.is-preview {
        width: 100%;
        padding: 13px;
        border-radius: 18px;
    }

    .ai-report-card__head {
        grid-template-columns: 38px minmax(0, 1fr) 36px;
        gap: 10px;
    }

    .ai-report-card__icon,
    .ai-report-card__expand {
        width: 36px;
        height: 36px;
        border-radius: 12px;
    }

    .ai-report-card__title strong {
        font-size: 15px;
    }

    .ai-report-card__score {
        grid-template-columns: 1fr;
    }

    .ai-report-card__grid {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .ai-report-card__signal {
        min-height: 74px;
    }

    .ai-report-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ai-report-card__footer a {
        text-align: center;
    }
}

.ai-chat-form {
    display: grid;
    gap: 14px;
    padding: 18px;
    border-top: 1px solid rgba(198, 198, 205, 0.12);
    background:
        linear-gradient(180deg, rgba(18, 33, 49, 0.7), rgba(10, 24, 40, 0.96));
}

.ai-chat-upgrade-cta {
    align-self: flex-start;
    display: grid;
    gap: 8px;
    width: min(86%, 520px);
    margin-top: -4px;
    padding: 14px 16px;
    border: 1px solid rgba(60, 221, 199, 0.28);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(60, 221, 199, 0.12), rgba(18, 33, 49, 0.92));
}

.ai-chat-upgrade-cta strong {
    color: var(--ws-text);
}

.ai-chat-upgrade-cta span {
    color: var(--ws-muted);
    font-size: 13px;
    line-height: 1.5;
}

.ai-chat-upgrade-cta a {
    justify-self: start;
    border-radius: 10px;
    background: var(--ws-brand);
    color: #031015;
    padding: 9px 12px;
    font-size: 12px;
    font-weight: 600;
}

.ai-chat-upgrade-card {
    display: grid;
    gap: 10px;
    margin-top: 16px;
    padding: 16px;
    border: 1px solid rgba(60, 221, 199, 0.28);
    border-radius: 16px;
    background:
        radial-gradient(circle at 100% 0%, rgba(60, 221, 199, 0.16), transparent 8rem),
        rgba(13, 28, 45, 0.72);
}

.ai-chat-upgrade-card span {
    color: var(--ws-brand);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ai-chat-upgrade-card strong {
    color: var(--ws-text);
    font-size: 18px;
}

.ai-chat-upgrade-card p {
    margin: 0;
    color: var(--ws-muted);
    font-size: 13px;
    line-height: 1.55;
}

.ai-chat-upgrade-card a {
    display: inline-flex;
    justify-self: start;
    border-radius: 10px;
    background: var(--ws-brand);
    color: #031015;
    padding: 10px 13px;
    font-size: 12px;
    font-weight: 600;
}

.ai-chat-form textarea {
    width: 100%;
    min-height: 118px;
    resize: vertical;
    border: 1px solid rgba(198, 198, 205, 0.18);
    border-radius: 20px;
    background:
        linear-gradient(180deg, rgba(4, 16, 29, 0.94), rgba(8, 22, 38, 0.92));
    color: var(--ws-text);
    padding: 17px 18px;
    outline: none;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.04),
        0 16px 34px rgba(0, 0, 0, 0.14);
    font-size: 14px;
    line-height: 1.6;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.ai-chat-form textarea::placeholder {
    color: rgba(198, 198, 205, 0.52);
}

.ai-chat-form textarea:focus {
    border-color: rgba(60, 221, 199, 0.72);
    background:
        linear-gradient(180deg, rgba(5, 20, 36, 0.98), rgba(10, 29, 48, 0.96));
    box-shadow:
        0 0 0 4px rgba(60, 221, 199, 0.09),
        0 20px 42px rgba(0, 0, 0, 0.2);
}

.ai-chat-form [data-ai-chat-status] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.ai-chat-form [data-ai-chat-status]::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--ws-brand);
    box-shadow: 0 0 14px rgba(60, 221, 199, 0.55);
}

.ai-chat-form [data-ai-chat-submit] {
    position: relative;
    overflow: hidden;
    box-shadow: 0 14px 32px rgba(60, 221, 199, 0.16);
}

.ai-chat-form [data-ai-chat-submit]::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.24), transparent);
    transform: translateX(-120%);
    transition: transform 0.45s ease;
}

.ai-chat-form [data-ai-chat-submit]:hover::after {
    transform: translateX(120%);
}

@media (max-width: 640px) {
    .ai-chat-log {
        min-height: 340px;
        padding: 16px;
    }

    .ai-chat-message {
        width: 100%;
        padding: 14px 14px 15px 52px;
    }

    .ai-chat-message.user {
        padding: 14px 52px 15px 14px;
    }

    .ai-chat-message::before {
        left: 14px;
        top: 14px;
        width: 28px;
        height: 28px;
    }

    .ai-chat-message.user::before {
        right: 14px;
        left: auto;
    }
}

/* Stitch dashboard skin: visual-only overrides for the workspace. */
:root {
    --ws-bg: #051424;
    --ws-sidebar: #0f172a;
    --ws-panel: #122131;
    --ws-panel-2: #0d1c2d;
    --ws-panel-3: #1c2b3c;
    --ws-line: rgba(69, 70, 77, 0.76);
    --ws-line-strong: rgba(144, 144, 151, 0.36);
    --ws-text: #d4e4fa;
    --ws-muted: #909097;
    --ws-soft: #c6c6cd;
    --ws-brand: #3cddc7;
    --ws-brand-2: #62fae3;
    --ws-violet: #bcc7de;
    --ws-cyan: #bec6e0;
    --ws-danger: #ffb4ab;
    --ws-warn: #facc15;
    --ws-ok: #3cddc7;
    --ws-radius: 16px;
}

body.workspace-hide-chrome {
    min-height: 100vh;
    color: var(--ws-text);
    background:
        radial-gradient(circle at 82% 6%, rgba(60, 221, 199, 0.08), transparent 26rem),
        radial-gradient(circle at 12% 22%, rgba(188, 199, 222, 0.07), transparent 28rem),
        linear-gradient(180deg, #051424 0%, #06111f 100%) !important;
    font-family: "Poppins", system-ui, sans-serif;
}

body.workspace-hide-chrome .site-shell {
    width: 100%;
    max-width: none;
}

body.workspace-hide-chrome main {
    min-height: 100vh;
}

.dashboard-shell {
    grid-template-columns: 256px minmax(0, 1fr);
    min-height: 100vh;
    background: transparent;
}

.dashboard-sidebar {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 28px 12px 16px;
    border-right: 1px solid var(--ws-line);
    background: rgba(15, 23, 42, 0.98) !important;
    box-shadow: inset -1px 0 0 rgba(255, 255, 255, 0.02);
}

.dashboard-brand {
    gap: 12px;
    margin: 0 12px 28px;
    color: var(--ws-text);
}

.dashboard-brand .brand-mark {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: var(--ws-brand);
    box-shadow: 0 0 22px rgba(60, 221, 199, 0.2);
}

.dashboard-brand .brand-mark img {
    width: 76%;
    height: 76%;
    filter: none;
    mix-blend-mode: multiply;
}

.dashboard-brand-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.dashboard-brand strong {
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.04em;
}

.dashboard-brand small {
    color: #798098;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.dashboard-sidebar nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    padding: 4px 0;
    scrollbar-width: thin;
    scrollbar-color: #273647 transparent;
}

.dashboard-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    margin: 0 4px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #c6c6cd;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
}

.dashboard-sidebar nav a:hover {
    color: var(--ws-text);
    background: rgba(39, 54, 71, 0.34);
}

.dashboard-sidebar nav a.active {
    color: #aeb9d0;
    border-color: rgba(188, 199, 222, 0.12);
    background: rgba(62, 73, 93, 0.52);
}

.nav-icon {
    width: 22px;
    display: inline-flex;
    flex: 0 0 22px;
    justify-content: center;
    color: inherit;
    font-family: "Material Symbols Outlined";
    font-size: 22px;
    font-weight: normal;
    line-height: 1;
    font-style: normal;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
}

.dashboard-sidebar nav a.active .nav-icon {
    color: var(--ws-brand);
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.sidebar-upgrade {
    margin: 20px 4px 0;
    padding: 16px;
    border: 1px solid rgba(69, 70, 77, 0.7);
    border-radius: 14px;
    background:
        radial-gradient(circle at top right, rgba(60, 221, 199, 0.12), transparent 9rem),
        rgba(13, 28, 45, 0.82) !important;
}

.sidebar-upgrade p {
    color: var(--ws-soft);
    font-size: 12px;
    line-height: 1.55;
}

.dashboard-main {
    min-width: 0;
    padding: 88px clamp(18px, 3vw, 40px) 56px;
}

.workspace-topbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 15;
    width: calc(100% - 256px);
    min-height: 64px;
    margin: 0;
    padding: 12px 24px;
    border: 0;
    border-bottom: 1px solid var(--ws-line);
    border-radius: 0;
    background: rgba(5, 20, 36, 0.84);
    backdrop-filter: blur(18px);
}

.workspace-topbar > div:first-child {
    min-width: 0;
}

.workspace-topbar span,
.workspace-topbar strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-topbar span {
    color: #798098;
    font-size: 10px;
    letter-spacing: 0.16em;
}

.workspace-topbar strong {
    color: var(--ws-text);
    font-size: 14px;
}

.workspace-user-avatar {
    width: 34px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ws-line);
    border-radius: 999px;
    color: var(--ws-brand) !important;
    background: #122131;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
}

.workspace-panel,
.dashboard-panel,
.reports-section,
.pro-lock-panel,
.tools-panel,
.bot-setup-gate {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.dashboard-header,
.gsc-dashboard-head,
.locked-feature-card,
.referral-create-card {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 90% 0%, rgba(60, 221, 199, 0.1), transparent 22rem),
        #0d1c2d !important;
}

.dashboard-header {
    align-items: flex-end;
    margin-bottom: 24px;
}

.dashboard-header h1,
.gsc-dashboard-head h2,
.section-heading h2,
.locked-feature-card h3,
.pro-lock-panel h2 {
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -0.035em;
}

.dashboard-header h1 {
    max-width: 820px;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
}

.dashboard-header p,
.gsc-dashboard-head p,
.section-heading p,
.locked-feature-card p,
.pro-lock-panel p {
    color: var(--ws-soft);
    font-size: 15px;
    line-height: 1.65;
}

.eyebrow,
.section-heading span,
.section-card-head span,
.dashboard-card span,
.tracking-visual-head span,
.gsc-stat-grid span,
.gsc-chart-card span,
.gsc-insight-group h3,
.pricing-card > span,
.guide-card span,
.intent-card span,
.sidebar-upgrade span {
    color: var(--ws-brand) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.dashboard-card,
.bot-stat-grid article,
.billing-detail-grid article,
.tracking-table-card,
.tracking-visual-card,
.tracking-info-note,
.tracking-insights,
.overview-visual-panel,
.gsc-stat-grid article,
.gsc-chart-card,
.gsc-empty-chart,
.gsc-insight-panel,
.gsc-insight-card,
.gsc-table-card,
.admin-ad-link-card,
.admin-list-row,
.scan-card,
.empty-state,
.locked-tool,
.account-detail-grid article,
.report-line-card,
.pro-lock-panel {
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 18px !important;
    background: #122131 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-card,
.bot-stat-grid article,
.billing-detail-grid article,
.account-detail-grid article,
.gsc-stat-grid article {
    position: relative;
    min-height: 150px;
    padding: 22px;
    overflow: hidden;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.dashboard-card::after,
.bot-stat-grid article::after,
.gsc-stat-grid article::after,
.billing-detail-grid article::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 18px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(60, 221, 199, 0.09);
}

.dashboard-card:hover,
.bot-stat-grid article:hover,
.gsc-stat-grid article:hover,
.tracking-table-card:hover,
.report-line-card:hover {
    border-color: rgba(60, 221, 199, 0.42) !important;
    background: #142536 !important;
}

.dashboard-card strong,
.bot-stat-grid strong,
.billing-detail-grid strong,
.account-detail-grid strong,
.gsc-stat-grid strong {
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    letter-spacing: -0.05em;
}

.bot-stat-value {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-export-csv {
    min-height: 36px;
    align-self: center;
    white-space: nowrap;
}

.dashboard-card p,
.dashboard-card a,
.tracking-info-note p,
.tracking-insights p,
.empty-state p,
.locked-tool p,
.account-detail-grid span,
.report-line-main small,
.gsc-stat-grid small,
.gsc-insight-card p,
.gsc-insight-card small {
    color: var(--ws-soft);
}

.overview-visual-panel,
.tracking-visual-card,
.gsc-chart-card,
.gsc-insight-panel,
.tracking-table-card,
.reports-section,
.pro-lock-panel {
    padding: 22px;
}

.tools-panel {
    display: block !important;
    padding: 0 !important;
}

.tools-panel-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
    padding: 0 0 18px;
    border-bottom: 1px solid var(--ws-line);
    background: transparent;
}

.tools-panel-hero h2 {
    margin: 6px 0 10px;
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-size: clamp(34px, 4vw, 54px);
    font-weight: 600;
    letter-spacing: -0.055em;
    line-height: 0.98;
}

.tools-panel-hero p {
    max-width: 760px;
    color: var(--ws-soft);
    font-size: 15px;
    line-height: 1.7;
}

.tools-category-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.tools-category-strip span {
    border: 1px solid rgba(60, 221, 199, 0.22);
    border-radius: 999px;
    background: rgba(60, 221, 199, 0.07);
    color: var(--ws-brand);
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tools-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.tool-card,
.dashboard-generator-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 18px;
    background: #0d1c2d;
    padding: 20px;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.tool-card::after {
    content: "";
    position: absolute;
    right: -34px;
    top: -34px;
    width: 92px;
    height: 92px;
    border-radius: 999px;
    background: rgba(60, 221, 199, 0.08);
}

.tool-card:hover,
.dashboard-generator-card:hover,
.dashboard-generator-card.is-focused {
    border-color: rgba(60, 221, 199, 0.48);
    background: #122131;
}

.tool-card span,
.dashboard-generator-card .eyebrow {
    position: relative;
    z-index: 1;
    display: inline-flex;
    margin-bottom: 14px;
    color: var(--ws-brand);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.tool-card strong {
    position: relative;
    z-index: 1;
    display: block;
    margin-bottom: 8px;
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.035em;
}

.tool-card p {
    position: relative;
    z-index: 1;
    min-height: 96px;
    color: var(--ws-soft);
    font-size: 14px;
    line-height: 1.62;
}

.tool-card .secondary-link,
.tool-card button.secondary-link {
    position: relative;
    z-index: 1;
    margin-top: 16px;
}

.tool-card.is-free {
    border-color: rgba(96, 165, 250, 0.35);
}

.tool-card.is-pro {
    border-color: rgba(60, 221, 199, 0.4);
}

.tool-card.is-locked::before {
    content: "lock";
    position: absolute;
    right: 18px;
    top: 18px;
    z-index: 2;
    color: rgba(198, 198, 205, 0.45);
    font-family: "Material Symbols Outlined";
    font-size: 20px;
}

.dashboard-generator-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 20px;
}

.dashboard-generator-card h3 {
    color: var(--ws-text);
}

.dashboard-generator-card input {
    border-color: rgba(69, 70, 77, 0.72) !important;
    background: #122131 !important;
}

.generator-history-card,
.generator-table-card {
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel-2);
    padding: 20px;
}

.generator-table-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}

[data-dashboard-generator-results] {
    pointer-events: none;
    user-select: text;
}

[data-dashboard-generator-results] button {
    pointer-events: auto;
    user-select: none;
}

.generator-history-card {
    margin-top: 20px;
}

.generator-history-card h3,
.generator-result-head h3,
.generator-table-card h4 {
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: -0.035em;
}

.generator-result-head,
.generator-table-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.generator-result-head {
    margin-bottom: 14px;
}

.generator-table-head small,
.generator-history-card small {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.generator-result-head button,
.generator-data-table button,
.generator-history-item button {
    border: 1px solid rgba(60, 221, 199, 0.3);
    border-radius: 10px;
    background: rgba(60, 221, 199, 0.1);
    color: var(--ws-brand);
    padding: 8px 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: lowercase;
}

.generator-table-card + .generator-table-card {
    margin-top: 14px;
}

.generator-table-wrap {
    margin-top: 12px;
    overflow: hidden;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: var(--ws-panel);
}

.generator-data-table {
    display: table !important;
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.generator-data-table thead { display: table-header-group !important; }
.generator-data-table tbody { display: table-row-group !important; }
.generator-data-table tr { display: table-row !important; }
.generator-data-table th,
.generator-data-table td { display: table-cell !important; }

.generator-data-table th,
.generator-data-table td {
    border-bottom: 1px solid var(--ws-line);
    padding: 13px 14px;
    text-align: left;
    vertical-align: middle;
}

.generator-data-table tr:last-child td {
    border-bottom: 0;
}

.generator-data-table th {
    background: rgba(60, 221, 199, 0.08);
    color: var(--ws-text);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.generator-data-table th:nth-child(2),
.generator-data-table td:nth-child(2) {
    width: 120px;
}

.generator-data-table th:nth-child(3),
.generator-data-table td:nth-child(3) {
    width: 100px;
}

.generator-data-table td:first-child {
    color: var(--ws-soft);
    font-size: 14px;
    line-height: 1.45;
    word-break: break-word;
}

.vol-pill {
    display: inline-flex;
    width: max-content;
    border-radius: 999px;
    padding: 5px 9px;
    font-size: 11px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.vol-pill.high { background: rgba(52, 211, 153, 0.14); color: var(--ws-ok) !important; }
.vol-pill.medium { background: rgba(250, 204, 21, 0.14); color: var(--ws-warn) !important; }
.vol-pill.low { background: rgba(144, 144, 151, 0.14); color: var(--ws-muted) !important; }

.generator-history-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border-top: 1px solid var(--ws-line);
    padding: 12px 0;
}

.generator-history-item:first-child {
    border-top: 0;
}

.generator-history-item strong,
.generator-history-item small {
    display: block;
}

.generator-history-item small {
    margin-top: 4px;
    color: var(--ws-muted);
}

@media (max-width: 1180px) {
    .tools-card-grid,
    .dashboard-generator-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .tools-panel-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .tools-card-grid,
    .dashboard-generator-grid {
        grid-template-columns: 1fr;
    }

    .generator-table-wrap {
        overflow-x: auto;
    }

    .generator-data-table {
        min-width: 480px;
    }

    .generator-result-head,
    .generator-table-head,
    .generator-history-item {
        align-items: flex-start;
        flex-direction: column;
    }

    .generator-result-head button,
    .generator-history-item button {
        width: 100%;
    }

    .dashboard-generator-card,
    .generator-history-card,
    .generator-table-card {
        padding: 16px;
    }
}

@media (max-width: 480px) {
    .tools-panel-hero {
        padding: 22px;
    }

    .tools-panel-hero h2 {
        font-size: 34px;
    }

    .dashboard-generator-card .mb-5.flex,
    .generator-result-head {
        gap: 10px;
    }

    .generator-data-table {
        min-width: 430px;
    }

    .generator-data-table th,
    .generator-data-table td {
        padding: 11px 10px;
    }

    .generator-data-table th:nth-child(2),
    .generator-data-table td:nth-child(2) {
        width: 92px;
    }

    .generator-data-table th:nth-child(3),
    .generator-data-table td:nth-child(3) {
        width: 82px;
    }
}

.overview-visual-head,
.tracking-visual-head,
.admin-panel-head {
    margin-bottom: 18px;
}

.overview-visual-head h2,
.tracking-visual-head strong,
.tracking-table-card h3,
.gsc-chart-card h3,
.gsc-table-card h3,
.report-line-main strong,
.locked-tool strong,
.empty-state h3 {
    color: var(--ws-text);
    font-family: "Poppins", sans-serif;
    letter-spacing: -0.03em;
}

.overview-chart,
.tracking-bar-chart,
.gsc-svg-fallback svg,
.gsc-bar-fallback {
    border: 1px solid rgba(69, 70, 77, 0.58);
    border-radius: 16px;
    background:
        repeating-linear-gradient(to top, transparent 0 47px, rgba(144, 144, 151, 0.08) 48px),
        #0d1c2d !important;
}

.tracking-under-chart section,
.tracking-mix-list div,
.gsc-insight-card,
.locked-tool,
.admin-ad-link-card,
.setup-method-card,
.site-block,
.check-card,
.technical-details {
    border-color: rgba(69, 70, 77, 0.64) !important;
    background: #0d1c2d !important;
}

.tracking-page-bars > div::before,
.gsc-bar-fallback i {
    background: linear-gradient(90deg, var(--ws-brand) var(--bar), rgba(255, 255, 255, 0.08) var(--bar));
    box-shadow: 0 0 12px rgba(60, 221, 199, 0.14);
}

.reports-table,
.tracking-table,
.deep-table,
.unified-data-table,
.dashboard-data-table,
.admin-table {
    border-color: rgba(69, 70, 77, 0.72) !important;
    border-radius: 16px;
    background: #0d1c2d !important;
}

.reports-table > div,
.tracking-table > div,
.deep-table > div,
.unified-data-table > div,
.dashboard-data-table > div {
    min-height: 58px;
    border-bottom-color: rgba(69, 70, 77, 0.46);
    color: var(--ws-soft);
}

.reports-table > div:first-child,
.tracking-table > div:first-child,
.deep-table > div:first-child,
.unified-data-table > div:first-child,
.dashboard-data-table > div:first-child,
.admin-table th {
    color: var(--ws-muted);
    background: rgba(28, 43, 60, 0.58) !important;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tracking-table > div:not(:first-child):hover,
.dashboard-data-table > div:not(:first-child):hover,
.reports-table > div:hover,
.report-line-card:hover {
    background: rgba(39, 54, 71, 0.32) !important;
}

.primary-link,
button[type="submit"],
.copy-btn,
.report-line-card > a {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    color: #003731 !important;
    background: var(--ws-brand) !important;
    box-shadow: 0 0 20px rgba(60, 221, 199, 0.16);
    font-weight: 600;
}

.primary-link:hover,
button[type="submit"]:hover,
.report-line-card > a:hover {
    transform: translateY(-1px);
    filter: brightness(1.08);
}

.secondary-link,
.ghost-btn,
button.secondary-link,
.gsc-manage-properties summary,
.report-pagination button {
    min-height: 42px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    color: var(--ws-text);
    background: #1c2b3c;
    box-shadow: none;
    font-weight: 600;
}

.secondary-link:hover,
.ghost-btn:hover,
.report-pagination button:hover {
    border-color: rgba(60, 221, 199, 0.36);
    color: var(--ws-brand);
    background: #273647;
}

.workspace-plan-badge {
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    color: #003731 !important;
    background: var(--ws-brand) !important;
    font-size: 11px !important;
    letter-spacing: 0.08em !important;
}

.workspace-plan-badge.free,
.scan-mode,
.deep-badge,
.decision-badge,
.site-status-tag,
.setup-status-pill,
.admin-pill {
    color: var(--ws-brand) !important;
    border: 1px solid rgba(60, 221, 199, 0.2);
    background: rgba(60, 221, 199, 0.1) !important;
}

input,
select,
textarea {
    min-height: 46px;
    border: 1px solid rgba(69, 70, 77, 0.8) !important;
    border-radius: 10px !important;
    color: var(--ws-text) !important;
    background: #0d1c2d !important;
    outline: 0;
}

input::placeholder,
textarea::placeholder {
    color: rgba(198, 198, 205, 0.55);
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(60, 221, 199, 0.75) !important;
    box-shadow: 0 0 0 3px rgba(60, 221, 199, 0.1) !important;
}

.scan-card {
    padding: 24px;
}

.scan-card label,
.bot-filter-bar label,
.gsc-range-form label,
.free-report-email-form label {
    color: var(--ws-soft);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bot-filter-bar,
.gsc-control-panel {
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 18px;
    background: #0d1c2d;
}

.gsc-control-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gsc-control-panel > form,
.gsc-control-panel > details {
    min-width: 0;
}

.gsc-status-card {
    border-color: rgba(69, 70, 77, 0.72);
    border-radius: 16px;
    background: #122131;
}

.gsc-status-dot.is-connected,
.line-chart-legend i.ai,
.chart-line.ai,
.gsc-svg-line.clicks,
.gsc-svg-fallback i.clicks {
    color: var(--ws-brand);
    stroke: var(--ws-brand);
    background: var(--ws-brand);
}

.chart-line.all,
.gsc-svg-line.impressions,
.gsc-svg-fallback i.impressions {
    stroke: #bcc7de;
    background: #bcc7de;
}

.chart-line.search {
    stroke: #62fae3;
}

.report-line-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-line-card {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    min-height: 230px;
    padding: 22px;
}

.report-line-main {
    min-height: 94px;
}

.report-line-main strong {
    white-space: normal;
}

.report-line-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-line-metrics span {
    border-color: rgba(69, 70, 77, 0.64);
    background: #0d1c2d;
}

.report-line-card > a {
    width: 100%;
}

.pro-lock-panel {
    display: grid;
    gap: 14px;
}

.locked-tool {
    padding: 18px;
}

pre,
code,
textarea {
    border-color: rgba(69, 70, 77, 0.72) !important;
    color: #d6fff4;
    background: #010f1f !important;
}

.model-icon-stack {
    border-color: rgba(69, 70, 77, 0.72);
    background: rgba(28, 43, 60, 0.62);
}

.model-icon-stack img {
    border-color: #0d1c2d;
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #051424;
}

::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #273647;
}

@media (max-width: 1180px) {
    .dashboard-shell {
        grid-template-columns: 232px minmax(0, 1fr);
    }

    .workspace-topbar {
        width: calc(100% - 232px);
    }

    .dashboard-sidebar nav a {
        padding-inline: 11px;
        font-size: 13px;
    }

    .gsc-control-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .dashboard-shell {
        display: block;
    }

    .dashboard-sidebar {
        position: sticky;
        top: 0;
        min-height: auto;
        padding: 12px 12px 10px;
        border-right: 0;
        border-bottom: 1px solid var(--ws-line);
    }

    .dashboard-brand {
        margin: 0 4px 12px;
    }

    .dashboard-sidebar nav {
        display: flex;
        flex-direction: row;
        gap: 6px;
        overflow-x: auto;
        padding: 0 0 4px;
    }

    .dashboard-sidebar nav a {
        flex: 0 0 auto;
        min-height: 40px;
        margin: 0;
        padding: 0 12px;
        white-space: nowrap;
    }

    .dashboard-sidebar nav a span:last-child {
        display: inline;
    }

    .sidebar-upgrade {
        display: none;
    }

    .workspace-topbar {
        position: sticky;
        top: 98px;
        width: 100%;
        min-height: auto;
        padding: 10px 16px;
    }

    .dashboard-main {
        padding: 18px 16px 88px;
    }

    .dashboard-header,
    .gsc-dashboard-head {
        display: grid;
        align-items: start;
    }

    .dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .tracking-table-grid,
    .tracking-visual-grid,
    .gsc-chart-grid,
    .gsc-table-grid,
    .gsc-insight-cards,
    .billing-detail-grid,
    .account-detail-grid,
    .report-line-list,
    .dashboard-content-grid {
        grid-template-columns: 1fr !important;
    }

    .gsc-control-panel {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .dashboard-brand strong {
        font-size: 18px;
    }

    .workspace-topbar {
        top: 92px;
        gap: 10px;
    }

    .workspace-topbar-actions {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }

    .workspace-user-avatar {
        display: none !important;
    }

    .dashboard-main {
        padding-inline: 12px;
    }

    .dashboard-header,
    .gsc-dashboard-head,
    .locked-feature-card,
    .dashboard-card,
    .bot-stat-grid article,
    .billing-detail-grid article,
    .tracking-table-card,
    .tracking-visual-card,
    .overview-visual-panel,
    .gsc-chart-card,
    .gsc-insight-panel,
    .gsc-table-card,
    .scan-card,
    .report-line-card,
    .pro-lock-panel {
        border-radius: 14px !important;
        padding: 16px;
    }

    .dashboard-header h1,
    .gsc-dashboard-head h2,
    .section-heading h2 {
        font-size: 28px;
        line-height: 1.12;
    }

    .tracking-mix-list,
    .report-line-metrics {
        grid-template-columns: 1fr;
    }

    .primary-link,
    .secondary-link,
    button[type="submit"] {
        width: 100%;
    }

    .dashboard-sidebar nav a span:last-child {
        display: none;
    }

    .dashboard-sidebar nav a {
        width: 44px;
        justify-content: center;
        padding: 0;
    }
}

/* Mobile stability for Stitch/Tailwind dashboard sections. */
.dark,
.workspace-panel,
#bot-tracking,
#gsc,
#new-scan {
    width: 100%;
}

#bot-tracking,
#bot-tracking > *,
#gsc,
#gsc > *,
#new-scan,
#new-scan > * {
    min-width: 0;
}

#bot-tracking table,
#gsc table {
    white-space: nowrap;
}

[data-mobile-sidebar].translate-x-0 {
    transform: translateX(0);
}

[data-mobile-sidebar].translate-x-full {
    transform: translateX(100%);
}

[data-scan-mode-button]:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

.billing-detail-grid article[data-card-icon],
.referral-stat-grid article[data-card-icon] {
    position: relative;
    padding-right: 72px;
}

.billing-detail-grid article[data-card-icon]::after,
.referral-stat-grid article[data-card-icon]::after {
    content: attr(data-card-icon);
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.1);
    font-family: "Material Symbols Outlined";
    font-size: 23px;
    font-weight: normal;
    line-height: 1;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
}

.report-line-card {
    min-height: 230px !important;
    padding: 20px !important;
}

.report-line-card .text-4xl {
    font-size: 2rem;
}

.report-grade-corner {
    position: absolute;
    top: 38px;
    right: 18px;
    z-index: 2;
    min-width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(60, 221, 199, 0.22);
    border-radius: 12px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.1);
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.report-score-bar {
    margin-right: 56px;
}

@media (max-width: 767px) {
    body.workspace-hide-chrome,
    body.workspace-hide-chrome .site-shell,
    body.workspace-hide-chrome main,
    .dark {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    #bot-tracking .overflow-x-auto,
    #gsc .overflow-x-auto,
    [data-stitch-modal] .overflow-auto {
        max-width: 100%;
        -webkit-overflow-scrolling: touch;
    }

    #bot-tracking table,
    #gsc table {
        min-width: 680px;
    }

    #bot-tracking .grid,
    #gsc .grid,
    #new-scan .grid {
        min-width: 0;
    }

    #bot-tracking h3,
    #gsc h1,
    #new-scan h1 {
        overflow-wrap: anywhere;
    }

    #new-scan header {
        margin-bottom: 20px;
    }

    #new-scan .space-y-2 > :not([hidden]) ~ :not([hidden]) {
        margin-top: 8px;
    }
}

/* Dashboard-only light mode. Dark remains the default unless the shell gets dashboard-light. */
.dashboard-theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 36px;
    border: 1px solid rgba(144, 144, 151, 0.45);
    border-radius: 999px;
    padding: 0 12px;
    color: #d4e4fa;
    background: rgba(28, 43, 60, 0.82);
    font-size: 12px;
    font-weight: 600;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.dashboard-theme-toggle:hover {
    border-color: rgba(60, 221, 199, 0.8);
    color: #3cddc7;
}

.dashboard-theme-toggle .material-symbols-outlined {
    font-size: 18px;
}

@media (max-width: 480px) {
    .dashboard-theme-toggle [data-dashboard-theme-label] {
        display: none;
    }

    .dashboard-theme-toggle {
        width: 36px;
        justify-content: center;
        padding: 0;
    }
}

/* Stitch content sections: cards, forms, tables, charts, and report tiles. */
.workspace-panel.is-active {
    display: grid;
    gap: 28px;
}

.section-heading.compact {
    max-width: none;
    margin: 0 0 2px;
    padding: 0;
}

.section-heading.compact h2 {
    max-width: 920px;
    margin: 6px 0 8px;
    font-size: clamp(30px, 3.4vw, 48px);
    line-height: 1.04;
}

.section-heading.compact p {
    max-width: 760px;
    margin: 0;
    font-size: 15px;
}

.dashboard-stats,
.bot-stat-grid,
.gsc-stat-grid,
.billing-detail-grid,
.account-detail-grid {
    gap: 16px;
}

.dashboard-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.bot-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.dashboard-card,
.bot-stat-grid article,
.gsc-stat-grid article,
.billing-detail-grid article,
.account-detail-grid article {
    min-height: 168px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 24px;
    border-radius: 18px !important;
    background: #122131 !important;
}

.dashboard-card::before,
.bot-stat-grid article::before,
.gsc-stat-grid article::before,
.billing-detail-grid article::before,
.account-detail-grid article::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 88% 12%, rgba(60, 221, 199, 0.08), transparent 8rem);
    opacity: 0;
    transition: opacity 0.18s ease;
}

.dashboard-card:hover::before,
.bot-stat-grid article:hover::before,
.gsc-stat-grid article:hover::before,
.billing-detail-grid article:hover::before,
.account-detail-grid article:hover::before {
    opacity: 1;
}

.dashboard-card span,
.bot-stat-grid article > span,
.billing-detail-grid article > span,
.account-detail-grid article > span,
.gsc-stat-grid article > span {
    display: block;
    max-width: calc(100% - 44px);
    margin: 0 0 18px;
    color: #909097 !important;
    font-size: 11px;
    letter-spacing: 0.12em;
}

.dashboard-card strong,
.bot-stat-grid article > strong,
.billing-detail-grid article > strong,
.account-detail-grid article > strong,
.gsc-stat-grid article > strong {
    display: block;
    margin: auto 0 8px;
    color: #d4e4fa;
    font-size: clamp(30px, 3.1vw, 44px);
    line-height: 0.96;
}

.bot-stat-grid article small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #c6c6cd;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overview-visual-panel,
.tracking-visual-card,
.gsc-chart-card,
.gsc-insight-panel,
.tracking-table-card,
.reports-section,
.pro-lock-panel {
    border-radius: 20px !important;
    background: #122131 !important;
}

.overview-visual-panel {
    padding: 28px;
}

.overview-visual-head,
.tracking-visual-head {
    align-items: flex-start;
    margin-bottom: 26px;
}

.overview-visual-head a,
.tracking-table-card a,
.gsc-table-card a {
    color: #3cddc7;
    font-weight: 600;
}

.overview-chart,
.tracking-bar-chart {
    min-height: 310px;
    padding: 20px;
    border-radius: 18px;
    background:
        linear-gradient(to top, rgba(69, 70, 77, 0.28) 1px, transparent 1px),
        #0d1c2d !important;
    background-size: 100% 68px, auto !important;
}

.line-chart canvas {
    height: 260px !important;
}

.tracking-under-chart {
    gap: 16px;
    margin-top: 18px;
}

.tracking-under-chart section {
    padding: 18px;
    border-radius: 16px;
}

.tracking-mix-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.tracking-mix-list div {
    min-height: 88px;
    padding: 14px;
    border-radius: 14px;
}

.tracking-mix-list span,
.tracking-page-bars span {
    color: #909097;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tracking-mix-list b,
.tracking-page-bars b {
    color: #d4e4fa;
    font-size: 24px;
    letter-spacing: -0.04em;
}

.tracking-page-bars {
    gap: 14px;
}

.tracking-page-bars > div::before {
    height: 9px;
    border-radius: 999px;
}

.bot-filter-bar,
.gsc-control-panel {
    align-items: end;
    gap: 12px;
    margin: 0;
    padding: 16px;
    border-radius: 18px;
}

.bot-filter-bar label,
.gsc-control-panel span,
.gsc-range-form label {
    color: #909097;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.tracking-info-note,
.tracking-insights,
.locked-feature-card,
.referral-create-card,
.empty-state {
    padding: 24px;
    border-radius: 18px !important;
}

.tracking-info-note strong,
.tracking-insights strong,
.empty-state h3 {
    display: block;
    margin-bottom: 8px;
    color: #d4e4fa;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.tracking-table-grid,
.gsc-table-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tracking-table-grid .tracking-table-card:first-child {
    grid-column: 1 / -1;
}

.tracking-table-card,
.gsc-table-card {
    overflow: hidden;
    padding: 0;
}

.tracking-table-card h3,
.gsc-table-card h3 {
    margin: 0;
    padding: 22px 24px;
    font-size: 20px;
}

.tracking-table-wrap,
.reports-table-wrap,
.gsc-table-card .tracking-table-wrap {
    padding: 0;
    border-radius: 0;
}

.reports-table,
.tracking-table,
.deep-table,
.unified-data-table,
.dashboard-data-table {
    min-width: 820px;
    border: 0 !important;
    border-radius: 0;
}

.reports-table > div,
.tracking-table > div,
.deep-table > div,
.unified-data-table > div,
.dashboard-data-table > div {
    min-height: 64px;
    padding: 16px 24px;
    border-bottom: 1px solid rgba(69, 70, 77, 0.34);
}

.reports-table > div:first-child,
.tracking-table > div:first-child,
.deep-table > div:first-child,
.unified-data-table > div:first-child,
.dashboard-data-table > div:first-child {
    min-height: 48px;
    color: #909097;
    background: rgba(13, 28, 45, 0.7) !important;
}

.reports-table > div:hover,
.tracking-table > div:not(:first-child):hover,
.deep-table > div:not(:first-child):hover,
.unified-data-table > div:not(:first-child):hover,
.dashboard-data-table > div:not(:first-child):hover {
    background: rgba(39, 54, 71, 0.24) !important;
}

.tracking-table > div:not(:first-child),
.dashboard-data-table.tracking-data-table > div:not(:first-child),
.gsc-data-table > div:not(:first-child) {
    border-left: 0;
}

.gsc-dashboard-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 300px);
    align-items: stretch;
}

.gsc-status-card {
    border-radius: 16px;
    background: #122131;
}

.gsc-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 0;
}

.gsc-chart-grid {
    gap: 18px;
    margin: 0;
}

.gsc-chart-card {
    min-height: 380px;
    padding: 24px;
}

.gsc-chart-card.wide {
    grid-column: span 2;
}

.gsc-chart-card canvas,
.gsc-svg-fallback {
    min-height: 280px;
}

.gsc-insight-panel {
    padding: 26px;
}

.gsc-insight-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gsc-insight-card {
    min-height: 180px;
    padding: 20px;
    transition: border-color 0.18s ease, background 0.18s ease;
}

.gsc-insight-card:hover {
    border-color: rgba(60, 221, 199, 0.36) !important;
    background: #122131 !important;
}

#new-scan.workspace-panel.is-active {
    /* grid-template-columns: minmax(0, 1fr) minmax(280px, 420px); */
    align-items: start;
}

#new-scan .section-heading {
    grid-column: 1 / -1;
}

#new-scan .scan-card {
    position: relative;
    display: grid;
    gap: 18px;
    min-height: 280px;
    padding: 28px;
    overflow: hidden;
}

#new-scan .scan-card::after {
    content: "language";
    position: absolute;
    top: 24px;
    right: 24px;
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.1);
    font-family: "Material Symbols Outlined";
    font-size: 26px;
    font-feature-settings: "liga";
}

#new-scan .scan-card label {
    max-width: calc(100% - 64px);
    color: #c6c6cd;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.03em;
    text-transform: none;
}

#new-scan .scan-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
}

#new-scan .workspace-action-row {
    align-self: stretch;
    display: grid;
    min-height: 280px;
    padding: 28px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 18px;
    background: radial-gradient(circle at top right, rgba(60, 221, 199, 0.11), transparent 14rem), #0f172a;
}

#new-scan .workspace-action-row::before {
    content: "Semantic Gap Analysis";
    color: #d4e4fa;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -0.04em;
}

#new-scan .workspace-action-row::after {
    content: "Technical debt auditor, internal link optimizer, and AI Search visibility score.";
    color: #c6c6cd;
    line-height: 1.6;
}

.stitch-report-grid,
.report-line-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.report-line-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 270px;
    padding: 24px;
    overflow: hidden;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.report-line-card:hover {
    transform: translateY(-2px);
}

.report-card-topline {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 28px;
}

.report-card-topline strong {
    color: #3cddc7;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 0.9;
    letter-spacing: -0.07em;
}

.report-line-main {
    min-height: 82px;
}

.report-line-main strong {
    white-space: normal;
}

.report-score-bar {
    height: 9px;
    margin: auto 0 16px;
    overflow: hidden;
    border-radius: 999px;
    background: #273647;
}

.report-score-bar span {
    display: block;
    width: var(--score);
    height: 100%;
    border-radius: inherit;
    background: #3cddc7;
    box-shadow: 0 0 14px rgba(60, 221, 199, 0.35);
}

.report-line-metrics {
    gap: 10px;
    margin-bottom: 16px;
}

.report-line-metrics span {
    min-width: 0;
    border-radius: 12px;
    background: #0d1c2d;
}

.report-line-card > a {
    margin-top: auto;
}

.pro-lock-panel {
    padding: 28px;
}

.pro-lock-panel .locked-tool {
    min-height: 118px;
    padding: 18px;
    border-radius: 16px !important;
}

.pro-lock-panel .locked-tool strong {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
}

@media (max-width: 1180px) {
    .dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .stitch-report-grid,
    .report-line-list,
    .gsc-insight-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #new-scan.workspace-panel.is-active {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .tracking-table-grid,
    .gsc-table-grid,
    .gsc-chart-grid,
    .stitch-report-grid,
    .report-line-list,
    .gsc-insight-cards {
        grid-template-columns: 1fr !important;
    }

    .gsc-dashboard-head {
        grid-template-columns: 1fr;
    }

    .gsc-chart-card.wide {
        grid-column: span 1;
    }

    #new-scan .scan-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .dashboard-card,
    .bot-stat-grid article,
    .gsc-stat-grid article,
    .billing-detail-grid article,
    .account-detail-grid article,
    .overview-visual-panel,
    .tracking-visual-card,
    .gsc-chart-card,
    .gsc-insight-panel,
    .tracking-table-card,
    .reports-section,
    .pro-lock-panel,
    .report-line-card,
    #new-scan .scan-card,
    #new-scan .workspace-action-row {
        padding: 16px;
        border-radius: 14px !important;
    }

    .overview-chart,
    .tracking-bar-chart,
    .line-chart canvas {
        min-height: 220px;
        height: 220px !important;
    }

    .reports-table,
    .tracking-table,
    .deep-table,
    .unified-data-table,
    .dashboard-data-table {
        min-width: 0;
    }
}

body {
    color: var(--ws-text);
    background: var(--ws-bg) !important;
    background-image: none !important;
}

body.workspace-hide-chrome::before,
body.workspace-hide-chrome .ambient,
body.workspace-hide-chrome .topbar,
body.workspace-hide-chrome .footer {
    display: none !important;
}

body.workspace-hide-chrome .site-shell {
    width: 100%;
    margin: 0;
}

main {
    min-height: 100vh;
}

[data-reveal] {
    opacity: 1 !important;
    transform: none !important;
}

.dashboard-shell {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    min-height: 100vh;
    padding: 0;
    gap: 0;
}

.dashboard-sidebar {
    position: sticky;
    top: 0;
    align-self: start;
    min-height: 100vh;
    padding: 28px 22px;
    border: 0;
    border-right: 1px solid var(--ws-line);
    border-radius: 0;
    background: var(--ws-sidebar) !important;
    box-shadow: none;
    backdrop-filter: none;
}

.dashboard-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 34px;
    color: var(--ws-text);
}

.dashboard-brand .brand-mark {
    width: 48px;
    height: 48px;
    border: 0;
    border-radius: 14px;
    background: #161f33;
    box-shadow: none;
}

.dashboard-brand .brand-mark img {
    filter: none;
    mix-blend-mode: normal;
}

.dashboard-brand strong {
    font-size: 17px;
    letter-spacing: -0.03em;
}

.dashboard-sidebar nav {
    display: grid;
    gap: 8px;
}

.dashboard-sidebar nav a {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 15px;
    border: 1px solid transparent;
    border-radius: 13px;
    color: var(--ws-muted);
    font-size: 14px;
    font-weight: 600;
    transition: 0.18s ease;
}

.dashboard-sidebar nav a:hover,
.dashboard-sidebar nav a.active {
    color: var(--ws-text);
    border-color: rgba(111, 255, 210, 0.16);
    background: rgba(111, 255, 210, 0.08);
}

.sidebar-upgrade {
    margin-top: 32px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: #111a2a;
    height: fit-content;
}

.sidebar-upgrade span,
.eyebrow,
.section-heading span,
.section-card-head span,
.dashboard-card span,
.pricing-card > span,
.guide-card span,
.intent-card span {
    color: var(--ws-brand) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.sidebar-upgrade p {
    margin: 8px 0 16px;
    color: var(--ws-muted);
    font-size: 13px;
    line-height: 1.6;
}

.dashboard-main {
    min-width: 0;
    padding: 42px clamp(24px, 4vw, 58px) 64px;
}

.workspace-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 30px;
    padding: 14px 16px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: #0d1524;
}

.workspace-topbar span {
    display: block;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.workspace-topbar strong {
    display: block;
    margin-top: 4px;
    color: var(--ws-text);
    font-size: 14px;
}

.workspace-topbar-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.workspace-plan-badge {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    color: #03110c !important;
    background: var(--ws-brand);
}

.workspace-plan-badge.free {
    color: var(--ws-soft) !important;
    background: rgba(255, 255, 255, 0.08);
}

.workspace-panel,
.dashboard-panel,
.reports-section,
.pro-lock-panel,
.bot-setup-gate {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 30px;
}

.dashboard-header h1,
.report-hero h1,
.pro-tools-hero h1,
.section-heading h2 {
    max-width: 900px;
    margin-bottom: 10px;
    color: var(--ws-text);
    font-size: clamp(34px, 4.2vw, 58px);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.dashboard-header p,
.section-heading p,
.report-hero p,
.pro-tools-hero p {
    max-width: 760px;
    color: var(--ws-muted);
    font-size: 15px;
    line-height: 1.7;
}

.primary-link,
button[type="submit"] {
    min-height: 44px;
    border-radius: 12px;
    color: #04110d;
    background: var(--ws-brand);
    box-shadow: none;
}

.primary-link:hover,
button[type="submit"]:hover {
    transform: translateY(-1px);
    box-shadow: none;
}

.secondary-link,
.ghost-btn {
    min-height: 42px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 12px;
    color: var(--ws-soft);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: none;
}

.dashboard-grid,
.dashboard-stats,
.bot-stat-grid,
.billing-detail-grid,
.deep-stats,
.metric-grid,
.summary-strip,
.pro-lost-grid,
.roadmap-grid,
.preview-fix-grid,
.upgrade-features,
.pro-tool-grid {
    display: grid;
    gap: 18px;
}

.dashboard-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 28px;
}

.dashboard-card,
.bot-stat-grid article,
.billing-detail-grid article,
.tracking-table-card,
.tracking-visual-card,
.pro-report-chart-card,
.admin-panel,
.admin-list-row,
.admin-events > div,
.site-block,

.locked-feature-card,
.scan-card,
.empty-state,
.pro-status-card,
.guide-card,
.deep-card,
.ai-card,
.intent-page-card,
.section-card,
.pro-main-issue-card,
.pro-lost-panel,
.upgrade-section,
.pro-cta-banner,
.free-report-email,
.free-ai-assistant-popup,
.sticky-panel,
.report-score,
.summary-strip > div,
.pro-issue-card,
.locked-pro-preview,
.pro-runner,
.tracking-info-note,
.tracking-insights {
    border: 1px solid var(--ws-line) !important;
    border-radius: var(--ws-radius) !important;
    background: var(--ws-panel) !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-card {
    min-height: 158px;
    padding: 24px;
}

.dashboard-card strong {
    display: block;
    margin: 16px 0 8px;
    color: var(--ws-text);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.dashboard-card p,
.dashboard-card a,
.locked-tool p {
    color: var(--ws-muted);
}

.free-ai-assistant-popup {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 24px 24px;
    padding: 22px;
    border-color: rgba(111, 255, 210, 0.28) !important;
    background: linear-gradient(135deg, rgba(111, 255, 210, 0.12), rgba(15, 23, 42, 0.92)) !important;
}

.free-ai-assistant-popup h2 {
    margin: 6px 0;
    font-size: clamp(22px, 3vw, 32px);
}

.free-ai-assistant-popup p {
    margin: 0;
    color: var(--ws-muted);
}

.free-ai-assistant-popup .primary-link {
    flex-shrink: 0;
}

.report-actions .ai-assistant-cta {
    position: relative;
    gap: 10px;
    overflow: hidden;
    border-color: rgba(111, 255, 210, 0.58) !important;
    color: #03110c !important;
    background:
        radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.92), transparent 1.8rem),
        linear-gradient(135deg, #6fffd2 0%, #dffef4 46%, #9b8cff 100%) !important;
    box-shadow: 0 18px 54px rgba(111, 255, 210, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.34) inset !important;
}

.report-actions .ai-assistant-cta::before {
    content: "AI";
    display: inline-grid;
    width: 28px;
    height: 28px;
    place-items: center;
    border-radius: 999px;
    color: #6fffd2;
    background: #08111f;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.report-actions .ai-assistant-cta::after {
    content: "";
    position: absolute;
    inset: -120% auto -120% -35%;
    width: 32%;
    transform: rotate(18deg);
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.56), transparent);
    transition: left 0.45s ease;
}

.report-actions .ai-assistant-cta:hover::after {
    left: 115%;
}

@media (max-width: 760px) {
    .free-ai-assistant-popup {
        align-items: flex-start;
        flex-direction: column;
    }

    .free-ai-assistant-popup .primary-link {
        width: 100%;
    }

    .report-actions .ai-assistant-cta {
        width: 100%;
    }
}

.section-card.free-content-section-locked {
    padding: 0 !important;
    overflow: hidden;
    border-color: rgba(111, 255, 210, 0.32) !important;
    background:
        radial-gradient(circle at 78% 12%, rgba(155, 140, 255, 0.18), transparent 17rem),
        radial-gradient(circle at 18% 22%, rgba(111, 255, 210, 0.14), transparent 16rem),
        var(--ws-panel) !important;
}

.free-content-section-locked .free-content-locked {
    min-height: 390px;
    border: 0 !important;
    border-radius: 0 !important;
    background:
        linear-gradient(135deg, rgba(111, 255, 210, 0.08), rgba(155, 140, 255, 0.08)),
        var(--ws-panel) !important;
}

.free-content-lock-copy {
    padding: 34px 28px 28px !important;
    background: linear-gradient(180deg, rgba(8, 17, 31, 0.1), rgba(8, 17, 31, 0.96) 34%) !important;
}

.locked-pro-badge {
    display: inline-flex;
    margin-bottom: 12px;
    padding: 8px 12px;
    border: 1px solid rgba(111, 255, 210, 0.42);
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.1);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.free-content-lock-copy p {
    max-width: 680px;
    margin: 0 auto 18px;
    color: var(--ws-muted);
    font-size: 15px;
    line-height: 1.65;
}

.locked-pro-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin: 0 0 20px;
}

.locked-pro-points span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    color: var(--ws-text);
    background: rgba(255, 255, 255, 0.06);
    font-size: 12px;
    font-weight: 600;
}

.locked-pro-points span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: var(--ws-brand);
    box-shadow: 0 0 14px rgba(111, 255, 210, 0.8);
}

.overview-visual-panel {
    padding: 24px;
    border: 1px solid var(--ws-line);
    border-radius: 26px;
    background: var(--ws-panel);
}

.overview-visual-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
}

.overview-visual-head h2 {
    margin: 0;
    color: var(--ws-text);
    font-size: 24px;
    letter-spacing: -0.04em;
}

.overview-visual-head a {
    color: var(--ws-brand);
    font-weight: 600;
}

.overview-chart {
    position: relative;
    min-height: 260px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 20px;
    background:
        repeating-linear-gradient(to top, transparent 0 47px, rgba(226, 232, 240, 0.06) 48px),
        #0e1726;
}

.line-chart svg {
    display: block;
    width: 100%;
    height: 210px;
    overflow: visible;
}

.line-chart canvas {
    display: block;
    width: 100% !important;
    height: 220px !important;
}

.chart-line,
.chart-fill {
    fill: none;
    vector-effect: non-scaling-stroke;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.chart-line {
    stroke-width: 3.2;
    filter: drop-shadow(0 0 8px rgba(139, 92, 246, 0.24));
}

.chart-line.all { stroke: var(--ws-violet); }
.chart-line.ai { stroke: var(--ws-brand); }
.chart-line.search { stroke: var(--ws-cyan); }

.chart-fill {
    fill: rgba(139, 92, 246, 0.24);
    stroke: none;
}

.chart-dot {
    vector-effect: non-scaling-stroke;
    stroke: #f8fafc;
    stroke-width: 1.4;
    cursor: pointer;
    transition: r 0.16s ease, filter 0.16s ease;
    width: 3px !important;
    height: 3px !important;
}

.chart-dot.all { fill: var(--ws-violet); width: 8px; }
.chart-dot.ai { fill: var(--ws-brand); width: 8px; }
.chart-dot.search { fill: var(--ws-cyan); width: 8px; }

.chart-dot:hover {
    r: 3.2;
    filter: drop-shadow(0 0 8px rgba(111, 255, 210, 0.5));
}

.line-chart-legend,
.line-chart-values {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 14px;
}

.line-chart-legend span,
.line-chart-values span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.line-chart-legend i {
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.line-chart-legend i.all { background: var(--ws-violet); }
.line-chart-legend i.ai { background: var(--ws-brand); }
.line-chart-legend i.search { background: var(--ws-cyan); }

.line-chart-values b {
    color: var(--ws-text);
    font-size: 15px;
}

.section-heading.compact {
    margin-bottom: 22px;
}

.bot-filter-bar,
.tracking-add-site,
.scan-row,
.workspace-action-row,
.report-actions,
.upgrade-actions,
.pro-actions,
.site-block-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 12px;
}

input,
select,
textarea {
    min-height: 46px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 12px;
    color: var(--ws-text);
    background: #0c1423;
    box-shadow: none;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(111, 255, 210, 0.68);
    box-shadow: 0 0 0 3px rgba(111, 255, 210, 0.08);
}

.scan-card {
    padding: 24px;
}

.scan-card::before,
.featured::before {
    display: none !important;
}

.bot-filter-bar {
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel-2);
}

.bot-filter-bar label {
    display: grid;
    gap: 8px;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.bot-stat-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 20px 0;
}

.bot-stat-grid article,
.billing-detail-grid article,
.summary-strip > div {
    padding: 20px;
}

.bot-stat-grid strong,
.billing-detail-grid strong,
.summary-strip strong {
    display: block;
    margin: 10px 0 4px;
    color: var(--ws-text);
    font-size: 28px;
    letter-spacing: -0.055em;
}

.tracking-table-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.tracking-table-card {
    min-width: 0;
}

.tracking-table-card:first-child {
    grid-column: 1 / -1;
}

.tracking-visual-grid {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 18px;
    margin: 20px 0;
}

.tracking-visual-grid.is-stacked {
    grid-template-columns: 1fr;
}

.pro-report-charts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    width: min(1440px, calc(100% - 48px));
    margin: 22px auto;
}

.pro-report-chart-card {
    display: flex;
    min-height: 430px;
    flex-direction: column;
    min-width: 0;
    padding: 24px;
}

.pro-chart-canvas {
    position: relative;
    flex: 1;
    min-height: 260px;
    margin-top: 18px;
}

.pro-chart-canvas canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.pro-chart-canvas .modern-chart,
.modern-chart {
    width: 100%;
    height: 100%;
    min-height: 240px;
}

.modern-chart .apexcharts-canvas,
.modern-chart svg {
    max-width: 100%;
}

.modern-chart .apexcharts-tooltip,
.modern-chart .apexcharts-xaxistooltip,
.modern-chart .apexcharts-yaxistooltip {
    border: 1px solid rgba(111, 255, 210, 0.2) !important;
    border-radius: 12px !important;
    background: rgba(13, 19, 34, 0.96) !important;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28) !important;
}

.modern-chart .apexcharts-tooltip-title {
    border-bottom-color: rgba(148, 163, 184, 0.14) !important;
    background: rgba(15, 23, 42, 0.88) !important;
}

.tracking-visual-card {
    padding: 22px;
}

.tracking-chart-card {
    display: grid;
    gap: 18px;
}

.tracking-visual-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 20px;
}

.tracking-visual-head.compact {
    margin-bottom: 14px;
}

.tracking-under-chart {
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 16px;
}

.overview-under-chart {
    margin-top: 18px;
}

.tracking-under-chart section {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel-2);
}

.tracking-mix-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.tracking-mix-list div {
    padding: 12px;
    border: 1px solid var(--ws-line);
    border-radius: 14px;
    background: #0d1524;
}

.tracking-mix-list span,
.tracking-mix-list b {
    display: block;
}

.tracking-mix-list span {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.tracking-mix-list b {
    margin-top: 8px;
    color: var(--ws-text);
    font-size: 24px;
    letter-spacing: -0.05em;
}

.tracking-visual-head span {
    color: var(--ws-brand);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.tracking-visual-head strong {
    color: var(--ws-text);
    font-size: 18px;
    letter-spacing: -0.035em;
}

.tracking-bar-chart {
    position: relative;
    min-height: 220px;
    padding: 16px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: repeating-linear-gradient(to top, transparent 0 43px, rgba(226, 232, 240, 0.06) 44px), #0e1726;
}

.tracking-bar-chart span,
.tracking-page-bars span {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.tracking-bar-chart b,
.tracking-page-bars b {
    color: var(--ws-text);
    font-size: 20px;
    letter-spacing: -0.04em;
}

.tracking-page-bars {
    display: grid;
    gap: 12px;
}

.tracking-page-bars > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 54px;
    align-items: center;
    gap: 12px;
}

.tracking-page-bars > div::before {
    content: "";
    grid-column: 1 / -1;
    grid-row: 2;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ws-brand) var(--bar), rgba(255, 255, 255, 0.07) var(--bar));
}

.tracking-page-bars span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tracking-page-bars p {
    margin: 0;
    color: var(--ws-muted);
}

.tracking-info-note,
.tracking-insights {
    padding: 20px;
    margin: 18px 0;
}

.tracking-info-note strong,
.tracking-insights strong {
    color: var(--ws-text);
}

.reports-table-wrap,
.tracking-table-wrap {
    overflow-x: auto;
}

.reports-table,
.tracking-table,
.deep-table,
.unified-data-table,
.dashboard-data-table {
    min-width: 760px;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: var(--ws-panel-2);
    overflow: hidden;
}

.tracking-table.recent > div {
    grid-template-columns: 160px 150px 100px minmax(260px, 1fr) 90px;
}

.tracking-table.pages > div {
    grid-template-columns: minmax(320px, 1fr) 120px 110px 120px 170px;
}

.tracking-table.breakdown > div {
    grid-template-columns: minmax(220px, 1fr) 120px 100px 180px;
}

.reports-table > div,
.tracking-table > div,
.deep-table > div,
.unified-data-table > div,
.dashboard-data-table > div {
    display: grid;
    gap: 12px;
    align-items: center;
    min-height: 54px;
    padding: 14px 16px;
    border-bottom: 1px solid var(--ws-line);
    color: var(--ws-soft);
    background: transparent;
}

.reports-table > div:first-child,
.tracking-table > div:first-child,
.deep-table > div:first-child,
.unified-data-table > div:first-child,
.dashboard-data-table > div:first-child {
    color: var(--ws-muted);
    background: #101929;
}

.reports-table > div:last-child,
.tracking-table > div:last-child,
.deep-table > div:last-child,
.unified-data-table > div:last-child,
.dashboard-data-table > div:last-child {
    border-bottom: 0;
}

.reports-table > div:hover,
.tracking-table > div:not(:first-child):hover,
.deep-table > div:not(:first-child):hover,
.unified-data-table > div:not(:first-child):hover {
    background: rgba(111, 255, 210, 0.035);
}

.tracking-table > div:not(:first-child),
.dashboard-data-table.tracking-data-table > div:not(:first-child) {
    border-left: 3px solid rgba(111, 255, 210, 0.18);
}

.pro-data-card {
    overflow: hidden;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 20px;
    background: #0d1c2d;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
    margin-bottom: 20px;
}

.pro-data-card.wide {
    grid-column: 1 / -1;
}

.pro-data-card-head,
.pro-result-modal-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid rgba(69, 70, 77, 0.46);
    background: rgba(28, 43, 60, 0.58);
    padding: 18px 22px;
}

.pro-data-title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.pro-data-title > .material-symbols-outlined {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: 12px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.1);
}

.pro-data-title small {
    display: block;
    color: #909097;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.pro-data-title h3 {
    margin: 2px 0 0;
    color: #f4f6fb;
    font-size: clamp(18px, 2vw, 22px);
}

.pro-view-all-btn,
.pro-modal-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 12px;
    color: #3cddc7;
    background: transparent;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease, transform 0.2s ease;
}

.pro-view-all-btn {
    padding: 10px 12px;
}

.pro-view-all-btn:hover,
.pro-modal-close:hover {
    background: rgba(60, 221, 199, 0.1);
    transform: translateY(-1px);
}

.pro-dashboard-table-wrap {
    overflow-x: auto;
}

.pro-dashboard-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    text-align: left;
}

.pro-dashboard-table th {
    padding: 15px 18px;
    color: #909097;
    background: rgba(12, 22, 36, 0.42);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pro-dashboard-table td {
    max-width: 320px;
    padding: 16px 18px;
    border-top: 1px solid rgba(69, 70, 77, 0.38);
    color: #c6c6cd;
    font-size: 14px;
    vertical-align: middle;
}

.pro-dashboard-table td:first-child {
    color: #f4f6fb;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.pro-dashboard-table tbody tr:hover {
    background: rgba(60, 221, 199, 0.045);
}

.pro-dashboard-table strong {
    color: #3cddc7;
}

.pro-table-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: 5px 9px;
    color: #909097;
    background: rgba(144, 144, 151, 0.12);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
}

.pro-table-pill.is-good {
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.12);
}

.pro-result-modal[hidden],
.pro-result-modal.hidden {
    display: none !important;
}

.pro-result-modal {
    position: fixed;
    inset: 0;
    z-index: 90;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 18px;
    background: rgba(0, 0, 0, 0.72);
    backdrop-filter: blur(12px);
}

.pro-result-modal-panel {
    display: flex;
    width: min(1500px, 100%);
    max-height: 90vh;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(69, 70, 77, 0.9);
    border-radius: 22px;
    background: #0d1c2d;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.45);
}

.pro-modal-close {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
}

.pro-dashboard-table-wrap.is-modal-table {
    overflow: auto;
}

.pro-dashboard-table.is-detailed {
    min-width: 2380px;
}

.pro-dashboard-table.is-detailed th,
.pro-dashboard-table.is-detailed td {
    padding: 18px 22px;
    white-space: nowrap;
}

.pro-dashboard-table.is-detailed th:first-child,
.pro-dashboard-table.is-detailed td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    min-width: 380px;
    background: #0d1c2d;
    white-space: normal;
}

.pro-dashboard-table.is-detailed th:first-child {
    z-index: 2;
    background: #152338;
}

.pro-dashboard-table.is-detailed th:nth-child(3),
.pro-dashboard-table.is-detailed td:nth-child(3),
.pro-dashboard-table.is-detailed th:nth-child(4),
.pro-dashboard-table.is-detailed td:nth-child(4),
.pro-dashboard-table.is-detailed th:nth-child(12),
.pro-dashboard-table.is-detailed td:nth-child(12),
.pro-dashboard-table.is-detailed th:nth-child(13),
.pro-dashboard-table.is-detailed td:nth-child(13) {
    min-width: 220px;
    white-space: normal;
}

.pro-dashboard-table.is-detailed th:nth-child(14),
.pro-dashboard-table.is-detailed td:nth-child(14) {
    min-width: 140px;
}

.intent-pages-table-wrap {
    margin-top: 18px;
    overflow-x: auto;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 18px;
    background: #0d1c2d;
}

.intent-pages-table {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
    text-align: left;
}

.intent-pages-table th {
    padding: 14px 16px;
    color: #909097;
    background: rgba(28, 43, 60, 0.58);
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.intent-pages-table td {
    padding: 16px;
    border-top: 1px solid rgba(69, 70, 77, 0.42);
    color: #c6c6cd;
    vertical-align: top;
}

.intent-pages-table td:first-child {
    width: 26%;
    color: #f4f6fb;
}

.intent-pages-table td:nth-child(2) {
    width: 145px;
}

.intent-pages-table td:nth-child(3) {
    width: 230px;
}

.intent-pages-table tbody tr:hover {
    background: rgba(60, 221, 199, 0.045);
}

.intent-pages-table code {
    display: inline-flex;
    max-width: 100%;
    border-radius: 9px;
    padding: 5px 8px;
    color: #3cddc7;
    background: rgba(0, 0, 0, 0.28);
    overflow-wrap: anywhere;
}

.intent-pill {
    display: inline-flex;
    border-radius: 999px;
    padding: 6px 10px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.12);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.tracking-table > div > span,
.tracking-table > div > strong {
    min-width: 0;
    overflow-wrap: anywhere;
}

.gsc-dashboard-head {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid var(--ws-line);
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(111, 255, 210, 0.08), rgba(18, 26, 42, 0.92)), var(--ws-panel);
}

.gsc-dashboard-head h2 {
    margin: 5px 0 8px;
    color: var(--ws-text);
    font-size: clamp(30px, 3.8vw, 52px);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.gsc-dashboard-head p,
.gsc-status-card small,
.gsc-control-panel span,
.gsc-stat-grid small,
.gsc-insight-card p,
.gsc-insight-card small {
    color: var(--ws-muted);
}

.gsc-status-card {
    min-width: 250px;
    display: grid;
    align-content: center;
    gap: 6px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 20px;
    background: var(--ws-panel-2);
}

.gsc-status-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--ws-danger);
}

.gsc-status-dot.is-connected {
    background: var(--ws-brand);
}

.gsc-control-panel {
    display: grid;
    grid-template-columns: minmax(170px, 0.9fr) auto minmax(250px, 1.2fr) auto;
    gap: 12px;
    align-items: end;
    margin: 18px 0 20px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 20px;
    background: var(--ws-panel);
}

.gsc-control-panel > div,
.gsc-range-form {
    display: grid;
    gap: 7px;
}

.gsc-control-panel > form:not(.gsc-range-form) {
    display: flex;
    align-items: end;
}

.gsc-control-panel > p {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--ws-muted);
    font-size: 13px;
}

.gsc-control-panel strong {
    color: var(--ws-text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gsc-range-form {
    grid-template-columns: minmax(140px, 1fr) auto;
    align-items: end;
}

.gsc-range-form label {
    grid-column: 1 / -1;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.gsc-manage-properties {
    position: relative;
}

.gsc-manage-properties summary {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 12px;
    color: var(--ws-soft);
    background: rgba(255, 255, 255, 0.035);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
}

.gsc-disconnect-top {
    min-height: 40px;
    padding: 0 14px;
    font-size: 12px;
}

.gsc-manage-properties summary::-webkit-details-marker {
    display: none;
}

.gsc-manage-properties > div {
    position: absolute;
    z-index: 30;
    right: 0;
    top: calc(100% + 8px);
    width: min(380px, 80vw);
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: #0d1524;
    box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}

.gsc-manage-properties form,
.gsc-manage-properties button {
    width: 100%;
}

.gsc-manage-properties button {
    justify-content: flex-start;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gsc-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin: 20px 0 24px;
}

.gsc-stat-grid article,
.gsc-chart-card,
.gsc-empty-chart,
.gsc-insight-panel,
.gsc-insight-card,
.gsc-table-card {
    border: 1px solid var(--ws-line) !important;
    border-radius: var(--ws-radius) !important;
    background: var(--ws-panel) !important;
    box-shadow: none !important;
}

.gsc-stat-grid article {
    position: relative;
    min-height: 148px;
    padding: 22px;
    overflow: hidden;
}

.gsc-stat-grid span {
    display: block;
    margin-bottom: 12px;
    color: var(--ws-brand);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.gsc-stat-grid strong {
    display: block;
    color: var(--ws-text);
    font-size: clamp(32px, 3.2vw, 46px);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.gsc-stat-grid small {
    display: block;
    margin-top: 10px;
    line-height: 1.45;
}

.gsc-stat-grid i {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.09);
    font-style: normal;
    font-weight: 600;
}

.gsc-chart-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin: 24px 0;
}

.gsc-chart-card {
    min-height: 360px;
    padding: 22px;
}

.gsc-chart-card.compact-chart {
    min-height: 310px;
}

.gsc-chart-card.wide {
    grid-column: span 2;
}

.gsc-chart-card > div {
    margin-bottom: 14px;
}

.gsc-chart-card span,
.gsc-insight-group h3 {
    color: var(--ws-brand);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.gsc-chart-card h3,
.gsc-insight-group h3 {
    margin: 4px 0 0;
    color: var(--ws-text);
    letter-spacing: -0.035em;
}

.gsc-chart-card canvas {
    display: block;
    width: 100% !important;
    height: 270px !important;
}

.gsc-chart-card .modern-chart {
    width: 100%;
    height: 270px;
    min-height: 270px;
}

.gsc-chart-card.compact-chart canvas {
    height: 220px !important;
}

.gsc-chart-card.device-chart canvas {
    max-width: 260px;
    margin: 0 auto;
}

.gsc-svg-fallback {
    min-height: 270px;
}

.gsc-chart-card.has-chart-js .gsc-svg-fallback {
    display: none;
}

.gsc-chart-card.has-chart-js .gsc-bar-fallback {
    display: none;
}

.gsc-svg-fallback svg {
    display: block;
    width: 100%;
    height: 230px;
    padding: 14px 0;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: repeating-linear-gradient(to top, transparent 0 43px, rgba(226, 232, 240, 0.055) 44px), #0e1726;
}

.gsc-svg-line {
    fill: none;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

.gsc-svg-line.clicks,
.gsc-svg-fallback i.clicks {
    stroke: var(--ws-brand);
    background: var(--ws-brand);
}

.gsc-svg-line.impressions,
.gsc-svg-fallback i.impressions {
    stroke: #60a5fa;
    background: #60a5fa;
}

.gsc-svg-line.ctr,
.gsc-svg-fallback i.ctr {
    stroke: #facc15;
    background: #facc15;
}

.gsc-svg-line.position,
.gsc-svg-fallback i.position {
    stroke: #f472b6;
    background: #f472b6;
}

.gsc-svg-fallback > div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px;
}

.gsc-svg-fallback > div span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.gsc-svg-fallback i {
    width: 9px;
    height: 9px;
    border-radius: 999px;
}

.gsc-bar-fallback {
    display: grid;
    gap: 12px;
    min-height: 270px;
    align-content: center;
    padding: 14px;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: #0e1726;
}

.gsc-bar-fallback > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 84px;
    gap: 10px;
    align-items: center;
}

.gsc-bar-fallback span {
    color: var(--ws-soft);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    direction: auto;
    unicode-bidi: plaintext;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
}

.gsc-bar-fallback b {
    color: var(--ws-text);
    font-size: 12px;
    text-align: right;
    font-variant-numeric: tabular-nums;
}

.gsc-bar-fallback i {
    grid-column: 1 / -1;
    height: 9px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--ws-brand) var(--bar), rgba(255, 255, 255, 0.075) var(--bar));
}

.gsc-bar-fallback.devices i {
    background: linear-gradient(90deg, #60a5fa var(--bar), rgba(255, 255, 255, 0.075) var(--bar));
}

.gsc-insight-panel {
    padding: 22px;
    margin: 24px 0;
}

.gsc-insight-group {
    margin-top: 18px;
}

.gsc-insight-cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 10px;
}

.gsc-insight-card {
    padding: 18px;
    background: var(--ws-panel-2) !important;
}

.gsc-insight-card > span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.1);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.gsc-insight-card.priority-high > span {
    color: #ffe4e9;
    background: rgba(251, 113, 133, 0.16);
}

.gsc-insight-card strong {
    display: block;
    margin-bottom: 7px;
    color: var(--ws-text);
}

.gsc-insight-card p,
.gsc-insight-card small {
    display: block;
    margin: 0;
    line-height: 1.55;
}

.gsc-insight-heading h2 {
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.08;
}

.gsc-insight-card small {
    margin-top: 8px;
    color: var(--ws-soft);
}

.gsc-table-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.gsc-table-card {
    min-width: 0;
}

.gsc-table-card:first-child {
    grid-column: auto;
}

.gsc-table-card h3 {
    margin: 0 0 14px;
    color: var(--ws-text);
    font-size: 20px;
    letter-spacing: -0.04em;
}

.gsc-table-card .tracking-table-wrap {
    overflow-x: auto;
    border-radius: 16px;
}

.gsc-data-table {
    min-width: 720px;
    border-radius: 16px;
}

.gsc-data-table > div {
    grid-template-columns: minmax(260px, 1.5fr) 82px 88px 76px 76px;
    min-height: 58px;
}

.gsc-preview-table {
    min-width: 560px;
}

.gsc-preview-table > div {
    grid-template-columns: minmax(260px, 1fr) 92px 92px;
}

.gsc-data-table > div:not(:first-child) {
    border-left: 3px solid rgba(111, 255, 210, 0.16);
}

.gsc-data-table > div:first-child strong {
    color: var(--ws-muted);
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.gsc-data-table span:first-child {
    color: var(--ws-text);
    font-weight: 600;
    direction: auto;
    unicode-bidi: plaintext;
    line-height: 1.45;
}

.gsc-data-table span:not(:first-child) {
    color: var(--ws-soft);
    font-variant-numeric: tabular-nums;
}

.gsc-data-table .gsc-empty-row span:first-child {
    color: var(--ws-muted);
    font-weight: 600;
}

.gsc-data-table a {
    color: var(--ws-brand);
    text-decoration: none;
    direction: auto;
    unicode-bidi: plaintext;
}

.gsc-data-table span[title],
.gsc-chart-card h3,
.gsc-insight-card p {
    direction: auto;
    unicode-bidi: plaintext;
}

.gsc-property-switcher {
    margin: 0 0 20px;
}

.gsc-empty-chart {
    padding: 24px;
}

.gsc-data-table + .table-expand-toggle {
    width: fit-content;
    min-height: 34px;
    margin: 12px 0 0;
    padding: 0 12px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.08);
    font-size: 12px;
    font-weight: 600;
}

.gsc-data-table + .table-expand-toggle::before {
    display: none;
}

.gsc-data-table + .table-expand-toggle span {
    color: inherit;
}

.reports-table a,
.dashboard-data-table a {
    color: var(--ws-brand);
    font-weight: 600;
}

.report-line-list {
    display: grid;
    gap: 14px;
}

.report-line-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    padding: 18px 20px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel);
}

.report-line-main {
    display: grid;
    gap: 8px;
    min-width: 0;
}

.report-line-main strong {
    overflow: hidden;
    color: var(--ws-text);
    font-size: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-line-main small {
    color: var(--ws-muted);
}

.report-line-metrics {
    display: flex;
    gap: 10px;
}

.report-line-metrics span {
    display: grid;
    min-width: 86px;
    gap: 3px;
    padding: 10px 12px;
    border: 1px solid var(--ws-line);
    border-radius: 14px;
    color: var(--ws-muted);
    background: var(--ws-panel-2);
    font-size: 12px;
    font-weight: 600;
}

.report-line-metrics b {
    color: var(--ws-text);
    font-size: 18px;
}

.report-line-card > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 14px;
    border-radius: 12px;
    color: #04110d;
    background: var(--ws-brand);
    font-weight: 600;
}

.report-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.report-pagination button {
    width: 40px;
    height: 40px;
    border: 1px solid var(--ws-line);
    border-radius: 12px;
    color: var(--ws-soft);
    background: var(--ws-panel-2);
    cursor: pointer;
}

.report-pagination button.is-active {
    color: #04110d;
    border-color: var(--ws-brand);
    background: var(--ws-brand);
}

.account-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.account-detail-grid article {
    padding: 20px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel);
}

.account-detail-grid span {
    display: block;
    margin-bottom: 10px;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.account-detail-grid strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--ws-text);
    font-size: 22px;
    letter-spacing: -0.04em;
}

.dashboard-pro-scan-card {
    margin-top: 18px;
    border-color: rgba(111, 255, 210, 0.2) !important;
}

.locked-feature-card {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    background:
        radial-gradient(circle at 86% 14%, rgba(111, 255, 210, 0.14), transparent 18rem),
        var(--ws-panel) !important;
}

.locked-feature-card h3 {
    max-width: 760px;
    color: var(--ws-text);
    font-size: clamp(30px, 4vw, 52px);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.locked-feature-card ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 24px 0;
    padding: 0;
    list-style: none;
}

.locked-feature-card li {
    padding: 12px 14px;
    border: 1px solid var(--ws-line);
    border-radius: 14px;
    color: var(--ws-soft);
    background: var(--ws-panel-2);
}

.admin-workspace-main .admin-hero {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 28px;
    padding: clamp(24px, 4vw, 38px);
    border: 1px solid var(--ws-line);
    border-radius: 26px;
    background: var(--ws-panel);
}

.admin-workspace-main .admin-hero h1 {
    max-width: 920px;
    margin-bottom: 12px;
    color: var(--ws-text);
    font-size: clamp(34px, 4vw, 56px);
    line-height: 1.02;
    letter-spacing: -0.06em;
}

.admin-workspace-main .admin-hero p {
    max-width: 720px;
    color: var(--ws-muted);
}

.admin-hero-actions,
.admin-panel-head,
.admin-bulk-bar,
.admin-pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.admin-panel {
    padding: clamp(20px, 3vw, 30px);
}

.admin-panel-head {
    margin-bottom: 20px;
}

.admin-panel-head h2 {
    margin: 0;
    color: var(--ws-text);
    font-size: clamp(26px, 3vw, 38px);
    letter-spacing: -0.05em;
}

.admin-search {
    display: flex;
    gap: 10px;
}

.admin-table-wrap {
    overflow-x: auto;
}

.admin-table {
    width: 100%;
    min-width: 1080px;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel-2);
}

.admin-table th,
.admin-table td {
    padding: 14px;
    border-bottom: 1px solid var(--ws-line);
    color: var(--ws-soft);
    text-align: left;
    vertical-align: top;
}

.admin-table th {
    color: var(--ws-muted);
    background: #101929;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.admin-table tr:last-child td {
    border-bottom: 0;
}

.admin-table td strong,
.admin-list-row strong,
.admin-events strong {
    display: block;
    color: var(--ws-text);
}

.admin-table small,
.admin-list-row small,
.admin-events span,
.admin-muted {
    display: block;
    margin-top: 4px;
    color: var(--ws-muted);
    font-size: 12px;
}

.admin-pill,
.admin-score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.1);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.admin-pill.admin,
.admin-pill.active,
.admin-pill.paid {
    color: #04110d;
    background: var(--ws-brand);
}

.admin-pill.inactive,
.admin-pill.pending {
    color: var(--ws-warn);
    background: rgba(250, 204, 21, 0.12);
}

.admin-pill.draft {
    color: var(--ws-cyan);
    background: rgba(34, 211, 238, 0.12);
}

.email-campaign-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top right, rgba(111, 255, 210, 0.13), transparent 34%),
        linear-gradient(135deg, #121a2a 0%, #0c1424 100%) !important;
}

.email-campaign-hero::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -110px;
    width: 260px;
    height: 260px;
    border: 1px solid rgba(111, 255, 210, 0.16);
    border-radius: 72px;
    transform: rotate(18deg);
    pointer-events: none;
}

.email-admin-card {
    border: 1px solid var(--ws-line);
    border-radius: 24px;
    background: var(--ws-panel);
}

.email-admin-heading h1 {
    margin: 0;
    color: var(--ws-text);
    font-size: clamp(30px, 3.4vw, 48px);
    line-height: 1.04;
    letter-spacing: -0.06em;
}

.email-admin-heading p {
    max-width: 760px;
    margin: 8px 0 0;
    color: var(--ws-muted);
}

.email-campaign-form {
    display: grid;
    gap: 18px;
}

.email-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.email-campaign-form label,
.email-admin-actions label {
    display: grid;
    gap: 8px;
}

.email-campaign-form label > span {
    color: var(--ws-soft);
    font-size: 13px;
    font-weight: 600;
}

.email-campaign-form input,
.email-campaign-form select,
.email-campaign-form textarea,
.email-admin-actions input {
    width: 100%;
    border: 1px solid var(--ws-line-strong);
    border-radius: 14px;
    background: #0d1524;
    color: var(--ws-text);
    font: inherit;
}

.email-campaign-form input,
.email-campaign-form select,
.email-admin-actions input {
    min-height: 46px;
    padding: 0 14px;
}

.email-campaign-form textarea,
.email-campaign-form select[multiple] {
    padding: 14px;
    resize: vertical;
}

.email-campaign-form small {
    color: var(--ws-muted);
    font-size: 12px;
}

.email-account-notice-box {
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(250, 204, 21, 0.18);
    border-radius: 20px;
    background: rgba(250, 204, 21, 0.055);
}

.email-account-notice-box p {
    margin: 6px 0 0;
    color: var(--ws-muted);
}

.email-admin-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.email-campaign-controls {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    align-items: stretch;
}

.email-control-card {
    display: grid;
    align-content: start;
    gap: 12px;
    min-width: 0;
    padding: 16px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: var(--ws-panel-2);
}

.email-control-card strong {
    color: var(--ws-text);
    font-size: 15px;
    letter-spacing: -0.03em;
}

.email-control-card small {
    min-height: 44px;
    color: var(--ws-muted);
    font-size: 12px;
    line-height: 1.55;
}

.email-control-card label {
    display: grid;
    gap: 6px;
}

.email-control-card label span {
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.email-control-card input,
.email-control-card button {
    width: 100%;
}

.email-campaign-form textarea.email-manual-list {
    min-height: 260px;
    font-family: "JetBrains Mono", monospace;
    line-height: 1.7;
}

.email-add-recipient-box {
    display: grid;
    gap: 16px;
    margin-top: 18px;
    background:
        radial-gradient(circle at top right, rgba(111, 255, 210, 0.1), transparent 32%),
        var(--ws-panel) !important;
}

.email-add-recipient-box h2 {
    margin: 6px 0 8px;
    color: var(--ws-text);
    font-size: clamp(22px, 2.4vw, 32px);
    letter-spacing: -0.05em;
}

.email-add-recipient-box p,
.email-add-recipient-box small {
    color: var(--ws-muted);
    line-height: 1.65;
}

.email-add-recipient-box label {
    display: grid;
    gap: 8px;
}

.email-add-recipient-box label > span {
    color: var(--ws-soft);
    font-size: 13px;
    font-weight: 600;
}

.recipient-segment-picker {
    display: grid;
    gap: 8px;
    padding: 14px;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
}

.recipient-segment-picker label {
    color: var(--ws-soft);
    font-size: 13px;
    font-weight: 600;
}

.recipient-segment-picker select,
.email-add-recipient-box select {
    width: 100%;
    padding: 12px 14px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 14px;
    color: var(--ws-text);
    background: #0d1524;
    font-weight: 600;
}

.email-add-recipient-box textarea {
    min-height: 220px;
    width: 100%;
    padding: 14px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 16px;
    color: var(--ws-text);
    background: #0d1524;
    font-family: "JetBrains Mono", monospace;
    line-height: 1.7;
    resize: vertical;
}

.email-add-recipient-box button {
    width: fit-content;
}

.email-admin-actions form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.email-admin-actions input[type="number"] {
    max-width: 110px;
}

.email-admin-actions input[type="email"] {
    max-width: 280px;
}

.email-admin-actions .secondary-link,
button.secondary-link {
    color: var(--ws-soft);
    background: rgba(255, 255, 255, 0.035);
}

.secondary-link.compact {
    min-height: 34px;
    padding: 0 12px;
    font-size: 12px;
}

.email-stat-grid.dashboard-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.email-stat-grid .dashboard-card {
    min-height: 132px;
}

.email-stat-grid .dashboard-card strong {
    font-size: clamp(24px, 2.4vw, 34px);
}

.email-campaign-summary {
    display: none;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 18px 0;
}

.email-campaign-summary div {
    padding: 14px;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: var(--ws-panel-2);
}

.email-campaign-summary span {
    display: block;
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.email-campaign-summary strong {
    display: block;
    margin-top: 8px;
    color: var(--ws-text);
    word-break: break-word;
}

.admin-list {
    display: grid;
    gap: 12px;
}

.admin-list-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 16px;
}

.admin-events {
    display: grid;
    gap: 12px;
}

.admin-events > div {
    padding: 16px;
}

.admin-events code {
    display: block;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--ws-line);
    border-radius: 12px;
    color: #d6fff4;
    background: #070c16;
    white-space: pre-wrap;
}

.admin-action-menu summary {
    cursor: pointer;
    color: var(--ws-brand);
    font-weight: 600;
}

.admin-action-menu > div {
    display: grid;
    gap: 8px;
    min-width: 220px;
    margin-top: 10px;
    padding: 12px;
    border: 1px solid var(--ws-line);
    border-radius: 14px;
    background: #0d1524;
}

.admin-inline-form {
    display: grid;
    gap: 8px;
}

.admin-ad-link-card {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
    padding: 18px;
    border: 1px solid var(--ws-line);
    border-radius: 18px;
    background: #0e1726;
}

.admin-ad-link-card span {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.admin-ad-link-card code {
    display: block;
    overflow-wrap: anywhere;
}

.admin-ad-section-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 26px;
}

.admin-ads-tabs {
    display: inline-flex;
    gap: 8px;
    margin: 0 0 24px;
    padding: 6px;
    border: 1px solid rgba(111, 255, 210, 0.16);
    border-radius: 999px;
    background: rgba(7, 16, 29, 0.82);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03);
}

.admin-ads-tabs button {
    min-height: 42px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    color: var(--ws-muted);
    background: transparent;
    font-weight: 600;
    cursor: pointer;
}

.admin-ads-tabs button.active {
    color: #06100d;
    background: var(--ws-brand);
    box-shadow: 0 10px 24px rgba(111, 255, 210, 0.18);
}

.plinkod-ads-hero {
    position: relative;
    overflow: hidden;
    align-items: stretch;
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid rgba(111, 255, 210, 0.22);
    background:
        radial-gradient(circle at 14% 10%, rgba(111, 255, 210, 0.2), transparent 30%),
        linear-gradient(135deg, rgba(7, 16, 29, 0.98), rgba(13, 26, 46, 0.92) 58%, rgba(30, 64, 175, 0.22));
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24);
}

.plinkod-ads-hero::after {
    content: "";
    position: absolute;
    inset: auto -120px -130px auto;
    width: 330px;
    height: 330px;
    border: 1px solid rgba(111, 255, 210, 0.14);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(111, 255, 210, 0.1), transparent 62%);
    pointer-events: none;
}

.plinkod-ads-hero h2 {
    max-width: 760px;
    font-size: clamp(28px, 4vw, 48px);
    line-height: 0.98;
}

.plinkod-ads-hero p {
    max-width: 690px;
    margin: 12px 0 0;
    color: var(--ws-muted);
    font-size: 15px;
    line-height: 1.7;
}

.plinkod-hero-metrics {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    min-width: 250px;
}

.plinkod-hero-metrics span {
    display: grid;
    gap: 4px;
    padding: 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    color: var(--ws-muted);
    background: rgba(255, 255, 255, 0.045);
    backdrop-filter: blur(10px);
}

.plinkod-hero-metrics strong {
    color: var(--ws-text);
    font-size: 18px;
}

.admin-ad-section-card {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 8px;
    min-height: 132px;
    padding: 18px;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 22px;
    color: var(--ws-text);
    background:
        linear-gradient(145deg, rgba(111, 255, 210, 0.1), rgba(14, 23, 38, 0.96)),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0 1px, transparent 1px 12px);
    text-decoration: none;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.admin-ad-section-card::after {
    content: "";
    position: absolute;
    right: -38px;
    bottom: -42px;
    width: 120px;
    height: 120px;
    border-radius: 36px;
    background: rgba(111, 255, 210, 0.08);
    transform: rotate(18deg);
}

.admin-ad-section-card:hover {
    transform: translateY(-4px);
    border-color: rgba(111, 255, 210, 0.34);
    background: linear-gradient(145deg, rgba(111, 255, 210, 0.15), rgba(14, 23, 38, 0.98));
}

.admin-ad-section-card em {
    color: var(--ws-brand);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.16em;
}

.admin-ad-section-card span {
    color: var(--ws-muted);
    font-size: 13px;
    line-height: 1.5;
}

.admin-ad-builder {
    position: relative;
    overflow: hidden;
    display: grid;
    gap: 16px;
    margin-bottom: 20px;
    padding: 22px;
    border: 1px solid rgba(111, 255, 210, 0.18);
    border-radius: 26px;
    background:
        radial-gradient(circle at 88% 0%, rgba(111, 255, 210, 0.16), transparent 28%),
        linear-gradient(180deg, #0d1728, #09111f);
}

.admin-ad-builder h3 {
    margin: 8px 0 8px;
    color: var(--ws-text);
    font-size: 22px;
    letter-spacing: -0.04em;
}

.admin-ad-builder p {
    margin: 0;
    color: var(--ws-muted);
}

.plinkod-form-intro {
    position: relative;
    z-index: 1;
}

.plinkod-form-badge {
    display: inline-flex;
    width: fit-content;
    padding: 7px 10px;
    border: 1px solid rgba(111, 255, 210, 0.26);
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.08);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.admin-ad-builder-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
}

.admin-ad-builder-grid label {
    display: grid;
    gap: 7px;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.plinkod-file-field,
.plinkod-country-field {
    padding: 12px;
    border-radius: 18px;
}

.plinkod-file-field input[type="file"] {
    padding: 16px;
    border: 1px dashed rgba(111, 255, 210, 0.34);
    border-radius: 16px;
    color: var(--ws-muted);
    background:
        radial-gradient(circle at 18% 20%, rgba(111, 255, 210, 0.1), transparent 34%),
        #07101d;
    cursor: pointer;
}

.plinkod-file-field input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 9px 12px;
    border: 0;
    border-radius: 999px;
    color: #06100d;
    background: var(--ws-brand);
    font-weight: 600;
    cursor: pointer;
}

.admin-ad-builder-grid input,
.admin-ad-builder-grid select,
.admin-inline-form select {
    width: 100%;
    min-width: 0;
    padding: 0 12px;
}

.admin-ad-builder-grid select[multiple],
.admin-inline-form select[multiple] {
    min-height: 164px;
    padding: 10px;
    border-radius: 16px;
    background: #07101d;
    scrollbar-width: none;
}

.admin-ad-builder-grid option,
.admin-inline-form option {
    padding: 6px 8px;
}

.plinkod-ad-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.plinkod-country-field {
    grid-row: span 2;
}

.plinkod-country-field span,
.plinkod-file-field span {
    color: rgba(151, 164, 183, 0.78);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.4;
    text-transform: none;
}

.plinkod-performance-list {
    margin-bottom: 24px;
}

.plinkod-overview-grid {
    margin-bottom: 18px;
}

.plinkod-performance-dropdown {
    margin-bottom: 24px;
    border: 1px solid rgba(111, 255, 210, 0.14);
    border-radius: 22px;
    background: rgba(7, 16, 29, 0.72);
}

.plinkod-performance-dropdown > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 20px;
    color: var(--ws-text);
    cursor: pointer;
    list-style: none;
}

.plinkod-performance-dropdown > summary::-webkit-details-marker {
    display: none;
}

.plinkod-performance-dropdown > summary span:first-child {
    display: grid;
    gap: 4px;
}

.plinkod-performance-dropdown > summary small {
    color: var(--ws-muted);
    font-size: 12px;
}

.plinkod-performance-dropdown > summary .material-symbols-outlined {
    transition: transform 0.2s ease;
}

.plinkod-performance-dropdown[open] > summary .material-symbols-outlined {
    transform: rotate(180deg);
}

.plinkod-performance-dropdown .plinkod-performance-list {
    margin: 0;
    padding: 0 16px 16px;
}

.plinkod-performance-row,
.admin-list-row:has(.plinkod-session-main) {
    align-items: center;
    border-color: rgba(111, 255, 210, 0.1);
    background: linear-gradient(135deg, rgba(12, 20, 35, 0.98), rgba(8, 15, 27, 0.98));
}

.plinkod-session-main {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: min(100%, 360px);
}

.plinkod-session-main > span {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.plinkod-performance-metrics {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.plinkod-performance-metrics b {
    display: grid;
    gap: 2px;
    min-width: 86px;
    padding: 9px 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    color: var(--ws-muted);
    background: rgba(255, 255, 255, 0.04);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

.plinkod-performance-metrics strong {
    color: var(--ws-text);
    font-size: 15px;
}

.plinkod-ad-form button {
    width: fit-content;
}

.plinkod-form-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.plinkod-form-actions small {
    color: var(--ws-muted);
}

.plinkod-ad-thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 62px;
    object-fit: cover;
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: #07101d;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
}

img.plinkod-ad-thumb {
    display: block;
}

.plinkod-ad-thumb.is-empty {
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.plinkod-copy-link {
    min-height: 34px;
    padding: 0 12px;
    white-space: nowrap;
}

.admin-ad-generated-link {
    display: grid;
    gap: 8px;
}

.admin-ad-generated-link span {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.admin-ad-generated-link code {
    overflow-wrap: anywhere;
}

.admin-ad-funnel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 6px;
}

.admin-ad-funnel b {
    padding: 6px 8px;
    border: 1px solid var(--ws-line);
    border-radius: 999px;
    color: var(--ws-muted);
    font-size: 11px;
}

.admin-ad-funnel b.is-done {
    border-color: rgba(111, 255, 210, 0.36);
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.08);
}

.admin-panel-head.compact {
    margin-top: 24px;
}

.admin-danger-btn {
    min-height: 40px;
    border: 1px solid rgba(251, 113, 133, 0.28);
    border-radius: 12px;
    color: #ffe4e9;
    background: rgba(251, 113, 133, 0.12);
    font-weight: 600;
    cursor: pointer;
}

.admin-pagination {
    justify-content: flex-start;
    margin-top: 16px;
}

.admin-pagination a,
.admin-pagination span {
    min-height: 38px;
    padding: 9px 12px;
    border: 1px solid var(--ws-line);
    border-radius: 12px;
    color: var(--ws-soft);
    background: var(--ws-panel-2);
    font-weight: 600;
}

.admin-pagination a.disabled {
    opacity: 0.45;
    pointer-events: none;
}

.scan-mode,
.deep-badge,
.decision-badge,
.site-status-tag,
.setup-status-pill,
.snippet-rec-badge {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.1);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.report-hero,
.pro-tools-hero,
.pro-runner,
.pro-report-shell,
.pro-report-charts,
.pro-output,
.result-layout,
.summary-strip,
.pro-cta-banner,
.free-report-email,
.upgrade-section,
.reports-section,
.ai-analysis-section,
.deep-scan-section,
.ai-optimization-system {
    width: min(1440px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
}

.report-hero,
.pro-tools-hero,
.pro-runner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
    gap: 22px;
    align-items: stretch;
    min-height: auto;
    padding: 42px 0 24px;
}

.report-hero > div:first-child,
.pro-tools-hero > div:first-child,
.pro-runner > div:first-child {
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid var(--ws-line);
    background: var(--ws-panel);
}

.report-score,
.pro-status-card {
    display: grid;
    align-content: center;
    padding: 28px;
}

.report-score strong,
.pro-status-card strong {
    margin: 12px 0;
    color: var(--ws-text);
    font-size: clamp(46px, 6vw, 82px);
    letter-spacing: -0.08em;
}

.summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
    margin-bottom: 24px;
}

.result-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 22px;
    margin-top: 24px;
}

.checks-column,
.pro-issue-list,
.recommendation-list,
.coverage-list,
.site-snippets {
    display: grid;
    gap: 18px;
}

.section-card,
.pro-main-issue-card,
.pro-lost-panel,
.upgrade-section,
.pro-cta-banner,
.free-report-email,
.deep-card,
.ai-card,
.locked-pro-preview {
    padding: clamp(22px, 3vw, 34px);
}

.section-card-head,
.check-title,
.deep-card-head,
.site-block-header,
.setup-summary-head,
.asset-head,
.playbook-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.check-card,
.locked-tool,
.guide-card,
.asset-card,
.playbook-card,
.optimization-card,
.intent-card {
    border: 1px solid var(--ws-line) !important;
    border-radius: 18px !important;
    background: var(--ws-panel-2) !important;
    box-shadow: none !important;
}

.check-card,
.locked-tool,
.guide-card,
.asset-card,
.playbook-card,
.optimization-card,
.intent-card {
    padding: 20px;
}

.check-title h3,
.section-card h2,
.deep-card h3,
.ai-card h3,
.tracking-table-card h3,
.pro-lock-panel h2,
.locked-pro-preview h3 {
    color: var(--ws-text);
    letter-spacing: -0.035em;
}

.insight-block,
.executive-copy,
.deep-stats,
.metric-grid,
.upgrade-features,
.after-fix-growth,
.pro-lost-grid,
.roadmap-grid,
.preview-fix-grid,
.ai-content,
.pro-tool-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.insight-block > div,
.executive-copy > div,
.deep-stats > div,
.metric-grid > div,
.upgrade-features > div,
.after-fix-growth > article,
.pro-lost-grid > div,
.roadmap-grid > article,
.preview-fix-grid > article {
    border: 1px solid var(--ws-line);
    border-radius: 16px;
    background: #0e1726;
    padding: 18px;
}

.after-fix-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 22px 0;
}

.after-fix-actions .primary-link,
.after-fix-actions .secondary-link {
    min-height: 48px;
    padding-inline: 20px;
}

.executive-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.executive-summary-breakdown .section-card-head {
    align-items: center;
    padding-bottom: 18px;
}

.executive-summary-group {
    display: grid;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--ws-line);
    border-top: 4px solid #3cddc7;
    border-radius: 18px;
    background: #0e1726;
}

.executive-summary-group:nth-child(2) {
    border-top-color: #8b5cf6;
}

.executive-summary-group-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.executive-summary-group-head span,
.executive-summary-list span {
    color: #3cddc7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.executive-summary-group-head h3 {
    margin: 6px 0 0;
    color: var(--ws-text);
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1;
    letter-spacing: -0.04em;
}

.executive-summary-group-head strong {
    display: inline-flex;
    padding: 7px 10px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 999px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.08);
    font-size: 12px;
}

.executive-summary-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.executive-summary-stats span {
    padding: 6px 9px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 999px;
    color: #d4e4fa;
    background: rgba(28, 43, 60, 0.66);
    font-size: 12px;
    font-weight: 600;
    height: fit-content;
}

.executive-summary-list {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.executive-summary-list li {
    display: grid;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-left: 3px solid #3cddc7;
    border-radius: 12px;
    background: #122131;
}

.executive-summary-list li.is-fail {
    border-left-color: #ffb4ab;
}

.executive-summary-list li.is-warn {
    border-left-color: #facc15;
}

.executive-summary-list small {
    color: #c6c6cd;
    line-height: 1.45;
}

.executive-summary-cta {
    display: grid;
    gap: 14px;
    margin-top: auto;
    padding: 16px;
    border: 1px solid rgba(139, 92, 246, 0.34);
    border-radius: 14px;
    background: rgba(139, 92, 246, 0.1);
}

.executive-summary-cta span {
    color: #c9d4e8;
    font-size: 13px;
    line-height: 1.55;
}

.executive-summary-cta .primary-link {
    width: fit-content;
}

.report-grouped-list {
    display: grid;
    gap: 20px;
}

.report-group-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 4px;
    padding-top: 18px;
    border-top: 1px solid rgba(69, 70, 77, 0.78);
}

.report-group-heading:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.report-group-heading span {
    color: #d4e4fa;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.report-group-heading strong {
    margin-left: auto;
    padding: 5px 9px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 999px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.08);
    font-size: 12px;
}

body.workspace-hide-chrome .scan-report-canvas,
body.workspace-hide-chrome .scan-report-canvas * {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.after-fix-growth {
    gap: 16px;
    margin-top: 18px;
}

.after-fix-growth > article {
    position: relative;
    overflow: hidden;
    min-height: 320px;
    border-color: rgba(111, 255, 210, 0.22) !important;
    background:
        radial-gradient(circle at 86% 0%, rgba(155, 140, 255, 0.16), transparent 15rem),
        #0e1726 !important;
}

.after-fix-growth > article::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 4px;
    background: linear-gradient(90deg, var(--ws-brand), rgba(155, 140, 255, 0.9));
}

.after-fix-growth span {
    display: inline-flex;
    margin-bottom: 14px;
    padding: 8px 11px;
    border: 1px solid rgba(111, 255, 210, 0.34);
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(111, 255, 210, 0.08);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.after-fix-growth h3 {
    margin: 0 0 16px;
    color: var(--ws-text);
    font-size: clamp(30px, 3vw, 46px);
    letter-spacing: -0.045em;
}

.after-fix-growth p {
    margin: 0;
    color: var(--ws-soft);
    font-size: clamp(17px, 1.25vw, 20px);
    line-height: 1.75;
}

.distribution-card {
    grid-row: span 2;
}
.distribution-card p{
    font-size: 20px !important;
}

.distribution-platforms {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 24px;
}

.distribution-platforms a {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: center;
    gap: 10px 12px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 18px;
    color: var(--ws-text);
    background: rgba(184, 184, 184, 0.24);
    text-decoration: none;
    transition: 0.22s ease;
}

.distribution-platforms a:hover {
    transform: translateY(-2px);
    border-color: rgba(111, 255, 210, 0.38);
    background: rgba(111, 255, 210, 0.08);
}

.distribution-platforms img {
    grid-row: span 2;
    width: 34px;
    height: 34px;
    padding: 5px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.92);
}

.distribution-platforms strong {
    display: block;
    font-size: 15px;
    font-weight: 600;
}

.distribution-platforms small {
    display: block;
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
}

.technical-details {
    border: 1px solid var(--ws-line);
    border-radius: 14px;
    background: #0c1423;
    overflow: hidden;
}

.technical-details summary {
    padding: 14px 16px;
    color: var(--ws-soft);
    font-weight: 600;
    cursor: pointer;
}

.technical-body {
    padding: 0 16px 16px;
    color: var(--ws-muted);
}

pre,
code,
textarea {
    border-color: var(--ws-line) !important;
    color: #d6fff4;
    background: #070c16 !important;
}

.pro-column .sticky-panel {
    position: sticky;
    top: 24px;
    padding: 24px;
}

.free-report-email {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 460px);
    gap: 22px;
    align-items: center;
    margin-top: 0;
    margin-bottom: 24px;
    background:
        radial-gradient(circle at 88% 10%, rgba(111, 255, 210, 0.12), transparent 28%),
        var(--ws-panel) !important;
}

.free-report-email h2 {
    margin: 8px 0 10px;
    color: var(--ws-text);
    font-size: clamp(24px, 3vw, 36px);
    letter-spacing: -0.05em;
}

.free-report-email p {
    margin: 0;
    color: var(--ws-muted);
}

.free-report-email-form {
    display: grid;
    gap: 10px;
}

.free-report-email-form label {
    color: var(--ws-muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.free-report-email-form > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
}

.free-report-email-form input {
    width: 100%;
    min-width: 0;
    padding: 0 14px;
}

.pro-tools-hero,
.pro-runner,
.pro-tool-grid {
    margin-top: 42px;
}

.pro-tools-workspace .pro-tools-hero,
.pro-tools-workspace .pro-runner,
.pro-tools-workspace .pro-tool-grid {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.pro-tools-workspace .pro-tools-hero {
    margin-top: 0;
}

.pro-tools-workspace .pro-tools-hero > div:first-child,
.pro-tools-workspace .pro-runner > div:first-child,
.pro-tools-workspace .pro-status-card,
.pro-tools-workspace .pro-scan-card,
.pro-tools-workspace .locked-pro-preview,
.pro-tools-workspace .guide-card {
    border: 1px solid var(--ws-line) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.2) !important;
}

.pro-tools-workspace .pro-tools-hero > div:first-child {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 12%, rgba(111, 255, 210, 0.16), transparent 28%),
        linear-gradient(135deg, #121a2a, #0c1423 72%) !important;
}

.pro-tools-workspace .pro-tools-hero > div:first-child::after {
    content: "";
    position: absolute;
    right: 34px;
    bottom: 28px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(111, 255, 210, 0.18);
    border-radius: 999px;
    background: repeating-linear-gradient(90deg, rgba(111, 255, 210, 0.08) 0 1px, transparent 1px 16px);
    opacity: 0.7;
    pointer-events: none;
}

.pro-tools-workspace .pro-status-card {
    border-radius: 26px;
    background:
        linear-gradient(160deg, rgba(111, 255, 210, 0.16), transparent 40%),
        var(--ws-panel-2) !important;
}

.pro-tools-workspace .pro-status-card.is-locked {
    background:
        linear-gradient(160deg, rgba(251, 113, 133, 0.16), transparent 40%),
        var(--ws-panel-2) !important;
}

.pro-tools-workspace .pro-scan-card {
    align-self: stretch;
    border-radius: 26px !important;
    background: #0d1524 !important;
}

.pro-tools-workspace .pro-tool-grid {
    gap: 18px;
}

.pro-tools-workspace .guide-card {
    display: flex;
    flex-direction: column;
    min-height: 230px;
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

.pro-tools-workspace .guide-card:hover {
    transform: translateY(-3px);
    border-color: rgba(111, 255, 210, 0.26) !important;
    background: #111c2e !important;
}

.pro-tools-workspace .guide-card p {
    flex: 1;
}

.pro-tool-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    width: min(1440px, calc(100% - 48px));
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 64px;
}

.guide-card {
    min-height: 210px;
}

.pro-scan-loading-panel {
    background: #111716;
}

.pro-scan-loading-card {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}
.setup-method-card,.site-block,.site-block-header,.site-block-actions{
    border-radius: 0 !important;
}
.tracking-panel {
    margin-top: 0;
}

@media (max-width: 1180px) {
    .dashboard-shell {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .dashboard-stats,
    .email-stat-grid.dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .admin-ad-section-grid,
    .admin-ad-builder-grid,
    .gsc-control-panel,
    .gsc-table-grid,
    .tracking-visual-grid,
    .pro-tool-grid,
    .account-detail-grid,
    .email-campaign-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .plinkod-ads-hero {
        display: grid;
        grid-template-columns: 1fr;
    }

    .plinkod-ad-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .result-layout,
    .report-hero,
    .free-report-email,
    .pro-tools-hero,
    .pro-runner,
    .pro-report-charts {
        grid-template-columns: 1fr;
    }

    .pro-report-chart-card {
        min-height: 390px;
    }

    .pro-chart-canvas {
        min-height: 240px;
    }

    .pro-column .sticky-panel {
        position: static;
    }
}

@media (max-width: 860px) {
    .dashboard-shell {
        display: block;
    }

    .dashboard-sidebar {
        position: static;
        min-height: auto;
        padding: 16px;
        border-right: 0;
        border-bottom: 1px solid var(--ws-line);
    }

    .dashboard-brand {
        margin-bottom: 16px;
    }

    .dashboard-sidebar nav {
        display: flex;
        overflow-x: auto;
        padding-bottom: 4px;
    }

    .dashboard-sidebar nav a {
        flex: 0 0 auto;
    }

    .sidebar-upgrade {
        display: none;
    }

    .dashboard-main {
        padding: 26px 16px 48px;
    }

    .dashboard-header,
    .gsc-dashboard-head,
    .section-card-head,
    .check-title,
    .deep-card-head,
    .site-block-header,
    .setup-summary-head,
    .admin-workspace-main .admin-hero,
    .admin-panel-head,
    .email-form-grid,
    .email-campaign-controls,
    .email-campaign-summary {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dashboard-stats,
    .email-stat-grid.dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .admin-ad-section-grid,
    .admin-ad-builder-grid,
    .gsc-chart-grid,
    .gsc-table-grid,
    .gsc-insight-cards,
    .tracking-visual-grid,
    .tracking-table-grid,
    .summary-strip,
    .account-detail-grid,
    .insight-block,
    .executive-copy,
    .deep-stats,
    .metric-grid,
    .upgrade-features,
    .after-fix-growth,
    .pro-lost-grid,
    .roadmap-grid,
    .preview-fix-grid,
    .ai-content,
    .pro-tool-grid {
        grid-template-columns: 1fr;
    }

    .after-fix-actions .primary-link,
    .after-fix-actions .secondary-link {
        width: 100%;
    }

    .distribution-card {
        grid-row: auto;
    }

    .distribution-platforms {
        grid-template-columns: 1fr;
    }

    .plinkod-ad-grid {
        grid-template-columns: 1fr;
    }

    .plinkod-ads-hero {
        padding: 20px;
        border-radius: 22px;
    }

    .plinkod-hero-metrics {
        min-width: 0;
    }

    .plinkod-session-main,
    .plinkod-performance-metrics {
        width: 100%;
        justify-content: flex-start;
    }

    .plinkod-performance-metrics b {
        min-width: calc(50% - 4px);
    }

    .workspace-topbar,
    .free-report-email-form > div,
    .gsc-control-panel,
    .overview-visual-head,
    .report-line-card {
        display: grid;
    }

    .workspace-topbar-actions,
    .report-line-metrics {
        flex-wrap: wrap;
    }

    .overview-chart,
    .tracking-bar-chart {
        min-height: auto;
    }

    .tracking-under-chart {
        grid-template-columns: 1fr;
    }

    .tracking-visual-head.compact {
        display: grid;
        gap: 6px;
    }

    .gsc-chart-card.wide {
        grid-column: span 1;
    }

    .gsc-chart-card canvas {
        height: 240px !important;
    }

    .tracking-visual-head.compact strong {
        font-size: 20px;
        line-height: 1.12;
    }

    .line-chart svg {
        height: 190px;
    }

    .report-hero,
    .pro-tools-hero,
    .pro-runner,
    .pro-report-shell,
    .pro-report-charts,
    .pro-output,
    .result-layout,
    .summary-strip,
    .pro-cta-banner,
    .upgrade-section,
    .reports-section,
    .ai-analysis-section,
    .deep-scan-section,
    .ai-optimization-system,
    .pro-tool-grid {
        width: min(100% - 28px, 1440px);
    }
}

@media print {
    body.is-exporting-pdf {
        background: #ffffff !important;
    }

    body.is-exporting-pdf .pro-report-shell,
    body.is-exporting-pdf .pro-report-charts,
    body.is-exporting-pdf .pro-output,
    body.is-exporting-pdf .report-hero,
    body.is-exporting-pdf .result-layout,
    body.is-exporting-pdf .summary-strip,
    body.is-exporting-pdf .pro-cta-banner,
    body.is-exporting-pdf .upgrade-section,
    body.is-exporting-pdf .deep-scan-section,
    body.is-exporting-pdf .ai-analysis-section,
    body.is-exporting-pdf .ai-optimization-system {
        width: 100% !important;
        color: #111827 !important;
    }

    body.is-exporting-pdf .pro-report-shell *,
    body.is-exporting-pdf .pro-report-charts *,
    body.is-exporting-pdf .pro-output * {
        color: #111827 !important;
    }

    body.is-exporting-pdf .section-card,
    body.is-exporting-pdf .pro-report-chart-card,
    body.is-exporting-pdf .pro-main-issue-card,
    body.is-exporting-pdf .pro-lost-panel,
    body.is-exporting-pdf .pro-issue-card,
    body.is-exporting-pdf .deep-card,
    body.is-exporting-pdf .ai-card,
    body.is-exporting-pdf .upgrade-section,
    body.is-exporting-pdf .pro-cta-banner,
    body.is-exporting-pdf .report-score,
    body.is-exporting-pdf .summary-strip > div,
    body.is-exporting-pdf .check-card,
    body.is-exporting-pdf .insight-block > div,
    body.is-exporting-pdf .executive-copy > div,
    body.is-exporting-pdf .roadmap-grid > article,
    body.is-exporting-pdf .preview-fix-grid > article,
    body.is-exporting-pdf .upgrade-features > div,
    body.is-exporting-pdf .pro-lost-grid > div {
        border-color: #d7dde8 !important;
        background: #ffffff !important;
        box-shadow: none !important;
    }

    body.is-exporting-pdf pre,
    body.is-exporting-pdf code,
    body.is-exporting-pdf textarea,
    body.is-exporting-pdf .technical-details,
    body.is-exporting-pdf .technical-body {
        border-color: #d7dde8 !important;
        color: #111827 !important;
        background: #f8fafc !important;
    }
}

@media (max-width: 560px) {
    .dashboard-header h1,
    .report-hero h1,
    .pro-tools-hero h1,
    .section-heading h2 {
        font-size: 31px;
    }

    .dashboard-card,
    .section-card,
    .pro-main-issue-card,
    .pro-lost-panel,
    .pro-report-chart-card,
    .upgrade-section,
    .pro-cta-banner,
    .deep-card,
    .ai-card,
    .locked-pro-preview,
    .report-hero > div:first-child,
    .pro-tools-hero > div:first-child,
    .pro-runner > div:first-child {
        padding: 18px;
        border-radius: 18px !important;
    }

    .pro-report-chart-card {
        min-height: 350px;
    }

    .pro-chart-canvas {
        min-height: 215px;
    }

    .bot-filter-bar,
    .tracking-add-site,
    .scan-row,
    .workspace-action-row,
    .report-actions,
    .upgrade-actions,
    .pro-actions,
    .site-block-actions {
        display: grid;
    }

    .primary-link,
    .secondary-link,
    button[type="submit"] {
        width: 100%;
    }

    .workspace-topbar-actions,
    .report-line-metrics,
    .locked-feature-card ul {
        display: grid;
        grid-template-columns: 1fr;
    }

    .workspace-plan-badge {
        width: 100%;
    }

    .tracking-under-chart section {
        padding: 14px;
    }

    .tracking-mix-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tracking-mix-list div {
        padding: 10px;
    }

    .tracking-mix-list b {
        font-size: 22px;
    }

    .tracking-page-bars > div {
        grid-template-columns: minmax(0, 1fr) 46px;
        gap: 8px;
    }

    .tracking-table,
    .deep-table,
    .unified-data-table,
    .dashboard-data-table {
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .tracking-table > div:first-child,
    .deep-table > div:first-child,
    .unified-data-table > div:first-child,
    .dashboard-data-table > div:first-child {
        display: none;
    }

    .tracking-table > div,
    .deep-table > div,
    .unified-data-table > div,
    .dashboard-data-table > div {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        min-height: 0;
        margin-bottom: 12px;
        padding: 14px;
        border: 1px solid var(--ws-line);
        border-radius: 16px;
        background: var(--ws-panel-2);
    }

    .tracking-table.recent > div,
    .tracking-table.pages > div,
    .tracking-table.breakdown > div {
        grid-template-columns: 1fr;
    }

    .tracking-table > div > span,
    .deep-table > div > span,
    .unified-data-table > div > span,
    .dashboard-data-table > div > span,
    .dashboard-data-table > div > a {
        display: grid;
        grid-template-columns: 116px minmax(0, 1fr);
        gap: 10px;
        align-items: start;
        color: var(--ws-soft);
        overflow-wrap: anywhere;
    }

    .tracking-table > div > span::before,
    .deep-table > div > span::before,
    .unified-data-table > div > span::before,
    .dashboard-data-table > div > span::before,
    .dashboard-data-table > div > a::before {
        content: attr(data-label);
        color: var(--ws-muted);
        font-size: 11px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.08em;
    }

    .tracking-table > div > span:not([data-label])::before,
    .deep-table > div > span:not([data-label])::before,
    .unified-data-table > div > span:not([data-label])::before {
        content: "Item";
    }

    .admin-search,
    .admin-list-row,
    .admin-hero-actions,
    .admin-bulk-bar {
        display: grid;
        grid-template-columns: 1fr;
    }

    .admin-table {
        min-width: 0;
        border: 0;
        background: transparent;
    }

    .admin-table thead {
        display: none;
    }

    .admin-table,
    .admin-table tbody,
    .admin-table tr,
    .admin-table td {
        display: block;
        width: 100%;
    }

    .admin-table tr {
        margin-bottom: 12px;
        border: 1px solid var(--ws-line);
        border-radius: 16px;
        background: var(--ws-panel-2);
        overflow: hidden;
    }

    .admin-table td {
        border-bottom: 1px solid var(--ws-line);
    }

    .admin-table td:last-child {
        border-bottom: 0;
    }

    .report-line-card > a {
        width: 100%;
    }
}

/* Final Stitch dashboard pass. Kept at the end so legacy workspace rules do not override it. */
body.workspace-hide-chrome {
    color: #d4e4fa;
    background: radial-gradient(circle at 82% 6%, rgba(60, 221, 199, 0.08), transparent 26rem), radial-gradient(circle at 12% 22%, rgba(188, 199, 222, 0.07), transparent 28rem), #051424 !important;
    font-family: "Poppins", system-ui, sans-serif;
}

.dashboard-shell {
    grid-template-columns: 256px minmax(0, 1fr);
    background: transparent;
}

.dashboard-sidebar {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: 28px 12px 16px;
    border-right: 1px solid rgba(69, 70, 77, 0.76);
    background: rgba(15, 23, 42, 0.98) !important;
}

.dashboard-brand {
    gap: 12px;
    margin: 0 12px 28px;
}

.dashboard-brand .brand-mark {
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 10px;
    background: #3cddc7;
    box-shadow: 0 0 22px rgba(60, 221, 199, 0.2);
}

.dashboard-brand-copy {
    display: grid;
    gap: 2px;
}

.dashboard-brand strong,
.dashboard-header h1,
.gsc-dashboard-head h2,
.section-heading h2,
.locked-feature-card h3,
.pro-lock-panel h2,
.overview-visual-head h2,
.tracking-visual-head strong,
.tracking-table-card h3,
.gsc-chart-card h3,
.gsc-table-card h3,
.report-line-main strong,
.locked-tool strong,
.empty-state h3 {
    color: #d4e4fa;
    font-family: "Poppins", sans-serif;
    letter-spacing: -0.035em;
}

.dashboard-brand small {
    color: #798098;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.dashboard-sidebar nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    overflow-y: auto;
    padding: 4px 0;
}

.dashboard-sidebar nav a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    margin: 0 4px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #c6c6cd;
    font-size: 14px;
    font-weight: 600;
}

.dashboard-sidebar nav a:hover {
    color: #d4e4fa;
    background: rgba(39, 54, 71, 0.34);
}

.dashboard-sidebar nav a.active {
    color: #aeb9d0;
    border-color: rgba(188, 199, 222, 0.12);
    background: rgba(62, 73, 93, 0.52);
}

.nav-icon {
    width: 22px;
    display: inline-flex;
    flex: 0 0 22px;
    justify-content: center;
    font-family: "Material Symbols Outlined";
    font-size: 22px;
    line-height: 1;
    font-feature-settings: "liga";
    -webkit-font-feature-settings: "liga";
}

.dashboard-sidebar nav a.active .nav-icon {
    color: #3cddc7;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.sidebar-upgrade {
    margin: 20px 4px 0;
    padding: 16px;
    border: 1px solid rgba(69, 70, 77, 0.7);
    border-radius: 14px;
    background: radial-gradient(circle at top right, rgba(60, 221, 199, 0.12), transparent 9rem), rgba(13, 28, 45, 0.82) !important;
}

.dashboard-main {
    padding: 88px clamp(18px, 3vw, 40px) 56px;
}

.workspace-topbar {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 15;
    width: calc(100% - 256px);
    min-height: 64px;
    margin: 0;
    padding: 12px 24px;
    border: 0;
    border-bottom: 1px solid rgba(69, 70, 77, 0.76);
    border-radius: 0;
    background: rgba(5, 20, 36, 0.84);
    backdrop-filter: blur(18px);
}

.workspace-user-avatar {
    width: 34px;
    height: 34px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(69, 70, 77, 0.76);
    border-radius: 999px;
    color: #3cddc7 !important;
    background: #122131;
    font-size: 13px !important;
    font-weight: 600;
    letter-spacing: 0 !important;
}

.dashboard-header,
.gsc-dashboard-head,
.locked-feature-card,
.referral-create-card {
    position: relative;
    overflow: hidden;
    padding: clamp(24px, 4vw, 42px);
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 22px !important;
    background: radial-gradient(circle at 90% 0%, rgba(60, 221, 199, 0.1), transparent 22rem), #0d1c2d !important;
}

.dashboard-header {
    align-items: flex-end;
    margin-bottom: 24px;
}

.dashboard-header h1 {
    max-width: 820px;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
}

.dashboard-header p,
.gsc-dashboard-head p,
.section-heading p,
.locked-feature-card p,
.pro-lock-panel p,
.dashboard-card p,
.dashboard-card a,
.tracking-info-note p,
.tracking-insights p,
.empty-state p,
.locked-tool p,
.account-detail-grid span,
.report-line-main small,
.gsc-stat-grid small,
.gsc-insight-card p,
.gsc-insight-card small,
.sidebar-upgrade p {
    color: #c6c6cd;
}

.eyebrow,
.section-heading span,
.section-card-head span,
.dashboard-card span,
.tracking-visual-head span,
.gsc-stat-grid span,
.gsc-chart-card span,
.gsc-insight-group h3,
.sidebar-upgrade span {
    color: #3cddc7 !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.dashboard-card,
.bot-stat-grid article,
.billing-detail-grid article,
.tracking-table-card,
.tracking-visual-card,
.tracking-info-note,
.tracking-insights,
.overview-visual-panel,
.gsc-stat-grid article,
.gsc-chart-card,
.gsc-empty-chart,
.gsc-insight-panel,
.gsc-insight-card,
.gsc-table-card,
.admin-ad-link-card,
.admin-list-row,
.scan-card,
.empty-state,
.locked-tool,
.account-detail-grid article,
.report-line-card,
.pro-lock-panel {
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 18px !important;
    background: #122131 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

.dashboard-card,
.bot-stat-grid article,
.billing-detail-grid article,
.account-detail-grid article,
.gsc-stat-grid article {
    position: relative;
    min-height: 150px;
    padding: 22px;
    overflow: hidden;
}

.dashboard-card:hover,
.bot-stat-grid article:hover,
.gsc-stat-grid article:hover,
.tracking-table-card:hover,
.report-line-card:hover {
    border-color: rgba(60, 221, 199, 0.42) !important;
    background: #142536 !important;
}

.dashboard-card strong,
.bot-stat-grid strong,
.billing-detail-grid strong,
.account-detail-grid strong,
.gsc-stat-grid strong {
    color: #d4e4fa;
    font-family: "Poppins", sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    letter-spacing: -0.05em;
}



.overview-chart,
.tracking-bar-chart,
.gsc-svg-fallback svg,
.gsc-bar-fallback {
    border: 1px solid rgba(69, 70, 77, 0.58);
    border-radius: 16px;
    background: repeating-linear-gradient(to top, transparent 0 47px, rgba(144, 144, 151, 0.08) 48px), #0d1c2d !important;
}

.tracking-under-chart section,
.tracking-mix-list div,
.gsc-insight-card,
.locked-tool,
.admin-ad-link-card,
.setup-method-card,
.site-block,
.check-card,
.technical-details {
    border-color: rgba(69, 70, 77, 0.64) !important;
    background: #0d1c2d !important;
}

.reports-table,
.tracking-table,
.deep-table,
.unified-data-table,
.dashboard-data-table,
.admin-table {
    border-color: rgba(69, 70, 77, 0.72) !important;
    border-radius: 16px;
    background: #0d1c2d !important;
}

.reports-table > div,
.tracking-table > div,
.deep-table > div,
.unified-data-table > div,
.dashboard-data-table > div {
    min-height: 58px;
    border-bottom-color: rgba(69, 70, 77, 0.46);
    color: #c6c6cd;
}

.reports-table > div:first-child,
.tracking-table > div:first-child,
.deep-table > div:first-child,
.unified-data-table > div:first-child,
.dashboard-data-table > div:first-child,
.admin-table th {
    color: #909097;
    background: rgba(28, 43, 60, 0.58) !important;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.primary-link,
button[type="submit"],
.copy-btn,
.report-line-card > a {
    min-height: 44px;
    border: 0;
    border-radius: 10px;
    color: #003731 !important;
    background: #3cddc7 !important;
    box-shadow: 0 0 20px rgba(60, 221, 199, 0.16);
    font-weight: 600;
}

.secondary-link,
.ghost-btn,
button.secondary-link,
.gsc-manage-properties summary,
.report-pagination button {
    min-height: 42px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    color: #d4e4fa;
    background: #1c2b3c;
    box-shadow: none;
    font-weight: 600;
}

.workspace-plan-badge,
.workspace-plan-badge.free,
.scan-mode,
.deep-badge,
.decision-badge,
.site-status-tag,
.setup-status-pill,
.admin-pill {
    color: #003731 !important;
    border: 1px solid rgba(60, 221, 199, 0.2);
    background: #3cddc7 !important;
}

input,
select,
textarea {
    min-height: 46px;
    border: 1px solid rgba(69, 70, 77, 0.8) !important;
    border-radius: 10px !important;
    color: #d4e4fa !important;
    background: #0d1c2d !important;
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(60, 221, 199, 0.75) !important;
    box-shadow: 0 0 0 3px rgba(60, 221, 199, 0.1) !important;
}

.bot-filter-bar,
.gsc-control-panel {
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 18px;
    background: #0d1c2d;
}

.gsc-control-panel {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.admin-modern-shell .admin-hero,
.admin-modern-shell .admin-panel,
.admin-modern-shell .admin-table-wrap,
.admin-modern-shell 
.admin-modern-shell .admin-events {
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 18px !important;
    background: #122131 !important;
    box-shadow: none !important;
}

.admin-modern-shell .admin-hero {
    margin-bottom: 24px;
}

.admin-modern-shell .admin-panel {
    padding: 0;
    overflow: none !important;
}

.admin-modern-shell .admin-panel-head {
    margin: 0;
    padding: 22px 24px;
}

.admin-modern-shell .admin-panel-head h2 {
    font-family: "Poppins", sans-serif;
    font-size: clamp(22px, 2.4vw, 32px);
    letter-spacing: -0.04em;
}

.admin-modern-shell .admin-panel > .admin-table-wrap,
.admin-modern-shell .admin-panel > form,
.admin-modern-shell .admin-panel > .admin-list,
.admin-modern-shell .admin-panel > .admin-record-list,
.admin-modern-shell .admin-panel > .admin-events,
.admin-modern-shell .admin-panel > .admin-stat-grid,
.admin-modern-shell .admin-panel > [data-admin-ads-tabs],
.admin-modern-shell .admin-panel > [data-admin-ads-panel] {
    margin: 22px;
}

.admin-modern-shell .admin-table-wrap {
    overflow-x: auto;
}

.admin-modern-shell .admin-table {
    min-width: 980px;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
}

.admin-modern-shell .admin-table th {
    padding: 16px 18px;
    color: #909097;
    background: rgba(28, 43, 60, 0.58) !important;
    font-size: 11px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.admin-modern-shell .admin-table td {
    padding: 16px 18px;
    border-bottom-color: rgba(69, 70, 77, 0.46);
    color: #c6c6cd;
}

.admin-modern-shell .admin-table tbody tr:hover {
    background: rgba(39, 54, 71, 0.32);
}

.admin-modern-shell .admin-list,
.admin-modern-shell .admin-events {
    padding: 12px;
}

.admin-modern-shell .admin-list-row,
.admin-modern-shell .admin-events > div {
    border: 1px solid rgba(69, 70, 77, 0.46);
    border-radius: 14px;
    background: #0d1c2d;
}

.admin-record-list {
    display: grid;
    gap: 14px;
}

.admin-record-card {
    display: grid;
    grid-template-columns: minmax(240px, 1.15fr) minmax(0, 2fr) auto;
    gap: 18px;
    align-items: center;
    padding: 18px;
    border: 1px solid rgba(69, 70, 77, 0.46);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(13, 28, 45, 0.98), rgba(18, 33, 49, 0.92));
}

.admin-record-main,
.admin-record-badges,
.admin-record-actions,
.admin-record-actions.split {
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-record-main {
    min-width: 0;
    grid-column: 1;
    grid-row: 1;
}

.admin-record-avatar,
.admin-record-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(60, 221, 199, 0.28);
    border-radius: 14px;
    color: #7ef4dd;
    background: rgba(60, 221, 199, 0.1);
    font-weight: 600;
}

.admin-record-icon.muted {
    border-color: rgba(148, 163, 184, 0.28);
    color: #aebccc;
    background: rgba(148, 163, 184, 0.1);
}

.admin-record-title {
    display: grid;
    min-width: 0;
    gap: 4px;
}

.admin-record-title strong {
    overflow: hidden;
    color: var(--ws-text, #f8fafc);
    font-size: 15px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-record-title small,
.admin-record-fields small {
    color: var(--ws-muted, #94a3b8);
    font-size: 12px;
}

.admin-record-badges {
    flex-wrap: wrap;
    grid-column: 1;
    grid-row: 2;
}

.admin-record-fields {
    display: grid;
    grid-column: 2;
    grid-row: 1 / span 2;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.admin-record-fields.compact {
    grid-template-columns: repeat(4, minmax(88px, 1fr));
}

.admin-record-fields span {
    display: grid;
    min-width: 0;
    gap: 4px;
    padding: 10px 12px;
    border: 1px solid rgba(69, 70, 77, 0.38);
    border-radius: 12px;
    background: rgba(2, 6, 23, 0.18);
}

.admin-record-fields strong {
    overflow: hidden;
    color: var(--ws-text, #f8fafc);
    font-size: 13px;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-record-actions {
    grid-column: 3;
    grid-row: 1 / span 2;
    justify-content: flex-end;
}

.admin-record-actions.split form {
    margin: 0;
}

.admin-empty-card {
    padding: 28px;
    border: 1px dashed rgba(148, 163, 184, 0.42);
    border-radius: 18px;
    color: var(--ws-muted, #94a3b8);
    background: rgba(13, 28, 45, 0.44);
    text-align: center;
}

.admin-filter-note {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 10px !important;
    padding: 8px 10px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 999px;
    color: var(--ws-muted, #94a3b8);
    background: rgba(60, 221, 199, 0.08);
    font-size: 12px;
}

.admin-filter-note a {
    color: #7ef4dd;
    font-weight: 600;
}

.admin-modern-shell .admin-search input {
    min-width: min(360px, 58vw);
}

.admin-ai-chat-hero {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    padding: 28px;
    border: 1px solid rgba(111, 255, 210, 0.24);
    border-radius: 28px;
    background: radial-gradient(circle at top left, rgba(111, 255, 210, 0.16), transparent 34%), linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.98));
}

.admin-ai-chat-hero h1 {
    margin: 8px 0;
    color: var(--ws-text);
    font-size: clamp(30px, 4vw, 52px);
    line-height: 0.95;
    letter-spacing: -0.06em;
}

.admin-ai-chat-hero p {
    margin: 0;
    color: var(--ws-muted);
}

.admin-ai-chat-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.admin-ai-chat-layout {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
}

.admin-ai-chat-sidebar,
.admin-ai-conversation {
    border: 1px solid var(--ws-line);
    border-radius: 26px;
    background: var(--ws-panel);
}

.admin-ai-chat-sidebar {
    position: sticky;
    top: 92px;
    display: grid;
    gap: 14px;
    padding: 18px;
}

.admin-ai-chat-sidebar article {
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.72);
}

.admin-ai-chat-sidebar article span,
.admin-ai-sites-list > strong {
    display: block;
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.admin-ai-chat-sidebar article strong {
    display: block;
    margin-top: 8px;
    color: var(--ws-brand);
    font-size: 36px;
    line-height: 1;
}

.admin-ai-sites-list {
    display: grid;
    gap: 10px;
    padding-top: 8px;
}

.admin-ai-sites-list > span {
    display: grid;
    gap: 4px;
    padding: 12px;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.58);
    color: var(--ws-text);
    font-weight: 600;
}

.admin-ai-sites-list small {
    color: var(--ws-muted);
    font-weight: 600;
}

.admin-ai-conversation {
    display: grid;
    gap: 16px;
    padding: 22px;
}

.admin-ai-message {
    display: grid;
    gap: 8px;
    max-width: 86%;
}

.admin-ai-message.user {
    justify-self: end;
}

.admin-ai-message.assistant,
.admin-ai-message.system {
    justify-self: start;
}

.admin-ai-message-meta,
.admin-ai-message-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
}

.admin-ai-message-meta strong {
    color: var(--ws-text);
}

.admin-ai-message-bubble {
    padding: 16px 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 20px;
    color: var(--ws-text);
    line-height: 1.65;
}

.admin-ai-message.user .admin-ai-message-bubble {
    border-color: rgba(111, 255, 210, 0.34);
    background: linear-gradient(135deg, rgba(111, 255, 210, 0.18), rgba(15, 23, 42, 0.88));
}

.admin-ai-message.assistant .admin-ai-message-bubble {
    border-color: rgba(96, 165, 250, 0.24);
}

.admin-ai-message-foot span {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.12);
}

@media (max-width: 900px) {
    .admin-ai-chat-hero,
    .admin-ai-chat-layout {
        grid-template-columns: 1fr;
    }

    .admin-ai-chat-hero {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-ai-chat-sidebar {
        position: static;
    }

    .admin-ai-message {
        max-width: 100%;
    }
}

.chart-line.ai,
.gsc-svg-line.clicks {
    stroke: #3cddc7;
}

.tracking-page-bars > div::before,
.gsc-bar-fallback i {
    background: linear-gradient(90deg, #3cddc7 var(--bar), rgba(255, 255, 255, 0.08) var(--bar));
}

.report-line-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-line-card {
    grid-template-columns: minmax(0, 1fr);
    align-content: start;
    min-height: 230px;
    padding: 22px;
}

.report-line-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.report-line-card > a {
    width: 100%;
}

pre,
code,
textarea {
    border-color: rgba(69, 70, 77, 0.72) !important;
    color: #d6fff4;
    background: #010f1f !important;
}

@media (max-width: 1180px) {
    .dashboard-shell {
        grid-template-columns: 232px minmax(0, 1fr);
    }

    .workspace-topbar {
        width: calc(100% - 232px);
    }

    .gsc-control-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .dashboard-shell {
        display: block;
    }

    .dashboard-sidebar {
        position: sticky;
        top: 0;
        min-height: auto;
        padding: 12px 12px 10px;
        border-right: 0;
        border-bottom: 1px solid rgba(69, 70, 77, 0.76);
    }

    .dashboard-brand {
        margin: 0 4px 12px;
    }

    .dashboard-sidebar nav {
        flex-direction: row;
        gap: 6px;
        overflow-x: auto;
        padding: 0 0 4px;
    }

    .dashboard-sidebar nav a {
        flex: 0 0 auto;
        min-height: 40px;
        margin: 0;
        white-space: nowrap;
    }

    .sidebar-upgrade {
        display: none;
    }

    .workspace-topbar {
        position: sticky;
        top: 98px;
        width: 100%;
    }

    .dashboard-main {
        padding: 18px 16px 88px;
    }

    .dashboard-stats,
    .bot-stat-grid,
    .gsc-stat-grid,
    .tracking-table-grid,
    .tracking-visual-grid,
    .gsc-chart-grid,
    .gsc-table-grid,
    .gsc-insight-cards,
    .billing-detail-grid,
    .account-detail-grid,
    .report-line-list,
    .dashboard-content-grid,
    .gsc-control-panel {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 560px) {
    .workspace-user-avatar {
        display: none !important;
    }

    .dashboard-main {
        padding-inline: 12px;
    }

    .dashboard-header,
    .gsc-dashboard-head,
    .locked-feature-card,
    .dashboard-card,
    .bot-stat-grid article,
    .billing-detail-grid article,
    .tracking-table-card,
    .tracking-visual-card,
    .overview-visual-panel,
    .gsc-chart-card,
    .gsc-insight-panel,
    .gsc-table-card,
    .scan-card,
    .report-line-card,
    .pro-lock-panel {
        border-radius: 14px !important;
        padding: 16px;
    }

    .dashboard-header h1,
    .gsc-dashboard-head h2,
    .section-heading h2 {
        font-size: 28px;
    }

    .dashboard-sidebar nav a span:last-child {
        display: none;
    }

    .dashboard-sidebar nav a {
        width: 44px;
        justify-content: center;
        padding: 0;
    }
}
.text-on-surface{
    border: none !important;
}

/* Final report workspace overrides. Kept last so the scan report follows the Stitch layout. */
body.workspace-hide-chrome .scan-workspace-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 256px minmax(0, 1fr);
    background: #051424;
}

body.workspace-hide-chrome .scan-report-main {
    min-width: 0;
    padding-top: 64px;
}

body.workspace-hide-chrome .scan-report-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

body.workspace-hide-chrome .scan-report-canvas {
    display: grid;
    gap: 24px;
    padding: clamp(24px, 3vw, 40px);
}

body.workspace-hide-chrome .scan-report-canvas .report-hero,
body.workspace-hide-chrome .scan-report-canvas .pro-report-shell,
body.workspace-hide-chrome .scan-report-canvas .pro-report-charts,
body.workspace-hide-chrome .scan-report-canvas .pro-output,
body.workspace-hide-chrome .scan-report-canvas .result-layout,
body.workspace-hide-chrome .scan-report-canvas .summary-strip,
body.workspace-hide-chrome .scan-report-canvas .pro-cta-banner,
body.workspace-hide-chrome .scan-report-canvas .free-report-email,
body.workspace-hide-chrome .scan-report-canvas .upgrade-section,
body.workspace-hide-chrome .scan-report-canvas .deep-scan-section,
body.workspace-hide-chrome .scan-report-canvas .ai-analysis-section,
body.workspace-hide-chrome .scan-report-canvas .ai-optimization-system {
    width: 100%;
    margin: 0;
}
body.workspace-hide-chrome .scan-report-canvas .upgrade-section{
    margin: unset !important;
    display: none;
}
body.workspace-hide-chrome .scan-report-panel:not(.is-active) {
    display: none !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero {
    gap: 24px;
    padding: 0;
}


body.workspace-hide-chrome .scan-report-canvas .report-score,
body.workspace-hide-chrome .scan-report-canvas .section-card,
body.workspace-hide-chrome .scan-report-canvas .summary-strip > div,
body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card,
body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card,
body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel,
body.workspace-hide-chrome .scan-report-canvas .upgrade-section,
body.workspace-hide-chrome .scan-report-canvas .pro-cta-banner,
body.workspace-hide-chrome .scan-report-canvas .free-report-email,
body.workspace-hide-chrome .scan-report-canvas .deep-card,
body.workspace-hide-chrome .scan-report-canvas .ai-card,
body.workspace-hide-chrome .scan-report-canvas .asset-card,
body.workspace-hide-chrome .scan-report-canvas .guide-card,
body.workspace-hide-chrome .scan-report-canvas .intent-card,
body.workspace-hide-chrome .scan-report-canvas .locked-pro-preview,
body.workspace-hide-chrome .scan-report-canvas .sticky-panel {
    border: 1px solid rgba(69, 70, 77, 0.72) !important;
    border-radius: 18px !important;
    background: #122131 !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-report-canvas .section-card,
body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card,
body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel,
body.workspace-hide-chrome .scan-report-canvas .upgrade-section,
body.workspace-hide-chrome .scan-report-canvas .pro-cta-banner,
body.workspace-hide-chrome .scan-report-canvas .free-report-email,
body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card,
body.workspace-hide-chrome .scan-report-canvas .sticky-panel {
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

body.workspace-hide-chrome .scan-report-canvas .section-card:hover,
body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card:hover,
body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel:hover,
body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card:hover,
body.workspace-hide-chrome .scan-report-canvas .sticky-panel:hover {
    border-color: rgba(60, 221, 199, 0.42) !important;
    background: #142536 !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero > div:first-child {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 96% 0%, rgba(60, 221, 199, 0.14), transparent 22rem), #122131 !important;
    height: fit-content;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero h1 {
    max-width: 920px;
    color: #d4e4fa;
    font-size: clamp(32px, 4vw, 48px);
    line-height: 1.08;
    letter-spacing: -0.045em;
}

body.workspace-hide-chrome .scan-report-canvas .section-card-head h2,
body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card h2,
body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel h2,
body.workspace-hide-chrome .scan-report-canvas .upgrade-section h2,
body.workspace-hide-chrome .scan-report-canvas .pro-cta-banner h2,
body.workspace-hide-chrome .scan-report-canvas .free-report-email h2,
body.workspace-hide-chrome .scan-report-canvas .sticky-panel h2 {
    color: #d4e4fa;
    font-family: "Poppins", sans-serif;
    letter-spacing: -0.04em;
}

body.workspace-hide-chrome .scan-report-canvas p,
body.workspace-hide-chrome .scan-report-canvas li {
    color: #c6c6cd;
}

body.workspace-hide-chrome .scan-report-canvas .report-score {
    position: relative;
    overflow: hidden;
    min-height: 260px;
    justify-items: center;
    text-align: center;
    background: radial-gradient(circle at 50% 22%, rgba(60, 221, 199, 0.12), transparent 16rem), #122131 !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero:not(.pro-decision-report) .report-score {
    min-height: 0;

    align-content: center;
    padding: 24px;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero:not(.pro-decision-report) .report-score::before {
    display: none !important;
    content: none !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-hero:not(.pro-decision-report) .report-score strong {
    margin: 6px 0;
    font-size: clamp(48px, 6vw, 70px);
    line-height: 0.95;
}

body.workspace-hide-chrome .scan-score-ring {
    position: absolute;
    inset: 20px 20px auto;
    height: 150px;
    display: grid;
    place-items: center;
    opacity: 0.92;
    pointer-events: none;
}

body.workspace-hide-chrome .scan-score-ring svg {
    width: 150px;
    height: auto;
    transform: rotate(-90deg);
}

body.workspace-hide-chrome .scan-score-ring circle {
    fill: transparent;
    stroke: #273647;
    stroke-width: 12;
}

body.workspace-hide-chrome .scan-score-ring circle:last-child {
    stroke: #3cddc7;
    stroke-linecap: round;
    stroke-dasharray: 440;
    filter: drop-shadow(0 0 12px rgba(60, 221, 199, 0.28));
}

body.workspace-hide-chrome .scan-report-canvas .report-score > span,
body.workspace-hide-chrome .scan-report-canvas .report-score > strong,
body.workspace-hide-chrome .scan-report-canvas .report-score > small,
body.workspace-hide-chrome .scan-report-canvas .pro-score-inner {
    position: relative;
    z-index: 1;
}

body.workspace-hide-chrome .scan-report-canvas .summary-strip,
body.workspace-hide-chrome .scan-report-canvas .pro-report-charts {
    display: grid;
    gap: 24px;
}

body.workspace-hide-chrome .scan-report-canvas .summary-strip {
    grid-template-columns: repeat(2, minmax(180px, 260px)) minmax(280px, 1fr);
    align-items: start;
    align-self: start;
    height: auto !important;
    max-height: none !important;
}

body.workspace-hide-chrome .scan-report-canvas .summary-strip > div {
    min-height: 120px !important;
    height: auto !important;
    max-height: 180px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px;
}

body.workspace-hide-chrome .scan-report-canvas .summary-strip strong {
    color: #d4e4fa;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1;
}

body.workspace-hide-chrome .scan-report-canvas .summary-strip span {
    margin-top: 8px;
    color: #c6c6cd;
}

body.workspace-hide-chrome .scan-report-sidebar nav a.is-locked-tab {
    opacity: 0.74;
    cursor: not-allowed;
    pointer-events: auto;
}

body.workspace-hide-chrome .scan-report-sidebar nav a.is-locked-tab small {
    margin-left: auto;
    padding: 2px 6px;
    border-radius: 999px;
    color: #003731;
    background: #3cddc7;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.workspace-hide-chrome .scan-report-canvas .pro-report-charts {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card {
    min-height: 280px;
    padding: 18px;
    max-height: 400px;
}

body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card .section-card-head {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card h2 {
    font-size: 18px;
    line-height: 1.15;
}

body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card p {
    display: none;
}

body.workspace-hide-chrome .scan-report-canvas .pro-chart-canvas {
    min-height: 190px;
}

body.workspace-hide-chrome .scan-report-canvas .result-layout {
    grid-template-columns: minmax(0, 1fr) minmax(280px, 360px);
    gap: 24px;
}

body.workspace-hide-chrome .scan-report-canvas .check-card,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card,
body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
body.workspace-hide-chrome .scan-report-canvas .preview-fix-grid > article,
body.workspace-hide-chrome .scan-report-canvas .insight-block > div,
body.workspace-hide-chrome .scan-report-canvas .executive-copy > div,
body.workspace-hide-chrome .scan-report-canvas .deep-stats > div,
body.workspace-hide-chrome .scan-report-canvas .metric-grid > div,
body.workspace-hide-chrome .scan-report-canvas .pro-lost-grid > div,
body.workspace-hide-chrome .scan-report-canvas .technical-details {
    border-color: rgba(69, 70, 77, 0.78) !important;
    border-radius: 12px !important;
    background: #122131 !important;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: 18px;
    align-items: stretch;
}

body.workspace-hide-chrome .scan-report-canvas .pro-issue-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));
    gap: 18px;
    align-items: stretch;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card {
    position: relative;
    overflow: visible;
    display: flex;
    flex-direction: column;
    padding: 22px;
    border: 1px solid rgba(69, 70, 77, 0.78) !important;
    border-top: 3px solid #3cddc7 !important;
    border-radius: 18px !important;
    background: #122131 !important;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article:hover,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card:hover {
    border-color: rgba(60, 221, 199, 0.45) !important;
    background: #142536 !important;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article.critical-step,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card.fail {
    border-top-color: #ffb4ab !important;
    background: linear-gradient(135deg, rgba(255, 180, 171, 0.08), rgba(18, 33, 49, 0.98)) !important;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article.high-step,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card.warn {
    border-top-color: #facc15 !important;
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.08), rgba(18, 33, 49, 0.98)) !important;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article > span,
body.workspace-hide-chrome .scan-report-canvas .check-title span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 4px 9px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 999px;
    color: #3cddc7 !important;
    background: rgba(60, 221, 199, 0.08);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid h3,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card h3 {
    margin: 0 0 10px;
    color: #d4e4fa;
    font-size: 18px;
    line-height: 1.2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid p,
body.workspace-hide-chrome .scan-report-canvas .pro-issue-card p {
    color: #c6c6cd;
    line-height: 1.55;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article > p,
body.workspace-hide-chrome .scan-report-canvas .issue-card-summary {
    margin: 0 0 14px;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

body.workspace-hide-chrome .scan-report-canvas .technical-body strong {
    display: inline-flex;
    margin: 12px 0 6px;
    color: #3cddc7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid ul,
body.workspace-hide-chrome .scan-report-canvas .technical-body .logs {
    display: grid;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}

body.workspace-hide-chrome .scan-report-canvas .roadmap-grid li,
body.workspace-hide-chrome .scan-report-canvas .technical-body .logs li {
    overflow-wrap: anywhere;
    padding: 9px 10px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    color: #d4e4fa;
    background: #010f1f;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
}

body.workspace-hide-chrome .scan-report-canvas .pro-issue-card .insight-block {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.workspace-hide-chrome .scan-report-canvas .pro-issue-card .insight-block > div {
    padding: 0 0 0 12px;
    border: 0 !important;
    border-left: 2px solid rgba(60, 221, 199, 0.42) !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-report-canvas .pro-issue-card .insight-block span {
    color: #3cddc7 !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-mini-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 14px;
}

body.workspace-hide-chrome .scan-report-canvas .report-mini-metrics span {
    padding: 6px 9px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 999px;
    color: #d4e4fa;
    background: rgba(28, 43, 60, 0.66);
    font-size: 12px;
    font-weight: 600;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: clamp(16px, 4vw, 40px);
    background: rgba(1, 15, 31, 0.82) !important;
    backdrop-filter: blur(18px);
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-dialog {
    width: min(920px, 100%);
    max-height: min(760px, 88vh);
    overflow: auto;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(69, 70, 77, 0.9);
    border-radius: 18px;
    background: #122131;
    box-shadow: 0 32px 120px rgba(0, 0, 0, 0.52);
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(69, 70, 77, 0.68);
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-head span {
    color: #3cddc7;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-head h3 {
    margin: 6px 0 0;
    color: #d4e4fa;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-head button {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    color: #d4e4fa;
    background: #1c2b3c;
    font-weight: 600;
    cursor: pointer;
}

body.workspace-hide-chrome .scan-report-canvas .technical-details {
    margin-top: auto;
}

body.workspace-hide-chrome .scan-report-canvas .technical-details summary {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    color: #003731;
    background: #3cddc7;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-popover {
    border: 1px solid rgba(60, 221, 199, 0.22) !important;
    border-radius: 10px !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-popover[open] {
    position: static;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-report-canvas .report-detail-popover .technical-body {
    border-top: 0;
}

body.report-detail-open {
    overflow: hidden;
}

body > .report-detail-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: clamp(14px, 3vw, 34px);
    background: rgba(1, 15, 31, 0.84) !important;
    backdrop-filter: blur(18px);
}

body > .report-detail-modal .report-detail-dialog {
    width: min(1120px, calc(100vw - 28px));
    max-height: min(820px, calc(100dvh - 28px));
    overflow: auto;
    padding: clamp(20px, 3vw, 34px);
    border: 1px solid rgba(69, 70, 77, 0.9);
    border-radius: 18px;
    background: #122131;
    box-shadow: 0 32px 120px rgba(0, 0, 0, 0.52);
}

body > .report-detail-modal .report-detail-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(69, 70, 77, 0.68);
}

body > .report-detail-modal .report-detail-head span,
body > .report-detail-modal strong {
    color: #3cddc7;
}

body > .report-detail-modal .report-detail-head h3 {
    margin: 6px 0 0;
    color: #d4e4fa;
    font-size: clamp(24px, 3vw, 36px);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

body > .report-detail-modal p,
body > .report-detail-modal li {
    color: #c6c6cd;
}

body > .report-detail-modal .logs {
    display: grid;
    gap: 8px;
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}

body > .report-detail-modal .logs li,
body > .report-detail-modal pre,
body > .report-detail-modal code {
    overflow-wrap: anywhere;
    border-color: rgba(69, 70, 77, 0.82) !important;
    color: #d4e4fa !important;
    background: #010f1f !important;
}

body > .report-detail-modal .logs li {
    padding: 9px 10px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
}

body > .report-detail-modal [data-close-details] {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(69, 70, 77, 0.72);
    border-radius: 10px;
    color: #d4e4fa;
    background: #1c2b3c;
    font-weight: 600;
    cursor: pointer;
}

body.report-detail-light > .report-detail-modal {
    background: rgba(244, 248, 251, 0.82) !important;
}

body.report-detail-light > .report-detail-modal .report-detail-dialog {
    border-color: #d8e2ec;
    color: #102033;
    background: #ffffff;
    box-shadow: 0 32px 90px rgba(15, 23, 42, 0.16);
}

body.report-detail-light > .report-detail-modal .report-detail-head {
    border-color: #d8e2ec;
}

body.report-detail-light > .report-detail-modal .report-detail-head h3,
body.report-detail-light > .report-detail-modal .report-detail-dialog strong {
    color: #102033;
}

body.report-detail-light > .report-detail-modal .report-detail-head span,
body.report-detail-light > .report-detail-modal strong:first-child {
    color: #078a7c;
}

body.report-detail-light > .report-detail-modal p,
body.report-detail-light > .report-detail-modal li {
    color: #46586d;
}

body.report-detail-light > .report-detail-modal .logs li,
body.report-detail-light > .report-detail-modal pre,
body.report-detail-light > .report-detail-modal code {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

body.report-detail-light > .report-detail-modal [data-close-details] {
    border-color: #c8d5e1;
    color: #102033;
    background: #eef5f8;
}

body.workspace-hide-chrome .scan-report-canvas pre,
body.workspace-hide-chrome .scan-report-canvas code,
body.workspace-hide-chrome .scan-report-canvas textarea {
    border-color: rgba(69, 70, 77, 0.82) !important;
    color: #d4e4fa !important;
    background: #010f1f !important;
}

body.workspace-hide-chrome .scan-sidebar-score {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 10px;
    color: #3cddc7;
    background: rgba(60, 221, 199, 0.08);
    font-weight: 600;
}

@media (max-width: 1180px) {
    body.workspace-hide-chrome .scan-workspace-shell {
        grid-template-columns: 1fr;
    }

    body.workspace-hide-chrome .scan-report-sidebar {
        position: static;
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(69, 70, 77, 0.76);
    }

    body.workspace-hide-chrome .scan-report-main {
        padding-top: 0;
    }

    body.workspace-hide-chrome .scan-report-topbar {
        position: sticky;
        width: 100%;
    }

    body.workspace-hide-chrome .scan-report-canvas .result-layout,
    body.workspace-hide-chrome .scan-report-canvas .report-hero,
    body.workspace-hide-chrome .scan-report-canvas .free-report-email,
    body.workspace-hide-chrome .scan-report-canvas .pro-report-charts,
    body.workspace-hide-chrome .scan-report-canvas .summary-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.workspace-hide-chrome .scan-report-sidebar nav {
        flex: none;
        flex-direction: row;
        overflow-x: auto;
        padding-bottom: 8px;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav a {
        flex: 0 0 auto;
        min-width: max-content;
    }
}

@media (max-width: 640px) {
    body.workspace-hide-chrome .scan-report-sidebar {
        padding: 14px 10px;
    }

    body.workspace-hide-chrome .scan-report-sidebar .dashboard-brand {
        margin-bottom: 12px;
    }

    body.workspace-hide-chrome .scan-report-canvas {
        gap: 16px;
        padding: 14px;
    }

    body.workspace-hide-chrome .scan-report-topbar {
        display: grid;
        gap: 10px;
        padding: 12px 16px;
    }

    body.workspace-hide-chrome .scan-report-topbar > div:first-child,
    body.workspace-hide-chrome .workspace-topbar-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero,
    body.workspace-hide-chrome .scan-report-canvas .result-layout,
    body.workspace-hide-chrome .scan-report-canvas .free-report-email,
    body.workspace-hide-chrome .scan-report-canvas .summary-strip,
    .executive-summary-grid {
        grid-template-columns: 1fr;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero > div:first-child,
    body.workspace-hide-chrome .scan-report-canvas .report-score,
    body.workspace-hide-chrome .scan-report-canvas .section-card,
    body.workspace-hide-chrome .scan-report-canvas .summary-strip > div,
    body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel,
    body.workspace-hide-chrome .scan-report-canvas .upgrade-section,
    body.workspace-hide-chrome .scan-report-canvas .pro-cta-banner,
    body.workspace-hide-chrome .scan-report-canvas .free-report-email,
    body.workspace-hide-chrome .scan-report-canvas .sticky-panel,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-card {
        border-radius: 14px !important;
        padding: 16px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero h1 {
        font-size: 30px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-score {
        min-height: 0;
        height: 230px;
        max-height: none;
    }

    body.workspace-hide-chrome .scan-score-ring svg {
        width: 130px;
    }

    body.workspace-hide-chrome .scan-report-canvas .summary-strip > div {
        min-height: 100px !important;
        max-height: none !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-report-charts,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-list,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-card .insight-block {
        grid-template-columns: 1fr;
    }

    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-card {
        min-height: 280px;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card {
        min-height: 260px;
        max-height: none;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-chart-canvas {
        min-height: 170px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-detail-modal {
        padding: 10px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-detail-dialog {
        max-height: 92vh;
        border-radius: 14px;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-detail-head {
        display: grid;
    }
}

/* Final dashboard light-mode corrections. Kept last so it wins over older dark dashboard blocks. */
.dashboard-light {
    --ws-bg: #f4f8fb;
    --ws-sidebar: #ffffff;
    --ws-panel: #ffffff;
    --ws-panel-2: #eef5f8;
    --ws-line: #d8e2ec;
    --ws-line-strong: #c8d5e1;
    --ws-text: #102033;
    --ws-muted: #617287;
    --ws-soft: #46586d;
    --ws-brand: #078a7c;
    --ws-danger: #b42318;
    --ws-warn: #8a5a00;
    --ws-ok: #087443;
    color: #102033 !important;
    background: #f4f8fb !important;
}

.dashboard-light > aside,
.dashboard-light [data-mobile-sidebar] {
    border-color: #d9e3ec !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
}

.dashboard-light header {
    border-color: rgba(203, 213, 225, 0.92) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light main {
    background: radial-gradient(circle at 80% 0%, rgba(60, 221, 199, 0.16), transparent 26rem), #f4f8fb !important;
}

.dashboard-light .workspace-panel,
.dashboard-light .dashboard-panel,
.dashboard-light .reports-section,
.dashboard-light .pro-lock-panel,
.dashboard-light .bot-setup-gate {
    color: #102033 !important;
    background: transparent !important;
}

.dashboard-light .relative.overflow-hidden.rounded-2xl,
.dashboard-light .dashboard-header,
.dashboard-light .gsc-dashboard-head,
.dashboard-light .tools-panel-hero,
.dashboard-light .locked-feature-card,
.dashboard-light .referral-create-card,
.dashboard-light .bot-setup-content,
.dashboard-light .gsc-insight-panel,
.dashboard-light .pro-lock-panel,
.dashboard-light .workspace-panel.referral-create-card,
.dashboard-light .workspace-panel.dashboard-panel.pro-lock-panel,
.dashboard-light .ai-assistant-chat-card,
.dashboard-light .ai-chat-log,
.dashboard-light .tracking-table-card,
.dashboard-light .gsc-table-card,
.dashboard-light .empty-state,
.dashboard-light .tracking-info-note,
.dashboard-light .locked-tool,
.dashboard-light .tool-card,
.dashboard-light .dashboard-generator-card,
.dashboard-light .generator-history-card,
.dashboard-light .generator-table-card {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbfd 100%) !important;
}

.dashboard-light .generator-table-wrap,
.dashboard-light .generator-data-table {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
}

.dashboard-light .generator-data-table th,
.dashboard-light .generator-data-table td {
    border-color: #d8e2ec !important;
}

.dashboard-light .generator-data-table th {
    background: #eaf4f7 !important;
}

.dashboard-light .dashboard-generator-card input {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light .tools-panel-hero,
.dashboard-light .generator-table-card {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    color: #102033 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light .generator-table-card {
    border-bottom: 0 !important;
    padding: 0 !important;
}

.dashboard-light .dashboard-card,
.dashboard-light .bot-stat-grid article,
.dashboard-light .gsc-stat-grid article,
.dashboard-light .billing-detail-grid article,
.dashboard-light .referral-stat-grid article,
.dashboard-light .account-detail-grid article,
.dashboard-light .report-line-card,
.dashboard-light .gsc-chart-card,
.dashboard-light .gsc-empty-chart,
.dashboard-light .gsc-insight-card,
.dashboard-light .admin-ad-link-card,
.dashboard-light .admin-list-row,
.dashboard-light .scan-card,
.dashboard-light .overview-visual-panel,
.dashboard-light .tracking-visual-card,
.dashboard-light .tracking-insights {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light .dashboard-card:hover,
.dashboard-light .bot-stat-grid article:hover,
.dashboard-light .gsc-stat-grid article:hover,
.dashboard-light .billing-detail-grid article:hover,
.dashboard-light .referral-stat-grid article:hover,
.dashboard-light .account-detail-grid article:hover,
.dashboard-light .report-line-card:hover,
.dashboard-light .tracking-table-card:hover,
.dashboard-light .gsc-table-card:hover,
.dashboard-light .gsc-table-grid article:hover,
.dashboard-light .gsc-table-grid tr:hover,
.dashboard-light .dashboard-data-table > div:hover,
.dashboard-light .hover\:bg-surface-container-high:hover,
.dashboard-light .hover\:bg-surface-variant:hover,
.dashboard-light .hover\:bg-surface-variant\/20:hover,
.dashboard-light .hover\:bg-surface-variant\/10:hover,
.dashboard-light .hover\:bg-surface-variant\/5:hover {
    border-color: rgba(7, 138, 124, 0.38) !important;
    color: #102033 !important;
    background: #eaf4f7 !important;
}

.dashboard-light .ai-chat-log {
    scrollbar-color: rgba(7, 138, 124, 0.45) rgba(15, 23, 42, 0.08);
}

.dashboard-light .ai-chat-log::before {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), transparent) !important;
}

.dashboard-light .ai-chat-empty,
.dashboard-light .ai-chat-message.assistant,
.dashboard-light .ai-thinking-steps b,
.dashboard-light .ai-chat-upgrade-cta {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

.dashboard-light .ai-report-card {
    border-color: #c7dde6 !important;
    color: #102033 !important;
    background: linear-gradient(135deg, #ffffff, #eef8fa) !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.09) !important;
}

.dashboard-light .ai-report-card__glow {
    background: rgba(22, 200, 181, 0.18) !important;
}

.dashboard-light .ai-report-card__icon,
.dashboard-light .ai-report-card__expand {
    border-color: rgba(7, 138, 124, 0.22) !important;
    color: #078a7c !important;
    background: #e0faf6 !important;
}

.dashboard-light .ai-report-card__eyebrow,
.dashboard-light .ai-report-card__signal strong {
    color: #078a7c !important;
}

.dashboard-light .ai-report-card__title strong,
.dashboard-light .ai-report-card__score b,
.dashboard-light .ai-report-card__footer strong {
    color: #102033 !important;
}

.dashboard-light .ai-report-card__title small,
.dashboard-light .ai-report-card__score small,
.dashboard-light .ai-report-card__footer small,
.dashboard-light .ai-report-card__signal div {
    color: #53677b !important;
}

.dashboard-light .ai-report-card__score > div,
.dashboard-light .ai-report-card__signal {
    border-color: #d6e4ec !important;
    background: rgba(255, 255, 255, 0.72) !important;
}

.dashboard-light .ai-report-card__meter {
    background: #dce9ef !important;
}

.dashboard-light .ai-report-card__footer a {
    color: #01231f !important;
    background: #16c8b5 !important;
}

.dashboard-light .ai-chat-message.user {
    color: #01231f !important;
    background: #16c8b5 !important;
}

.dashboard-light .ai-agent-lines b {
    color: #36e2cf !important;
}

.dashboard-light .ai-agent-lines small {
    color: rgba(255, 255, 255, 0.58) !important;
}

.dashboard-light .ai-thought-row,
.dashboard-light .ai-executing-row {
    color: rgba(255, 255, 255, 0.92) !important;
}

.dashboard-light .ai-thought-row > b {
    color: #ffffff !important;
}

.dashboard-light .ai-thought-icon::before {
    background: #050608 !important;
}

.dashboard-light h1,
.dashboard-light h2,
.dashboard-light h3,
.dashboard-light h4,
.dashboard-light h5,
.dashboard-light .text-on-surface,
.dashboard-light .text-primary,
.dashboard-light .text-secondary,
.dashboard-light strong,
.dashboard-light b,
.dashboard-light .dashboard-card strong,
.dashboard-light .bot-stat-grid article > strong,
.dashboard-light .gsc-stat-grid article > strong,
.dashboard-light .billing-detail-grid article > strong,
.dashboard-light .referral-stat-grid article > strong,
.dashboard-light .account-detail-grid article > strong,
.dashboard-light .report-line-main strong,
.dashboard-light .pro-lock-panel h2,
.dashboard-light .locked-feature-card h3,
.dashboard-light .gsc-chart-card h3,
.dashboard-light .gsc-insight-card strong {
    color: #102033 !important;
}

.dashboard-light p,
.dashboard-light small,
.dashboard-light label,
.dashboard-light td,
.dashboard-light th,
.dashboard-light .text-on-surface-variant,
.dashboard-light .text-outline,
.dashboard-light .dashboard-card p,
.dashboard-light .tracking-info-note p,
.dashboard-light .tracking-insights p,
.dashboard-light .empty-state p,
.dashboard-light .locked-tool p,
.dashboard-light .account-detail-grid span,
.dashboard-light .report-line-main small,
.dashboard-light .gsc-stat-grid small,
.dashboard-light .gsc-insight-card p,
.dashboard-light .gsc-insight-card small,
.dashboard-light .pro-lock-panel p,
.dashboard-light .locked-feature-card p {
    color: #46586d !important;
}

.prompt-agent-icons span {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 999px;
    padding: 0.5rem 0.75rem;
    color: var(--ws-text, #f8fafc);
    background: rgba(255, 255, 255, 0.06);
    font-size: 0.8rem;
    font-weight: 600;
}

.prompt-agent-icons img {
    width: 22px;
    height: 22px;
    border-radius: 0.35rem;
    object-fit: contain;
}

.prompt-library-card,
.prompt-library-upgrade {
    border-color: rgba(60, 221, 199, 0.22) !important;
}

.prompt-library-card .prompt-library-meta {
    border: 1px solid rgba(148, 163, 184, 0.16);
}

.prompt-library-copy {
    border: 1px solid rgba(60, 221, 199, 0.28);
}

.dashboard-light .prompt-agent-icons span {
    border-color: #cbd8e3 !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 22px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light .prompt-library-card,
.dashboard-light .prompt-library-upgrade {
    border-color: #c5d5e3 !important;
    color: #102033 !important;
    background: linear-gradient(135deg, #ffffff 0%, #eef7fa 100%) !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, 0.07) !important;
}

.dashboard-light .prompt-library-card h3,
.dashboard-light .prompt-library-card dd,
.dashboard-light .prompt-library-upgrade h2 {
    color: #102033 !important;
}

.dashboard-light .prompt-library-card p,
.dashboard-light .prompt-library-card dt,
.dashboard-light .prompt-library-upgrade p {
    color: #46586d !important;
}

.dashboard-light .prompt-library-card .prompt-library-meta {
    border-color: #d4e0ea !important;
    background: #ffffff !important;
}

.dashboard-light .prompt-library-copy {
    border-color: #9fcfc8 !important;
    color: #063b35 !important;
    background: #dff8f5 !important;
}

.dashboard-light .prompt-library-copy:hover {
    color: #01231f !important;
    background: #3cddc7 !important;
}

.dashboard-light .eyebrow,
.dashboard-light .section-heading span,
.dashboard-light .section-card-head span,
.dashboard-light .dashboard-card span,
.dashboard-light .tracking-visual-head span,
.dashboard-light .gsc-stat-grid span,
.dashboard-light .gsc-chart-card span,
.dashboard-light .gsc-insight-group h3,
.dashboard-light .billing-detail-grid article > span,
.dashboard-light .referral-stat-grid article > span,
.dashboard-light .account-detail-grid article > span,
.dashboard-light .text-tertiary {
    color: #078a7c !important;
}

.dashboard-light .primary-link,
.dashboard-light .secondary-link,
.dashboard-light button[type="submit"],
.dashboard-light .ghost-btn,
.dashboard-light .admin-danger-btn,
.dashboard-light .dashboard-theme-toggle,
.dashboard-light a.bg-tertiary,
.dashboard-light button.bg-tertiary,
.dashboard-light .bg-tertiary {
    border-color: transparent !important;
    color: #01231f !important;
    background: #16c8b5 !important;
}

.dashboard-light .secondary-link,
.dashboard-light .ghost-btn,
.dashboard-light .dashboard-theme-toggle,
.dashboard-light a.border,
.dashboard-light button.border {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
}

.dashboard-light .admin-danger-btn,
.dashboard-light .bg-error,
.dashboard-light .text-error {
    color: #ffffff !important;
    background: #b42318 !important;
}

.dashboard-light input,
.dashboard-light select,
.dashboard-light textarea,
.dashboard-light code,
.dashboard-light pre {
    color: #fff !important;
    background: #000 !important;
}

.dashboard-light input::placeholder,
.dashboard-light textarea::placeholder {
    color: #7b8da1 !important;
}

.dashboard-light .bg-surface-container-lowest,
.dashboard-light .bg-surface,
.dashboard-light .bg-surface\/80,
.dashboard-light .bg-surface-container-low,
.dashboard-light .bg-surface-container-low\/50,
.dashboard-light .bg-surface-container\/50,
.dashboard-light .bg-surface-container,
.dashboard-light .bg-surface-container\/80,
.dashboard-light .bg-surface-container\/90,
.dashboard-light .bg-surface-container-high,
.dashboard-light .bg-surface-container-high\/10,
.dashboard-light .bg-surface-container-high\/20,
.dashboard-light .bg-surface-container-highest,
.dashboard-light .bg-surface-variant,
.dashboard-light .bg-surface-variant\/20 {
    background-color: #ffffff !important;
}

.dashboard-light [data-content-planner] [data-copy-card-source],
.dashboard-light [data-content-planner] [data-content-planner-panel] p.bg-surface-container\/50 {
    border-color: #d8e2ec !important;
    color: #46586d !important;
    background: #ffffff !important;
}

[data-content-planner] [data-copy-card-source] {
    box-shadow: none !important;
}

.dashboard-light [data-content-planner] aside,
.dashboard-light [data-content-planner] form,
.dashboard-light [data-content-planner] [data-content-planner-history] button {
    border-color: #c8d5e3 !important;
    background: #f8fbfe !important;
}

.dashboard-light [data-content-planner] label,
.dashboard-light [data-content-planner] .text-outline {
    color: #51647a !important;
}

.dashboard-light [data-content-planner] select,
.dashboard-light [data-content-planner] input,
.dashboard-light [data-content-planner] textarea {
    border-color: #aebed0 !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light [data-content-planner] select:focus,
.dashboard-light [data-content-planner] input:focus,
.dashboard-light [data-content-planner] textarea:focus {
    border-color: #149b8e !important;
    outline: 3px solid rgba(20, 155, 142, 0.16) !important;
}

.dashboard-light [data-content-planner] select option {
    color: #102033;
    background: #ffffff;
}

.dashboard-light .divide-outline-variant\/10 > :not([hidden]) ~ :not([hidden]) {
    border-color: #d8e2ec !important;
}

.scan-workspace-shell.dashboard-light,
.scan-workspace-shell.dashboard-light .scan-report-main,
.scan-workspace-shell.dashboard-light .scan-report-canvas {
    color: #102033 !important;
    background: radial-gradient(circle at 80% 0%, rgba(60, 221, 199, 0.16), transparent 26rem), #f4f8fb !important;
}

/* Final dashboard fixes */
.gsc-control-panel {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center !important;
    gap: 8px !important;
    max-width: 100%;
    margin: 14px 0 18px !important;
    border-radius: 14px !important;
    background: var(--ws-panel) !important;
}

.gsc-source-pill,
.gsc-range-form,
.gsc-control-panel > form:not(.gsc-range-form),
.gsc-manage-properties {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

.gsc-source-pill strong,
.gsc-range-form select,
.gsc-range-form button,
.gsc-control-panel .secondary-link,
.gsc-manage-properties summary {
    border-radius: 10px !important;
    font-size: 12px !important;
}

.gsc-source-pill {
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid var(--ws-line-strong);
    border-radius: 10px;
    background: var(--ws-panel-2);
}

.gsc-range-form {
    grid-template-columns: none !important;
}

.gsc-range-form select,
.gsc-range-form button,
.gsc-control-panel .secondary-link,
.gsc-manage-properties summary {
    padding: 0 12px !important;
}

.gsc-range-form label {
    display: none !important;
}

.gsc-chart-card.compact-chart {
    min-height: 270px !important;
    max-height: 330px;
    overflow: hidden;
}

.gsc-chart-card.compact-chart canvas {
    height: 190px !important;
    max-height: 190px !important;
}

.gsc-chart-card.device-chart canvas {
    width: 220px !important;
    max-width: 220px !important;
    height: 190px !important;
    margin: 0 auto;
}

.dashboard-light .gsc-control-panel,
.dashboard-light .gsc-source-pill,
.dashboard-light .gsc-manage-properties > div {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light .gsc-source-pill,
.dashboard-light .gsc-manage-properties summary,
.dashboard-light .gsc-range-form select,
.dashboard-light .gsc-range-form button,
.dashboard-light .gsc-control-panel .secondary-link {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #f7fbfd !important;
    height: 45px;
}


.dashboard-light .gsc-range-form button,
.dashboard-light .gsc-control-panel .secondary-link {
    background: #16c8b5 !important;
    width: 150px;

}

@media (max-width: 640px) {
    .gsc-control-panel {
        width: 100%;
    }

    .gsc-source-pill,
    .gsc-range-form,
    .gsc-control-panel > form:not(.gsc-range-form),
    .gsc-manage-properties,
    .gsc-range-form select,
    .gsc-range-form button,
    .gsc-control-panel .secondary-link {
        width: 100%;
    }
}

.dark {
    --ws-line: rgba(83, 99, 116, 0.24);
    --ws-line-strong: rgba(83, 99, 116, 0.34);
}

.dashboard-soft-border {
    border: 1px solid rgba(216, 226, 236, 0.4);
}

.dark .border:not(.border-transparent),
.dark .border-t,
.dark .border-r,
.dark .border-b,
.dark .border-l {
    border-color: rgba(83, 99, 116, 0.28);
}

.dashboard-light .border:not(.border-transparent),
.dashboard-light .border-t,
.dashboard-light .border-r,
.dashboard-light .border-b,
.dashboard-light .border-l {
    border-color: #d8e2ec;
}

.dark .dashboard-soft-border {
    border-color: rgba(83, 99, 116, 0.28) !important;
}


.dark .dashboard-header,
.dark .gsc-dashboard-head,
.dark .locked-feature-card,
.dark .referral-create-card,
.dark .dashboard-card,
.dark .bot-stat-grid article,
.dark .gsc-stat-grid article,
.dark .billing-detail-grid article,
.dark .account-detail-grid article,
.dark .tracking-table-card,
.dark .tracking-visual-card,
.dark .overview-visual-panel,
.dark .gsc-chart-card,
.dark .gsc-empty-chart,
.dark .gsc-insight-panel,
.dark .gsc-insight-card,
.dark .gsc-table-card,
.dark .empty-state,
.dark .tracking-info-note,
.dark .locked-tool,
.dark .report-line-card,
.dark .pro-lock-panel,
.dark .ai-assistant-chat-card,
.dark .ai-chat-log,
.dark .gsc-control-panel,
.dark .gsc-source-pill,
.dark .gsc-manage-properties summary {
    border-color: rgba(83, 99, 116, 0.28) !important;
}

.dark .border-transparent {
    border-color: transparent !important;
}

.scan-workspace-shell.dashboard-light .scan-report-sidebar,
.scan-workspace-shell.dashboard-light .scan-report-topbar {
    border-color: #d9e3ec !important;
    color: #102033 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.07) !important;
}

.scan-workspace-shell.dashboard-light .report-hero,
.scan-workspace-shell.dashboard-light .section-card,
.scan-workspace-shell.dashboard-light .report-score,
.scan-workspace-shell.dashboard-light .summary-strip > div,
.scan-workspace-shell.dashboard-light .pro-report-chart-card,
.scan-workspace-shell.dashboard-light .pro-main-issue-card,
.scan-workspace-shell.dashboard-light .pro-lost-panel,
.scan-workspace-shell.dashboard-light .upgrade-section,
.scan-workspace-shell.dashboard-light .pro-cta-banner,
.scan-workspace-shell.dashboard-light .free-report-email,
.scan-workspace-shell.dashboard-light .deep-card,
.scan-workspace-shell.dashboard-light .ai-card,
.scan-workspace-shell.dashboard-light .asset-card,
.scan-workspace-shell.dashboard-light .guide-card,
.scan-workspace-shell.dashboard-light .intent-card,
.scan-workspace-shell.dashboard-light .locked-pro-preview,
.scan-workspace-shell.dashboard-light .sticky-panel,
.scan-workspace-shell.dashboard-light .pro-output,
.scan-workspace-shell.dashboard-light .result-layout,
.scan-workspace-shell.dashboard-light .check-card,
.scan-workspace-shell.dashboard-light .locked-tool,
.scan-workspace-shell.dashboard-light .pro-tool-card,
.scan-workspace-shell.dashboard-light .executive-summary-group,
.scan-workspace-shell.dashboard-light .executive-summary-list li,
.scan-workspace-shell.dashboard-light .insight-block > div,
.scan-workspace-shell.dashboard-light .executive-copy > div,
.scan-workspace-shell.dashboard-light .deep-stats > div,
.scan-workspace-shell.dashboard-light .metric-grid > div,
.scan-workspace-shell.dashboard-light .upgrade-features > div,
.scan-workspace-shell.dashboard-light .after-fix-growth > article,
.scan-workspace-shell.dashboard-light .pro-lost-grid > div,
.scan-workspace-shell.dashboard-light .roadmap-grid > article,
.scan-workspace-shell.dashboard-light .preview-fix-grid > article {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.scan-workspace-shell.dashboard-light h1,
.scan-workspace-shell.dashboard-light h2,
.scan-workspace-shell.dashboard-light h3,
.scan-workspace-shell.dashboard-light h4,
.scan-workspace-shell.dashboard-light h5,
.scan-workspace-shell.dashboard-light strong,
.scan-workspace-shell.dashboard-light b,
.scan-workspace-shell.dashboard-light .dashboard-brand-copy strong,
.scan-workspace-shell.dashboard-light .workspace-topbar strong,
.scan-workspace-shell.dashboard-light .check-title h3,
.scan-workspace-shell.dashboard-light .section-card h2,
.scan-workspace-shell.dashboard-light .deep-card h3,
.scan-workspace-shell.dashboard-light .ai-card h3,
.scan-workspace-shell.dashboard-light .locked-pro-preview h3 {
    color: #102033 !important;
}

.scan-workspace-shell.dashboard-light p,
.scan-workspace-shell.dashboard-light small,
.scan-workspace-shell.dashboard-light li,
.scan-workspace-shell.dashboard-light td,
.scan-workspace-shell.dashboard-light th,
.scan-workspace-shell.dashboard-light .dashboard-brand-copy small,
.scan-workspace-shell.dashboard-light .workspace-topbar span,
.scan-workspace-shell.dashboard-light .check-card p,
.scan-workspace-shell.dashboard-light .locked-tool p,
.scan-workspace-shell.dashboard-light .report-copy,
.scan-workspace-shell.dashboard-light .section-card p {
    color: #46586d !important;
}

.scan-workspace-shell.dashboard-light .eyebrow,
.scan-workspace-shell.dashboard-light .nav-icon,
.scan-workspace-shell.dashboard-light .dashboard-sidebar nav a.active,
.scan-workspace-shell.dashboard-light .text-tertiary {
    color: #078a7c !important;
}

.scan-workspace-shell.dashboard-light .dashboard-sidebar nav a,
.scan-workspace-shell.dashboard-light .secondary-link,
.scan-workspace-shell.dashboard-light .dashboard-theme-toggle,
.scan-workspace-shell.dashboard-light .workspace-user-avatar {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #eef5f8 !important;
}

.scan-workspace-shell.dashboard-light .primary-link,
.scan-workspace-shell.dashboard-light a.bg-tertiary,
.scan-workspace-shell.dashboard-light button.bg-tertiary {
    border-color: transparent !important;
    color: #01231f !important;
    background: #16c8b5 !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring {
    background:
        radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
        conic-gradient(#16c8b5 calc(var(--ring-value) * 1%), #e1ebf2 0) !important;
    box-shadow: inset 0 0 0 1px rgba(22, 200, 181, 0.18), 0 14px 30px rgba(15, 23, 42, 0.08) !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring-item.is-primary .pro-score-ring {
    background:
        radial-gradient(circle at center, #ffffff 0 57%, transparent 58%),
        conic-gradient(#6d5dfc calc(var(--ring-value) * 1%), rgba(109, 93, 252, 0.16) 0) !important;
    box-shadow: inset 0 0 0 1px rgba(109, 93, 252, 0.28) !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring-item.is-locked .pro-score-ring {
    background:
        radial-gradient(circle at center, #ffffff 0 58%, transparent 59%),
        conic-gradient(#c9d6e2 100%, #e7eef5 0) !important;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.28), 0 12px 26px rgba(15, 23, 42, 0.06) !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring b,
.scan-workspace-shell.dashboard-light .pro-score-ring-item > span {
    color: #102033 !important;
}

.scan-workspace-shell.dashboard-light .pro-score-tag,
.scan-workspace-shell.dashboard-light .pro-score-card strong::after {
    color: #01231f !important;
    background: #63f0c8 !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring-item.is-primary b {
    color: #102033 !important;
}

.scan-workspace-shell.dashboard-light .pro-score-ring-item.is-locked b,
.scan-workspace-shell.dashboard-light .pro-score-ring-item.is-locked .material-symbols-outlined {
    color: #607086 !important;
}

.scan-workspace-shell.dashboard-light code,
.scan-workspace-shell.dashboard-light pre,
.scan-workspace-shell.dashboard-light table,
.scan-workspace-shell.dashboard-light input,
.scan-workspace-shell.dashboard-light textarea,
.scan-workspace-shell.dashboard-light select {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.scan-workspace-shell.dashboard-light thead,
.scan-workspace-shell.dashboard-light thead tr,
.scan-workspace-shell.dashboard-light .intent-pages-table th {
    color: #102033 !important;
    background: #eaf4f7 !important;
}

/* Targeted light-mode fixes for dashboard sections with stronger dark overrides. */
.dashboard-light .bot-setup-details,
.dashboard-light .bot-setup-summary,
.dashboard-light .bot-setup-content,
.dashboard-light .setup-intro,
.dashboard-light .setup-method-card,
.dashboard-light .site-block,
.dashboard-light .site-snippets,
.dashboard-light .snippet-card,
.dashboard-light .setup-methods > div {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light .setup-summary-head::after,
.dashboard-light .bot-setup-summary::after,
.dashboard-light .bot-setup-summary::marker {
    color: #078a7c !important;
    border-color: #078a7c !important;
}

.dashboard-light .setup-summary-text strong,
.dashboard-light .setup-intro h3,
.dashboard-light .setup-method-card strong,
.dashboard-light .site-block-title h4,
.dashboard-light .site-block-meta strong {
    color: #102033 !important;
}

.dashboard-light .setup-summary-text p,
.dashboard-light .setup-intro p,
.dashboard-light .setup-method-card p,
.dashboard-light .site-block-meta,
.dashboard-light .site-block-meta span {
    color: #46586d !important;
}

.dashboard-light .setup-status-pill,
.dashboard-light .site-status-tag,
.dashboard-light .method-recommended-tag {
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.18) !important;
    border-color: rgba(7, 138, 124, 0.28) !important;
}

.dashboard-light .gsc-table-grid .tracking-table-card,
.dashboard-light .gsc-table-grid .gsc-table-card,
.dashboard-light .gsc-table-grid .tracking-table-wrap,
.dashboard-light .gsc-data-table,
.dashboard-light .gsc-data-table > div {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light .gsc-data-table > div:first-child,
.dashboard-light .gsc-data-table > div:first-child strong,
.dashboard-light .gsc-table-card .border-b,
.dashboard-light .gsc-table-card [class*="bg-surface-container-high"] {
    color: #102033 !important;
    background: #eaf4f7 !important;
    border-color: #d8e2ec !important;
}

.dashboard-light .gsc-data-table span:first-child,
.dashboard-light .gsc-data-table span[title],
.dashboard-light .gsc-data-table td:first-child,
.dashboard-light .gsc-data-table a {
    color: #102033 !important;
}

.dashboard-light .gsc-data-table span:not(:first-child),
.dashboard-light .gsc-data-table td:not(:first-child),
.dashboard-light .gsc-data-table .gsc-empty-row span:first-child {
    color: #46586d !important;
}

.dashboard-light .gsc-data-table > div:not(:first-child) {
    border-left-color: rgba(7, 138, 124, 0.26) !important;
}

.dashboard-light .gsc-data-table > div:not(:first-child):hover {
    background: #f0f8fa !important;
}

.dashboard-light .ai-assistant-usage,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 16px 36px rgba(15, 23, 42, 0.07) !important;
}

.dashboard-light .ai-assistant-usage span,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage span {
    color: #078a7c !important;
}

.dashboard-light .ai-assistant-usage strong,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage strong {
    color: #102033 !important;
}

.dashboard-light .ai-assistant-usage small,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage small {
    color: #46586d !important;
}

.dashboard-light .ai-chat-message.user,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user {
    border-color: rgba(7, 138, 124, 0.34) !important;
    color: #052e29 !important;
    background: linear-gradient(135deg, #c9fff3, #a6f3e4) !important;
    box-shadow: 0 14px 32px rgba(7, 138, 124, 0.14) !important;
}

.dashboard-light .ai-chat-message.user::before,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user::before {
    border-color: rgba(7, 138, 124, 0.34) !important;
    color: #052e29 !important;
    background: rgba(255, 255, 255, 0.65) !important;
}

.dashboard-light .ai-chat-message.user span,
.dashboard-light .ai-chat-message.user p,
.dashboard-light .ai-chat-message.user p span,
.dashboard-light .ai-chat-message.user p strong,
.dashboard-light .ai-chat-message.user p li,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user span,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user p {
    color: #052e29 !important;
}

/* Report page light mode: higher specificity than workspace-hide-chrome dark report rules. */
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-main,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-report-shell,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .result-layout,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-report-charts,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-scan-section,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-analysis-section,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-optimization-system {
    color: #102033 !important;
    background: #f4f8fb !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-sidebar,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-topbar,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-hero,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-hero > div:first-child,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-score,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .summary-strip,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .summary-strip > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-report-chart-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-main-issue-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-lost-panel,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .upgrade-section,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-cta-banner,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-cta-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-email,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-ai-assistant-popup,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .asset-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .guide-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .intent-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .intent-page-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-pro-preview,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .sticky-panel,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .check-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-tool,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-group,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-list li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .distribution-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-dashboard-table-wrap,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .intent-pages-table-wrap,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-result-modal-panel,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .insight-block > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-copy > div,

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .metric-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .upgrade-features > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .after-fix-growth > article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-lost-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .roadmap-grid > article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .preview-fix-grid > article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card-body,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .result-main,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .result-side {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}


body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-hero::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-hero::after,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-main-issue-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-lost-panel::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-report-chart-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .check-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-tool::before {
    opacity: 0 !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas h1,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas h2,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas h4,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas h5,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas b,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-topbar strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .dashboard-brand-copy strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card-head h2,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card-head h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-score-inner strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .summary-strip strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card h3 {
    color: #102033 !important;
}

/* body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas small,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas td,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-canvas th,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-report-topbar span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .dashboard-brand-copy small,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .issue-card-summary,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-copy,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .check-card p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-tool p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card-body p {
    color: #46586d !important;
} */

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .eyebrow,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .asset-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .dashboard-sidebar nav a.active,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .nav-icon,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .intent-pill,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-table-pill {
    color: #078a7c !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light table,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light thead,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light tbody,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light tr,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light td,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light th,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-dashboard-table,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .intent-pages-table {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light thead,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light thead tr,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light th {
    color: #102033 !important;
    background: #eaf4f7 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light tr:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .check-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .guide-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .asset-card:hover {
    background: #f0f8fa !important;
    border-color: rgba(7, 138, 124, 0.34) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .secondary-link,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .dashboard-theme-toggle,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .dashboard-sidebar nav a,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .workspace-user-avatar,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light button,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light input,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light textarea,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light select,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light code,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light pre {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #eef5f8 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .primary-link,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-cta-banner .primary-link,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light button[type="submit"] {
    border-color: transparent !important;
    color: #01231f !important;
    background: #16c8b5 !important;
}



/* Remaining report-specific dark blocks in light mode. */
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .sidebar-upgrade,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-sidebar-score,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card-head,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-grid,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-list > article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-mini-metrics span {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.06) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card-head,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-details summary,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-mini-metrics span {
    background: #eaf4f7 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .sidebar-upgrade span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .sidebar-upgrade p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .scan-sidebar-score,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-mini-metrics span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-grid li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-card p {
    color: #46586d !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card-head h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-card-head strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-grid h4,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-card h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-head strong {
    color: #102033 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-data-title > .material-symbols-outlined {
    color: #078a7c !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body .logs li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body code,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body pre,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-card pre,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-card code {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .deep-stats > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-lost-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .preview-fix-grid > article,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .metric-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .metric-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .playbook-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .ai-card-body{
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: none !important;

}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail {
    border-color: rgba(180, 35, 24, 0.24) !important;
    border-top-color: #b42318 !important;
    color: #102033 !important;
    background: #fff7f5 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn {
    border-color: rgba(138, 90, 0, 0.26) !important;
    border-top-color: #b7791f !important;
    color: #102033 !important;
    background: #fff9e8 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass {
    border-color: rgba(8, 116, 67, 0.24) !important;
    border-top-color: #087443 !important;
    color: #102033 !important;
    background: #f1fff8 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail strong {
    color: #7a271a !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn strong {
    color: #7a4b00 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass strong {
    color: #05603a !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass span {
    color: #46586d !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card .insight-block > div {
    border-left-color: rgba(7, 138, 124, 0.34) !important;
    color: #102033 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.fail .insight-block > div {
    border-left-color: rgba(180, 35, 24, 0.34) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.warn .insight-block > div {
    border-left-color: rgba(183, 121, 31, 0.42) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-issue-card.pass .insight-block > div {
    border-left-color: rgba(8, 116, 67, 0.34) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .section-heading.compact,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .deep-scan-section > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .ai-analysis-section > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .ai-optimization-system > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .issue-playbooks > .section-heading {
    border: 0 !important;
    color: #102033 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .section-heading h2,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output .section-heading p {
    background: transparent !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #pro-output.pro-output,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output.scan-report-panel,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output.scan-report-panel.pdf-report-section,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .pro-output.scan-report-panel.pdf-report-section.is-active {
    border: 0 !important;
    color: #102033 !important;
    background: #f4f8fb !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #report-overview .pro-hero-copy {
    border-color: transparent !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}


body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #report-overview .report-score,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #report-overview .pro-score-card {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body.report-detail-modal,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-modal {
    position: fixed !important;
    inset: 0 !important;
    z-index: 9999 !important;
    display: grid !important;
    place-items: center !important;
    padding: clamp(16px, 4vw, 40px) !important;
    border: 0 !important;
    color: #102033 !important;
    background: rgba(244, 248, 251, 0.64) !important;
    background-image: none !important;
    backdrop-filter: blur(18px) saturate(1.12) !important;
    -webkit-backdrop-filter: blur(18px) saturate(1.12) !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .technical-body.report-detail-modal .report-detail-dialog,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog {
    width: min(920px, 100%) !important;
    max-height: min(760px, 88vh) !important;
    overflow: auto !important;
    padding: clamp(20px, 3vw, 34px) !important;
    border: 1px solid rgba(200, 213, 225, 0.95) !important;
    border-radius: 20px !important;
    color: #102033 !important;
    background: rgba(255, 255, 255, 0.94) !important;
    background-image: none !important;
    box-shadow: 0 32px 100px rgba(15, 23, 42, 0.18) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-head {
    border-color: #d8e2ec !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog .technical-body strong {
    color: #078a7c !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-head h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog strong {
    color: #102033 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog li,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog span:not(.material-symbols-outlined) {
    color: #46586d !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-head button,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog button {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #eef5f8 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog pre,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog code,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .report-detail-dialog .logs li {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(216, 226, 236, 0.95) !important;
    border-radius: 20px !important;
    color: #102033 !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(22, 200, 181, 0.15), transparent 16rem),
        linear-gradient(135deg, #ffffff 0%, #f7fbfd 100%) !important;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.08) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy::before {
    content: "lock";
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    color: #064e45;
    background: rgba(22, 200, 181, 0.16);
    font-family: "Material Symbols Outlined";
    font-size: 24px;
    font-feature-settings: "liga";
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy strong {
    color: #102033 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy small {
    color: #46586d !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results.result-layout,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .result-layout.scan-report-panel,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .checks-column,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .pro-column {
    border: 0 !important;
    color: #102033 !important;
    background: #f4f8fb !important;
    background-image: none !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .section-card.free-content-section-locked {
    overflow: hidden;
    border-color: #d8e2ec !important;
    border-radius: 24px !important;
    background:
        radial-gradient(circle at 86% 0%, rgba(22, 200, 181, 0.12), transparent 20rem),
        linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-locked {
    position: relative;
    min-height: 420px;
    display: grid;
    place-items: center;
    padding: clamp(28px, 5vw, 58px) !important;
    border: 0 !important;
    color: #102033 !important;
    background:
        linear-gradient(90deg, rgba(216, 226, 236, 0.42) 1px, transparent 1px),
        linear-gradient(rgba(216, 226, 236, 0.42) 1px, transparent 1px),
        radial-gradient(circle at 82% 12%, rgba(22, 200, 181, 0.16), transparent 20rem),
        #f8fbfd !important;
    background-size: 44px 44px, 44px 44px, auto, auto !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-blur {
    position: absolute;
    inset: 26px;
    z-index: 0;
    display: grid;
    gap: 12px;
    opacity: 0.38;
    filter: blur(1px);
    pointer-events: none;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-blur > div {
    min-height: 58px;
    border: 1px solid rgba(216, 226, 236, 0.72) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.58) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-blur span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-blur strong {
    background: rgba(203, 213, 225, 0.5) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-lock-copy {
    position: relative;
    z-index: 2;
    max-width: 820px;
    margin: 0 auto;
    padding: clamp(28px, 4vw, 44px) !important;
    border: 1px solid rgba(216, 226, 236, 0.92) !important;
    border-radius: 26px !important;
    color: #102033 !important;
    background: rgba(255, 255, 255, 0.92) !important;
    backdrop-filter: blur(14px) saturate(1.08) !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.08) !important;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.12) !important;
    text-align: center;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-section-locked .free-content-lock-copy::before {
    top: 24px;
    right: 24px;
    color: #064e45;
    background: rgba(22, 200, 181, 0.16);
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-pro-badge {
    border-color: rgba(7, 138, 124, 0.26) !important;
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.12) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .locked-pro-points span {
    border-color: transparent !important;
    color: #46586d !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy h3 {
    max-width: 760px;
    margin: 18px auto 14px;
    color: #102033 !important;
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.04;
    letter-spacing: -0.055em;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy p {
    max-width: 700px;
    color: #46586d !important;
    font-size: 16px;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-content-lock-copy .primary-link {
    min-height: 54px;
    padding: 0 26px;
    border-radius: 14px !important;
    color: #01231f !important;
    background: #16c8b5 !important;
    box-shadow: 0 14px 30px rgba(22, 200, 181, 0.22) !important;
}

.dashboard-light .ai-chat-form,
.dashboard-light .ai-assistant-chat-card .ai-chat-form,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form,
.dashboard-light .ai-chat-form > div,
.dashboard-light .ai-assistant-chat-card .ai-chat-form > div {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    background-image: none !important;
    box-shadow: 0 -12px 32px rgba(15, 23, 42, 0.05) !important;
}

.dashboard-light .ai-chat-form textarea,
.dashboard-light .ai-assistant-chat-card .ai-chat-form textarea,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

.dashboard-light .ai-chat-form textarea::placeholder,
.dashboard-light .ai-assistant-chat-card .ai-chat-form textarea::placeholder {
    color: #7b8da1 !important;
}

.dashboard-light .ai-chat-form [data-ai-chat-status],
.dashboard-light .ai-assistant-chat-card .ai-chat-form [data-ai-chat-status] {
    color: #46586d !important;
}

.dashboard-light .ai-chat-form [data-ai-chat-submit],
.dashboard-light .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit],
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] {
    border-color: transparent !important;
    color: #01231f !important;
    background: #16c8b5 !important;
}

.dashboard-light.dashboard-ai-mode,
.dark.dashboard-ai-mode,
.dashboard-light.dashboard-ai-mode main,
.dark.dashboard-ai-mode main,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell,
.dark.dashboard-ai-mode .workspace-panel.ai-assistant-shell,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card,
.dark.dashboard-ai-mode .ai-assistant-chat-card,
.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar,
.dark.dashboard-ai-mode .ai-assistant-sidebar,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-log {
    background: #000 !important;
    background-image: none !important;
    color: #f5f5f5 !important;
}

.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-log {
    background: #000 !important;
    background-image: none !important;
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode [data-dashboard-header],
.dark.dashboard-ai-mode [data-dashboard-header] {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(0, 0, 0, 0.86) !important;
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode [data-ai-overview-back],
.dark.dashboard-ai-mode [data-ai-overview-back],
.dashboard-light.dashboard-ai-mode [data-dashboard-header] a,
.dark.dashboard-ai-mode [data-dashboard-header] a {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #171717 !important;
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode [data-dashboard-header] .bg-tertiary,
.dark.dashboard-ai-mode [data-dashboard-header] .bg-tertiary {
    background: #22c7ad !important;
    color: #00110d !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form,
.dark.dashboard-ai-mode .ai-chat-form,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form,
.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form,
.dark.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form,
.dashboard-light.dashboard-ai-mode .ai-chat-form > div,
.dark.dashboard-ai-mode .ai-chat-form > div,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f4f4f5 !important;
    background: #202020 !important;
    background-image: none !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5) !important;
}

.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f4f4f5 !important;
    background: #202020 !important;
    background-image: none !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.5) !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form > div,
.dark.dashboard-ai-mode .ai-chat-form > div,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div,
.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form > div {
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar,
.dark.dashboard-ai-mode .ai-assistant-sidebar {
    background: #070707 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-empty,
.dark.dashboard-ai-mode .ai-chat-empty,
.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant,
.dark.dashboard-ai-mode .ai-chat-message.assistant,
.dashboard-light.dashboard-ai-mode .ai-thinking-steps b,
.dark.dashboard-ai-mode .ai-thinking-steps b {
    border-color: transparent !important;
    color: #f5f5f5 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-empty strong,
.dark.dashboard-ai-mode .ai-chat-empty strong,
.dashboard-light.dashboard-ai-mode .ai-chat-message p,
.dark.dashboard-ai-mode .ai-chat-message p,
.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar-title strong,
.dark.dashboard-ai-mode .ai-assistant-sidebar-title strong {
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar-title p,
.dark.dashboard-ai-mode .ai-assistant-sidebar-title p,
.dashboard-light.dashboard-ai-mode .ai-assistant-usage small,
.dark.dashboard-ai-mode .ai-assistant-usage small,
.dashboard-light.dashboard-ai-mode .ai-chat-empty span,
.dark.dashboard-ai-mode .ai-chat-empty span,
.dashboard-light.dashboard-ai-mode .ai-chat-form-quality-note,
.dark.dashboard-ai-mode .ai-chat-form-quality-note {
    color: rgba(245, 245, 245, 0.58) !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-usage,
.dark.dashboard-ai-mode .ai-assistant-usage {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #121212 !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar select,
.dark.dashboard-ai-mode .ai-assistant-sidebar select {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: #171717 !important;
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form textarea,
.dark.dashboard-ai-mode .ai-chat-form textarea,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea,
.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea {
    border: 0 !important;
    outline: 0 !important;
    color: #f4f4f5 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dark.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea {
    border: 0 !important;
    outline: 0 !important;
    color: #f4f4f5 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form textarea:focus,
.dark.dashboard-ai-mode .ai-chat-form textarea:focus,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea:focus,
.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea:focus,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea:focus {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dark.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form textarea:focus {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form textarea::placeholder,
.dark.dashboard-ai-mode .ai-chat-form textarea::placeholder,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
}

.dark.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form textarea::placeholder {
    color: rgba(255, 255, 255, 0.52) !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-form [data-ai-chat-submit],
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit],
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-form [data-ai-chat-submit] {
    border-color: transparent !important;
    color: #fff !important;
    background: #0b74de !important;
    box-shadow: none !important;
}

.dashboard-light .ai-chat-upgrade-card,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbfd 100%) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light .ai-chat-upgrade-card span,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card span {
    color: #078a7c !important;
}

.dashboard-light .ai-chat-upgrade-card strong,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card strong {
    color: #102033 !important;
}

.dashboard-light .ai-chat-upgrade-card p,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card p {
    color: #46586d !important;
}

.dashboard-light .ai-chat-upgrade-card a,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-chat-upgrade-card a {
    color: #01231f !important;
    background: #16c8b5 !important;
}

.dashboard-light .ai-chat-message.assistant,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant {
    border-color: transparent !important;
    color: #102033 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light .ai-chat-message.assistant::before,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant::before {
    border-color: rgba(7, 138, 124, 0.28) !important;
    color: #078a7c !important;
    background: rgba(22, 200, 181, 0.12) !important;
}

.dashboard-light .ai-chat-message.assistant > span,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant > span {
    color: #078a7c !important;
}

.dashboard-light .ai-chat-message.assistant p,
.dashboard-light .ai-chat-message.assistant p > span,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p > span {
    color: #1b2f46 !important;
}

.dashboard-light .ai-chat-message.assistant p strong,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p strong {
    color: #071827 !important;
}

.dashboard-light .ai-chat-message.assistant p li,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p li {
    border-color: transparent !important;
    color: #1b2f46 !important;
    background: transparent !important;
}

.dashboard-light .ai-chat-message.assistant p li::before,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p li::before {
    background: #078a7c !important;
    box-shadow: 0 0 0 4px rgba(22, 200, 181, 0.12) !important;
}

.dashboard-light .ai-chat-message.assistant p code,
.dashboard-light .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p code {
    border-color: #b9c9d8 !important;
    color: #071827 !important;
    background: #ffffff !important;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.03) !important;
}

.dashboard-light,
.dashboard-light *,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light * {
    scrollbar-color: #16c8b5 #eef5f8 !important;
    scrollbar-width: thin;
}

html.dashboard-light-scrollbars,
body.dashboard-light-scrollbars,
body.dashboard-light-scrollbars * {
    scrollbar-color: #16c8b5 #eef5f8 !important;
    scrollbar-width: thin !important;
}

.dashboard-light::-webkit-scrollbar,
.dashboard-light *::-webkit-scrollbar,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light::-webkit-scrollbar,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light *::-webkit-scrollbar,
html.dashboard-light-scrollbars::-webkit-scrollbar,
body.dashboard-light-scrollbars::-webkit-scrollbar,
body.dashboard-light-scrollbars *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dashboard-light::-webkit-scrollbar-track,
.dashboard-light *::-webkit-scrollbar-track,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light::-webkit-scrollbar-track,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light *::-webkit-scrollbar-track,
html.dashboard-light-scrollbars::-webkit-scrollbar-track,
body.dashboard-light-scrollbars::-webkit-scrollbar-track,
body.dashboard-light-scrollbars *::-webkit-scrollbar-track {
    background: #eef5f8 !important;
    border-radius: 999px;
}

.dashboard-light::-webkit-scrollbar-thumb,
.dashboard-light *::-webkit-scrollbar-thumb,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light::-webkit-scrollbar-thumb,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light *::-webkit-scrollbar-thumb,
html.dashboard-light-scrollbars::-webkit-scrollbar-thumb,
body.dashboard-light-scrollbars::-webkit-scrollbar-thumb,
body.dashboard-light-scrollbars *::-webkit-scrollbar-thumb {
    border: 2px solid #eef5f8;
    border-radius: 999px;
    background: #16c8b5 !important;
}

.dashboard-light::-webkit-scrollbar-thumb:hover,
.dashboard-light *::-webkit-scrollbar-thumb:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light::-webkit-scrollbar-thumb:hover,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light *::-webkit-scrollbar-thumb:hover,
html.dashboard-light-scrollbars::-webkit-scrollbar-thumb:hover,
body.dashboard-light-scrollbars::-webkit-scrollbar-thumb:hover,
body.dashboard-light-scrollbars *::-webkit-scrollbar-thumb:hover {
    background: #078a7c !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell * {
    scrollbar-color: rgba(255, 255, 255, 0.28) #000 !important;
}

html.dashboard-ai-scrollbars,
body.dashboard-ai-scrollbars,
body.dashboard-ai-scrollbars * {
    scrollbar-color: rgba(255, 255, 255, 0.28) #000 !important;
    scrollbar-width: thin !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell::-webkit-scrollbar,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell *::-webkit-scrollbar,
html.dashboard-ai-scrollbars::-webkit-scrollbar,
body.dashboard-ai-scrollbars::-webkit-scrollbar,
body.dashboard-ai-scrollbars *::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell::-webkit-scrollbar-track,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell *::-webkit-scrollbar-track,
html.dashboard-ai-scrollbars::-webkit-scrollbar-track,
body.dashboard-ai-scrollbars::-webkit-scrollbar-track,
body.dashboard-ai-scrollbars *::-webkit-scrollbar-track {
    background: #000 !important;
    border-radius: 999px;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell::-webkit-scrollbar-thumb,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell *::-webkit-scrollbar-thumb,
html.dashboard-ai-scrollbars::-webkit-scrollbar-thumb,
body.dashboard-ai-scrollbars::-webkit-scrollbar-thumb,
body.dashboard-ai-scrollbars *::-webkit-scrollbar-thumb {
    border: 2px solid #000 !important;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28) !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell::-webkit-scrollbar-thumb:hover,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell *::-webkit-scrollbar-thumb:hover,
html.dashboard-ai-scrollbars::-webkit-scrollbar-thumb:hover,
body.dashboard-ai-scrollbars::-webkit-scrollbar-thumb:hover,
body.dashboard-ai-scrollbars *::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.42) !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell,
.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card,
.dashboard-light.dashboard-ai-mode .ai-assistant-chat-card .ai-chat-log {
    color: #f5f5f5 !important;
    background: #000 !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-usage,
.dashboard-light.dashboard-ai-mode .ai-chat-upgrade-card {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f5 !important;
    background: #121212 !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-usage span,
.dashboard-light.dashboard-ai-mode .ai-assistant-usage strong,
.dashboard-light.dashboard-ai-mode .ai-assistant-usage b,
.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar-title span,
.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p strong,
.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p b {
    color: #22c7ad !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar-title strong,
.dashboard-light.dashboard-ai-mode .ai-chat-empty strong {
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-sidebar-title p,
.dashboard-light.dashboard-ai-mode .ai-assistant-usage small,
.dashboard-light.dashboard-ai-mode .ai-chat-start-scan,
.dashboard-light.dashboard-ai-mode .ai-chat-form-quality-note,
.dashboard-light.dashboard-ai-mode .ai-chat-empty span,
.dashboard-light.dashboard-ai-mode .ai-chat-quality-note {
    color: rgba(245, 245, 245, 0.58) !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-start-scan {
    border-color: rgba(34, 199, 173, 0.28) !important;
    background: rgba(34, 199, 173, 0.1) !important;
    color: #22c7ad !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-clear {
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(245, 245, 245, 0.72) !important;
    background: #071421 !important;
}

.dashboard-light.dashboard-ai-mode .ai-assistant-clear:hover {
    color: #f5f5f5 !important;
    background: #111 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant {
    border-color: transparent !important;
    color: #f5f5f5 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant::before,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant::before {
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
    background: #171717 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p,
.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p > span,
.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p li,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p > span,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p li {
    color: #f5f5f5 !important;
    background: transparent !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.assistant p code,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p code {
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f5f5f5 !important;
    background: #111 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.user,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user {
    color: #fff !important;
    background: #075da8 !important;
}

.dashboard-light.dashboard-ai-mode .ai-chat-message.user p,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.user p {
    color: #fff !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar .ai-assistant-usage {
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #f5f5f5 !important;
    background: #121212 !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage span,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage strong,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage b {
    color: #22c7ad !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-usage small {
    color: rgba(245, 245, 245, 0.58) !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-clear,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active button.ai-assistant-clear {
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: rgba(245, 245, 245, 0.72) !important;
    background: #071421 !important;
    box-shadow: none !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-clear:hover,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active button.ai-assistant-clear:hover {
    color: #f5f5f5 !important;
    background: #111 !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p strong,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card .ai-chat-message.assistant p b,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-message.assistant p strong,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-message.assistant p b {
    color: #22c7ad !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu * {
    color: #f5f5f5 !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu {
    border-color: rgba(255, 255, 255, 0.1) !important;
    background: #181818 !important;
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.62) !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu button {
    background: transparent !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu button:hover {
    background: rgba(255, 255, 255, 0.07) !important;
}

.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu .material-symbols-outlined,
.dashboard-light.dashboard-ai-mode .workspace-panel.ai-assistant-shell.is-active .ai-chat-context-menu small {
    color: #9ca3af !important;
}
.dashboard-light [data-content-planner-panel][hidden],
.dashboard-light [data-content-planner-panel].hidden {
    display: none !important;
}

body.promo-topbar-visible.workspace-hide-chrome [data-dashboard-header] {
    top: 34px !important;
}

body.promo-topbar-visible.workspace-hide-chrome [data-dashboard-sidebar],
body.promo-topbar-visible.workspace-hide-chrome [data-mobile-sidebar] {
    top: 34px !important;
    height: calc(100% - 34px) !important;
}

body.promo-topbar-visible.workspace-hide-chrome .scan-workspace-shell .scan-report-topbar {
    top: 34px !important;
}

@media (max-width: 720px) {
    body.promo-topbar-visible.workspace-hide-chrome [data-dashboard-header] {
        top: 32px !important;
    }

    body.promo-topbar-visible.workspace-hide-chrome [data-dashboard-sidebar],
    body.promo-topbar-visible.workspace-hide-chrome [data-mobile-sidebar] {
        top: 32px !important;
        height: calc(100% - 32px) !important;
    }

    body.promo-topbar-visible.workspace-hide-chrome .scan-workspace-shell .scan-report-topbar {
        top: 32px !important;
    }
}

/* Report pages must stay crisp; glow/blur treatments are reserved for marketing pages. */
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas *,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-sidebar,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-topbar {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .report-hero,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .report-hero > div:first-child,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .report-score,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .section-card,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .pro-report-chart-card,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .pro-main-issue-card,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .pro-lost-panel,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .check-card,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .pro-issue-card,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .roadmap-grid > article,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .executive-summary-group,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .executive-summary-list li,
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .free-content-lock-copy {
    background-image: none !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .free-content-blur {
    display: none !important;
    opacity: 0 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-stats {
    align-items: center !important;
    gap: 8px !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-stats span {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 10px !important;
    border: 1px solid rgba(7, 138, 124, 0.24) !important;
    border-radius: 999px !important;
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.12) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-list span {
    color: #334155 !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-cta {
    border-color: rgba(124, 58, 237, 0.22) !important;
    background: #f6f2ff !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .executive-summary-cta span {
    color: #46586d !important;
}

@media (max-width: 767px) {
    [data-dashboard-shell]:not(.scan-workspace-shell),
    [data-dashboard-shell]:not(.scan-workspace-shell) *,
    [data-dashboard-shell]:not(.scan-workspace-shell)::before,
    [data-dashboard-shell]:not(.scan-workspace-shell)::after,
    [data-dashboard-shell]:not(.scan-workspace-shell) *::before,
    [data-dashboard-shell]:not(.scan-workspace-shell) *::after {
        filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) .blur,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-sm,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-md,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-lg,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-2xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) .blur-3xl {
        display: none !important;
        opacity: 0 !important;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner.workspace-panel.is-active,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing.workspace-panel.is-active,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account.workspace-panel.is-active {
        padding-right: 0 !important;
        padding-left: 0 !important;
        gap: 16px !important;
        border-radius: 1rem;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner > *,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing > *,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner > .flex,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner > .locked-feature-card,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner > .empty-state,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner > .mt-6,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing > .section-heading,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing > .rounded-3xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account > .relative {
        border-radius: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner .grid,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing .grid,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account .grid,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner [data-content-planner-panel] {
        grid-template-columns: 1fr !important;
        min-width: 0 !important;
    }

    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner aside,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner article,
    [data-dashboard-shell]:not(.scan-workspace-shell) #content-planner .rounded-2xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing article,
    [data-dashboard-shell]:not(.scan-workspace-shell) #billing .rounded-2xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account form,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account .rounded-3xl,
    [data-dashboard-shell]:not(.scan-workspace-shell) #account .rounded-2xl {
        max-width: 100% !important;
        min-width: 0 !important;
    }
}

@media (max-width: 760px) {
    body.workspace-hide-chrome .scan-workspace-shell {
        display: block !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar {
        position: sticky !important;
        top: 0 !important;
        z-index: 60 !important;
        display: grid !important;
        gap: 12px !important;
        padding: 12px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(69, 70, 77, 0.76) !important;
        background: #0e1726 !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .dashboard-brand {
        min-width: 0 !important;
        margin: 0 !important;
        gap: 10px !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .brand-mark {
        width: 44px !important;
        height: 44px !important;
        border-radius: 13px !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .dashboard-brand-copy strong {
        font-size: 18px !important;
        line-height: 1 !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .dashboard-brand-copy small {
        max-width: 190px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: 10px !important;
        letter-spacing: 0.16em !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav {
        display: flex !important;
        gap: 8px !important;
        padding: 0 12px 4px !important;
        overflow-x: auto !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav::-webkit-scrollbar {
        display: none !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav a {
        width: auto !important;
        min-width: max-content !important;
        min-height: 42px !important;
        flex: 0 0 auto !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 0 12px !important;
        border-radius: 13px !important;
        scroll-snap-align: start !important;
        white-space: nowrap !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav a span:last-child {
        display: inline !important;
        font-size: 12px !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar nav a small {
        display: inline-flex !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .nav-icon {
        width: 18px !important;
        flex-basis: 18px !important;
        font-size: 19px !important;
    }

    body.workspace-hide-chrome .scan-report-sidebar .sidebar-upgrade {
        display: none !important;
    }

    body.workspace-hide-chrome .scan-report-main {
        padding-top: 0 !important;
    }



    body.promo-topbar-visible.workspace-hide-chrome .scan-workspace-shell .scan-report-topbar {
        top: 148px !important;
    }

    body.workspace-hide-chrome .scan-report-topbar > div:first-child {
        min-width: 0 !important;
    }

    body.workspace-hide-chrome .scan-report-topbar > div:first-child strong {
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.workspace-hide-chrome .workspace-topbar-actions {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) auto !important;
        gap: 8px !important;
        width: 100% !important;
        align-items: center !important;
    }

    body.workspace-hide-chrome .workspace-topbar-actions .secondary-link,
    body.workspace-hide-chrome .workspace-topbar-actions .dashboard-theme-toggle {
        width: 100% !important;
        min-height: 40px !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border-radius: 12px !important;
        font-size: 12px !important;
    }

    body.workspace-hide-chrome .workspace-topbar-actions .pdf-export-button::before {
        content: "PDF";
        display: inline-flex;
        margin-right: 6px;
        padding: 3px 6px;
        border-radius: 999px;
        color: #003731;
        background: #6fffd2;
        font-size: 10px;
        font-weight: 600;
    }

    body.workspace-hide-chrome .workspace-user-avatar {
        display: none !important;
    }

    body.workspace-hide-chrome .scan-report-canvas {
        gap: 14px !important;
        padding: 12px !important;
    }

    body.workspace-hide-chrome .scan-report-panel,
    body.workspace-hide-chrome .pro-report-shell,
    body.workspace-hide-chrome .section-card,
    body.workspace-hide-chrome .pro-main-issue-card,
    body.workspace-hide-chrome .pro-lost-panel,
    body.workspace-hide-chrome .pro-cta-banner,
    body.workspace-hide-chrome .free-report-email,
    body.workspace-hide-chrome .deep-scan-section,
    body.workspace-hide-chrome .ai-analysis-section,
    body.workspace-hide-chrome .ai-optimization-system,
    body.workspace-hide-chrome .pro-output {
        max-width: 100% !important;
        overflow: hidden !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero,
    body.workspace-hide-chrome .scan-report-canvas .result-layout,
    body.workspace-hide-chrome .scan-report-canvas .pro-report-charts,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-grid,
    body.workspace-hide-chrome .scan-report-canvas .deep-scan-grid,
    body.workspace-hide-chrome .scan-report-canvas .guide-grid,
    body.workspace-hide-chrome .scan-report-canvas .asset-grid,
    body.workspace-hide-chrome .scan-report-canvas .optimization-grid,
    body.workspace-hide-chrome .scan-report-canvas .intent-grid,
    body.workspace-hide-chrome .scan-report-canvas .preview-fix-grid,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-list,
    body.workspace-hide-chrome .scan-report-canvas .ai-content,
    body.workspace-hide-chrome .scan-report-canvas .after-fix-growth,
    body.workspace-hide-chrome .scan-report-canvas .upgrade-features,
    body.workspace-hide-chrome .scan-report-canvas .pro-lost-grid,
    body.workspace-hide-chrome .scan-report-canvas .insight-block,
    body.workspace-hide-chrome .scan-report-canvas .executive-copy,
    body.workspace-hide-chrome .scan-report-canvas .deep-stats,
    body.workspace-hide-chrome .scan-report-canvas .metric-grid {
        grid-template-columns: 1fr !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero > div:first-child,
    body.workspace-hide-chrome .scan-report-canvas .report-score,
    body.workspace-hide-chrome .scan-report-canvas .section-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-report-chart-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-main-issue-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-lost-panel,
    body.workspace-hide-chrome .scan-report-canvas .check-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-card,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
    body.workspace-hide-chrome .scan-report-canvas .preview-fix-grid > article,
    body.workspace-hide-chrome .scan-report-canvas .deep-card,
    body.workspace-hide-chrome .scan-report-canvas .ai-card,
    body.workspace-hide-chrome .scan-report-canvas .asset-card,
    body.workspace-hide-chrome .scan-report-canvas .guide-card,
    body.workspace-hide-chrome .scan-report-canvas .intent-card,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-group {
        min-height: 0 !important;
        padding: 16px !important;
        border-radius: 16px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h1,
    body.workspace-hide-chrome .scan-report-canvas .report-hero h1 {
        font-size: clamp(24px, 7vw, 30px) !important;
        line-height: 1.08 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h2,
    body.workspace-hide-chrome .scan-report-canvas .section-card-head h2 {
        font-size: clamp(20px, 5.8vw, 25px) !important;
        line-height: 1.12 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h3 {
        font-size: clamp(16px, 4.8vw, 20px) !important;
        line-height: 1.16 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas p,
    body.workspace-hide-chrome .scan-report-canvas li {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas span,
    body.workspace-hide-chrome .scan-report-canvas small,
    body.workspace-hide-chrome .scan-report-canvas td,
    body.workspace-hide-chrome .scan-report-canvas th,
    body.workspace-hide-chrome .scan-report-canvas summary,
    body.workspace-hide-chrome .scan-report-canvas button,
    body.workspace-hide-chrome .scan-report-canvas .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .secondary-link {
        font-size: 12px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .eyebrow,
    body.workspace-hide-chrome .scan-report-canvas .section-card-head span,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-list span,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article > span,
    body.workspace-hide-chrome .scan-report-canvas .check-title span {
        font-size: 10px !important;
        letter-spacing: 0.1em !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .section-card-head,
    body.workspace-hide-chrome .scan-report-canvas .pro-data-card-head,
    body.workspace-hide-chrome .scan-report-canvas .asset-head,
    body.workspace-hide-chrome .scan-report-canvas .report-detail-head,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-group-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .section-card-head > strong,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-group-head > strong {
        width: fit-content !important;
        margin-left: 0 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .executive-summary-group-head h3 {
        font-size: clamp(30px, 10vw, 42px) !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .executive-summary-stats,
    body.workspace-hide-chrome .scan-report-canvas .report-mini-metrics,
    body.workspace-hide-chrome .scan-report-canvas .report-actions,
    body.workspace-hide-chrome .scan-report-canvas .upgrade-actions,
    body.workspace-hide-chrome .scan-report-canvas .after-fix-actions {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .executive-summary-stats span,
    body.workspace-hide-chrome .scan-report-canvas .report-mini-metrics span {
        width: auto !important;
        min-width: 0 !important;
        height: auto !important;
        aspect-ratio: auto !important;
        padding: 6px 10px !important;
        font-size: 11px !important;
        white-space: nowrap !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .secondary-link,
    body.workspace-hide-chrome .scan-report-canvas .copy-btn,
    body.workspace-hide-chrome .scan-report-canvas button {
        max-width: 100% !important;
        min-height: 42px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-actions .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .report-actions .secondary-link,
    body.workspace-hide-chrome .scan-report-canvas .upgrade-actions .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .upgrade-actions .secondary-link,
    body.workspace-hide-chrome .scan-report-canvas .after-fix-actions .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .after-fix-actions .secondary-link {
        flex: 1 1 100% !important;
        justify-content: center !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-score {
        height: auto !important;
        min-height: 190px !important;
        max-height: none !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-score-signals,
    body.workspace-hide-chrome .scan-report-canvas .deep-stats,
    body.workspace-hide-chrome .scan-report-canvas .metric-grid {
        gap: 10px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-chart-canvas {
        min-height: 220px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .pro-dashboard-table-wrap,
    body.workspace-hide-chrome .scan-report-canvas .intent-pages-table-wrap,
    body.workspace-hide-chrome .scan-report-canvas table,
    body.workspace-hide-chrome .scan-report-canvas pre {
        max-width: 100% !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.workspace-hide-chrome .scan-report-canvas table {
        min-width: 720px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas pre,
    body.workspace-hide-chrome .scan-report-canvas code {
        white-space: pre-wrap !important;
        overflow-wrap: anywhere !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .technical-body.report-detail-modal,
    body.workspace-hide-chrome .scan-report-canvas .report-detail-modal {
        align-items: end !important;
        padding: 8px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-detail-dialog {
        width: 100% !important;
        max-height: 88vh !important;
        padding: 18px !important;
        border-radius: 18px 18px 12px 12px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-detail-head button {
        width: 100% !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .distribution-platforms {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 420px) {
    body.workspace-hide-chrome .scan-report-sidebar .dashboard-brand-copy small {
        max-width: 150px !important;
    }

    body.workspace-hide-chrome .workspace-topbar-actions {
        grid-template-columns: 1fr 1fr !important;
    }

    body.workspace-hide-chrome .workspace-topbar-actions .dashboard-theme-toggle {
        grid-column: span 2 !important;
    }

    body.workspace-hide-chrome .scan-report-canvas {
        padding: 10px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas .report-hero > div:first-child,
    body.workspace-hide-chrome .scan-report-canvas .report-score,
    body.workspace-hide-chrome .scan-report-canvas .section-card,
    body.workspace-hide-chrome .scan-report-canvas .pro-issue-card,
    body.workspace-hide-chrome .scan-report-canvas .roadmap-grid > article,
    body.workspace-hide-chrome .scan-report-canvas .executive-summary-group {
        padding: 14px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h1,
    body.workspace-hide-chrome .scan-report-canvas .report-hero h1 {
        font-size: 23px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h2,
    body.workspace-hide-chrome .scan-report-canvas .section-card-head h2 {
        font-size: 19px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas h3 {
        font-size: 16px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas p,
    body.workspace-hide-chrome .scan-report-canvas li {
        font-size: 12px !important;
    }

    body.workspace-hide-chrome .scan-report-canvas span,
    body.workspace-hide-chrome .scan-report-canvas small,
    body.workspace-hide-chrome .scan-report-canvas td,
    body.workspace-hide-chrome .scan-report-canvas th,
    body.workspace-hide-chrome .scan-report-canvas summary,
    body.workspace-hide-chrome .scan-report-canvas button,
    body.workspace-hide-chrome .scan-report-canvas .primary-link,
    body.workspace-hide-chrome .scan-report-canvas .secondary-link {
        font-size: 11px !important;
    }
}

/* Admin dashboard final pass: override late dark rules without affecting user dashboard. */
.dashboard-light.admin-modern-shell .admin-hero,
.dashboard-light.admin-modern-shell .admin-panel,
.dashboard-light.admin-modern-shell .admin-table-wrap,
.dashboard-light.admin-modern-shell .admin-events,
.dashboard-light.email-admin-shell .workspace-panel,
.dashboard-light.email-admin-shell .email-admin-card {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.06) !important;
}

.dashboard-light.admin-modern-shell .admin-table,
.dashboard-light.email-admin-shell .admin-table {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
}

.dashboard-light.admin-modern-shell .admin-table th,
.dashboard-light.email-admin-shell .admin-table th {
    color: #46586d !important;
    background: #eaf4f7 !important;
}

.dashboard-light.admin-modern-shell .admin-table td,
.dashboard-light.email-admin-shell .admin-table td {
    border-bottom-color: #d8e2ec !important;
    color: #46586d !important;
}

.dashboard-light.admin-modern-shell .admin-table tbody tr:hover,
.dashboard-light.email-admin-shell .admin-table tbody tr:hover {
    background: #f4f8fb !important;
}

.dashboard-light.admin-modern-shell .admin-list,
.dashboard-light.admin-modern-shell .admin-events,
.dashboard-light.email-admin-shell .email-campaign-controls,
.dashboard-light.email-admin-shell .email-campaign-summary {
    color: #102033 !important;
    background: transparent !important;
}

.dashboard-light.admin-modern-shell .admin-list-row,
.dashboard-light.admin-modern-shell .admin-record-card,
.dashboard-light.admin-modern-shell .admin-events > div,
.dashboard-light.admin-modern-shell .admin-action-menu > div,
.dashboard-light.admin-modern-shell .admin-ad-builder,
.dashboard-light.admin-modern-shell .plinkod-performance-dropdown,
.dashboard-light.email-admin-shell .email-control-card,
.dashboard-light.email-admin-shell .email-campaign-summary div {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05) !important;
}

.dashboard-light.admin-modern-shell .admin-record-fields span,
.dashboard-light.admin-modern-shell .admin-empty-card {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

.dashboard-light.admin-modern-shell .admin-record-title strong,
.dashboard-light.admin-modern-shell .admin-record-fields strong {
    color: #102033 !important;
}

.dashboard-light.admin-modern-shell .admin-record-title small,
.dashboard-light.admin-modern-shell .admin-record-fields small {
    color: #64748b !important;
}

.dashboard-light.admin-modern-shell .admin-record-avatar,
.dashboard-light.admin-modern-shell .admin-record-icon {
    border-color: rgba(7, 138, 124, 0.24) !important;
    color: #078a7c !important;
    background: rgba(22, 200, 181, 0.12) !important;
}

.dashboard-light.admin-modern-shell .admin-record-icon.muted {
    border-color: #d8e2ec !important;
    color: #64748b !important;
    background: #f7fbfd !important;
}

.dashboard-light.admin-modern-shell .admin-filter-note {
    border-color: rgba(7, 138, 124, 0.22) !important;
    color: #46586d !important;
    background: rgba(22, 200, 181, 0.1) !important;
}

.dashboard-light.admin-modern-shell .admin-filter-note a {
    color: #078a7c !important;
}

.dashboard-light.admin-modern-shell .plinkod-ads-hero,
.dashboard-light.email-admin-shell .email-campaign-hero {
    border-color: rgba(7, 138, 124, 0.22) !important;
    background: radial-gradient(circle at top right, rgba(22, 200, 181, 0.18), transparent 34%), linear-gradient(135deg, #ffffff 0%, #eef8f7 100%) !important;
}

.dashboard-light.admin-modern-shell .plinkod-hero-metrics span,
.dashboard-light.admin-modern-shell .plinkod-performance-metrics b {
    border-color: #d8e2ec !important;
    color: #46586d !important;
    background: #f7fbfd !important;
}

.dashboard-light.admin-modern-shell .admin-ads-tabs {
    border-color: #c8d5e1 !important;
    background: #eef5f8 !important;
}

.dashboard-light.admin-modern-shell .admin-ads-tabs button:not(.active) {
    color: #46586d !important;
}

.dashboard-light.admin-modern-shell .plinkod-file-field input[type="file"],
.dashboard-light.admin-modern-shell .admin-ad-builder-grid select[multiple],
.dashboard-light.admin-modern-shell .admin-inline-form select[multiple],
.dashboard-light.email-admin-shell .email-add-recipient-box textarea,
.dashboard-light.email-admin-shell .email-campaign-form input,
.dashboard-light.email-admin-shell .email-campaign-form select,
.dashboard-light.email-admin-shell .email-campaign-form textarea,
.dashboard-light.email-admin-shell .email-admin-actions input {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light.admin-modern-shell .admin-events code {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #f7fbfd !important;
}

.dashboard-light.email-admin-shell {
    min-height: 100vh;
    color: #102033 !important;
    background: radial-gradient(circle at 80% 0%, rgba(60, 221, 199, 0.16), transparent 26rem), #f4f8fb !important;
}

.dashboard-light.email-admin-shell .dashboard-sidebar {
    border-color: #d9e3ec !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08) !important;
}

.dashboard-light.email-admin-shell .dashboard-sidebar nav a,
.dashboard-light.email-admin-shell .sidebar-upgrade {
    color: #46586d !important;
    background: #f7fbfd !important;
}

.dashboard-light.email-admin-shell .dashboard-sidebar nav a.active {
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.18) !important;
}

/* Report page dark mode: match the updated light report structure without reverting to legacy panels. */
body.workspace-hide-chrome .scan-workspace-shell.dark,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-main,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-report-shell,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-output,
body.workspace-hide-chrome .scan-workspace-shell.dark .result-layout,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-report-charts,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-scan-section,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-analysis-section,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-optimization-system {
    color: #d4e4fa !important;
    background: radial-gradient(circle at 80% 0%, rgba(60, 221, 199, 0.12), transparent 28rem), #071422 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-sidebar,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-topbar,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-hero,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-hero > div:first-child,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-score,
body.workspace-hide-chrome .scan-workspace-shell.dark .section-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .summary-strip,
body.workspace-hide-chrome .scan-workspace-shell.dark .summary-strip > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-report-chart-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-main-issue-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-lost-panel,
body.workspace-hide-chrome .scan-workspace-shell.dark .upgrade-section,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-cta-banner,
body.workspace-hide-chrome .scan-workspace-shell.dark .free-report-email,
body.workspace-hide-chrome .scan-workspace-shell.dark .free-ai-assistant-popup,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .asset-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .guide-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .intent-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .intent-page-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .locked-pro-preview,
body.workspace-hide-chrome .scan-workspace-shell.dark .sticky-panel,
body.workspace-hide-chrome .scan-workspace-shell.dark .check-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .locked-tool,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .executive-summary-group,
body.workspace-hide-chrome .scan-workspace-shell.dark .executive-summary-list li,
body.workspace-hide-chrome .scan-workspace-shell.dark .distribution-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-data-card,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-dashboard-table-wrap,
body.workspace-hide-chrome .scan-workspace-shell.dark .intent-pages-table-wrap,
body.workspace-hide-chrome .scan-workspace-shell.dark .insight-block > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .executive-copy > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-stats > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .metric-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .upgrade-features > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .after-fix-growth > article,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-lost-grid > div,
body.workspace-hide-chrome .scan-workspace-shell.dark .roadmap-grid > article,
body.workspace-hide-chrome .scan-workspace-shell.dark .preview-fix-grid > article,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card-body,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-output article,
body.workspace-hide-chrome .scan-workspace-shell.dark .result-main,
body.workspace-hide-chrome .scan-workspace-shell.dark .result-side {
    border-color: rgba(83, 99, 116, 0.34) !important;
    color: #d4e4fa !important;
    background: #122131 !important;
    background-image: none !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .report-hero::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-hero::after,
body.workspace-hide-chrome .scan-workspace-shell.dark .section-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-main-issue-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-lost-panel::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-report-chart-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .check-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark .locked-tool::before {
    opacity: 0 !important;
    background: transparent !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas h1,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas h2,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas h3,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas h4,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas h5,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas b,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-topbar strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .dashboard-brand-copy strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .section-card-head h2,
body.workspace-hide-chrome .scan-workspace-shell.dark .section-card-head h3,
body.workspace-hide-chrome .scan-workspace-shell.dark .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-score-inner strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .summary-strip strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-data-card strong,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card h3 {
    color: #d4e4fa !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas p,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas li,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas small,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas span,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas td,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-canvas th,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-report-topbar span,
body.workspace-hide-chrome .scan-workspace-shell.dark .dashboard-brand-copy small,
body.workspace-hide-chrome .scan-workspace-shell.dark .issue-card-summary,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-copy,
body.workspace-hide-chrome .scan-workspace-shell.dark .check-card p,
body.workspace-hide-chrome .scan-workspace-shell.dark .locked-tool p,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card-body p {
    color: #c6c6cd !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .eyebrow,
body.workspace-hide-chrome .scan-workspace-shell.dark .section-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dark .asset-head span,
body.workspace-hide-chrome .scan-workspace-shell.dark .playbook-head span,
body.workspace-hide-chrome .scan-workspace-shell.dark .dashboard-sidebar nav a.active,
body.workspace-hide-chrome .scan-workspace-shell.dark .nav-icon,
body.workspace-hide-chrome .scan-workspace-shell.dark .intent-pill,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-table-pill {
    color: #3cddc7 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .dashboard-sidebar nav a,
body.workspace-hide-chrome .scan-workspace-shell.dark .secondary-link,
body.workspace-hide-chrome .scan-workspace-shell.dark .dashboard-theme-toggle,
body.workspace-hide-chrome .scan-workspace-shell.dark .workspace-user-avatar,
body.workspace-hide-chrome .scan-workspace-shell.dark .sidebar-upgrade,
body.workspace-hide-chrome .scan-workspace-shell.dark .scan-sidebar-score,
body.workspace-hide-chrome .scan-workspace-shell.dark .technical-body,
body.workspace-hide-chrome .scan-workspace-shell.dark .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dark .report-mini-metrics span {
    border-color: rgba(83, 99, 116, 0.42) !important;
    color: #d4e4fa !important;
    background: #0d1c2d !important;
    box-shadow: none !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .primary-link,
body.workspace-hide-chrome .scan-workspace-shell.dark button[type="submit"],
body.workspace-hide-chrome .scan-workspace-shell.dark .technical-details summary {
    border-color: transparent !important;
    color: #003731 !important;
    background: #3cddc7 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark table,
body.workspace-hide-chrome .scan-workspace-shell.dark thead,
body.workspace-hide-chrome .scan-workspace-shell.dark tbody,
body.workspace-hide-chrome .scan-workspace-shell.dark tr,
body.workspace-hide-chrome .scan-workspace-shell.dark td,
body.workspace-hide-chrome .scan-workspace-shell.dark th,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-dashboard-table,
body.workspace-hide-chrome .scan-workspace-shell.dark .intent-pages-table {
    border-color: rgba(83, 99, 116, 0.42) !important;
    background: #122131 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark thead,
body.workspace-hide-chrome .scan-workspace-shell.dark thead tr,
body.workspace-hide-chrome .scan-workspace-shell.dark th {
    color: #d4e4fa !important;
    background: #1c2b3c !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark tr:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .check-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .deep-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .ai-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .guide-card:hover,
body.workspace-hide-chrome .scan-workspace-shell.dark .asset-card:hover {
    border-color: rgba(60, 221, 199, 0.42) !important;
    background: #142536 !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card.fail {
    border-color: rgba(255, 180, 171, 0.26) !important;
    border-top-color: #ffb4ab !important;
    background: linear-gradient(135deg, rgba(255, 180, 171, 0.08), #122131 62%) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card.warn {
    border-color: rgba(250, 204, 21, 0.26) !important;
    border-top-color: #facc15 !important;
    background: linear-gradient(135deg, rgba(250, 204, 21, 0.08), #122131 62%) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark .pro-issue-card.pass {
    border-color: rgba(60, 221, 199, 0.26) !important;
    border-top-color: #3cddc7 !important;
    background: linear-gradient(135deg, rgba(60, 221, 199, 0.08), #122131 62%) !important;
}

body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .section-heading.compact,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .deep-scan-section > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .ai-analysis-section > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .ai-optimization-system > .section-heading,
body.workspace-hide-chrome .scan-workspace-shell.dark #pro-output .issue-playbooks > .section-heading {
    border: 0 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

@media (max-width: 860px) {
    .admin-modern-shell header {
        gap: 10px;
        padding-inline: 12px !important;
    }

    .admin-modern-shell header > div:last-child {
        gap: 8px;
    }

    .admin-modern-shell header .dashboard-theme-toggle {
        min-width: 44px;
        padding-inline: 10px;
    }

    .admin-modern-shell header .dashboard-theme-toggle [data-dashboard-theme-label],
    .admin-modern-shell header .rounded-full.bg-tertiary,
    .admin-modern-shell header a[href="logout.php"] {
        display: none;
    }

    .admin-modern-shell main {
        padding-inline: 12px !important;
    }

    .admin-modern-shell .admin-workspace-main {
        max-width: 100%;
    }

    .admin-modern-shell .admin-hero,
    .admin-modern-shell .admin-panel-head,
    .admin-modern-shell .admin-list-row,
    .admin-modern-shell .plinkod-performance-row,
    .admin-modern-shell .admin-list-row:has(.plinkod-session-main),
    .email-admin-shell .workspace-topbar,
    .email-admin-shell .workspace-topbar-actions,
    .email-admin-shell .admin-hero,
    .email-admin-shell .admin-panel-head {
        display: grid !important;
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .admin-modern-shell .admin-panel-head,
    .admin-modern-shell .admin-panel > .admin-table-wrap,
    .admin-modern-shell .admin-panel > form,
    .admin-modern-shell .admin-panel > .admin-list,
    .admin-modern-shell .admin-panel > .admin-record-list,
    .admin-modern-shell .admin-panel > .admin-events,
    .admin-modern-shell .admin-panel > .admin-stat-grid,
    .admin-modern-shell .admin-panel > [data-admin-ads-tabs],
    .admin-modern-shell .admin-panel > [data-admin-ads-panel] {
        margin: 12px !important;
        width: 88dvw !important;
    }

    .admin-modern-shell .admin-panel-head,
    .admin-modern-shell .admin-panel,
    .admin-modern-shell .admin-hero,
    .email-admin-shell .workspace-panel,
    .email-admin-shell .email-admin-card {
        border-radius: 18px !important;
    }

    .admin-modern-shell .admin-table-wrap,
    .email-admin-shell .admin-table-wrap {
        overflow: visible !important;
    }

    .admin-modern-shell .admin-table,
    .email-admin-shell .admin-table {
        min-width: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .admin-modern-shell .admin-table thead,
    .email-admin-shell .admin-table thead {
        display: none !important;
    }

    .admin-modern-shell .admin-table,
    .admin-modern-shell .admin-table tbody,
    .admin-modern-shell .admin-table tr,
    .admin-modern-shell .admin-table td,
    .email-admin-shell .admin-table,
    .email-admin-shell .admin-table tbody,
    .email-admin-shell .admin-table tr,
    .email-admin-shell .admin-table td {
        display: block !important;
        width: 100% !important;
    }

    .admin-modern-shell .admin-table tr,
    .email-admin-shell .admin-table tr {
        margin-bottom: 12px !important;
        border: 1px solid var(--ws-line) !important;
        border-radius: 16px !important;
        background: var(--ws-panel-2) !important;
        overflow: hidden !important;
    }

    .admin-modern-shell .admin-table td,
    .email-admin-shell .admin-table td {
        padding: 12px 14px !important;
        border-bottom: 1px solid var(--ws-line) !important;
    }

    .admin-modern-shell .admin-table td:last-child,
    .email-admin-shell .admin-table td:last-child {
        border-bottom: 0 !important;
    }

    .admin-modern-shell .admin-record-list,
    .admin-modern-shell .admin-record-card,
    .admin-modern-shell .admin-record-fields,
    .admin-modern-shell .admin-record-fields.compact {
        grid-template-columns: 1fr !important;
    }

    .admin-modern-shell .admin-record-card {
        gap: 14px !important;
        padding: 14px !important;
    }

    .admin-modern-shell .admin-record-main,
    .admin-modern-shell .admin-record-badges,
    .admin-modern-shell .admin-record-fields,
    .admin-modern-shell .admin-record-actions {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    .admin-modern-shell .admin-record-main,
    .admin-modern-shell .admin-record-badges,
    .admin-modern-shell .admin-record-actions,
    .admin-modern-shell .admin-record-actions.split {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    .admin-modern-shell .admin-record-actions .admin-action-menu,
    .admin-modern-shell .admin-record-actions .secondary-link,
    .admin-modern-shell .admin-record-actions form,
    .admin-modern-shell .admin-record-actions button {
        width: 100% !important;
    }

    .admin-modern-shell .admin-record-title strong,
    .admin-modern-shell .admin-record-fields strong {
        white-space: normal !important;
    }

    .admin-modern-shell .admin-search,
    .admin-modern-shell .admin-search input,
    .admin-modern-shell .admin-search select,
    .admin-modern-shell .admin-search button,
    .admin-modern-shell .admin-hero-actions > *,
    .admin-modern-shell .admin-bulk-bar button,
    .admin-modern-shell .plinkod-form-actions > *,
    .email-admin-shell .workspace-topbar-actions > *,
    .email-admin-shell .admin-hero-actions > *,
    .email-admin-shell .email-add-recipient-box button {
        width: 100% !important;
        min-width: 0 !important;
    }

    .admin-modern-shell .admin-ad-builder-grid,
    .email-admin-shell .email-form-grid,
    .email-admin-shell .email-campaign-controls,
    .email-admin-shell .email-campaign-summary,
    .email-admin-shell .email-stat-grid.dashboard-stats {
        grid-template-columns: 1fr !important;
    }

    .admin-modern-shell .admin-action-menu > div {
        min-width: 0 !important;
    }
}

@media (max-width: 480px) {
    .admin-modern-shell .admin-hero h1,
    .email-admin-shell .admin-hero h1,
    .email-admin-shell .email-admin-heading h1 {
        font-size: 28px !important;
        letter-spacing: -0.04em !important;
    }

    .admin-modern-shell .dashboard-card,
    .email-admin-shell .dashboard-card {
        min-height: auto !important;
        padding: 16px !important;
    }

    .admin-modern-shell .plinkod-performance-metrics b {
        min-width: 100% !important;
    }
}

@media (max-width: 1024px) {
    .admin-modern-shell #users .admin-table-wrap {
        overflow: visible !important;
    }

    .admin-modern-shell #users .admin-table {
        min-width: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .admin-modern-shell #users .admin-table thead {
        display: none !important;
    }

    .admin-modern-shell #users .admin-table,
    .admin-modern-shell #users .admin-table tbody,
    .admin-modern-shell #users .admin-table tr,
    .admin-modern-shell #users .admin-table td {
        display: block !important;
        width: 100% !important;
    }

    .admin-modern-shell #users .admin-table tr {
        margin-bottom: 14px !important;
        border: 1px solid var(--ws-line) !important;
        border-radius: 18px !important;
        background: var(--ws-panel-2) !important;
        overflow: hidden !important;
    }

    .admin-modern-shell #users .admin-table td {
        display: grid !important;
        grid-template-columns: minmax(96px, 34%) minmax(0, 1fr) !important;
        gap: 12px !important;
        padding: 13px 14px !important;
        border-bottom: 1px solid var(--ws-line) !important;
        overflow-wrap: anywhere !important;
    }

    .admin-modern-shell #users .admin-table td::before {
        color: var(--ws-muted) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .admin-modern-shell #users .admin-table td:nth-child(1)::before { content: "User"; }
    .admin-modern-shell #users .admin-table td:nth-child(2)::before { content: "Role"; }
    .admin-modern-shell #users .admin-table td:nth-child(3)::before { content: "Subscription"; }
    .admin-modern-shell #users .admin-table td:nth-child(4)::before { content: "Site limit"; }
    .admin-modern-shell #users .admin-table td:nth-child(5)::before { content: "Websites"; }
    .admin-modern-shell #users .admin-table td:nth-child(6)::before { content: "Scans"; }
    .admin-modern-shell #users .admin-table td:nth-child(7)::before { content: "Paid"; }
    .admin-modern-shell #users .admin-table td:nth-child(8)::before { content: "AI Assistant"; }
    .admin-modern-shell #users .admin-table td:nth-child(9)::before { content: "Joined"; }
    .admin-modern-shell #users .admin-table td:nth-child(10)::before { content: "Actions"; }

    .admin-modern-shell .admin-table td[data-label]::before,
    .email-admin-shell .admin-table td[data-label]::before {
        content: attr(data-label) !important;
        color: var(--ws-muted) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .admin-modern-shell #users .admin-table td:last-child {
        border-bottom: 0 !important;
    }

    .admin-modern-shell #users .admin-actions-cell,
    .admin-modern-shell #users .admin-action-menu,
    .admin-modern-shell #users .admin-action-menu > div,
    .admin-modern-shell #users .admin-action-menu form,
    .admin-modern-shell #users .admin-action-menu input,
    .admin-modern-shell #users .admin-action-menu select,
    .admin-modern-shell #users .admin-action-menu button,
    .admin-modern-shell #users .admin-action-menu a {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .admin-modern-shell #users .admin-action-menu > div {
        box-sizing: border-box !important;
    }
}

@media (max-width: 860px) {
    .email-admin-shell .email-campaign-table td,
    .email-admin-shell .email-log-table td {
        display: grid !important;
        grid-template-columns: minmax(94px, 34%) minmax(0, 1fr) !important;
        gap: 12px !important;
        overflow-wrap: anywhere !important;
    }

    .email-admin-shell .email-campaign-table td::before,
    .email-admin-shell .email-log-table td::before {
        color: var(--ws-muted) !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .email-admin-shell .email-campaign-table td:nth-child(1)::before { content: "Campaign"; }
    .email-admin-shell .email-campaign-table td:nth-child(2)::before { content: "Type"; }
    .email-admin-shell .email-campaign-table td:nth-child(3)::before { content: "Status"; }
    .email-admin-shell .email-campaign-table td:nth-child(4)::before { content: "Sent"; }
    .email-admin-shell .email-campaign-table td:nth-child(5)::before { content: "Failed"; }
    .email-admin-shell .email-campaign-table td:nth-child(6)::before { content: "Opened"; }
    .email-admin-shell .email-campaign-table td:nth-child(7)::before { content: "Created"; }
    .email-admin-shell .email-campaign-table td:nth-child(8)::before { content: "Action"; }

    .email-admin-shell .email-log-table td:nth-child(1)::before { content: "Recipient"; }
    .email-admin-shell .email-log-table td:nth-child(2)::before { content: "Status"; }
    .email-admin-shell .email-log-table td:nth-child(3)::before { content: "Sent"; }
    .email-admin-shell .email-log-table td:nth-child(4)::before { content: "Opened"; }
    .email-admin-shell .email-log-table td:nth-child(5)::before { content: "Error"; }
}

@media (max-width: 520px) {
    .admin-modern-shell #users .admin-table td,
    .email-admin-shell .email-campaign-table td,
    .email-admin-shell .email-log-table td {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
    }

    .admin-modern-shell #users .admin-action-menu summary {
        display: flex !important;
        min-height: 42px !important;
        align-items: center !important;
        justify-content: center !important;
        border: 1px solid var(--ws-line) !important;
        border-radius: 12px !important;
        background: var(--ws-panel) !important;
    }
}

/* Pre-scan access states: compact, diagnostic, and readable in both themes. */
.scan-workspace-shell .access-check-card {
    position: relative;
    display: grid;
    gap: 22px;
    padding: clamp(24px, 3vw, 34px) !important;
    overflow: hidden;
}

.scan-workspace-shell .access-check-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 7px;
    background: linear-gradient(180deg, #ff6b6b, #ffb86c);
}

.scan-workspace-shell .access-check-card.is-limited::before {
    background: linear-gradient(180deg, #fbbf24, #16c8b5);
}

.scan-workspace-shell .access-check-topline {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 22px;
    align-items: start;
}

.scan-workspace-shell .access-check-topline span,
.scan-workspace-shell .access-allow-panel span,
.scan-workspace-shell .access-check-metric span {
    display: block;
    margin-bottom: 8px;
    color: #6fffd2;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.scan-workspace-shell .access-check-topline h2 {
    margin: 0 0 10px;
    font-size: clamp(30px, 3vw, 48px);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.scan-workspace-shell .access-check-topline p {
    max-width: 720px;
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
}

.scan-workspace-shell .access-check-topline p.shopify-platform-copy {
    max-width: 820px;
    font-size: 14px;
    line-height: 1.55;
}

.scan-workspace-shell .access-check-status {
    min-width: 120px;
    padding: 18px 20px;
    border: 1px solid rgba(255, 107, 107, 0.28);
    border-radius: 22px;
    background: rgba(255, 107, 107, 0.08);
}

.scan-workspace-shell .access-check-card.is-limited .access-check-status {
    border-color: rgba(251, 191, 36, 0.34);
    background: rgba(251, 191, 36, 0.1);
}

.scan-workspace-shell .access-check-card.is-shopify-platform .access-check-status {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border-color: rgba(149, 191, 71, 0.42);
    background: linear-gradient(135deg, rgba(149, 191, 71, 0.13), rgba(94, 142, 62, 0.08));
}

.scan-workspace-shell .access-check-status strong {
    display: block;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 0.96;
    letter-spacing: -0.06em;
}

.scan-workspace-shell .access-check-status .shopify-platform-logo {
    display: inline-flex;
    width: 82px;
    height: 92px;
    margin-top: 6px;
    letter-spacing: 0;
    line-height: 1;
}

.scan-workspace-shell .access-check-status .shopify-platform-logo svg {
    display: block;
    width: 100%;
    height: 100%;
    filter: drop-shadow(0 10px 18px rgba(94, 142, 62, 0.18));
}

.scan-workspace-shell .access-check-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(260px, 1.45fr) repeat(3, minmax(150px, 0.65fr));
    gap: 14px;
}

.scan-workspace-shell .access-check-metric,
.scan-workspace-shell .access-allow-panel {
    border: 1px solid rgba(255, 255, 255, 0.11);
    border-radius: 18px;
    padding: 18px 20px;
    background: rgba(255, 255, 255, 0.045);
}

.scan-workspace-shell .access-check-metric strong {
    display: block;
    font-size: 17px;
    line-height: 1.45;
}

.scan-workspace-shell .access-allow-panel {
    position: relative;
    z-index: 1;
    background: linear-gradient(135deg, rgba(111, 255, 210, 0.1), rgba(255, 107, 107, 0.07));
}

.scan-workspace-shell .access-allow-panel p {
    max-width: 760px;
    margin: 0 0 12px;
}

.scan-workspace-shell .access-allow-panel code {
    display: inline-flex;
    max-width: 100%;
    padding: 10px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
}

.scan-workspace-shell .access-check-card .report-actions {
    position: relative;
    z-index: 1;
    margin-top: 0;
}

.scan-workspace-shell .access-check-card .report-actions form {
    margin: 0;
}

.scan-workspace-shell .access-check-card .report-actions button.secondary-link {
    font: inherit;
    cursor: pointer;
}

.scan-workspace-shell.dashboard-light .access-check-card {
    background:
        radial-gradient(circle at 96% 0%, rgba(255, 107, 107, 0.1), transparent 26rem),
        #ffffff !important;
}

.scan-workspace-shell.dashboard-light .access-check-card.is-limited {
    background:
        radial-gradient(circle at 96% 0%, rgba(251, 191, 36, 0.12), transparent 26rem),
        #ffffff !important;
}

.scan-workspace-shell.dashboard-light .access-check-card.is-shopify-platform {
    background:
        radial-gradient(circle at 96% 0%, rgba(149, 191, 71, 0.18), transparent 26rem),
        #ffffff !important;
}

.scan-workspace-shell.dashboard-light .access-check-metric,
.scan-workspace-shell.dashboard-light .access-allow-panel,
.scan-workspace-shell.dashboard-light .access-check-status {
    border-color: #d8e2ec !important;
    background: #f8fbfd !important;
}

.scan-workspace-shell.dashboard-light .access-check-topline span,
.scan-workspace-shell.dashboard-light .access-allow-panel span,
.scan-workspace-shell.dashboard-light .access-check-metric span {
    color: #078a7c !important;
}

@media (max-width: 980px) {
    .scan-workspace-shell .access-check-topline,
    .scan-workspace-shell .access-check-grid {
        grid-template-columns: 1fr;
    }

    .scan-workspace-shell .access-check-status {
        min-width: 0;
    }
}

/* Asset headers with multiple actions: title left, actions grouped right. */
.scan-workspace-shell .asset-head,
body.workspace-hide-chrome .scan-report-canvas .asset-head {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    flex-wrap: nowrap !important;
    margin-bottom: 15px;
}

.scan-workspace-shell .asset-head h3,
.scan-workspace-shell .asset-head h4,
body.workspace-hide-chrome .scan-report-canvas .asset-head h3,
body.workspace-hide-chrome .scan-report-canvas .asset-head h4 {
    min-width: 0 !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
}

.scan-workspace-shell .asset-actions,
body.workspace-hide-chrome .scan-report-canvas .asset-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    flex-wrap: nowrap !important;
    margin-left: auto !important;
}

.scan-workspace-shell .asset-head .copy-btn,
body.workspace-hide-chrome .scan-report-canvas .asset-head .copy-btn {
    width: auto !important;
    max-width: none !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
}

@media (max-width: 520px) {
    .scan-workspace-shell .asset-head,
    body.workspace-hide-chrome .scan-report-canvas .asset-head {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: wrap !important;
    }

    .scan-workspace-shell .asset-head h3,
    .scan-workspace-shell .asset-head h4,
    body.workspace-hide-chrome .scan-report-canvas .asset-head h3,
    body.workspace-hide-chrome .scan-report-canvas .asset-head h4 {
        flex: 1 0 100% !important;
        width: 100% !important;
    }

    .scan-workspace-shell .asset-actions,
    body.workspace-hide-chrome .scan-report-canvas .asset-actions {
        width: 100% !important;
        gap: 8px !important;
        justify-content: flex-end !important;
        margin-left: 0 !important;
    }

    .scan-workspace-shell .asset-head .copy-btn,
    body.workspace-hide-chrome .scan-report-canvas .asset-head .copy-btn {
        min-height: 38px !important;
        padding-inline: 12px !important;
        font-size: 11px !important;
    }
}
/* Light-mode overrides scoped only to the two new Free Scan conversion blocks. */
.scan-workspace-shell.dashboard-light > .free-scan-fix-cta.scan-report-panel.is-active.is-visible {
    box-shadow: none !important;
}

.scan-workspace-shell.dashboard-light > .free-pro-comparison.scan-report-panel.is-active.is-visible {
    padding: 16px !important;
    border: 1px solid rgba(16, 185, 129, 0.16) !important;
    border-radius: 28px !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.scan-workspace-shell.dashboard-light > .free-pro-comparison.scan-report-panel.is-active.is-visible article {
    display: inline-flex !important;
    width: max-content !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(16, 185, 129, 0.2) !important;
    border-radius: 999px !important;
    color: #047857 !important;
    background: rgba(16, 185, 129, 0.1) !important;
}

.scan-workspace-shell.dashboard-light > .free-pro-comparison.scan-report-panel .free-pro-comparison-label {
    display: inline-flex !important;
    align-items: center !important;
    width: max-content !important;
    margin: 0 0 14px !important;
    padding: 8px 12px !important;
    border: 1px solid rgba(16, 185, 129, 0.24) !important;
    border-radius: 999px !important;
    color: #047857 !important;
    background-color: rgba(16, 185, 129, 0.12) !important;
    box-shadow: none !important;
}

/* Free report: Stitch-inspired ordering and conversion CTA without changing report logic. */
.free-report-upgrade-cta {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 10px auto 28px;
    padding: clamp(34px, 5vw, 54px);
    border: 1px solid rgba(111, 255, 210, 0.18);
    border-radius: 28px;
    color: #ffffff;
    background:
        radial-gradient(circle at 18% 0%, rgba(111, 255, 210, 0.16), transparent 20rem),
        linear-gradient(135deg, #0d2e2e 0%, #001819 100%);
    box-shadow: 0 28px 70px rgba(0, 24, 25, 0.18);
}

.free-report-upgrade-cta::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0.14;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.9) 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
}

.free-report-upgrade-inner {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
    gap: 18px;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.free-report-upgrade-inner .eyebrow {
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #eaf1ff;
    background: rgba(255, 255, 255, 0.12);
}

.free-report-upgrade-inner h2 {
    margin: 0;
    color: #ffffff;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.04;
    letter-spacing: -0.055em;
}

.free-report-upgrade-inner p {
    max-width: 660px;
    margin: 0;
    color: #d3e4fe;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.7;
}

.free-report-upgrade-points {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 18px;
    margin: 4px 0 8px;
}

.free-report-upgrade-points span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #eaf1ff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.free-report-upgrade-points span::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: #70fbc4;
}

.free-report-upgrade-inner .primary-link {
    min-height: 54px;
    padding-inline: 28px;
    border-radius: 16px;
    font-size: 16px;
}

.scan-workspace-shell.dashboard-light .free-report-hero .executive-copy > div {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
}

.scan-workspace-shell.dashboard-light .free-report-hero .executive-copy > div:nth-child(2) {
    border-top: 4px solid #b42318 !important;
}

.scan-workspace-shell.dashboard-light .free-report-upgrade-cta,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-upgrade-cta {
    color: #ffffff !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(111, 255, 210, 0.16), transparent 20rem),
        linear-gradient(135deg, #0d2e2e 0%, #001819 100%) !important;
    box-shadow: 0 28px 70px rgba(0, 24, 25, 0.18) !important;
}

.scan-workspace-shell.dashboard-light .free-report-upgrade-cta h2,
.scan-workspace-shell.dashboard-light .free-report-upgrade-cta .eyebrow,
.scan-workspace-shell.dashboard-light .free-report-upgrade-points span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-upgrade-cta h2,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-upgrade-cta .eyebrow,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-upgrade-points span {
    color: #ffffff !important;
}

.scan-workspace-shell.dashboard-light .free-report-upgrade-cta p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light .free-report-upgrade-cta p {
    color: #d3e4fe !important;
}

@media (max-width: 980px) {
    .free-report-upgrade-cta {
        width: min(100% - 32px, 1440px);
        margin-top: 0;
    }
}

@media (max-width: 640px) {
    .free-report-upgrade-cta {
        padding: 28px 18px;
        border-radius: 22px;
    }

    .free-report-upgrade-points {
        display: grid;
        justify-items: center;
    }

    .free-report-upgrade-inner .primary-link {
        width: 100%;
    }
}

/* Scan Checks visual pass: reuse the new CTA and bring free check cards closer to Pro cards. */
#checks-results .free-report-upgrade-cta-inline {
    width: 100%;
    margin: 0 0 6px;
}

#checks-results .free-report-upgrade-cta-inline .free-report-upgrade-inner {
    max-width: 860px;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
    padding: clamp(24px, 3vw, 36px) !important;
    border: 1px solid #d8e2ec !important;
    border-top: 4px solid #078a7c !important;
    border-radius: 26px !important;
    color: #102033 !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(22, 200, 181, 0.13), transparent 18rem),
        linear-gradient(180deg, #ffffff 0%, #f7fbfd 100%) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, 0.08) !important;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(7, 138, 124, 0.42), transparent 70%);
    pointer-events: none;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card-head,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card-head {
    grid-column: 1 / -1;
    align-items: flex-start;
    margin-bottom: 6px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d8e2ec !important;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card-head span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(7, 138, 124, 0.24) !important;
    border-radius: 999px;
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.12) !important;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card-head h2,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card-head h2 {
    margin: 0 0 8px;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.06;
    letter-spacing: -0.055em;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card-head > strong,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card-head > strong {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid rgba(7, 138, 124, 0.24) !important;
    border-radius: 999px;
    color: #064e45 !important;
    background: rgba(22, 200, 181, 0.12) !important;
    white-space: nowrap;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: space-between;
    gap: 16px;
    min-height: 190px;
    padding: 20px !important;
    border: 1px solid #d8e2ec !important;
    border-top: 4px solid #087443 !important;
    border-radius: 20px !important;
    color: #102033 !important;
    background: #ffffff !important;
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.055) !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-fail,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-fail {
    border-color: rgba(180, 35, 24, 0.24) !important;
    border-top-color: #b42318 !important;
    background: #fff7f5 !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-warn,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-warn {
    border-color: rgba(183, 121, 31, 0.26) !important;
    border-top-color: #b7791f !important;
    background: #fff9e8 !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-pass,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-pass {
    border-color: rgba(8, 116, 67, 0.24) !important;
    border-top-color: #087443 !important;
    background: #f1fff8 !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-title,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-title {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
}

.scan-workspace-shell.dashboard-light #checks-results .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-title h3 {
    max-width: 760px;
    margin: 0;
    font-size: clamp(18px, 1.5vw, 23px);
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.scan-workspace-shell.dashboard-light #checks-results .check-title span,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-title span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(7, 138, 124, 0.2) !important;
    border-radius: 999px;
    color: #064e45 !important;
    background: rgba(255, 255, 255, 0.72) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card .technical-details {
    margin-top: auto;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-fail .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-fail .check-title h3 {
    color: #7a271a !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-warn .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-warn .check-title h3 {
    color: #7a4b00 !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card.is-pass .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card.is-pass .check-title h3 {
    color: #05603a !important;
}

.scan-workspace-shell.dashboard-light #checks-results .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .technical-details {
    border-color: rgba(200, 213, 225, 0.9) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.7) !important;
    box-shadow: none !important;
}

.scan-workspace-shell.dashboard-light #checks-results .technical-details summary,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .technical-details summary {
    color: #102033 !important;
    background: rgba(238, 245, 248, 0.76) !important;
}

.scan-workspace-shell.dashboard-light #checks-results .section-card:has(.check-card .insight-block),
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card:has(.check-card .insight-block),
.scan-workspace-shell.dark #checks-results .section-card:has(.check-card .insight-block),
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card:has(.check-card .insight-block) {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 380px));
    justify-content: start;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block,
.scan-workspace-shell.dark #checks-results .check-card .insight-block,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card .insight-block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block > div,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block > div,
.scan-workspace-shell.dark #checks-results .check-card .insight-block > div,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card .insight-block > div {
    min-width: 0;
    padding: 14px 16px;
    border-radius: 14px !important;
}

.scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block p,
body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-card .insight-block p,
.scan-workspace-shell.dark #checks-results .check-card .insight-block p,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card .insight-block p {
    margin: 6px 0 0;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.55;
}

.scan-workspace-shell.dark #checks-results .section-card,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
    padding: clamp(24px, 3vw, 36px) !important;
    border: 1px solid rgba(83, 99, 116, 0.42) !important;
    border-top: 4px solid #3cddc7 !important;
    border-radius: 26px !important;
    color: #d4e4fa !important;
    background:
        radial-gradient(circle at 92% 0%, rgba(60, 221, 199, 0.12), transparent 18rem),
        linear-gradient(180deg, #122131 0%, #0d1c2d 100%) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22) !important;
}

.scan-workspace-shell.dark #checks-results .section-card::before,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    opacity: 1 !important;
    background: linear-gradient(90deg, rgba(60, 221, 199, 0.42), transparent 70%) !important;
    pointer-events: none;
}

.scan-workspace-shell.dark #checks-results .section-card-head,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head {
    grid-column: 1 / -1;
    align-items: flex-start;
    margin-bottom: 6px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(83, 99, 116, 0.42) !important;
}

.scan-workspace-shell.dark #checks-results .section-card-head span,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head span {
    display: inline-flex;
    width: fit-content;
    margin-bottom: 10px;
    padding: 7px 10px;
    border: 1px solid rgba(60, 221, 199, 0.28) !important;
    border-radius: 999px;
    color: #6fffd2 !important;
    background: rgba(60, 221, 199, 0.1) !important;
}

.scan-workspace-shell.dark #checks-results .section-card-head h2,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head h2 {
    margin: 0 0 8px;
    color: #d4e4fa !important;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.06;
    letter-spacing: -0.055em;
}

.scan-workspace-shell.dark #checks-results .section-card-head p,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head p {
    color: #c6c6cd !important;
}

.scan-workspace-shell.dark #checks-results .section-card-head > strong,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head > strong {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 13px;
    border: 1px solid rgba(60, 221, 199, 0.28) !important;
    border-radius: 999px;
    color: #6fffd2 !important;
    background: rgba(60, 221, 199, 0.1) !important;
    white-space: nowrap;
}

.scan-workspace-shell.dark #checks-results .check-card,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card {
    position: relative;
    overflow: hidden;
    display: grid;
    align-content: space-between;
    gap: 16px;
    min-height: 190px;
    padding: 20px !important;
    border: 1px solid rgba(83, 99, 116, 0.42) !important;
    border-top: 4px solid #3cddc7 !important;
    border-radius: 20px !important;
    color: #d4e4fa !important;
    background: #122131 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18) !important;
}

.scan-workspace-shell.dark #checks-results .check-card.is-fail,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-fail {
    border-color: rgba(255, 180, 171, 0.28) !important;
    border-top-color: #ffb4ab !important;
    background: rgba(255, 180, 171, 0.08) !important;
}

.scan-workspace-shell.dark #checks-results .check-card.is-warn,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-warn {
    border-color: rgba(250, 204, 21, 0.3) !important;
    border-top-color: #facc15 !important;
    background: rgba(250, 204, 21, 0.08) !important;
}

.scan-workspace-shell.dark #checks-results .check-card.is-pass,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-pass {
    border-color: rgba(60, 221, 199, 0.28) !important;
    border-top-color: #3cddc7 !important;
    background: rgba(60, 221, 199, 0.08) !important;
}

.scan-workspace-shell.dark #checks-results .check-title,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-title {
    display: grid;
    grid-template-columns: 1fr;
    align-items: flex-start;
}

.scan-workspace-shell.dark #checks-results .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-title h3 {
    max-width: 760px;
    margin: 0;
    color: #d4e4fa !important;
    font-size: clamp(18px, 1.5vw, 23px);
    line-height: 1.18;
    letter-spacing: -0.035em;
}

.scan-workspace-shell.dark #checks-results .check-title span,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-title span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(60, 221, 199, 0.22) !important;
    border-radius: 999px;
    color: #6fffd2 !important;
    background: rgba(13, 28, 45, 0.78) !important;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.scan-workspace-shell.dark #checks-results .check-card .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card .technical-details {
    margin-top: auto;
}

.scan-workspace-shell.dark #checks-results .check-card.is-fail .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-fail .check-title h3 {
    color: #ffd1cc !important;
}

.scan-workspace-shell.dark #checks-results .check-card.is-warn .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-warn .check-title h3 {
    color: #fde68a !important;
}

.scan-workspace-shell.dark #checks-results .check-card.is-pass .check-title h3,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-card.is-pass .check-title h3 {
    color: #d4e4fa !important;
}

.scan-workspace-shell.dark #checks-results .technical-details,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .technical-details {
    border-color: rgba(83, 99, 116, 0.48) !important;
    border-radius: 14px !important;
    background: rgba(13, 28, 45, 0.76) !important;
    box-shadow: none !important;
}

.scan-workspace-shell.dark #checks-results .technical-details summary,
body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .technical-details summary {
    color: #d4e4fa !important;
    background: rgba(28, 43, 60, 0.76) !important;
}

@media (max-width: 860px) {
    .scan-workspace-shell.dashboard-light #checks-results .section-card-head > strong,
    body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .section-card-head > strong,
    .scan-workspace-shell.dashboard-light #checks-results .check-title span,
    body.workspace-hide-chrome .scan-workspace-shell.dashboard-light #checks-results .check-title span,
    .scan-workspace-shell.dark #checks-results .section-card-head > strong,
    body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .section-card-head > strong,
    .scan-workspace-shell.dark #checks-results .check-title span,
    body.workspace-hide-chrome .scan-workspace-shell.dark #checks-results .check-title span {
        width: fit-content;
    }
}

.report-ai-floating-button {
    position: fixed;
    right: clamp(18px, 3vw, 34px);
    bottom: clamp(18px, 3vw, 34px);
    z-index: 90;
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    color: #ffffff;
    background: linear-gradient(180deg, #080808 0%, #020202 100%);
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 34px rgba(60, 221, 199, 0.12);
    cursor: pointer;
    text-decoration: none;
    isolation: isolate;
    overflow: visible;
    animation: report-ai-float 4.2s ease-in-out infinite;
    transition: transform 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}

.report-ai-floating-button.is-hidden {
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px) scale(0.94);
}

.ai-powered-chat-promo[hidden] {
    display: none !important;
}

.ai-powered-chat-promo {
    position: fixed;
    right: clamp(18px, 3vw, 34px);
    bottom: clamp(18px, 3vw, 34px);
    z-index: 120;
    width: min(380px, calc(100vw - 28px));
    color: #ffffff;
    opacity: 0;
    transform: translateY(18px) scale(0.98);
    pointer-events: none;
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.ai-powered-chat-promo.is-visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.ai-powered-chat-promo__card {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 24px;
    background: linear-gradient(180deg, #070707 0%, #020202 100%);
    box-shadow: 0 30px 90px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.035);
    padding: 26px;
}

.ai-powered-chat-promo__card::before {
    content: "";
    position: absolute;
    inset: -42% -24% auto auto;
    width: 300px;
    height: 300px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(60, 221, 199, 0.18), transparent 66%);
    pointer-events: none;
}

.ai-powered-chat-promo__card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.9), transparent 72%);
    pointer-events: none;
}

.ai-powered-chat-promo__close {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: #9ca3af;
    cursor: pointer;
}

.ai-powered-chat-promo__close:hover {
    border-color: rgba(60, 221, 199, 0.55);
    color: #3cddc7;
}

.ai-powered-chat-promo__orb {
    display: grid;
    place-items: center;
    position: relative;
    z-index: 1;
    width: 62px;
    height: 62px;
    margin-bottom: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    background: #0d0d0d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06), 0 0 34px rgba(60, 221, 199, 0.12);
}

.ai-powered-chat-promo__orb .material-symbols-outlined {
    font-size: 30px;
    color: #3cddc7;
}

.ai-powered-chat-promo__eyebrow {
    display: inline-flex;
    position: relative;
    z-index: 1;
    margin-bottom: 12px;
    color: #3cddc7;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.ai-powered-chat-promo h2 {
    position: relative;
    z-index: 1;
    margin: 0;
    max-width: 300px;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.15;
    font-weight: 700;
}

.ai-powered-chat-promo p {
    position: relative;
    z-index: 1;
    margin: 14px 0 0;
    color: #b7c0cc;
    font-size: 13px;
    line-height: 1.7;
}

.ai-powered-chat-promo__preview {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0;
    margin-top: 22px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    padding: 4px;
}

.ai-powered-chat-promo__preview div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 42px;
    border-radius: 12px;
    padding: 9px 11px;
}

.ai-powered-chat-promo__preview div + div {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.ai-powered-chat-promo__preview span {
    color: #818b98;
    font-size: 12px;
}

.ai-powered-chat-promo__preview strong {
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
}

.ai-powered-chat-promo__actions {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: 22px;
}

.ai-powered-chat-promo__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: 13px;
    background: #3cddc7;
    color: #001f1b;
    font-size: 13px;
    font-weight: 800;
    text-align: center;
    text-decoration: none;
}

.ai-powered-chat-promo__actions a:last-child {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: transparent;
    color: #ffffff;
}

.ai-powered-chat-promo__actions a:hover {
    filter: brightness(1.08);
}

body.trubo-ai-promo-active .report-ai-floating-button {
    opacity: 0;
    pointer-events: none;
}

@media (max-width: 640px) {
    .ai-powered-chat-promo {
        right: 14px;
        bottom: 14px;
        width: calc(100vw - 28px);
    }

    .ai-powered-chat-promo__card {
        min-height: 380px;
        padding: 24px;
    }

    .ai-powered-chat-promo h2 {
        font-size: 24px;
    }
}

.report-ai-floating-button::before,
.report-ai-floating-button::after {
    content: "";
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.report-ai-floating-button::before {
    inset: -7px;
    z-index: -1;
    background: conic-gradient(from 90deg, rgba(255, 255, 255, 0), rgba(60, 221, 199, 0.34), rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0));
    filter: blur(8px);
    opacity: 0.58;
    animation: report-ai-orbit 5.5s linear infinite;
}

.report-ai-floating-button::after {
    inset: 7px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 15px;
    background: radial-gradient(circle at 50% 35%, rgba(60, 221, 199, 0.12), transparent 54%);
}

.report-ai-floating-button:hover {
    transform: translateY(-4px) scale(1.04);
    box-shadow: 0 30px 78px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 0 42px rgba(60, 221, 199, 0.18);
}

.report-ai-floating-button span {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: #3cddc7;
    background: rgba(255, 255, 255, 0.035);
    font-size: 29px;
    font-weight: 500;
    line-height: 1;
    text-shadow: 0 0 22px rgba(60, 221, 199, 0.5);
    animation: report-ai-spark 2.8s ease-in-out infinite;
}

@keyframes report-ai-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-7px) scale(1.025); }
}

@keyframes report-ai-orbit {
    to { transform: rotate(360deg); }
}

@keyframes report-ai-spark {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.92; }
    50% { transform: rotate(12deg) scale(1.12); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
    .report-ai-floating-button,
    .report-ai-floating-button::before,
    .report-ai-floating-button span {
        animation: none;
    }
}

.ai-assistant-site-picker {
    display: grid;
    gap: 8px;
}

.ai-assistant-site-picker label,
.ai-assistant-site-picker select {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

@media (min-width: 1024px) {
    .dashboard-ai-mode .ai-assistant-layout,
    .dashboard-light.dashboard-ai-mode .ai-assistant-layout,
    .dark.dashboard-ai-mode .ai-assistant-layout {
        grid-template-columns: 320px minmax(0, 1fr) !important;
        padding-left: 48px !important;
    }

    .dashboard-ai-mode .ai-assistant-sidebar,
    .dashboard-light.dashboard-ai-mode .ai-assistant-sidebar,
    .dark.dashboard-ai-mode .ai-assistant-sidebar {
        position: sticky !important;
        top: 0 !important;
        left: auto !important;
        bottom: auto !important;
        width: 320px !important;
        height: calc(100dvh - 52px) !important;
        transform: none !important;
    }
}

@media (max-width: 640px) {
    .report-ai-floating-button {
        width: 62px;
        height: 62px;
        right: 16px;
        bottom: 16px;
    }

    .report-ai-floating-button span {
        width: 42px;
        height: 42px;
        font-size: 29px;
    }
}

@media (max-width: 767px) {
    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-site-picker {
        display: grid !important;
        order: 2;
        margin: 10px 0 12px;
        padding: 12px;
        border: 1px solid rgba(34, 199, 173, 0.22);
        border-radius: 16px;
        background: rgba(34, 199, 173, 0.08);
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-site-picker label {
        display: block !important;
        color: rgba(245, 245, 245, 0.72) !important;
        font-size: 10px !important;
    }

    .workspace-panel.ai-assistant-shell.is-active .ai-assistant-site-picker select {
        display: block !important;
        width: 100% !important;
        min-height: 46px !important;
        margin: 0 !important;
        padding: 0 12px !important;
        border: 1px solid rgba(255, 255, 255, 0.14) !important;
        border-radius: 14px !important;
        color: #f5f5f5 !important;
        background: #171717 !important;
        font-size: 14px !important;
        font-weight: 600 !important;
    }
}

@media (min-width: 768px) {
    .dashboard-light.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-layout,
    .dark.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-layout,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-layout {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 24px !important;
        padding-left: 48px !important;
    }

    .dashboard-light.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar,
    .dark.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar {
        position: fixed !important;
        left: 48px !important;
        top: 0 !important;
        bottom: 0 !important;
        z-index: 35 !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        width: 340px !important;
        max-width: 340px !important;
        height: auto !important;
        min-height: 560px !important;
        transform: translateX(-100%) !important;
        pointer-events: auto !important;
    }

    .dashboard-light.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active.ai-sidebar-open .ai-assistant-sidebar,
    .dark.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active.ai-sidebar-open .ai-assistant-sidebar,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active.ai-sidebar-open .ai-assistant-sidebar {
        transform: translateX(0) !important;
    }

    .dashboard-light.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar label,
    .dashboard-light.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar select,
    .dark.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar label,
    .dark.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar select,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar label,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-sidebar select {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

/* Dashboard sidebar UX refresh: quieter hierarchy, clearer grouping, official SaaS tone. */
.workspace-sidebar,
.dashboard-light > aside.workspace-sidebar,
.dashboard-light [data-mobile-sidebar].workspace-sidebar {
    color: #253247 !important;
    border-color: #e1e8f0 !important;
    background: #fbfdff !important;
    box-shadow: 1px 0 0 rgba(15, 23, 42, 0.03) !important;
}

.workspace-sidebar-brand {
    padding-bottom: 22px !important;
}

.workspace-sidebar-brand h1 {
    color: #132033 !important;
    font-size: 18px !important;
    letter-spacing: -0.035em;
}

.workspace-sidebar-brand p {
    color: #7b8898 !important;
    font-size: 9px !important;
    letter-spacing: 0.16em !important;
}

.workspace-sidebar-mark,
.workspace-sidebar-brand .bg-tertiary {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    background: #f3f3f3 !important;
    box-shadow: none !important;
    border: 1px solid #dfdfdf !important;
}

.workspace-sidebar-nav {
    gap: 18px !important;
    padding: 8px 12px 16px !important;
    align-items: stretch !important;
    scrollbar-width: thin;
    scrollbar-color: #cbd6e2 transparent;
}

.workspace-nav-group {
    display: grid;
    gap: 4px;
    width: 100%;
    justify-items: stretch;
}

.workspace-nav-label {
    margin: 0 10px 5px;
    color: #8a97a8;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    line-height: 1;
    text-transform: uppercase;
}

.workspace-sidebar .workspace-nav-item {
    width: 100%;
    justify-content: flex-start !important;
    min-height: 40px !important;
    padding: 0 11px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    color: #5d6b7e !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    box-shadow: none !important;
}

.workspace-sidebar .workspace-nav-item .material-symbols-outlined {
    width: 20px;
    flex: 0 0 20px;
    color: #94a3b8 !important;
    font-size: 20px !important;
    font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
}

.workspace-sidebar .workspace-nav-item span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workspace-sidebar .workspace-nav-item:hover {
    color: #172033 !important;
    border-color: #dce5ee !important;
    background: #f1f6fa !important;
}

.workspace-sidebar .workspace-nav-item:hover .material-symbols-outlined {
    color: #475569 !important;
}

.workspace-sidebar .workspace-nav-item.active,
.workspace-sidebar .workspace-nav-item.bg-secondary-container\/10,
.workspace-sidebar .workspace-nav-item.bg-secondary-container\/20 {
    color: #0f2f2d !important;
    border-color: rgba(15, 118, 110, 0.2) !important;
    background: #e8f5f3 !important;
}

.workspace-sidebar .workspace-nav-item.active .material-symbols-outlined,
.workspace-sidebar .workspace-nav-item .material-symbols-outlined.fill-icon {
    color: #0f766e !important;
    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;
}

.workspace-sidebar-action {
    margin: 8px 12px 14px !important;
    padding: 12px !important;
    border: 1px solid #e1e8f0;
}

.workspace-upgrade-link {
    min-height: 42px;
    border-radius: 11px !important;
    background: #0f766e !important;
    color: #ffffff !important;
    font-size: 13px !important;
    box-shadow: none !important;
}

.workspace-upgrade-link:hover {
    background: #115e59 !important;
    filter: none !important;
}

.ai-chatbot-nav-mark,
.ai-chatbot-cta-mark {
    position: relative;
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
}

.ai-chatbot-nav-mark {
    width: 20px;
    height: 20px;
}

.ai-chatbot-nav-mark::before,
.ai-chatbot-cta-mark::before {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    transform: rotate(0deg);
    background: linear-gradient(115deg, #071a18 0%, #071a18 38%, #145f57 47%, #d9f96b 52%, #145f57 58%, #071a18 68%, #071a18 100%);
    background-size: 240% 100%;
    animation: aiChatbotSparkFill 4.6s linear infinite;
}

.ai-chatbot-nav-mark::before {
    width: 15px;
    height: 15px;
    margin: -7.5px 0 0 -7.5px;
    color: #64748b;
    background: linear-gradient(115deg, #334155 0%, #334155 42%, #0f766e 51%, #334155 60%, #334155 100%);
    background-size: 220% 100%;
    clip-path: polygon(50% 0, 61% 38%, 100% 50%, 61% 62%, 50% 100%, 39% 62%, 0 50%, 39% 38%);
}

.ai-chatbot-cta-mark::before {
    width: 21px;
    height: 21px;
    margin: -10.5px 0 0 -10.5px;
    color: #000;
    clip-path: polygon(50% 0, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0 50%, 38% 36%);
    filter: drop-shadow(0 0 10px rgba(216, 255, 102, 0.68));
}

.ai-chatbot-cta-mark::after {
    content: "";
    position: absolute;
    inset: 50% auto auto 50%;
    width: 10px;
    height: 10px;
    margin: -5px 0 0 -5px;
    transform: rotate(0deg);
    background: linear-gradient(115deg, #041412 0%, #041412 36%, #14b8a6 48%, #f0ff8a 52%, #14b8a6 58%, #041412 70%, #041412 100%);
    background-size: 240% 100%;
    animation: aiChatbotSparkFill 4.6s linear infinite reverse;
    clip-path: polygon(50% 0, 62% 36%, 100% 50%, 62% 64%, 50% 100%, 38% 64%, 0 50%, 38% 36%);
    filter: drop-shadow(0 0 8px rgba(18, 244, 206, 0.65));
}

.workspace-sidebar .workspace-nav-item:hover .ai-chatbot-nav-mark,
.workspace-sidebar .workspace-nav-item.active .ai-chatbot-nav-mark {
    color: #0f766e;
}

.ai-chatbot-cta-mark {
    width: 28px;
    height: 28px;
    margin-right: 1px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(216, 255, 102, 0.18), rgba(18, 244, 206, 0.08) 58%, transparent 72%);
}

@keyframes aiChatbotSparkFill {
    from {
        background-position: 120% 50%;
    }

    to {
        background-position: -120% 50%;
    }
}

.workspace-sidebar-mobile {
    width: min(86vw, 320px) !important;
}

.workspace-sidebar-mobile .workspace-sidebar-nav {
    gap: 16px !important;
    padding-top: 18px !important;
}

.dark .workspace-sidebar,
.dark > aside.workspace-sidebar,
.dark [data-mobile-sidebar].workspace-sidebar,
.dashboard-light.dark > aside.workspace-sidebar,
.dashboard-light.dark [data-mobile-sidebar].workspace-sidebar {
    color: #e5edf6 !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    background: #0c1421 !important;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.02) !important;
}

.dark .workspace-sidebar-brand h1,
.dashboard-light.dark .workspace-sidebar-brand h1 {
    color: #edf4ff !important;
}

.dark .workspace-sidebar-brand p,
.dashboard-light.dark .workspace-sidebar-brand p {
    color: #7f8da3 !important;
}

.dark .workspace-sidebar .workspace-nav-label,
.dashboard-light.dark .workspace-sidebar .workspace-nav-label {
    color: #738197;
}

.dark .workspace-sidebar .workspace-nav-item,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item {
    color: #aeb9c9 !important;
}

.dark .workspace-sidebar .workspace-nav-item .material-symbols-outlined,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item .material-symbols-outlined {
    color: #718096 !important;
}

.dark .workspace-sidebar .workspace-nav-item:hover,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item:hover {
    color: #f4f8fb !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    background: rgba(148, 163, 184, 0.08) !important;
}

.dark .workspace-sidebar .workspace-nav-item.active,
.dark .workspace-sidebar .workspace-nav-item.bg-secondary-container\/10,
.dark .workspace-sidebar .workspace-nav-item.bg-secondary-container\/20,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item.active,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item.bg-secondary-container\/10,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item.bg-secondary-container\/20 {
    color: #dffcf7 !important;
    border-color: rgba(60, 221, 199, 0.22) !important;
    background: rgba(60, 221, 199, 0.11) !important;
}

.dark .workspace-sidebar .workspace-nav-item.active .material-symbols-outlined,
.dark .workspace-sidebar .workspace-nav-item .material-symbols-outlined.fill-icon,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item.active .material-symbols-outlined,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item .material-symbols-outlined.fill-icon {
    color: #3cddc7 !important;
}

.dark .ai-chatbot-nav-mark,
.dashboard-light.dark .ai-chatbot-nav-mark {
    color: #8ea0b8;
}

.dark .workspace-sidebar .workspace-nav-item:hover .ai-chatbot-nav-mark,
.dark .workspace-sidebar .workspace-nav-item.active .ai-chatbot-nav-mark,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item:hover .ai-chatbot-nav-mark,
.dashboard-light.dark .workspace-sidebar .workspace-nav-item.active .ai-chatbot-nav-mark {
    color: #dffcf7;
}

.dark .workspace-sidebar-action,
.dashboard-light.dark .workspace-sidebar-action {
    border-color: rgba(148, 163, 184, 0.14);
    background: rgba(15, 23, 42, 0.72);
}

@media (max-width: 767px) {
    .workspace-sidebar-brand {
        padding: 18px 20px !important;
    }

    .workspace-sidebar .workspace-nav-item {
        min-height: 44px !important;
        font-size: 13.5px !important;
    }
}

@keyframes aiAssistantPanelPop {
    from {
        opacity: 0;
        clip-path: inset(3% 3% 3% 3% round 22px);
        filter: blur(8px);
    }

    to {
        opacity: 1;
        clip-path: inset(0 0 0 0 round 0);
        filter: blur(0);
    }
}

@keyframes aiAssistantContentLift {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.workspace-panel.ai-assistant-shell.is-entering {
    animation: aiAssistantPanelPop 260ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
    transform-origin: center top;
}

.workspace-panel.ai-assistant-shell.is-entering .ai-assistant-layout {
    animation: aiAssistantContentLift 300ms cubic-bezier(0.2, 0.8, 0.2, 1) 40ms both;
    transform-origin: center top;
}

@media (prefers-reduced-motion: reduce) {
    .ai-chatbot-nav-mark::before,
    .ai-chatbot-cta-mark::before,
    .ai-chatbot-cta-mark::after {
        animation: none !important;
        background-position: 50% 50% !important;
    }

    .workspace-panel.ai-assistant-shell.is-entering,
    .workspace-panel.ai-assistant-shell.is-entering .ai-assistant-layout {
        animation: none !important;
    }
}
.email-campaign-form, .mail-admin-card{
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Unified Kimi-style welcome state for the real dashboard AI chat.
   The sidebar content stays dashboard-native; only the main chat surface changes before the first message. */
.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode {
    position: relative !important;
    overflow-y: auto !important;
    /* border: 1px solid #2d2d2d !important; */
    border-radius: 8px !important;
    /* background: #101010 !important; */
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-log {
    flex: 0 0 auto !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: transparent !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-upgrade.kimi-upgrade {
    position: absolute;
    top: 14px;
    left: 50%;
    z-index: 3;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 32px;
    border-radius: 999px;
    background: #0e437170;
    color: #22a9ff !important;
    padding: 0 14px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome {
    width: min(752px, 100%);
    margin: clamp(190px, 30vh, 320px) auto 24px;
    padding: 0 24px;
    text-align: center;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome .kimi-title {
    margin: 0;
    color: #fff !important;
    font-size: clamp(48px, 6vw, 64px);
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-form.kimi-prompt-box {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 4;
    display: grid !important;
    width: min(752px, calc(100% - 48px)) !important;
    max-width: 752px !important;
    margin: 0 auto !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    grid-template-areas:
        "text text text"
        "plus pills submit" !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid #373737 !important;
    border-radius: 22px !important;
    background: #242424 !important;
    box-shadow: 0 18px 60px rgba(0, 0, 0, 0.26) !important;
    padding: 16px 8px 8px !important;
    backdrop-filter: none !important;
    font-family: Poppins, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-form.kimi-prompt-box textarea {
    grid-area: text !important;
    width: 100% !important;
    min-height: 58px !important;
    height: 58px !important;
    max-height: 120px !important;
    border: 0 !important;
    outline: 0 !important;
    resize: none !important;
    background: transparent !important;
    color: #8f8f8f !important;
    padding: 0 10px !important;
    font-size: 15px !important;
    box-shadow: none !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-form.kimi-prompt-box textarea::placeholder {
    color: #8f8f8f;
    opacity: 1;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box .ai-chat-context-picker {
    grid-area: plus !important;
    align-self: center !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box .ai-chat-plus {
    display: grid !important;
    place-items: center !important;
    width: 38px !important;
    height: 38px !important;
    border: 1px solid #3f3f3f !important;
    border-radius: 999px !important;
    background: #242424 !important;
    color: #d8d8d8 !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box .ai-chat-context-pills {
    grid-area: pills !important;
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box .ai-chat-context-pills[hidden] {
    display: flex !important;
}

/* .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box .ai-chat-context-pills[hidden]::before {
    content: "AI SEO Consultant";
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    border: 1px solid #464646;
    border-radius: 999px;
    color: #e6e6e6;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 500;
} */

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box > div:not(.ai-chat-context-picker):not(.ai-chat-context-pills) {
    grid-area: submit !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 38px !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box [data-ai-chat-status] {
    display: none !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .kimi-prompt-box [data-ai-chat-submit] {
    display: grid !important;
    place-items: center !important;
    width: 43px !important;
    height: 32px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #3cddc7 !important;
    color: #06201d !important;
    padding: 0 !important;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-cases.kimi-seo-cases {
    width: min(752px, calc(100% - 48px));
    margin: 84px auto 0;
    padding-bottom: 42px;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-cases-head.kimi-cases-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 600;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-cases-head.kimi-cases-head button {
    border: 0;
    background: transparent;
    color: #a7a7a7;
    padding: 0;
    font: inherit;
    cursor: pointer;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-case-grid.kimi-case-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-case.kimi-case-card {
    display: block;
    min-width: 0;
    border: 0;
    background: transparent;
    color: #ababab;
    padding: 0;
    text-align: left;
    cursor: pointer;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card .kimi-case-image {
    position: relative;
    display: grid;
    place-items: center;
    height: 134px;
    overflow: hidden;
    border-radius: 10px;
    background: radial-gradient(circle at 20% 20%, rgba(34, 199, 173, 0.42), transparent 24%), linear-gradient(135deg, #e9f8f4, #a7d9ce 52%, #1a2424);
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card:nth-child(2) .kimi-case-image {
    background: radial-gradient(circle at 75% 30%, rgba(59, 130, 246, 0.6), transparent 24%), linear-gradient(135deg, #161616, #33244f 42%, #ff7d2d);
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card:nth-child(3) .kimi-case-image {
    background: linear-gradient(90deg, rgba(255,255,255,0.72) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,0.72) 1px, transparent 1px), linear-gradient(135deg, #e8e8e8, #bbb, #777);
    background-size: 24px 24px, 24px 24px, auto;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card .kimi-case-image::before {
    content: "AI";
    position: absolute;
    left: 10px;
    top: 10px;
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(0, 0, 0, 0.42);
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card .kimi-case-image strong {
    max-width: 78%;
    color: #14332d;
    font-size: 20px;
    line-height: 1.05;
    text-align: center;
    text-transform: uppercase;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card:nth-child(2) .kimi-case-image strong,
.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card:nth-child(3) .kimi-case-image strong {
    color: rgba(255, 255, 255, 0.88);
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.45);
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .kimi-case-card p {
    margin: 10px 4px 0;
    color: #a9a9a9;
    font-size: 14px;
    line-height: 1.35;
}

.dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-form-quality-note {
    display: none !important;
}

@media (max-width: 820px) {
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome {
        margin-top: 80px;
    }

    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome .kimi-title {
        font-size: 42px;
    }

    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-assistant-chat-card.ai-chat-welcome-mode .ai-chat-form.kimi-prompt-box,
    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-cases.kimi-seo-cases {
        width: calc(100% - 20px) !important;
    }

    .dashboard-ai-mode #ai-assistant.workspace-panel.ai-assistant-shell.is-active .ai-chat-welcome-case-grid.kimi-case-grid {
        grid-template-columns: 1fr;
    }
}
.dashboard-light input, .dashboard-light select, .dashboard-light textarea, .dashboard-light code, .dashboard-light pre {
    color: #929292 !important;
    background: transparent !important;
    border: solid 1px #c1c1c1a3 !important;
}

/* Modern minimal setup cards for dashboard integrations. */
.bot-install-card,
.gsc-property-select-card {
    overflow: hidden;
    border: 1px solid var(--ws-line) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, rgba(18, 33, 49, 0.98), rgba(13, 21, 36, 0.98)) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.16) !important;
}

.bot-install-summary {
    padding: 24px !important;
    border-bottom: 1px solid var(--ws-line) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.bot-install-summary .setup-summary-head {
    align-items: center;
}

.bot-install-eyebrow,
.gsc-property-eyebrow {
    display: inline-flex;
    margin-bottom: 8px;
    color: var(--ws-brand);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.bot-install-status,
.gsc-property-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
    border: 1px solid rgba(60, 221, 199, 0.24);
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(60, 221, 199, 0.1);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.bot-install-content {
    padding: 24px !important;
}

.bot-install-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 420px);
    gap: 18px;
    align-items: stretch;
}

.bot-install-intro,
.bot-install-add-site,
.bot-install-method-card,
.bot-install-site,
.bot-install-snippet,
.gsc-property-option {
    border: 1px solid var(--ws-line) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, 0.035) !important;
}

.bot-install-intro,
.bot-install-add-site {
    padding: 22px;
}

.bot-install-intro > .material-symbols-outlined {
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    border-radius: 14px;
    color: var(--ws-brand);
    background: rgba(60, 221, 199, 0.1);
}

.bot-install-intro h3,
.gsc-property-select-head h3 {
    margin: 0;
    color: var(--ws-text);
    font-size: clamp(24px, 3vw, 32px);
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.bot-install-intro p,
.gsc-property-select-head p {
    max-width: 680px;
    margin: 10px 0 0;
    color: var(--ws-muted);
    font-size: 14px;
    line-height: 1.65;
}

.bot-install-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.bot-install-steps span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid var(--ws-line);
    border-radius: 999px;
    color: var(--ws-soft);
    font-size: 12px;
    font-weight: 600;
}

.bot-install-steps b {
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    color: #04110d;
    background: var(--ws-brand);
    font-size: 11px;
}

.bot-install-add-site {
    display: grid !important;
    align-items: stretch !important;
    gap: 10px !important;
}

.bot-install-add-site label {
    color: var(--ws-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.bot-install-add-site input,
.bot-install-add-site button,
.gsc-property-option button {
    width: 100%;
    min-height: 46px;
}

.bot-install-add-site button,
.gsc-property-option button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 0;
    border-radius: 14px;
    color: #04110d;
    background: var(--ws-brand);
    font-size: 13px;
    font-weight: 600;
}

.bot-install-methods {
    margin: 18px 0;
}

.bot-install-method-card {
    padding: 20px !important;
}

.bot-install-site {
    margin-top: 16px;
}

.bot-install-snippet textarea {
    font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
}

.gsc-property-select-card {
    margin-top: 20px;
    padding: clamp(22px, 3vw, 30px);
}

.gsc-property-select-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
}

.gsc-property-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}

.gsc-property-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    text-align: left;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease;
}

.gsc-property-option:hover {
    border-color: rgba(60, 221, 199, 0.42) !important;
    background: rgba(60, 221, 199, 0.07) !important;
    transform: translateY(-1px);
}

.gsc-property-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    color: var(--ws-brand);
    background: rgba(60, 221, 199, 0.1);
}

.gsc-property-copy {
    min-width: 0;
}

.gsc-property-copy strong,
.gsc-property-copy small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gsc-property-copy strong {
    color: var(--ws-text);
    font-size: 14px;
}

.gsc-property-copy small {
    margin-top: 4px;
    color: var(--ws-muted);
    font-size: 12px;
}

.gsc-property-option button {
    width: auto;
    min-width: 92px;
    padding: 0 16px;
}

.dashboard-light .bot-install-card,
.dashboard-light .gsc-property-select-card {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: linear-gradient(135deg, #ffffff 0%, #f7fbfd 100%) !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.08) !important;
}

.dashboard-light .bot-install-summary,
.dashboard-light .bot-install-intro,
.dashboard-light .bot-install-add-site,
.dashboard-light .bot-install-method-card,
.dashboard-light .bot-install-site,
.dashboard-light .bot-install-snippet,
.dashboard-light .gsc-property-option {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light .bot-install-eyebrow,
.dashboard-light .gsc-property-eyebrow,
.dashboard-light .bot-install-intro > .material-symbols-outlined,
.dashboard-light .gsc-property-icon {
    color: #078a7c !important;
}

.dashboard-light .bot-install-intro > .material-symbols-outlined,
.dashboard-light .gsc-property-icon,
.dashboard-light .bot-install-status,
.dashboard-light .gsc-property-count {
    border-color: rgba(7, 138, 124, 0.18) !important;
    background: #e0faf6 !important;
}

.dashboard-light .bot-install-status,
.dashboard-light .gsc-property-count {
    color: #064e45 !important;
}

.dashboard-light .bot-install-intro h3,
.dashboard-light .gsc-property-select-head h3,
.dashboard-light .gsc-property-copy strong {
    color: #102033 !important;
}

.dashboard-light .bot-install-intro p,
.dashboard-light .gsc-property-select-head p,
.dashboard-light .gsc-property-copy small,
.dashboard-light .bot-install-steps span,
.dashboard-light .bot-install-add-site label {
    color: #53677b !important;
}

.dashboard-light .bot-install-add-site input,
.dashboard-light .bot-install-snippet textarea {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #ffffff !important;
}

.dashboard-light .bot-install-add-site button,
.dashboard-light .gsc-property-option button {
    color: #04221f !important;
    background: #16c8b5 !important;
}

@media (max-width: 900px) {
    .bot-install-grid,
    .gsc-property-select-head {
        grid-template-columns: 1fr;
    }

    .gsc-property-select-head {
        display: grid;
    }
}

@media (max-width: 640px) {
    .bot-install-summary,
    .bot-install-content,
    .gsc-property-select-card {
        padding: 18px !important;
    }

    .bot-install-summary .setup-summary-head,
    .gsc-property-option {
        grid-template-columns: 1fr;
    }

    .bot-install-summary .setup-summary-head {
        display: grid;
    }

    .gsc-property-option button {
        width: 100%;
    }
}

.bot-install-content {
    display: grid;
    gap: 18px;
}

.bot-install-site-card {
    overflow: hidden;
    border: 1px solid var(--ws-line) !important;
    border-radius: 22px !important;
    background: var(--ws-panel) !important;
    box-shadow: none !important;
}

.bot-install-site-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 28px;
    border-bottom: 1px solid var(--ws-line) !important;
}

.bot-install-site-head .site-block-title {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

.bot-install-site-head h4 {
    margin: 0;
    color: var(--ws-text);
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.035em;
}

.bot-install-site-head .site-block-meta {
    color: var(--ws-muted);
    white-space: nowrap;
}

.bot-install-site-head .site-block-meta strong {
    color: var(--ws-text);
}

.bot-install-method-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding: 0;
    border-bottom: 1px solid var(--ws-line) !important;
}

.bot-install-choice {
    position: relative;
    display: grid;
    justify-items: center;
    align-content: center;
    min-height: 210px;
    padding: 34px 24px;
    overflow: hidden;
    border: 0 !important;
    border-right: 1px solid var(--ws-line) !important;
    border-radius: 0 !important;
    color: var(--ws-text) !important;
    text-align: center;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: color 0.18s ease, background 0.18s ease;
}

.bot-install-choice:last-child {
    border-right: 0 !important;
}

.bot-install-choice:hover,
.bot-install-choice[aria-pressed="true"] {
    background: rgba(60, 221, 199, 0.055) !important;
}

.bot-install-choice .material-symbols-outlined {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 20px;
    border-radius: 0;
    color: var(--ws-brand);
    background: transparent;
    font-size: 42px;
}

.bot-install-choice strong {
    display: block;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.04em;
}

.bot-install-choice small {
    max-width: 240px;
    color: var(--ws-muted);
    font-size: 13px;
    line-height: 1.45;
}

.bot-install-choice-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    padding: 0;
    border-radius: 999px;
    color: var(--ws-brand);
    background: transparent;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.bot-install-snippet-panel {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.025), rgba(60, 221, 199, 0.035));
}

.bot-install-snippet-panel[hidden] {
    display: none;
}

.bot-install-snippet-bar {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-height: 60px;
    padding: 0 28px;
    border-bottom: 1px solid var(--ws-line) !important;
    color: var(--ws-muted);
    background: rgba(255, 255, 255, 0.04);
}

.bot-install-snippet-bar > span:not(.snippet-lang) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bot-install-snippet-bar strong {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    color: var(--ws-brand);
    background: rgba(60, 221, 199, 0.1);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.bot-install-note {
    display: grid;
    gap: 10px;
    padding: 24px 28px 18px;
}

.bot-install-note strong {
    color: var(--ws-text);
    font-size: 18px;
    letter-spacing: -0.025em;
}

.bot-install-note p {
    max-width: 760px;
    margin: 0;
    color: var(--ws-muted);
    font-size: 15px;
    line-height: 1.55;
}

.bot-install-note code {
    padding: 1px 5px;
    border-radius: 4px;
    color: inherit;
    background: rgba(255, 255, 255, 0.08) !important;
}

.bot-install-note .secondary-link {
    width: fit-content;
    margin: 8px 0 18px;
    padding: 0 20px;
    color: #04110d !important;
    background: var(--ws-brand) !important;
}

.bot-install-snippet-panel textarea {
    display: block;
    width: 100%;
    min-height: 160px;
    margin: 14px 0 0;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 12px !important;
    color: var(--ws-text) !important;
    background: rgba(255, 255, 255, 0.025) !important;
    font-family: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
    font-size: 14px;
    line-height: 1.55;
    resize: vertical;
}

.bot-install-actions {
    justify-content: flex-end;
    padding: 22px 28px 26px;
    border-top: 1px solid var(--ws-line) !important;
}

.bot-install-actions .ghost-btn {
    min-width: 160px;
    border: 0 !important;
    color: #04110d !important;
    background: var(--ws-brand) !important;
    font-weight: 600;
}

.dashboard-light .bot-install-site-card {
    border-color: #d8e2ec !important;
    background: #ffffff !important;
}

.dashboard-light .bot-install-choice {
    border-color: #d8e2ec !important;
    color: #102033 !important;
    background: transparent !important;
}

.dashboard-light .bot-install-choice:hover,
.dashboard-light .bot-install-choice[aria-pressed="true"] {
    background: #f6fbfa !important;
}

.dashboard-light .bot-install-choice small {
    color: #53677b !important;
}

.dashboard-light .bot-install-choice .material-symbols-outlined,
.dashboard-light .bot-install-choice-badge {
    color: #16a99c !important;
    background: transparent !important;
}

.dashboard-light .bot-install-site-head,
.dashboard-light .bot-install-snippet-bar,
.dashboard-light .bot-install-actions {
    border-color: #d8e2ec !important;
}

.dashboard-light .bot-install-site-head h4,
.dashboard-light .bot-install-site-head .site-block-meta strong,
.dashboard-light .bot-install-note strong {
    color: #102033 !important;
}

.dashboard-light .bot-install-site-head .site-block-meta,
.dashboard-light .bot-install-snippet-bar,
.dashboard-light .bot-install-note p {
    color: #53677b !important;
}

.dashboard-light .bot-install-snippet-panel {
    background: linear-gradient(135deg, #f7fbfd, #f1fbfa) !important;
}

.dashboard-light .bot-install-snippet-bar {
    background: #eef3f6 !important;
}

.dashboard-light .bot-install-snippet-bar strong,
.dashboard-light .bot-install-note .secondary-link,
.dashboard-light .bot-install-actions .ghost-btn {
    color: #04221f !important;
    background: #16c8b5 !important;
}

.dashboard-light .bot-install-note code {
    color: #6b7280 !important;
    background: #eef2f4 !important;
}

.dashboard-light .bot-install-snippet-panel textarea {
    border-color: #c8d5e1 !important;
    color: #102033 !important;
    background: #ffffff !important;
}

@media (max-width: 760px) {
    .bot-install-method-picker {
        grid-template-columns: 1fr;
        padding: 0;
    }

    .bot-install-choice {
        min-height: 170px;
        border-right: 0 !important;
        border-bottom: 1px solid var(--ws-line) !important;
    }

    .bot-install-choice:last-child {
        border-bottom: 0 !important;
    }

    .bot-install-site-head,
    .bot-install-snippet-bar {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .bot-install-site-head {
        display: grid;
        padding: 20px;
    }

    .bot-install-site-head .site-block-title {
        flex-wrap: wrap;
    }

    .bot-install-site-head .site-block-meta {
        white-space: normal;
    }

    .bot-install-snippet-bar,
    .bot-install-note,
    .bot-install-actions {
        padding-right: 20px;
        padding-left: 20px;
    }

    .bot-install-actions .ghost-btn,
    .bot-install-actions form {
        width: 100%;
    }
}
.scan-workspace-shell.dashboard-light .executive-copy > div{
    box-shadow: unset !important;
}
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .report-hero div{
    border-radius: 18px !important;
}
body.workspace-hide-chrome .scan-workspace-shell .scan-report-canvas .report-hero{
    border-radius: 18px !important;
}
.price-free-cta{
    color: #fff !important;
    font-size: 64px !important;
}