/* Pente fino: hierarchy, natural-size badges and consistent symbols. */
html[data-theme] .kanban-head{background:linear-gradient(115deg,var(--stage-accent),color-mix(in srgb,var(--stage-accent) 78%,#19192e));box-shadow:inset 0 1px #ffffff24}
html[data-theme] .kanban-card{border-left:1px solid var(--line)}
.kanban-head::before{display:none!important}
html[data-theme] .reference-planned-row .status{justify-self:start;width:max-content;max-width:100%;padding:5px 9px}
.reference-review-action{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(110deg,#dc440c,#ed6b26);color:#fff;font-weight:600;min-height:40px;box-shadow:0 2px 5px #c64b1218}
.reference-planned-row:hover .reference-review-action{filter:brightness(1.06)}
#userProfileModal #profileName,#userProfileModal .modal-close{color:var(--ink)}
#userProfileModal input{color:var(--ink);background:var(--field)}
#userProfileModal .modal-close,#userProfileModal .secondary-button{background:var(--surface-muted);color:var(--ink);border:1px solid var(--line)}
html[data-theme] .ai-hero>p,html[data-theme] .ai-summary span{color:var(--muted)}
html[data-theme] .ai-summary>div{background:var(--surface-muted);border:1px solid var(--line);border-radius:12px;padding:16px}
html[data-theme] .ai-summary b{color:var(--ink)}
html[data-theme] .actionable-list>button>span{background:linear-gradient(110deg,#dc440c,#ed6b26);color:#fff}
/* Other SVG rules style line icons; social marks always retain their white fill. */
html[data-theme] .platform-icon svg{color:#fff!important;fill:#fff!important;stroke:none!important;flex:none}
html[data-theme] .editorial-post .platform-icon,html[data-theme] .kanban-open .platform-icon,html[data-theme] .reference-format .platform-icon{width:21px;height:21px;border-radius:6px;line-height:1}
html[data-theme] .editorial-post .platform-icon svg,html[data-theme] .kanban-open .platform-icon svg,html[data-theme] .reference-format .platform-icon svg{width:14px!important;height:14px!important}
html[data-theme] .integration-logo .platform-icon,html[data-theme] .source-icon .platform-icon{width:46px;height:46px;border-radius:12px}
html[data-theme] .integration-logo .platform-icon svg,html[data-theme] .source-icon .platform-icon svg{width:29px!important;height:29px!important}
[data-format="Carrossel"]{--format-color:#167857;--format-ink:#106548}
[data-format="Estático"],[data-format="Post estático"]{--format-color:#2568c4;--format-ink:#1c57aa}
[data-format="Reels"]{--format-color:#8850ce;--format-ink:#7340b3}
[data-format="Stories"]{--format-color:#be3c77;--format-ink:#a02d62}
html[data-theme=dark] [data-format]{--format-ink:color-mix(in srgb,var(--format-color) 48%,#fff)}
html[data-theme=light] .editorial-post[data-custom-color]{--format-ink:color-mix(in srgb,var(--format-color) 65%,#142330)}
html[data-theme] .reference-thumbnail[data-format]{color:var(--format-ink);background:color-mix(in srgb,var(--format-color) 12%,var(--surface));width:54px;height:48px}
html[data-theme] .reference-thumbnail[data-format] svg{color:var(--format-ink)}
html[data-theme] .editorial-post{border:1px solid color-mix(in srgb,var(--format-color,#8391a0) 23%,var(--line));background:linear-gradient(125deg,color-mix(in srgb,var(--format-color,#8391a0) 9%,var(--surface)),var(--surface));padding:11px;box-shadow:none}
html[data-theme] .editorial-post::before{display:none}
html[data-theme] .editorial-post:hover{border-color:var(--format-color,var(--accent));box-shadow:0 3px 10px #0000000c}
.editorial-post .format-label{display:inline-flex;align-items:center;gap:5px;color:var(--format-ink);font-weight:600}
.editorial-post .format-label svg{color:inherit}
.editorial-post .editorial-format{gap:8px;align-items:center}
.editorial-format .work-kind-icon{margin:0}
.editorial-post .editorial-client.is-primary{font-size:13px;font-weight:700;color:var(--ink)}
html[data-theme] .editorial-post .editorial-stage{display:inline-flex;align-items:center;gap:5px;background:transparent;color:var(--ink-soft);border:0;padding:0;font-size:10px;font-weight:500;white-space:normal}
.editorial-post .editorial-stage::before{content:'';width:5px;height:5px;background:var(--stage-accent);border-radius:50%;flex:none}
html[data-theme] .editorial-calendar .editorial-day.today .day-number{background:transparent;color:var(--ink);border-radius:0;border-bottom:2px solid var(--accent);font-weight:700}
/* The cropped portrait remains square instead of stretching across the cover. */
html[data-theme] .reference-client-cover{height:112px;display:flex;align-items:center;justify-content:flex-start;gap:14px;padding:15px;background:linear-gradient(115deg,#a12a72,#61408f 60%,#293a65);color:#fff}
html[data-theme] .reference-client-card[data-tone] .reference-client-cover{background:linear-gradient(115deg,#a12a72,#61408f 60%,#293a65);color:#fff}
.workflow-format{color:var(--format-ink);font-weight:600}
.reference-cover-avatar{flex:0 0 72px;width:72px;height:72px;border-radius:50%;border:2px solid #ffffffb0;overflow:hidden;display:grid;place-items:center;background:#ffffff20;font-size:26px}
.reference-client-cover .reference-cover-avatar img{width:100%;height:100%;object-fit:cover}
.reference-cover-identity{display:block;min-width:0;text-align:left;font-size:14px;line-height:1.35}
.reference-cover-identity strong{display:block;color:#fff;font-size:15px;overflow-wrap:anywhere}
.reference-cover-identity small{display:block;margin-top:6px;color:#f6eefa;font-size:11px;overflow-wrap:anywhere}
.client-nav-identity .mini-avatar{overflow:hidden}.client-nav-identity .mini-avatar img{width:100%;height:100%;object-fit:cover}
.history-item{position:relative;padding-right:38px}.history-item [data-remove-history]{position:absolute;right:0;top:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--muted);font-size:20px;cursor:pointer}.history-item [data-remove-history]:hover{color:#c63245;border-color:#c63245}
.calendar-order-menu{min-width:230px}.calendar-order-menu button{font-size:13px;padding:11px 14px}.calendar-order-menu button:first-child{font-weight:700;color:var(--accent)}
@media(max-width:720px){.reference-client-cover{height:120px}.reference-cover-avatar{width:78px;height:78px;flex-basis:78px}}

/* Ajuste fino: o formato colore o rótulo e a etapa colore o cartão. */
html[data-theme] .editorial-post[data-stage-tone="neutral"]{--stage-accent:#2568c4;--stage-ink:#1c57aa}
html[data-theme] .editorial-post[data-stage-tone="cyan"]{--stage-accent:#d95b08;--stage-ink:#b94b06}
html[data-theme] .editorial-post[data-stage-tone="violet"]{--stage-accent:#8850ce;--stage-ink:#7340b3}
html[data-theme] .editorial-post[data-stage-tone="amber"]{--stage-accent:#c42c4b;--stage-ink:#a3233d}
html[data-theme] .editorial-post[data-stage-tone="green"]{--stage-accent:#13854a;--stage-ink:#117440}
html[data-theme] .editorial-post[data-stage-tone="blue"]{--stage-accent:#2c66c8;--stage-ink:#2458ad}
html[data-theme] .editorial-post{border-color:color-mix(in srgb,var(--stage-accent,#8391a0) 38%,var(--line));background:linear-gradient(125deg,color-mix(in srgb,var(--stage-accent,#8391a0) 6%,var(--surface)),var(--surface))}
html[data-theme] .editorial-post .editorial-stage{color:var(--stage-ink,var(--ink-soft));font-weight:600}
html[data-theme="dark"] .editorial-post[data-stage-tone]{--stage-ink:color-mix(in srgb,var(--stage-accent) 45%,#fff)}

/* Capas fotográficas retangulares deixam nome e arroba livres à direita. */
html[data-theme] .reference-cover-avatar{flex:0 0 112px;width:112px;height:82px;border-radius:14px}
html[data-theme] .history-item [data-remove-history]{border-color:#edb4b4;background:#fff5f5;color:#c94a4a}
html[data-theme="dark"] .history-item [data-remove-history]{border-color:#70404a;background:#3a252a;color:#ff9b9b}
html[data-theme] .reference-planned-row{grid-template-columns:minmax(260px,2fr) minmax(140px,1fr) 155px minmax(150px,1fr) 100px}
html[data-theme] .reference-planned-row .status,html[data-theme] .reference-review-action{align-self:center;justify-self:stretch;text-align:center}
@media(max-width:720px){html[data-theme] .reference-cover-avatar{width:112px;height:88px;flex-basis:112px}}

/* Último ajuste de leitura: cores mais presentes e formato em sua própria etiqueta. */
html[data-theme] .editorial-post{border-width:1.5px;border-color:color-mix(in srgb,var(--stage-accent,#8391a0) 72%,var(--line));background:linear-gradient(125deg,color-mix(in srgb,var(--stage-accent,#8391a0) 10%,var(--surface)),var(--surface))}
html[data-theme] .editorial-post .format-label{padding:3px 7px;border-radius:7px;background:color-mix(in srgb,var(--format-color,#66809a) 18%,var(--surface));color:var(--format-ink);font-weight:700;line-height:1.2}
html[data-theme] .editorial-post .format-label svg{width:15px;height:15px;color:var(--format-ink)}
html[data-theme] .editorial-post .work-kind-icon .platform-icon{width:22px;height:22px;border-radius:6px;margin:0;vertical-align:middle}
html[data-theme] .editorial-post .work-kind-icon .platform-icon svg{width:15px!important;height:15px!important}

/* A foto preenche a thumbnail inteira; o degradê conduz a leitura para o nome. */
html[data-theme] .reference-client-cover{position:relative;overflow:hidden;isolation:isolate;padding-left:42%;background:linear-gradient(105deg,#a12a72,#ff6a00 56%,#4e397f)}
html[data-theme] .reference-cover-avatar{position:absolute;z-index:0;inset:0;width:auto;height:auto;flex:none;border:0;border-radius:0;background:#6c3a79}
html[data-theme] .reference-cover-avatar::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 12%,#8e3d72aa 42%,#603a82 78%,#343868 100%)}
html[data-theme] .reference-cover-avatar>span{position:absolute;left:10%;top:50%;transform:translateY(-50%);z-index:1;color:#ffffffaa;font-size:36px}
html[data-theme] .reference-client-cover .reference-cover-avatar img{display:block;width:100%;height:100%;object-fit:cover;object-position:25% center}
html[data-theme] .reference-cover-identity{position:relative;z-index:1;margin-left:0;text-shadow:0 1px 2px #24122d66}
html[data-theme] .reference-cover-identity strong{font-size:18px}
html[data-theme] .reference-cover-identity small{font-size:13px;color:#fff}

html[data-theme] .editorial-post .platform-icon svg{margin:0!important;padding:0!important;transform:none;align-self:center;justify-self:center}
