/* Brand color is sampled from the user's supplied logo. */
:root {--brand-primary:#1b4be5;--brand-hover:#153dc3;--brand-tint:#eef2ff;--blue:#1b4be5;--data-teal:#168879;--data-purple:#8462d8;--data-track:#e4e8f0;font-size:15px;}
:root.dark {--blue:#8aa7ff;--brand-tint:#223361;--data-teal:#5bc2b0;--data-purple:#b596ff;--data-track:#36393e;}
body {font-size:15px;}
p,.plane-page p {font-size:14px;line-height:1.7;}
small,.small,.hint {font-size:13px;}
.btn,.dark .btn,.plane-route-header .btn,.plane-page .btn {font-size:14px;min-height:36px;padding:7px 12px;}
.btn.primary,.dark .btn.primary,.dark .plane-page .btn.primary,.plane-route-header .btn.primary,.dark .plane-route-header .btn.primary,.dark .login-form .btn.primary {background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;}
.btn.primary:hover,.dark .btn.primary:hover {background:var(--brand-hover);border-color:var(--brand-hover);}
.btn.quiet,.dark .btn.quiet {background:transparent;}
.field,.field input,.field textarea,.field select,.plane-settings-content .field {font-size:14px;}
.field .hint {font-size:13px;}
.field .plane-select-trigger {font-size:14px;min-height:38px;}
.plane-select-trigger {font-size:14px;min-height:34px;}
.plane-select-option {font-size:14px;min-height:35px;}
.badge {font-size:13px;}
table,.platform-table,.task-card p,.check-list li {font-size:14px;}
.title-cell small,.source-url,.fact-footer,.task-meta {font-size:13px;}
.plane-page h1 {font-size:25px;line-height:1.4;}
.panel-head h2,.studio-config h2 {font-size:18px;}
.panel-body h3,.fact h3,.task-card h3,.media-card h3 {font-size:16px;line-height:1.6;}
.plane-global-header {height:44px;padding-inline:18px;}
.plane-app-rail,.plane-sidebar.sidebar,.plane-main.main {top:44px;}
.plane-header-brand {display:flex;align-items:center;gap:9px;flex-shrink:0;color:var(--text);user-select:none;}
.plane-header-brand>strong {font-family:var(--font-ui);font-size:16px;font-weight:600;letter-spacing:0;}
.plane-header-brand .brand-logo {width:26px;height:26px;border-radius:5px;}
.plane-header-brand .brand-logo img {width:82.5px;height:26px;max-width:none;}
.plane-global-search {height:31px;font-size:14px;}
.plane-rail-item {font-size:13px;}
.plane-rail-item>.icon {width:24px;height:24px;}
/* Distinct section colors appear only on the selected rail entry. */
.plane-rail-item[data-route=overview] {--rail-accent:var(--brand-primary);--rail-tint:#e8eeff;}
.plane-rail-item[data-route=knowledge] {--rail-accent:#07766b;--rail-tint:#e3f4ef;}
.plane-rail-item[data-route=ai] {--rail-accent:#7c3aed;--rail-tint:#f0e8ff;}
.dark .plane-rail-item[data-route=overview] {--rail-accent:#8aa7ff;--rail-tint:#223361;}
.dark .plane-rail-item[data-route=knowledge] {--rail-accent:#5bc2b0;--rail-tint:#193b36;}
.dark .plane-rail-item[data-route=ai] {--rail-accent:#b596ff;--rail-tint:#322541;}
.plane-rail-item.selected {color:var(--rail-accent);}
.plane-rail-item.selected>.icon {background:var(--rail-tint);color:var(--rail-accent);}
.plane-rail-settings {display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;flex-shrink:0;border-radius:6px;padding:8px;color:var(--muted);}
.plane-rail-settings>.icon {width:26px;height:26px;}
.plane-rail-settings:hover,.plane-rail-settings.selected {background:var(--plane-active);color:var(--text);}

.plane-nav-item {height:37px;font-size:14px;padding:7px 9px;}
.plane-nav-item>.icon {width:18px;height:18px;}
.plane-new-item {height:36px;font-size:14px;}
.plane-group-heading,.plane-nav-label {font-size:13px;}
.plane-sidebar-footer .plane-nav-item {font-size:14px;}
.plane-brand-project {font-size:14px;}
/* Brand identity left, personal account right, matching Plane's global header. */
.plane-header-account {width:34px;height:34px;flex-shrink:0;border-radius:5px;}
.plane-header-account:hover,.plane-header-account[aria-expanded=true] {background:var(--plane-active);}
.plane-header-account .plane-person-avatar {width:24px;height:24px;font-size:13px;}
.plane-popover.plane-account-popover {left:auto;right:16px;top:49px;bottom:auto;width:289px;max-width:calc(100vw - 24px);}
.plane-nav-body {scrollbar-width:none;-ms-overflow-style:none;}
.plane-nav-body::-webkit-scrollbar {display:none;width:0;height:0;}
.plane-brand-project {height:39px;margin-bottom:4px;border-radius:6px;}
.plane-brand-project.selected,.plane-brand-project:hover {background:var(--plane-active);}
.plane-brand-project .plane-brand-square {width:24px;height:24px;font-size:14px;flex-shrink:0;}
.plane-popover-item {font-size:14px;padding:10px;}
.plane-personal-panel>h2 {font-size:18px;}
.plane-personal-panel>p {font-size:14px;margin-bottom:22px;}
.plane-preference-row h3 {font-size:14px;}
.plane-preference-row p {font-size:13px;}
.plane-preference-row {min-height:66px;}
.plane-personal-nav>.plane-nav-item {font-size:14px;}
.plane-personal-user strong {font-size:14px;}
.dialog-head h2 {font-size:18px;}
.dialog-body p {font-size:14px;}
.platform-icon,.dark .platform-icon,.plane-integration-icon .platform-icon,.platform-table .platform-icon {border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;object-fit:contain;border-radius:0;}
.platform-icon.plane-product-icon {fill:none;stroke:none;color:var(--text);width:28px;height:28px;}
.platform-icon {width:28px;height:28px;}
.plane-product-icon {width:28px;height:28px;flex-shrink:0;}
.plane-empty-art,.brand-chart-empty>.plane-native-illustration {display:block;width:120px;max-width:100%;height:auto;max-height:145px;margin:0 auto 20px;}
.plane-empty-art>svg {width:100%;height:auto;display:block;}
.empty h3 {font-size:18px;}.empty p {font-size:14px;}
.plane-draft-empty .plane-native-illustration {width:160px;height:auto;}
/* A wide brand dashboard, rather than a personal greeting / marketing banner. */
.plane-home-page {padding:0 28px 32px!important;}
.plane-home.brand-home {max-width:1440px;padding-top:30px;}
.brand-home-heading {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;}
.brand-home-identity {display:flex;align-items:center;gap:14px;min-width:0;}
.brand-home-avatar {display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border-radius:11px;background:var(--brand-tint);color:var(--blue);font-size:23px;font-weight:600;}
.brand-home-identity>div {min-width:0;}
.brand-home h1 {font-size:26px;font-weight:600;}
.brand-home-identity p {font-size:14px;color:var(--plane-secondary);margin:5px 0 0;}
.brand-home-identity p>span {margin:0 6px;}
.brand-data-toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;}
.brand-data-toolbar>div:first-child {display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--muted);}
.brand-data-toolbar .plane-select {min-width:115px;}
.brand-kpis {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;}
.brand-kpi {text-align:left;border:1px solid var(--line);border-radius:8px;background:var(--plane-panel);padding:18px 20px;min-width:0;color:var(--text);}
.brand-kpi:hover {border-color:var(--blue);}
.brand-kpi-label {display:flex;align-items:center;gap:10px;font-size:14px;color:var(--plane-secondary);}
.brand-kpi-label>.icon {width:15px;height:15px;margin-left:auto;}
.brand-color-icon {display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:7px;color:var(--blue);background:var(--brand-tint);}
.brand-color-icon .icon {width:18px;height:18px;}
.brand-kpi.tone-1 .brand-color-icon,.brand-color-icon.tone-1 {color:var(--data-teal);background:#16887915;}
.brand-kpi.tone-2 .brand-color-icon,.brand-color-icon.tone-2 {color:var(--data-purple);background:#8462d815;}
.brand-kpi.tone-3 .brand-color-icon {color:#b58531;background:#b5853118;}
.brand-kpi>strong {display:block;font-size:36px;font-weight:600;line-height:1.2;margin:14px 0 10px;font-variant-numeric:tabular-nums;}
.brand-kpi>strong small {font-size:16px;font-weight:400;color:var(--muted);margin-left:3px;}
.brand-kpi-change {display:flex;gap:7px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
.brand-kpi-change .positive {color:var(--data-teal);}
.brand-kpi>p {font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0;}
.brand-main-grid {display:grid;grid-template-columns:minmax(0,1.55fr) minmax(350px,1fr);gap:20px;margin-bottom:20px;}
.brand-secondary-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;}
.brand-panel {background:var(--plane-panel);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden;}
.brand-panel>header {display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 20px 15px;}
.brand-panel h2 {display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;line-height:1.5;}
.brand-panel h2>.icon {width:18px;height:18px;color:var(--muted);}
.brand-panel header p {font-size:13px;line-height:1.6;color:var(--muted);margin:5px 0 0;}
.brand-panel-body {padding:0 20px 20px;}
.brand-trend .chart-wrap {height:340px;}
.brand-trend-counts {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);padding-top:16px;margin-top:17px;gap:10px;}
.brand-trend-counts>div {border-right:1px solid var(--line);padding-right:12px;}
.brand-trend-counts>div:last-child {border-right:0;}
.brand-trend-counts strong {font-size:22px;font-weight:500;display:block;line-height:1.4;}
.brand-trend-counts span {font-size:13px;color:var(--muted);}
.brand-platform-list {padding:0 20px 15px;}
.brand-platform-row {display:grid;grid-template-columns:minmax(110px,1fr) minmax(30px,.6fr) 60px 42px;align-items:center;gap:9px;width:100%;text-align:left;padding:11px 0;border-top:1px solid var(--line);}
.brand-platform-row .platform-name {font-size:14px;gap:9px;white-space:nowrap;}
.brand-platform-row .platform-icon {width:28px;height:28px;}
.brand-platform-row strong {text-align:right;font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;}
.brand-platform-row>small {font-size:12px;text-align:right;color:var(--muted);}
.brand-platform-progress {height:6px;border-radius:4px;background:var(--data-track);overflow:hidden;}
.brand-platform-progress>i {display:block;height:100%;background:var(--blue);border-radius:4px;}
.brand-recommendation {display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;align-items:center;padding:10px 20px 28px;}
.brand-donut {width:138px;height:138px;border-radius:50%;background:var(--brand-pie);padding:15px;}
.brand-donut>div {width:100%;height:100%;border-radius:50%;background:var(--plane-panel);display:flex;align-items:center;justify-content:center;flex-direction:column;}
.brand-donut strong {font-size:28px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;}
.brand-donut strong small {font-size:14px;font-weight:400;}
.brand-donut span {font-size:12px;color:var(--muted);margin-top:5px;}
.brand-legend {display:grid;gap:17px;}
.brand-legend>div {display:grid;grid-template-columns:8px minmax(0,1fr) auto auto;align-items:center;gap:7px;font-size:13px;}
.brand-legend i {width:8px;height:8px;border-radius:2px;background:var(--data-track);}
.brand-legend .blue {background:var(--brand-primary);}.brand-legend .teal {background:var(--data-teal);}
.brand-legend strong {font-weight:500;}.brand-legend small {font-size:12px;color:var(--muted);}
.brand-intents {padding:0 20px 20px;display:grid;gap:17px;}
.brand-intents>button {width:100%;text-align:left;}
.brand-intents>button>div:first-child {display:flex;justify-content:space-between;gap:10px;font-size:14px;line-height:1.5;margin-bottom:9px;}
.brand-intents strong {font-size:13px;font-weight:400;white-space:nowrap;color:var(--muted);}
.brand-intent-track {height:7px;background:var(--data-track);border-radius:3px;overflow:hidden;}
.brand-intent-track>i {height:100%;display:block;background:var(--blue);}
.brand-intent-track>.tone-1 {background:var(--data-teal);}.brand-intent-track>.tone-2 {background:var(--data-purple);}
.brand-assets {padding:0 20px 20px;}
.brand-assets>button {display:flex;align-items:center;gap:12px;width:100%;padding:10px 0;text-align:left;}
.brand-assets>button>span:nth-child(2) {flex:1;min-width:0;}
.brand-assets strong {display:block;font-size:23px;font-weight:600;line-height:1.3;}
.brand-assets strong small {font-size:13px;font-weight:400;color:var(--muted);margin-left:4px;}
.brand-assets>button>span:nth-child(2)>span {font-size:13px;color:var(--muted);}
.brand-assets>button>.icon {width:16px;height:16px;color:var(--muted);}
.brand-content-status {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);margin-top:12px;padding-top:15px;font-size:12px;color:var(--muted);}
.brand-content-status>span {display:flex;align-items:center;gap:5px;}
.brand-content-status i {width:5px;height:5px;border-radius:50%;background:var(--muted);}.brand-content-status .review {background:#c89639;}.brand-content-status .approved {background:var(--data-teal);}
.brand-workflow {margin-bottom:20px;}
.brand-workflow .workflow-strip {margin-top:5px;}
.brand-workflow .workflow-step {font-size:14px;min-width:0;line-height:1.6;}
.brand-workflow .workflow-step .muted {font-size:13px;}
.brand-workflow .workflow-step.done .step-icon {color:var(--data-teal);background:#16887918;}
.brand-task-summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:20px;margin-top:20px;}
.brand-task-summary>button {display:flex;align-items:center;gap:9px;padding:0 14px;border-right:1px solid var(--line);font-size:14px;}
.brand-task-summary>button:last-child {border-right:0;}
.brand-task-summary strong {margin-left:auto;font-size:21px;font-weight:500;}
.brand-bottom-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
.brand-task-list,.brand-activity-list {padding:0 20px 10px;}
.brand-task-list>button,.brand-activity-list>button {display:flex;align-items:center;gap:12px;width:100%;padding:15px 0;border-top:1px solid var(--line);text-align:left;}
.brand-task-list>button>div,.brand-activity-list>button>div {flex:1;min-width:0;}
.brand-task-list strong,.brand-activity-list strong {font-size:14px;line-height:1.6;font-weight:500;}
.brand-task-list small,.brand-activity-list small {display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:5px;}
.brand-activity-list time {font-size:12px;color:var(--muted);white-space:nowrap;align-self:flex-start;}
.brand-chart-empty {padding:24px 10px;text-align:center;}
.brand-chart-empty>strong {display:block;font-size:16px;font-weight:500;}
.brand-chart-empty>p {font-size:13px;color:var(--muted);margin:8px auto 0;max-width:320px;}
.brand-home-note {display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.7;color:var(--muted);padding-top:22px;}
.brand-home-note>.icon {width:16px;height:16px;margin-top:3px;}
@container geo-content (max-width:1150px) {.brand-secondary-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.brand-secondary-grid>.brand-panel:last-child {grid-column:1 / -1;}.brand-assets {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}.brand-content-status {grid-column:1 / -1;}}
@container geo-content (max-width:960px) {.brand-main-grid {grid-template-columns:minmax(0,1fr);}.brand-home-heading {align-items:flex-start;flex-wrap:wrap;}.brand-kpis {grid-template-columns:repeat(2,minmax(0,1fr));}.brand-platform-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;}.brand-platform-row {grid-template-columns:minmax(110px,1fr) 60px 40px;}.brand-platform-progress {display:none;}.brand-bottom-grid {grid-template-columns:minmax(0,1fr);}}
@container geo-content (max-width:650px) {.brand-secondary-grid {grid-template-columns:minmax(0,1fr);}.brand-assets {display:block;}.brand-platform-list {display:block;}.brand-platform-progress {display:block;}.brand-platform-row {grid-template-columns:minmax(100px,1fr) minmax(20px,.5fr) 54px 40px;}.brand-data-toolbar {flex-wrap:wrap;}.brand-update-time {display:none;}.brand-task-summary {grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 0;}.brand-task-summary>button:nth-child(2) {border-right:0;}.brand-workflow .workflow-strip {flex-wrap:wrap;gap:18px 0;}.brand-workflow .workflow-step {flex-basis:33.33%;}.brand-workflow .workflow-step:nth-child(4):before {display:none;}}
@media(max-height:760px) and (min-width:701px) {.plane-preference-row {min-height:59px;padding:8px 0;}.plane-personal-panel>p {margin-bottom:15px;}}
@media(max-width:700px) {
 .plane-global-header {height:44px;padding:0 10px;}.plane-global-search {height:30px;position:static;transform:none;width:30px;margin-left:auto;}.plane-header-brand {gap:6px;}.plane-header-brand>strong {font-size:15px;}.plane-header-brand .brand-logo {width:23px;height:23px;}.plane-header-brand .brand-logo img {width:73px;height:23px;}
 .plane-rail-item {font-size:12px;}.plane-rail-item>.icon {width:22px;height:22px;}.plane-nav-item {font-size:14px;}.plane-sidebar-footer {display:none;}.plane-popover.plane-account-popover {left:auto;right:10px;top:49px;bottom:auto;max-width:calc(100vw - 20px);}
 .plane-page .btn,.plane-route-header .btn {font-size:13px;min-height:33px;padding:6px 9px;}.plane-route-header [data-action=manage-widgets] {font-size:13px!important;}.plane-route-header {padding:0 11px;}.plane-route-header strong {font-size:14px;}
 .plane-page.page {padding:24px 16px 30px;}.plane-home-page {padding:0 14px 26px!important;}.plane-home.brand-home {padding-top:24px;}.brand-home h1 {font-size:21px;}.brand-home-identity {gap:10px;align-items:flex-start;}.brand-home-avatar {width:38px;height:38px;font-size:20px;border-radius:8px;}.brand-home-identity p {font-size:13px;}.brand-home-heading {gap:15px;margin-bottom:18px;}.brand-home-heading>.heading-actions {width:100%;}.brand-data-toolbar {gap:12px;}.brand-data-toolbar .heading-actions {width:100%;}.brand-data-toolbar .plane-select {flex:1;min-width:0;}.brand-data-toolbar .plane-select-trigger {width:100%;font-size:13px;}.brand-kpis {gap:10px;margin-bottom:16px;}.brand-kpi {padding:14px 12px;}.brand-kpi-label {font-size:13px;gap:6px;flex-wrap:wrap;}.brand-kpi-label>.icon {display:none;}.brand-kpi>strong {font-size:30px;}.brand-color-icon {width:27px;height:27px;}.brand-color-icon>.icon {width:16px;height:16px;}.brand-kpi-change {font-size:12px;gap:4px;}.brand-kpi>p {font-size:12px;}.brand-main-grid,.brand-secondary-grid {gap:16px;margin-bottom:16px;}.brand-panel>header {padding:16px 14px 13px;gap:9px;flex-wrap:wrap;}.brand-panel h2 {font-size:16px;}.brand-panel header p {font-size:13px;}.brand-panel-body {padding:0 14px 16px;}.brand-trend .chart-wrap {height:260px;}.brand-platform-list,.brand-intents,.brand-assets {padding:0 14px 16px;}.brand-platform-row {gap:6px;grid-template-columns:minmax(105px,1fr) minmax(15px,.45fr) 53px 38px;}.brand-platform-row .platform-name {font-size:13px;gap:7px;}.brand-platform-row strong {font-size:13px;}.brand-platform-row .platform-icon {width:26px;height:26px;}.brand-recommendation {padding:8px 14px 22px;grid-template-columns:126px minmax(0,1fr);gap:14px;}.brand-donut {width:126px;height:126px;padding:14px;}.brand-donut strong {font-size:25px;}.brand-legend {gap:15px;}.brand-legend>div {font-size:12px;gap:5px;grid-template-columns:7px minmax(0,1fr) auto;}.brand-legend small {display:none;}.brand-assets {display:block;}.brand-task-summary>button {padding:0 7px;font-size:13px;gap:6px;}.brand-task-summary strong {font-size:20px;}.brand-task-list,.brand-activity-list {padding:0 14px 8px;}.brand-activity-list time {display:none;}.brand-home-note {font-size:12px;}.brand-bottom-grid {gap:16px;}
 .plane-personal-panel>h2 {font-size:18px;}.plane-personal-panel>p {font-size:13px;}.plane-preference-row {min-height:72px;}.plane-preference-row h3 {font-size:14px;}.plane-preference-row p {font-size:13px;}.plane-preference-row .plane-select-trigger {font-size:13px;}.plane-personal-nav>.plane-nav-item {font-size:13px;}
}