:root {
    --projectos-accent: #635BFF;
    --po-bg: #f3f5fb;
    --po-bg-alt: rgba(255,255,255,.84);
    --po-panel: rgba(255,255,255,.88);
    --po-panel-strong: #ffffff;
    --po-ink: #101828;
    --po-muted: #667085;
    --po-border: rgba(16,24,40,.08);
    --po-shadow: 0 24px 64px rgba(16,24,40,.12);
    --po-shadow-soft: 0 12px 28px rgba(16,24,40,.08);
    --po-success: #12b76a;
    --po-danger: #f04438;
    --po-warning: #f79009;
    --po-radius-xl: 28px;
    --po-radius-lg: 22px;
    --po-radius-md: 18px;
    --po-radius-sm: 14px;
    --po-sidebar-grad: linear-gradient(180deg, #19193f 0%, #0f172a 100%);
}

html,
body.projectos-shell-body {
    margin: 0;
    min-height: 100%;
    background:
        radial-gradient(circle at top left, rgba(99, 91, 255, .16), transparent 24%),
        radial-gradient(circle at top right, rgba(0, 184, 217, .10), transparent 16%),
        radial-gradient(circle at bottom right, rgba(18, 183, 106, .10), transparent 16%),
        linear-gradient(180deg, #fbfbfe 0%, #eef2f7 100%);
    color: var(--po-ink);
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#projectos-app,
#projectos-site-app {
    min-height: 100vh;
}

#projectos-app *,
#projectos-site-app * {
    box-sizing: border-box;
}

body[data-projectos-theme="midnight"].projectos-shell-body {
    background:
        radial-gradient(circle at top left, rgba(99, 91, 255, .24), transparent 24%),
        radial-gradient(circle at top right, rgba(0, 184, 217, .14), transparent 18%),
        radial-gradient(circle at bottom right, rgba(18, 183, 106, .10), transparent 18%),
        linear-gradient(180deg, #09101d 0%, #101828 100%);
}

#projectos-app[data-ui-theme="midnight"],
#projectos-site-app[data-ui-theme="midnight"] {
    --po-bg: #0d1320;
    --po-bg-alt: rgba(15, 23, 42, .86);
    --po-panel: rgba(17, 25, 40, .90);
    --po-panel-strong: rgba(20, 30, 48, .96);
    --po-ink: #f8fafc;
    --po-muted: #98a2b3;
    --po-border: rgba(255,255,255,.08);
    --po-shadow: 0 24px 64px rgba(0,0,0,.34);
    --po-shadow-soft: 0 16px 36px rgba(0,0,0,.24);
    --po-sidebar-grad: linear-gradient(180deg, #0b1220 0%, #09111f 100%);
}

.projectos-app-loading {
    min-height: 100vh;
    display: grid;
    place-items: center;
    gap: 14px;
    text-align: center;
    color: var(--po-muted);
    padding: 40px;
}

.projectos-app-loading strong {
    font-size: 24px;
    color: var(--po-ink);
}

.projectos-app-loading__pulse {
    width: 84px;
    height: 84px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 91, 255, .96) 0%, rgba(99, 91, 255, .18) 62%, rgba(99, 91, 255, .02) 100%);
    animation: projectosPulse 1.4s ease-in-out infinite;
}

@keyframes projectosPulse {
    0%,100% { transform: scale(.92); opacity: .72; }
    50% { transform: scale(1); opacity: 1; }
}

.po-auth {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
}

.po-auth__card {
    width: min(100%, 760px);
    padding: 48px;
    border-radius: 32px;
    background: var(--po-bg-alt);
    border: 1px solid var(--po-border);
    box-shadow: var(--po-shadow);
    text-align: center;
    backdrop-filter: blur(18px);
}

.po-auth__card h1 {
    margin: 18px 0 12px;
    font-size: clamp(40px, 6vw, 72px);
    line-height: .96;
}

.po-auth__card p {
    margin: 0 auto 24px;
    max-width: 580px;
    color: var(--po-muted);
    font-size: 18px;
    line-height: 1.7;
}

.po-auth__actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

.po-app {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 294px minmax(0, 1fr);
    gap: 24px;
    padding: 24px;
}

.po-sidebar {
    position: sticky;
    top: 24px;
    align-self: start;
    min-height: calc(100vh - 48px);
    padding: 24px 20px;
    background: var(--po-sidebar-grad);
    color: #fff;
    border-radius: var(--po-radius-xl);
    box-shadow: 0 24px 64px rgba(15, 23, 42, .26);
    border: 1px solid rgba(255,255,255,.06);
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 20px;
}

.po-brand h1 {
    margin: 14px 0 10px;
    font-size: 28px;
    line-height: 1.05;
    color: #fff;
}

.po-brand p {
    margin: 0;
    color: rgba(255,255,255,.72);
    line-height: 1.7;
}

.po-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--projectos-accent);
    background: rgba(99, 91, 255, .14);
    border: 1px solid rgba(99, 91, 255, .14);
}

.po-sidebar .po-badge {
    color: #fff;
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.10);
}

.po-nav {
    display: grid;
    gap: 18px;
    align-content: start;
}

.po-nav-group {
    display: grid;
    gap: 10px;
}

.po-nav-group__label {
    padding: 0 8px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: rgba(255,255,255,.48);
}

.po-nav button {
    appearance: none;
    border: 1px solid rgba(255,255,255,.06);
    background: rgba(255,255,255,.04);
    color: rgba(255,255,255,.82);
    padding: 14px 16px;
    border-radius: 16px;
    text-align: left;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    transition: .18s ease;
}

.po-nav button.is-active,
.po-nav button:hover {
    background: linear-gradient(135deg, rgba(99, 91, 255, .28), rgba(0, 184, 217, .22));
    border-color: rgba(255,255,255,.12);
    color: #fff;
    transform: translateY(-1px);
}

.po-sidebar__footer {
    display: grid;
    gap: 6px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.po-sidebar__footer strong,
.po-sidebar__footer small,
.po-sidebar__footer span {
    color: rgba(255,255,255,.82);
}

.po-main {
    display: grid;
    gap: 18px;
    align-content: start;
}

.po-app.has-drawer .po-main {
    padding-right: 404px;
}

.po-topbar {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: end;
    flex-wrap: wrap;
}

.po-topbar__left,
.po-topbar__right {
    display: flex;
    gap: 12px;
    align-items: end;
    flex-wrap: wrap;
}

.po-search,
.po-field {
    display: grid;
    gap: 8px;
}

.po-search {
    min-width: min(460px, 100%);
}

.po-search span,
.po-field span,
.po-muted {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--po-muted);
}

.po-search input,
.po-field input,
.po-field select,
.po-field textarea,
.po-inline-form input,
.po-comment-form textarea,
.po-inline-create input,
.po-inline-create select {
    width: 100%;
    border: 1px solid var(--po-border);
    background: var(--po-panel);
    color: var(--po-ink);
    border-radius: 14px;
    min-height: 48px;
    padding: 12px 14px;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}

.po-field textarea,
.po-comment-form textarea {
    resize: vertical;
    min-height: 120px;
}

.po-field--compact {
    min-width: 170px;
}

.po-btn,
.po-icon-btn,
.po-link-btn,
.po-chip {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: var(--po-ink);
    font: inherit;
    cursor: pointer;
    transition: .18s ease;
}

.po-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    font-weight: 800;
}

.po-btn--primary {
    background: linear-gradient(135deg, var(--projectos-accent), #8a84ff);
    color: #fff;
    box-shadow: 0 12px 28px rgba(99, 91, 255, .26);
}

.po-btn--secondary {
    background: var(--po-panel);
    border-color: var(--po-border);
}

.po-btn--ghost {
    color: var(--po-muted);
    border-color: var(--po-border);
    background: var(--po-panel);
}

.po-btn:hover,
.po-icon-btn:hover,
.po-chip:hover,
.po-link-btn:hover {
    transform: translateY(-1px);
}

.po-icon-btn {
    min-height: 38px;
    padding: 0 12px;
    border-radius: 12px;
    background: var(--po-panel);
    border-color: var(--po-border);
    color: var(--po-muted);
    font-weight: 700;
}

.po-link-btn {
    color: var(--projectos-accent);
    font-size: 14px;
    font-weight: 700;
}

.po-panel {
    background: var(--po-bg-alt);
    border: 1px solid var(--po-border);
    border-radius: var(--po-radius-lg);
    box-shadow: var(--po-shadow-soft);
    padding: 22px;
    backdrop-filter: blur(14px);
}

.po-content {
    display: grid;
    gap: 18px;
}

.po-alert {
    padding: 14px 16px;
    border-radius: 16px;
    font-weight: 700;
    border: 1px solid transparent;
}

.po-alert--success {
    color: #065f46;
    background: rgba(18, 183, 106, .14);
    border-color: rgba(18, 183, 106, .18);
}

.po-alert--error {
    color: #991b1b;
    background: rgba(240, 68, 56, .12);
    border-color: rgba(240, 68, 56, .18);
}

.po-commandbar,
.po-quick-panel {
    display: grid;
    gap: 16px;
}

.po-quick-panel {
    padding: 20px 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(244,241,255,.88));
    border: 1px solid rgba(109,94,248,.12);
    box-shadow: 0 18px 40px rgba(109,94,248,.08);
}

[data-ui-theme="midnight"] .po-quick-panel {
    background: linear-gradient(180deg, rgba(26,32,54,.98), rgba(16,21,39,.96));
}

.po-quick-panel__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.po-quick-panel__head h3 {
    margin: 8px 0 8px;
    font-size: 24px;
}

.po-quick-panel__head p {
    margin: 0;
    color: var(--po-muted);
    max-width: 640px;
    line-height: 1.65;
}

.po-inline-create {
    display: grid;
    grid-template-columns: minmax(280px, 2fr) repeat(4, minmax(140px, 1fr)) auto;
    gap: 12px;
    align-items: end;
}

.po-inline-create__title {
    display: grid;
    gap: 8px;
}

.po-inline-create__title span {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    color: var(--po-muted);
}

.po-commandbar__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.po-view-head {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: end;
    flex-wrap: wrap;
}

.po-view-head__main h2 {
    margin: 10px 0 10px;
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1;
}

.po-view-head__main p {
    margin: 0;
    color: var(--po-muted);
    line-height: 1.75;
    max-width: 760px;
}

.po-view-head__actions,
.po-panel__actions,
.po-drawer__actions,
.po-comment-form__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.po-section-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 16px;
}

.po-section-head h3,
.po-task-cluster__head h3 {
    margin: 0;
    font-size: 18px;
}

.po-section-head span,
.po-task-cluster__head span {
    color: var(--po-muted);
    font-size: 13px;
    font-weight: 800;
}

.po-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.po-metric {
    background: linear-gradient(180deg, var(--po-panel-strong), var(--po-panel));
    border: 1px solid var(--po-border);
    border-radius: 20px;
    padding: 18px;
    display: grid;
    gap: 8px;
    box-shadow: var(--po-shadow-soft);
}

.po-metric span {
    color: var(--po-muted);
    font-size: 13px;
    font-weight: 800;
}

.po-metric strong {
    font-size: 30px;
    line-height: 1;
}

.po-metric small {
    color: var(--po-muted);
}

.po-metric--accent strong { color: var(--projectos-accent); }
.po-metric--danger strong { color: var(--po-danger); }
.po-metric--warning strong { color: var(--po-warning); }
.po-metric--success strong { color: var(--po-success); }

.po-filterbar {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: end;
    margin-bottom: 18px;
}

.po-checkbox {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 6px;
    color: var(--po-muted);
    font-size: 14px;
    font-weight: 700;
}

.po-checkbox input {
    width: 16px;
    height: 16px;
}

.po-segment {
    display: inline-flex;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
    border-radius: 14px;
    padding: 4px;
}

.po-segment button {
    appearance: none;
    border: 0;
    background: transparent;
    color: var(--po-muted);
    padding: 10px 14px;
    border-radius: 10px;
    cursor: pointer;
    font-weight: 800;
}

.po-segment button.is-active {
    background: rgba(99, 91, 255, .12);
    color: var(--projectos-accent);
}

.po-list-wrap {
    display: grid;
    gap: 16px;
}

.po-task-cluster {
    display: grid;
    gap: 14px;
}

.po-task-cluster__head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.po-task-cluster__divider {
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--po-border), transparent);
    margin: 4px 0;
}

.po-task-list {
    display: grid;
    gap: 10px;
}

.po-task-row,
.po-board-card {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 15px 16px;
    border-radius: 18px;
    border: 1px solid var(--po-border);
    background: linear-gradient(180deg, var(--po-panel-strong), var(--po-panel));
    box-shadow: 0 10px 24px rgba(16, 24, 40, .04);
}

.po-task-row::before,
.po-board-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    border-radius: 999px;
    background: var(--row-accent, var(--projectos-accent));
}

.po-task-row {
    cursor: pointer;
    transition: .16s ease;
}

.po-task-row:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(16,24,40,.08);
}

.po-task-row.is-flash {
    animation: poFlash 1.6s ease;
}

@keyframes poFlash {
    0% { box-shadow: 0 0 0 0 rgba(99, 91, 255, .30); }
    100% { box-shadow: 0 16px 32px rgba(16,24,40,.08); }
}

.po-task-row.is-done h4,
.po-board-card.is-done strong {
    text-decoration: line-through;
    color: var(--po-muted);
}

.po-task-row__main,
.po-board-card__body {
    min-width: 0;
}

.po-task-row__titleline {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
}

.po-task-row h4,
.po-board-card strong {
    margin: 0;
    font-size: 16px;
    line-height: 1.4;
}

.po-task-row__stamp {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.po-task-row__meta,
.po-board-card__meta {
    margin-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.po-task-row__side {
    display: grid;
    gap: 10px;
    justify-items: end;
}

.po-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(16, 24, 40, .05);
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-pill--soft { background: rgba(99, 91, 255, .08); color: var(--projectos-accent); }
.po-pill--danger { background: rgba(240, 68, 56, .12); color: var(--po-danger); }
.po-pill--low { background: rgba(18, 183, 106, .12); color: var(--po-success); }
.po-pill--normal { background: rgba(99, 91, 255, .12); color: var(--projectos-accent); }
.po-pill--high { background: rgba(247, 144, 9, .16); color: var(--po-warning); }
.po-pill--urgent { background: rgba(240, 68, 56, .14); color: var(--po-danger); }

.po-check {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid rgba(99, 91, 255, .26);
    background: transparent;
    position: relative;
}

.po-check.is-checked {
    background: var(--projectos-accent);
    border-color: var(--projectos-accent);
    box-shadow: 0 10px 24px rgba(99, 91, 255, .20);
}

.po-check.is-checked::after {
    content: '';
    position: absolute;
    inset: 4px 8px 8px 5px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
}

.po-state-switch {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.po-state-btn {
    appearance: none;
    border: 1px solid var(--po-border);
    background: var(--po-panel);
    color: var(--po-muted);
    border-radius: 999px;
    padding: 7px 10px;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
    transition: .16s ease;
}

.po-state-btn.is-active {
    color: #fff;
    border-color: transparent;
}

.po-state-btn--todo.is-active { background: linear-gradient(135deg, #635bff, #8a84ff); }
.po-state-btn--progress.is-active { background: linear-gradient(135deg, #0ea5e9, #2563eb); }
.po-state-btn--review.is-active { background: linear-gradient(135deg, #a855f7, #7c3aed); }
.po-state-btn--done.is-active { background: linear-gradient(135deg, #12b76a, #0f9f5a); }

.po-board {
    display: grid;
    grid-template-columns: repeat(4, minmax(260px, 1fr));
    gap: 14px;
    overflow-x: auto;
    padding-bottom: 4px;
}

.po-board__col {
    min-height: 340px;
    padding: 14px;
    border-radius: 22px;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
    display: grid;
    gap: 12px;
}

.po-board__col header {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.po-board__col h3 {
    margin: 0;
    font-size: 16px;
}

.po-board__col span {
    color: var(--po-muted);
    font-size: 13px;
    font-weight: 800;
}

.po-board__list {
    display: grid;
    gap: 10px;
    align-content: start;
}

.po-board-card {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.po-board__empty,
.po-sub-empty,
.po-empty {
    display: grid;
    place-items: center;
    padding: 24px;
    border-radius: 18px;
    border: 1px dashed var(--po-border);
    color: var(--po-muted);
    text-align: center;
}

.po-empty--large {
    min-height: 280px;
}

.po-empty h3 {
    margin: 0 0 10px;
    font-size: 24px;
    color: var(--po-ink);
}

.po-grid {
    display: grid;
    gap: 18px;
}

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

.po-form,
.po-comment-form {
    display: grid;
    gap: 14px;
}

.po-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.po-inline-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
}

.po-drawer {
    position: fixed;
    top: 24px;
    right: 24px;
    bottom: 24px;
    width: 380px;
    max-width: calc(100vw - 24px);
    background: var(--po-bg-alt);
    border: 1px solid var(--po-border);
    box-shadow: var(--po-shadow);
    border-radius: 28px;
    padding: 22px;
    overflow: auto;
    z-index: 99;
    backdrop-filter: blur(16px);
}

.po-drawer__head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: start;
    margin-bottom: 18px;
}

.po-drawer__head h3 {
    margin: 10px 0 0;
    font-size: 26px;
    line-height: 1.08;
}

.po-drawer__meta {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 700;
}

.po-drawer-section {
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid var(--po-border);
}

.po-inline-loading {
    margin: 0 0 16px;
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(99, 91, 255, .10);
    color: var(--projectos-accent);
    font-size: 14px;
    font-weight: 800;
}

.po-checklist,
.po-comments,
.po-entity-list,
.po-tree,
.po-assignee-grid,
.po-score-list {
    display: grid;
    gap: 10px;
}

.po-checklist__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 12px 14px;
    border-radius: 14px;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
}

.po-checklist__item input {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.po-checklist__item.is-complete span {
    color: var(--po-muted);
    text-decoration: line-through;
}

.po-comment {
    padding: 14px;
    border-radius: 16px;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
}

.po-comment__meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-comment p {
    margin: 0;
    line-height: 1.7;
}

.po-bar-list,
.po-score-list {
    display: grid;
    gap: 14px;
}

.po-bar-row,
.po-score-row {
    display: grid;
    gap: 10px;
}

.po-bar-row__label,
.po-score-row > div:first-child {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.po-bar-row__label strong,
.po-score-row strong {
    margin: 0;
    font-size: 14px;
}

.po-bar-row__label span,
.po-score-row span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-bar-track,
.po-score-row__progress,
.po-assignee-card__progress {
    height: 10px;
    border-radius: 999px;
    background: rgba(16,24,40,.08);
    overflow: hidden;
}

.po-bar-track span,
.po-score-row__progress span,
.po-assignee-card__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, var(--projectos-accent), #8a84ff);
}

.po-assignee-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.po-assignee-card {
    display: grid;
    gap: 10px;
    padding: 14px;
    border-radius: 18px;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
}

.po-assignee-card strong {
    font-size: 15px;
}

.po-assignee-card__meta {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.po-assignee-card__meta span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-sparkline {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 12px;
    align-items: end;
    min-height: 220px;
}

.po-sparkline__item {
    display: grid;
    justify-items: center;
    gap: 8px;
    min-height: 200px;
    align-content: end;
}

.po-sparkline__bar {
    width: 100%;
    border-radius: 18px 18px 10px 10px;
    background: linear-gradient(180deg, var(--projectos-accent), #8a84ff);
    min-height: 18px;
    box-shadow: 0 10px 24px rgba(99, 91, 255, .24);
}

.po-sparkline__item strong {
    font-size: 20px;
}

.po-sparkline__item small {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-entity-card {
    appearance: none;
    border: 1px solid var(--po-border);
    background: linear-gradient(180deg, var(--po-panel-strong), var(--po-panel));
    border-radius: 18px;
    padding: 16px;
    text-align: left;
    display: grid;
    gap: 8px;
    cursor: pointer;
    transition: .16s ease;
}

.po-entity-card.is-active,
.po-entity-card:hover {
    border-color: rgba(99, 91, 255, .20);
    box-shadow: 0 16px 30px rgba(99, 91, 255, .12);
}

.po-entity-card strong {
    font-size: 16px;
}

.po-entity-card span,
.po-entity-card small,
.po-tree__item span {
    color: var(--po-muted);
}

.po-tree__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 14px 14px 14px 18px;
    border-radius: 16px;
    background: var(--po-panel);
    border: 1px solid var(--po-border);
}

.po-tree__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 4px;
    border-radius: 999px;
    background: var(--tree-accent, var(--projectos-accent));
}

@media (max-width: 1280px) {
    .po-app.has-drawer .po-main {
        padding-right: 0;
    }

    .po-drawer {
        width: min(420px, calc(100vw - 24px));
    }

    .po-inline-create {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1080px) {
    .po-app {
        grid-template-columns: 1fr;
    }

    .po-sidebar {
        position: relative;
        top: 0;
        min-height: auto;
    }

    .po-grid--2,
    .po-metrics,
    .po-assignee-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-form__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 840px) {
    .po-app {
        padding: 14px;
        gap: 14px;
    }

    .po-topbar,
    .po-topbar__left,
    .po-topbar__right,
    .po-commandbar__actions,
    .po-view-head,
    .po-view-head__actions,
    .po-filterbar {
        align-items: stretch;
    }

    .po-search {
        min-width: 100%;
    }

    .po-inline-create,
    .po-metrics,
    .po-grid--2,
    .po-assignee-grid,
    .po-sparkline {
        grid-template-columns: 1fr;
    }

    .po-task-row,
    .po-board-card {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .po-task-row__side {
        grid-column: 2;
        justify-items: start;
    }

    .po-drawer {
        inset: 12px;
        width: auto;
        max-width: none;
        border-radius: 22px;
    }
}


/* ==== v2.1.0 premium refresh ==== */
#projectos-site-app,
#projectos-app {
    --po-radius-xl: 32px;
    --po-radius-lg: 24px;
    --po-radius-md: 18px;
    --po-radius-sm: 14px;
}

html, body.projectos-shell-body {
    background:
        radial-gradient(circle at 0% 0%, rgba(99,91,255,.18), transparent 26%),
        radial-gradient(circle at 100% 0%, rgba(0,184,217,.12), transparent 22%),
        radial-gradient(circle at 100% 100%, rgba(18,183,106,.10), transparent 22%),
        linear-gradient(180deg, #f6f8fc 0%, #eef2f8 100%);
}

.po-app {
    gap: 28px;
    padding: 28px;
}

.po-sidebar {
    box-shadow: 0 30px 80px rgba(15,23,42,.28);
    background:
        radial-gradient(circle at top right, rgba(255,255,255,.08), transparent 25%),
        linear-gradient(180deg, #151744 0%, #0b1228 100%);
}

.po-nav button {
    min-height: 56px;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.po-topbar {
    position: sticky;
    top: 0;
    z-index: 12;
    padding: 18px 20px;
    border-radius: 26px;
    backdrop-filter: blur(20px);
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(255,255,255,.8);
    box-shadow: 0 18px 48px rgba(16,24,40,.08);
}

#projectos-site-app[data-ui-theme="midnight"] .po-topbar,
#projectos-app[data-ui-theme="midnight"] .po-topbar {
    background: rgba(15,23,42,.68);
    border-color: rgba(255,255,255,.08);
}

.po-panel {
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,.8);
    background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.84) 100%);
    box-shadow: 0 22px 56px rgba(16,24,40,.08);
    backdrop-filter: blur(14px);
}

#projectos-site-app[data-ui-theme="midnight"] .po-panel,
#projectos-app[data-ui-theme="midnight"] .po-panel {
    border-color: rgba(255,255,255,.07);
    background: linear-gradient(180deg, rgba(17,25,40,.92) 0%, rgba(13,19,32,.88) 100%);
}

.po-commandbar {
    position: sticky;
    top: 96px;
    z-index: 10;
    display: grid;
    gap: 18px;
    padding: 22px;
    background:
        radial-gradient(circle at top left, rgba(99,91,255,.14), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(247,249,255,.9) 100%);
}

#projectos-site-app[data-ui-theme="midnight"] .po-commandbar,
#projectos-app[data-ui-theme="midnight"] .po-commandbar {
    background:
        radial-gradient(circle at top left, rgba(99,91,255,.20), transparent 28%),
        linear-gradient(180deg, rgba(17,25,40,.95) 0%, rgba(9,17,31,.92) 100%);
}

.po-commandbar__intro {
    display: grid;
    gap: 6px;
}

.po-commandbar__intro h3 {
    margin: 0;
    font-size: 24px;
}

.po-commandbar__intro p {
    margin: 0;
    color: var(--po-muted);
}

.po-inline-create {
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) repeat(4, minmax(120px, .75fr)) auto;
    gap: 12px;
    align-items: end;
}

.po-inline-create__title {
    display: grid;
    gap: 8px;
}

.po-inline-create__title input,
.po-field input,
.po-field select,
.po-field textarea,
.po-search input {
    min-height: 52px;
    padding: 0 16px;
    border-radius: 16px;
    border: 1px solid rgba(16,24,40,.08);
    background: rgba(255,255,255,.86);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.po-field textarea { padding: 14px 16px; min-height: 120px; }

#projectos-site-app[data-ui-theme="midnight"] .po-inline-create__title input,
#projectos-site-app[data-ui-theme="midnight"] .po-field input,
#projectos-site-app[data-ui-theme="midnight"] .po-field select,
#projectos-site-app[data-ui-theme="midnight"] .po-field textarea,
#projectos-site-app[data-ui-theme="midnight"] .po-search input,
#projectos-app[data-ui-theme="midnight"] .po-inline-create__title input,
#projectos-app[data-ui-theme="midnight"] .po-field input,
#projectos-app[data-ui-theme="midnight"] .po-field select,
#projectos-app[data-ui-theme="midnight"] .po-field textarea,
#projectos-app[data-ui-theme="midnight"] .po-search input {
    background: rgba(9,17,31,.86);
    border-color: rgba(255,255,255,.08);
    color: var(--po-ink);
}

.po-btn {
    min-height: 48px;
    padding: 0 18px;
    border-radius: 16px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.po-btn--primary {
    background: linear-gradient(135deg, #6d5ef8 0%, #8b7bff 100%);
    box-shadow: 0 14px 28px rgba(109,94,248,.28);
}

.po-btn--secondary {
    background: linear-gradient(135deg, #171f66 0%, #2663ff 100%);
    color: #fff;
    box-shadow: 0 14px 28px rgba(38,99,255,.18);
}

.po-btn--ghost {
    background: rgba(255,255,255,.68);
}

.po-view-head {
    position: relative;
    overflow: hidden;
    padding: 28px;
    background:
        radial-gradient(circle at top right, rgba(109,94,248,.16), transparent 24%),
        linear-gradient(135deg, rgba(255,255,255,.96) 0%, rgba(244,246,255,.92) 100%);
}

.po-view-head::after {
    content: "";
    position: absolute;
    inset: auto -40px -60px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(109,94,248,.16), rgba(109,94,248,0));
    pointer-events: none;
}

.po-inline-hints {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 12px;
}

.po-inline-hints span {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(99,91,255,.08);
    color: #5048d3;
    font-size: 12px;
    font-weight: 700;
}

.po-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.po-metric {
    min-height: 132px;
    padding: 22px;
    border-radius: 24px;
    border: 1px solid rgba(255,255,255,.8);
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(248,249,255,.86));
    box-shadow: 0 18px 40px rgba(16,24,40,.08);
}

.po-metric--accent { background: linear-gradient(180deg, rgba(109,94,248,.12), rgba(255,255,255,.92)); }
.po-metric--danger { background: linear-gradient(180deg, rgba(240,68,56,.10), rgba(255,255,255,.92)); }
.po-metric--warning { background: linear-gradient(180deg, rgba(247,144,9,.12), rgba(255,255,255,.92)); }
.po-metric--success { background: linear-gradient(180deg, rgba(18,183,106,.10), rgba(255,255,255,.92)); }
.po-metric strong { font-size: 42px; }

.po-filterbar {
    position: sticky;
    top: 236px;
    z-index: 8;
    padding: 16px;
    margin-bottom: 18px;
    border-radius: 20px;
    background: rgba(245,247,255,.92);
    border: 1px solid rgba(16,24,40,.06);
    box-shadow: 0 10px 28px rgba(16,24,40,.05);
}

#projectos-site-app[data-ui-theme="midnight"] .po-filterbar,
#projectos-app[data-ui-theme="midnight"] .po-filterbar {
    background: rgba(9,17,31,.9);
    border-color: rgba(255,255,255,.08);
}

.po-task-cluster--single .po-task-list--single {
    display: grid;
    gap: 14px;
}

.po-task-row {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 18px;
    padding: 18px 20px;
    border-radius: 24px;
    border: 1px solid rgba(16,24,40,.06);
    background:
        linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,251,255,.92) 100%);
    box-shadow: 0 18px 34px rgba(16,24,40,.06);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.po-task-row:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(16,24,40,.10);
    border-color: rgba(109,94,248,.16);
}

.po-task-row::before {
    width: 5px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--row-accent, #6d5ef8), rgba(99,91,255,.18));
}

.po-task-row.is-done {
    background: linear-gradient(180deg, rgba(18,183,106,.08) 0%, rgba(255,255,255,.95) 100%);
    opacity: .92;
}

.po-check {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 2px solid rgba(109,94,248,.30);
    background: #fff;
    box-shadow: inset 0 2px 4px rgba(16,24,40,.06);
}

.po-check.is-checked {
    border-color: rgba(18,183,106,.5);
    background: linear-gradient(135deg, #12b76a 0%, #30d28a 100%);
}

.po-check.is-checked::after {
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(10px, 8px);
}

.po-task-row__main { gap: 10px; }
.po-task-row__titleline { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.po-task-row__titleline h4 { margin: 0; font-size: 20px; line-height: 1.25; }
.po-task-row__stamp {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(18,183,106,.12);
    color: #067647;
    font-size: 12px;
    font-weight: 700;
}

.po-task-row__meta { display: flex; gap: 8px; flex-wrap: wrap; }
.po-pill {
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(16,24,40,.05);
    font-size: 12px;
    font-weight: 700;
}
.po-pill--soft { background: rgba(99,91,255,.08); color: #4f46e5; }
.po-pill--urgent { background: rgba(240,68,56,.12); color: #b42318; }
.po-pill--high { background: rgba(247,144,9,.14); color: #b54708; }
.po-pill--normal { background: rgba(99,91,255,.10); color: #5048d3; }
.po-pill--low { background: rgba(18,183,106,.10); color: #067647; }
.po-pill--danger { background: rgba(240,68,56,.12); color: #b42318; }

.po-task-row__side {
    min-width: 286px;
    display: grid;
    gap: 10px;
    justify-items: end;
}

.po-state-switch {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 280px;
}

.po-state-btn {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 999px;
    border: 1px solid rgba(16,24,40,.08);
    background: rgba(255,255,255,.9);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.po-state-btn.is-active.po-state-btn--todo { background: rgba(109,94,248,.16); color: #4f46e5; }
.po-state-btn.is-active.po-state-btn--progress { background: rgba(38,99,255,.14); color: #175cd3; }
.po-state-btn.is-active.po-state-btn--review { background: rgba(247,144,9,.16); color: #b54708; }
.po-state-btn.is-active.po-state-btn--done { background: rgba(18,183,106,.14); color: #067647; }

.po-icon-btn {
    min-height: 38px;
    padding: 0 14px;
    border-radius: 14px;
    border: 1px solid rgba(16,24,40,.08);
    background: rgba(255,255,255,.92);
}

.po-list-wrap { margin-top: 10px; }
.po-section-head { margin-bottom: 16px; }
.po-empty, .po-sub-empty {
    padding: 28px;
    border-radius: 22px;
    border: 1px dashed rgba(16,24,40,.12);
    background: rgba(255,255,255,.62);
}

.po-drawer {
    backdrop-filter: blur(18px);
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(247,249,255,.92));
    border-left: 1px solid rgba(255,255,255,.8);
}

#projectos-site-app[data-ui-theme="midnight"] .po-drawer,
#projectos-app[data-ui-theme="midnight"] .po-drawer {
    background: linear-gradient(180deg, rgba(17,25,40,.97), rgba(9,17,31,.95));
    border-left-color: rgba(255,255,255,.08);
}

.po-alert {
    border-radius: 18px;
    padding: 14px 16px;
    box-shadow: 0 12px 28px rgba(16,24,40,.08);
}

.po-assignee-card,
.po-board__col,
.po-entity-card,
.po-tree__item,
.po-comment,
.po-drawer-section {
    border-radius: 22px;
}

@media (max-width: 1360px) {
    .po-inline-create {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .po-task-row {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .po-task-row__side {
        grid-column: 1 / -1;
        min-width: 0;
        justify-items: start;
    }
    .po-state-switch { min-width: 0; width: 100%; }
    .po-filterbar { top: 210px; }
}

@media (max-width: 980px) {
    .po-app { grid-template-columns: 1fr; padding: 18px; }
    .po-sidebar { position: static; min-height: auto; }
    .po-main { padding-right: 0 !important; }
    .po-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .po-topbar, .po-commandbar { position: static; }
    .po-filterbar { position: static; }
}

@media (max-width: 640px) {
    .po-metrics { grid-template-columns: 1fr; }
    .po-inline-create { grid-template-columns: 1fr; }
    .po-state-switch { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .po-task-row__titleline h4 { font-size: 18px; }
}


.po-entity-list--cards,
.po-tree--cards {
    display: grid;
    gap: 14px;
}

.po-entity-card,
.po-tree-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 18px 18px 18px 22px;
    border-radius: 20px;
    border: 1px solid var(--po-border);
    background: linear-gradient(180deg, var(--po-panel-strong), var(--po-panel));
    box-shadow: 0 12px 28px rgba(16, 24, 40, .05);
    position: relative;
}

.po-entity-card::before,
.po-tree-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 12px;
    bottom: 12px;
    width: 4px;
    border-radius: 999px;
    background: var(--tree-accent, var(--projectos-accent));
}

.po-entity-card.is-active {
    border-color: rgba(109,94,248,.24);
    box-shadow: 0 16px 38px rgba(109,94,248,.12);
}

.po-entity-card__main,
.po-tree-card__main {
    display: grid;
    gap: 6px;
}

.po-entity-card__main strong,
.po-tree-card__main strong {
    font-size: 18px;
}

.po-entity-card__main span,
.po-tree-card__main span,
.po-entity-card__main small,
.po-tree-card__main small {
    color: var(--po-muted);
}

.po-entity-card__actions,
.po-tree-card__actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.po-icon-btn--danger {
    color: #b42318;
    border-color: rgba(240,68,56,.16);
    background: rgba(240,68,56,.08);
}

[data-ui-theme="midnight"] .po-icon-btn--danger {
    color: #ffb4ae;
    border-color: rgba(240,68,56,.28);
    background: rgba(240,68,56,.12);
}

.po-topbar .po-btn--primary {
    min-width: 128px;
}

.po-task-row__side {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.po-task-row__main {
    display: grid;
    gap: 8px;
}

.po-check {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    border: 2px solid rgba(109,94,248,.24);
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.5);
}

.po-check.is-checked {
    background: linear-gradient(135deg, var(--projectos-accent), #8a84ff);
    border-color: transparent;
}

.po-check.is-checked::after {
    content: '';
    display: block;
    width: 10px;
    height: 6px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) translate(8px, 9px);
}

@media (max-width: 1180px) {
    .po-app {
        grid-template-columns: 1fr;
    }

    .po-sidebar {
        position: static;
        min-height: auto;
    }

    .po-app.has-drawer .po-main {
        padding-right: 0;
    }
}

@media (max-width: 860px) {
    .po-inline-create {
        grid-template-columns: 1fr;
    }

    .po-task-row,
    .po-board-card,
    .po-entity-card,
    .po-tree-card {
        grid-template-columns: 1fr;
    }

    .po-task-row__side,
    .po-entity-card__actions,
    .po-tree-card__actions {
        justify-content: flex-start;
    }
}


/* ProjectOS 2.3.0 simplification overrides */
.po-topbar,
.po-commandbar,
.po-filterbar {
    position: static !important;
    top: auto !important;
}

.po-main {
    gap: 20px;
}

.po-topbar {
    padding: 16px 18px;
}

.po-filterbar {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 16px;
    margin-bottom: 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(248,250,255,.86) 100%);
    border: 1px solid rgba(16,24,40,.06);
    box-shadow: 0 12px 28px rgba(16,24,40,.05);
}

#projectos-site-app[data-ui-theme="midnight"] .po-filterbar,
#projectos-app[data-ui-theme="midnight"] .po-filterbar {
    background: linear-gradient(180deg, rgba(17,25,40,.92) 0%, rgba(9,17,31,.88) 100%);
    border-color: rgba(255,255,255,.08);
}

.po-task-list--single {
    display: grid;
    gap: 14px;
}

.po-task-row {
    padding: 18px 18px 18px 20px;
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, auto);
    gap: 16px;
}

.po-task-row__main {
    gap: 8px;
}

.po-task-row__titleline h4 {
    font-size: 18px;
    line-height: 1.35;
}

.po-task-row__side {
    min-width: 0;
    justify-items: stretch;
}

.po-state-switch {
    min-width: 0;
    width: 100%;
    padding: 6px;
    border-radius: 18px;
    border: 1px solid rgba(16,24,40,.06);
    background: rgba(247,248,254,.96);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

#projectos-site-app[data-ui-theme="midnight"] .po-state-switch,
#projectos-app[data-ui-theme="midnight"] .po-state-switch {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
}

.po-state-btn {
    min-height: 40px;
    border-radius: 12px;
    border: 0;
    background: transparent;
    box-shadow: none;
    letter-spacing: .03em;
}

.po-state-btn:hover {
    background: rgba(99,91,255,.08);
}

.po-state-btn.is-active {
    box-shadow: 0 8px 18px rgba(16,24,40,.08);
}

.po-task-row__meta {
    gap: 8px;
}

.po-task-row__meta .po-pill {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-task-row.is-done {
    opacity: 1;
    background: linear-gradient(180deg, rgba(18,183,106,.08) 0%, rgba(255,255,255,.98) 100%);
}

.po-template-tools,
.po-section-head__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.po-template-note {
    padding: 12px 14px;
    border-radius: 14px;
    background: rgba(99,91,255,.08);
    color: var(--po-muted);
    border: 1px solid rgba(99,91,255,.12);
    font-size: 13px;
    line-height: 1.6;
}

.po-tree-card__main {
    gap: 8px;
}

.po-tree-card__main small {
    display: block;
}

.po-checklist__item {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
}

.po-checklist__item.is-complete {
    opacity: .78;
}

.po-inline-hints {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.po-inline-hints span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(99,91,255,.08);
    color: var(--projectos-accent);
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 1280px) {
    .po-filterbar {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .po-task-row {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .po-task-row__side {
        grid-column: 2;
    }
}

@media (max-width: 782px) {
    .po-topbar {
        padding: 14px;
    }
    .po-filterbar {
        grid-template-columns: 1fr;
    }
    .po-state-switch {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* ProjectOS 2.4.0 inline editing and bulk action overrides */
.po-filterbar--v24 {
    display: grid;
    gap: 14px;
}

.po-filterbar__top {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.po-filterchips,
.po-filterbar__tools,
.po-bulkbar__actions,
.po-inline-edit__actions,
.po-inline-edit__head {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.po-chip-filter,
.po-row-action {
    appearance: none;
    border: 1px solid rgba(16,24,40,.08);
    background: rgba(255,255,255,.92);
    color: var(--po-ink);
    min-height: 40px;
    padding: 0 14px;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    transition: .18s ease;
}

.po-chip-filter:hover,
.po-row-action:hover {
    transform: translateY(-1px);
    border-color: rgba(99,91,255,.22);
    box-shadow: 0 10px 24px rgba(99,91,255,.10);
}

.po-chip-filter.is-active,
.po-row-action {
    background: linear-gradient(135deg, rgba(99,91,255,.12), rgba(0,184,217,.10));
    color: var(--projectos-accent);
    border-color: rgba(99,91,255,.14);
}

.po-chip-filter--success {
    background: rgba(18,183,106,.10);
    color: #067647;
    border-color: rgba(18,183,106,.18);
}

.po-chip-filter--danger {
    background: rgba(240,68,56,.10);
    color: #b42318;
    border-color: rgba(240,68,56,.18);
}

.po-chip-filter[disabled] {
    opacity: .42;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.po-filterbar__advanced {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding-top: 4px;
}

.po-bulkbar {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    flex-wrap: wrap;
    padding: 12px 14px;
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(99,91,255,.08), rgba(0,184,217,.06));
    border: 1px solid rgba(99,91,255,.12);
}

.po-bulkbar__meta {
    color: var(--po-muted);
    font-weight: 600;
}

.po-task-row {
    align-items: center;
}

.po-task-row__lead {
    display: grid;
    gap: 10px;
    align-content: start;
    justify-items: center;
}

.po-select-check {
    appearance: none;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    border: 1px solid rgba(99,91,255,.18);
    background: rgba(255,255,255,.9);
    color: transparent;
    cursor: pointer;
    font-weight: 900;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}

.po-select-check.is-selected {
    background: var(--projectos-accent);
    color: #fff;
    box-shadow: 0 10px 24px rgba(99,91,255,.22);
}

.po-task-row.is-selected {
    border-color: rgba(99,91,255,.20);
    box-shadow: 0 18px 40px rgba(99,91,255,.10);
}

.po-row-action {
    opacity: 0;
    pointer-events: none;
}

.po-task-row:hover .po-row-action,
.po-task-row.is-selected .po-row-action,
.po-task-row--edit .po-row-action {
    opacity: 1;
    pointer-events: auto;
}

.po-task-row--edit {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
}

.po-inline-edit {
    grid-column: 2 / -1;
    display: grid;
    gap: 14px;
}

.po-inline-edit__head {
    justify-content: space-between;
}

.po-inline-edit__status {
    flex: 1 1 auto;
    min-width: 260px;
}

.po-inline-edit__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.po-field--tight input {
    min-height: 50px;
    font-size: 18px;
    font-weight: 700;
}

.po-inline-edit .po-state-switch {
    width: auto;
    min-width: 320px;
}

#projectos-site-app[data-ui-theme="midnight"] .po-chip-filter,
#projectos-app[data-ui-theme="midnight"] .po-chip-filter,
#projectos-site-app[data-ui-theme="midnight"] .po-row-action,
#projectos-app[data-ui-theme="midnight"] .po-row-action,
#projectos-site-app[data-ui-theme="midnight"] .po-select-check,
#projectos-app[data-ui-theme="midnight"] .po-select-check {
    background: rgba(255,255,255,.04);
    border-color: rgba(255,255,255,.08);
    color: var(--po-ink);
}

#projectos-site-app[data-ui-theme="midnight"] .po-chip-filter.is-active,
#projectos-app[data-ui-theme="midnight"] .po-chip-filter.is-active,
#projectos-site-app[data-ui-theme="midnight"] .po-row-action,
#projectos-app[data-ui-theme="midnight"] .po-row-action {
    background: rgba(99,91,255,.18);
    color: #fff;
}

#projectos-site-app[data-ui-theme="midnight"] .po-chip-filter--success,
#projectos-app[data-ui-theme="midnight"] .po-chip-filter--success {
    background: rgba(18,183,106,.18);
    color: #d1fadf;
}

#projectos-site-app[data-ui-theme="midnight"] .po-chip-filter--danger,
#projectos-app[data-ui-theme="midnight"] .po-chip-filter--danger {
    background: rgba(240,68,56,.18);
    color: #ffd2cf;
}

#projectos-site-app[data-ui-theme="midnight"] .po-bulkbar,
#projectos-app[data-ui-theme="midnight"] .po-bulkbar {
    background: linear-gradient(135deg, rgba(99,91,255,.18), rgba(0,184,217,.10));
    border-color: rgba(255,255,255,.08);
}

@media (max-width: 1280px) {
    .po-filterbar__advanced,
    .po-inline-edit__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .po-filterbar__top,
    .po-bulkbar {
        flex-direction: column;
        align-items: stretch;
    }

    .po-filterchips,
    .po-filterbar__tools,
    .po-bulkbar__actions {
        width: 100%;
    }

    .po-inline-edit__grid,
    .po-filterbar__advanced {
        grid-template-columns: 1fr;
    }

    .po-inline-edit .po-state-switch {
        min-width: 0;
        width: 100%;
    }

    .po-task-row--edit {
        grid-template-columns: 1fr;
    }

    .po-inline-edit {
        grid-column: auto;
    }
}

/* ProjectOS v2.7.0 ultra premium dashboard and analytics polish */
.po-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(280px, .55fr);
    gap: 24px;
    align-items: stretch;
    overflow: hidden;
    padding: 30px;
    border: 1px solid rgba(99,91,255,.14);
    border-radius: 32px;
    background:
        radial-gradient(circle at 12% 10%, rgba(109,94,248,.22), transparent 34%),
        radial-gradient(circle at 88% 0%, rgba(0,184,217,.18), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(247,249,255,.86));
    box-shadow: 0 28px 80px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.75);
}

.po-hero:before {
    content: '';
    position: absolute;
    inset: auto -80px -120px auto;
    width: 280px;
    height: 280px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(109,94,248,.24), rgba(0,184,217,.15));
    filter: blur(8px);
    pointer-events: none;
}

.po-hero__content,
.po-hero__score {
    position: relative;
    z-index: 1;
}

.po-hero h2 {
    margin: 12px 0 12px;
    max-width: 820px;
    font-size: clamp(34px, 4vw, 64px);
    line-height: .96;
    letter-spacing: -0.06em;
    color: var(--po-ink);
}

.po-hero p {
    max-width: 760px;
    margin: 0;
    color: var(--po-muted);
    font-size: 16px;
    line-height: 1.7;
}

.po-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.po-hero__score {
    display: grid;
    place-items: center;
    gap: 16px;
    min-height: 270px;
    padding: 22px;
    border: 1px solid rgba(99,91,255,.12);
    border-radius: 28px;
    background: rgba(255,255,255,.62);
    backdrop-filter: blur(18px);
}

.po-hero__score p {
    text-align: center;
    font-size: 13px;
    line-height: 1.55;
}

.po-hero--empty {
    grid-template-columns: 1fr;
    text-align: center;
}

.po-hero--empty .po-hero__content {
    max-width: 780px;
    margin: 0 auto;
}

.po-hero--empty .po-hero__actions {
    justify-content: center;
}

.po-donut {
    --po-score: 75;
    width: 176px;
    height: 176px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background:
        radial-gradient(circle closest-side, #fff 68%, transparent 70%),
        conic-gradient(var(--projectos-accent) calc(var(--po-score) * 1%), rgba(226,232,240,.92) 0);
    box-shadow: 0 24px 54px rgba(99,91,255,.20), inset 0 1px 0 rgba(255,255,255,.95);
}

.po-donut > div {
    display: grid;
    place-items: center;
    width: 124px;
    height: 124px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
    box-shadow: inset 0 0 0 1px rgba(15,23,42,.06);
}

.po-donut strong {
    color: var(--po-ink);
    font-size: 42px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.po-donut span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.po-metrics--premium {
    margin-top: 24px;
}

.po-metrics--premium .po-metric {
    position: relative;
    overflow: hidden;
    min-height: 148px;
    border-color: rgba(99,91,255,.11);
    background:
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(250,251,255,.84));
    box-shadow: 0 22px 60px rgba(15,23,42,.07);
}

.po-metrics--premium .po-metric:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 120px;
    right: -52px;
    bottom: -58px;
    border-radius: 999px;
    background: rgba(109,94,248,.10);
}

.po-grid--dashboard {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    align-items: start;
    margin-top: 24px;
}

.po-panel--wide {
    margin-top: 24px;
}

.po-panel--focus,
.po-panel--score,
.po-panel--risk {
    border-color: rgba(99,91,255,.12);
    box-shadow: 0 22px 60px rgba(15,23,42,.07);
}

.po-kicker {
    display: inline-flex;
    margin-bottom: 6px;
    color: var(--projectos-accent);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.po-mini-task-list {
    display: grid;
    gap: 10px;
}

.po-mini-task {
    width: 100%;
    display: grid;
    grid-template-columns: 12px minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.76);
    color: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.po-mini-task:hover {
    transform: translateY(-2px);
    border-color: rgba(99,91,255,.24);
    box-shadow: 0 14px 34px rgba(15,23,42,.08);
    background: #fff;
}

.po-mini-task__status {
    width: 10px;
    height: 36px;
    border-radius: 99px;
    background: #cbd5e1;
}

.po-mini-task__status--progress { background: #2563eb; }
.po-mini-task__status--review { background: #a855f7; }
.po-mini-task__status--done { background: #12b76a; }
.po-mini-task__status--todo { background: var(--projectos-accent); }

.po-mini-task__body {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.po-mini-task__body strong {
    overflow: hidden;
    color: var(--po-ink);
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-mini-task__body small,
.po-mini-task em {
    color: var(--po-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.po-analytics-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 22px;
    margin: 24px 0;
}

.po-panel--score {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 24px;
}

.po-panel--score h3 {
    margin: 0 0 8px;
    font-size: 28px;
    letter-spacing: -0.04em;
}

.po-panel--score p {
    margin: 0;
    color: var(--po-muted);
    line-height: 1.65;
}

.po-risk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.po-risk-grid div {
    padding: 16px;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,250,252,.72));
}

.po-risk-grid strong {
    display: block;
    color: var(--po-ink);
    font-size: 34px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.po-risk-grid span {
    display: block;
    margin-top: 8px;
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.po-sparkline--premium {
    min-height: 180px;
    padding: 18px;
    border: 1px solid rgba(99,91,255,.10);
    border-radius: 24px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.78), rgba(248,250,252,.64));
}

.po-sparkline--premium .po-sparkline__bar {
    background: linear-gradient(180deg, var(--projectos-accent), #00b8d9);
    box-shadow: 0 10px 24px rgba(99,91,255,.20);
}

.po-assignee-grid--compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.po-view-head--premium {
    border: 1px solid rgba(99,91,255,.12);
    background:
        radial-gradient(circle at 0 0, rgba(109,94,248,.13), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(249,250,255,.88));
    box-shadow: 0 22px 60px rgba(15,23,42,.07);
}

#projectos-site-app[data-ui-theme="midnight"] .po-hero,
#projectos-app[data-ui-theme="midnight"] .po-hero,
#projectos-site-app[data-ui-theme="midnight"] .po-view-head--premium,
#projectos-app[data-ui-theme="midnight"] .po-view-head--premium {
    border-color: rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 10% 10%, rgba(109,94,248,.22), transparent 32%),
        radial-gradient(circle at 86% 4%, rgba(0,184,217,.14), transparent 32%),
        linear-gradient(135deg, rgba(15,23,42,.96), rgba(2,6,23,.90));
}

#projectos-site-app[data-ui-theme="midnight"] .po-hero h2,
#projectos-app[data-ui-theme="midnight"] .po-hero h2,
#projectos-site-app[data-ui-theme="midnight"] .po-mini-task__body strong,
#projectos-app[data-ui-theme="midnight"] .po-mini-task__body strong {
    color: #f8fafc;
}

#projectos-site-app[data-ui-theme="midnight"] .po-hero__score,
#projectos-app[data-ui-theme="midnight"] .po-hero__score,
#projectos-site-app[data-ui-theme="midnight"] .po-mini-task,
#projectos-app[data-ui-theme="midnight"] .po-mini-task,
#projectos-site-app[data-ui-theme="midnight"] .po-risk-grid div,
#projectos-app[data-ui-theme="midnight"] .po-risk-grid div,
#projectos-site-app[data-ui-theme="midnight"] .po-sparkline--premium,
#projectos-app[data-ui-theme="midnight"] .po-sparkline--premium {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.04);
}

#projectos-site-app[data-ui-theme="midnight"] .po-donut,
#projectos-app[data-ui-theme="midnight"] .po-donut {
    background:
        radial-gradient(circle closest-side, #0f172a 68%, transparent 70%),
        conic-gradient(var(--projectos-accent) calc(var(--po-score) * 1%), rgba(51,65,85,.9) 0);
}

#projectos-site-app[data-ui-theme="midnight"] .po-donut > div,
#projectos-app[data-ui-theme="midnight"] .po-donut > div {
    background: linear-gradient(180deg, rgba(15,23,42,.96), rgba(2,6,23,.92));
}

#projectos-site-app[data-ui-theme="midnight"] .po-donut strong,
#projectos-app[data-ui-theme="midnight"] .po-donut strong,
#projectos-site-app[data-ui-theme="midnight"] .po-risk-grid strong,
#projectos-app[data-ui-theme="midnight"] .po-risk-grid strong,
#projectos-site-app[data-ui-theme="midnight"] .po-panel--score h3,
#projectos-app[data-ui-theme="midnight"] .po-panel--score h3 {
    color: #f8fafc;
}

@media (max-width: 1180px) {
    .po-hero,
    .po-analytics-hero,
    .po-grid--dashboard {
        grid-template-columns: 1fr;
    }

    .po-hero__score {
        min-height: auto;
    }
}

@media (max-width: 720px) {
    .po-hero {
        padding: 22px;
        border-radius: 24px;
    }

    .po-panel--score {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .po-panel--score .po-donut {
        margin: 0 auto;
    }

    .po-risk-grid,
    .po-assignee-grid--compact {
        grid-template-columns: 1fr;
    }

    .po-mini-task {
        grid-template-columns: 10px minmax(0, 1fr);
    }

    .po-mini-task em {
        display: none;
    }
}

/* ProjectOS v2.8.0 Eksiksiz ultra premium checklist + analytics */
.po-pill--button {
    border: 0;
    cursor: pointer;
    font-family: inherit;
}

.po-pill--button:hover,
.po-row-action:hover,
.po-link-btn:hover {
    transform: translateY(-1px);
}

.po-link-btn {
    border: 0;
    padding: 0;
    background: transparent;
    color: var(--projectos-accent);
    cursor: pointer;
    font-weight: 900;
}

.po-inline-checklist-panel {
    margin: -6px 0 18px 52px;
    padding: 20px;
    border: 1px solid rgba(99,91,255,.16);
    border-radius: 26px;
    background:
        radial-gradient(circle at 100% 0, rgba(99,91,255,.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.86));
    box-shadow: 0 22px 60px rgba(15,23,42,.08);
}

.po-inline-checklist-panel__head,
.po-inline-checklist-panel__actions,
.po-checklist-tools,
.po-checklist__item,
.po-checklist__item label,
.po-checklist__actions,
.po-checklist-edit {
    display: flex;
    align-items: center;
}

.po-inline-checklist-panel__head {
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.po-inline-checklist-panel__head h4 {
    margin: 4px 0 0;
    color: var(--po-ink);
    font-size: 19px;
    letter-spacing: -0.025em;
}

.po-inline-checklist-panel__actions,
.po-checklist-tools,
.po-checklist__actions {
    gap: 8px;
    flex-wrap: wrap;
}

.po-checklist-tools {
    margin: 12px 0;
}

.po-checklist--actions {
    display: grid;
    gap: 10px;
}

.po-checklist__item {
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 18px;
    background: rgba(255,255,255,.76);
}

.po-checklist__item label {
    min-width: 0;
    gap: 10px;
    flex: 1;
    cursor: pointer;
}

.po-checklist__item label span {
    color: var(--po-ink);
    overflow-wrap: anywhere;
}

.po-checklist__item.is-complete label span {
    color: var(--po-muted);
    text-decoration: line-through;
}

.po-checklist-edit {
    gap: 8px;
    padding: 10px;
    border: 1px solid rgba(99,91,255,.18);
    border-radius: 18px;
    background: rgba(255,255,255,.9);
}

.po-checklist-edit input {
    flex: 1;
    min-width: 180px;
    border: 1px solid rgba(15,23,42,.10);
    border-radius: 14px;
    padding: 11px 12px;
    font-weight: 700;
}

.po-inline-form--checklist {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: 14px;
}

.po-inline-form--checklist textarea {
    min-height: 54px;
    border: 1px solid rgba(15,23,42,.09);
    border-radius: 18px;
    padding: 13px 14px;
    background: #fff;
    resize: vertical;
}

.po-insight-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    margin: 22px 0;
}

.po-insight-card {
    padding: 18px;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(248,250,252,.72));
    box-shadow: 0 18px 44px rgba(15,23,42,.06);
}

.po-insight-card span,
.po-insight-card small {
    display: block;
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.po-insight-card strong {
    display: block;
    margin: 9px 0 7px;
    color: var(--po-ink);
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.po-insight-card--success strong { color: #12b76a; }
.po-insight-card--danger strong { color: #ef4444; }
.po-insight-card--warning strong { color: #f59e0b; }
.po-insight-card--accent strong { color: var(--projectos-accent); }

.po-metrics--wide {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.po-matrix {
    overflow-x: auto;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 20px;
    background: rgba(255,255,255,.76);
}

.po-matrix table {
    width: 100%;
    border-collapse: collapse;
    min-width: 520px;
}

.po-matrix th,
.po-matrix td {
    padding: 13px 14px;
    border-bottom: 1px solid rgba(15,23,42,.06);
    text-align: center;
    color: var(--po-muted);
    font-weight: 900;
}

.po-matrix th:first-child,
.po-matrix td:first-child {
    text-align: left;
}

.po-matrix tbody tr:last-child th,
.po-matrix tbody tr:last-child td {
    border-bottom: 0;
}

.po-matrix tbody th,
.po-matrix td strong {
    color: var(--po-ink);
}

#projectos-site-app[data-ui-theme="midnight"] .po-inline-checklist-panel,
#projectos-app[data-ui-theme="midnight"] .po-inline-checklist-panel,
#projectos-site-app[data-ui-theme="midnight"] .po-checklist__item,
#projectos-app[data-ui-theme="midnight"] .po-checklist__item,
#projectos-site-app[data-ui-theme="midnight"] .po-checklist-edit,
#projectos-app[data-ui-theme="midnight"] .po-checklist-edit,
#projectos-site-app[data-ui-theme="midnight"] .po-insight-card,
#projectos-app[data-ui-theme="midnight"] .po-insight-card,
#projectos-site-app[data-ui-theme="midnight"] .po-matrix,
#projectos-app[data-ui-theme="midnight"] .po-matrix {
    border-color: rgba(255,255,255,.08);
    background: rgba(255,255,255,.045);
}

#projectos-site-app[data-ui-theme="midnight"] .po-inline-checklist-panel__head h4,
#projectos-app[data-ui-theme="midnight"] .po-inline-checklist-panel__head h4,
#projectos-site-app[data-ui-theme="midnight"] .po-checklist__item label span,
#projectos-app[data-ui-theme="midnight"] .po-checklist__item label span,
#projectos-site-app[data-ui-theme="midnight"] .po-insight-card strong,
#projectos-app[data-ui-theme="midnight"] .po-insight-card strong,
#projectos-site-app[data-ui-theme="midnight"] .po-matrix tbody th,
#projectos-app[data-ui-theme="midnight"] .po-matrix tbody th,
#projectos-site-app[data-ui-theme="midnight"] .po-matrix td strong,
#projectos-app[data-ui-theme="midnight"] .po-matrix td strong {
    color: #f8fafc;
}

@media (max-width: 1280px) {
    .po-insight-grid,
    .po-metrics--wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .po-inline-checklist-panel {
        margin-left: 0;
        padding: 16px;
    }

    .po-inline-checklist-panel__head,
    .po-checklist__item,
    .po-checklist-edit,
    .po-inline-form--checklist {
        display: grid;
        grid-template-columns: 1fr;
    }

    .po-insight-grid,
    .po-metrics--wide {
        grid-template-columns: 1fr;
    }
}

/* ProjectOS 2.9.0 Ultra Premium Flow */
#projectos-site-app[data-background-tone="comfort-dark"],
#projectos-app[data-background-tone="comfort-dark"] {
    --po-bg: #dfe7f1;
    --po-bg-soft: #eef3f9;
    --po-panel: rgba(255,255,255,.74);
    --po-panel-strong: rgba(255,255,255,.9);
    background:
        radial-gradient(circle at 12% 0%, rgba(116, 94, 255, .16), transparent 30%),
        radial-gradient(circle at 100% 22%, rgba(14, 165, 233, .18), transparent 36%),
        linear-gradient(135deg, #d9e2ee 0%, #eef3f8 48%, #d7e8ea 100%);
}

#projectos-site-app[data-background-tone="dim"],
#projectos-app[data-background-tone="dim"] {
    --po-bg: #cfd8e6;
    --po-bg-soft: #e5ebf4;
    background: linear-gradient(135deg, #cad4e4 0%, #e6edf7 50%, #d3e4e7 100%);
}

#projectos-site-app[data-background-tone="soft"],
#projectos-app[data-background-tone="soft"] {
    --po-bg: #eef3fb;
    --po-bg-soft: #f7f9fd;
    background: linear-gradient(135deg, #eef2ff 0%, #f7fbff 52%, #edf9f6 100%);
}

#projectos-site-app[data-ui-theme="comfort"],
#projectos-app[data-ui-theme="comfort"],
#projectos-site-app[data-ui-theme="slate"],
#projectos-app[data-ui-theme="slate"] {
    --po-ink: #111827;
    --po-muted: #667085;
    --po-border: rgba(15,23,42,.08);
    --po-shadow: 0 30px 80px rgba(15,23,42,.12);
}

#projectos-site-app[data-transition-speed="instant"] *,
#projectos-app[data-transition-speed="instant"] * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
}

#projectos-site-app[data-transition-speed="fast"] *,
#projectos-app[data-transition-speed="fast"] * {
    transition-duration: .16s;
}

#projectos-site-app[data-transition-speed="calm"] *,
#projectos-app[data-transition-speed="calm"] * {
    transition-duration: .28s;
}

#projectos-site-app[data-reduce-motion="1"] *,
#projectos-app[data-reduce-motion="1"] * {
    animation: none !important;
    scroll-behavior: auto !important;
    transition: none !important;
}

#projectos-site-app[data-density="compact"] .po-panel,
#projectos-app[data-density="compact"] .po-panel {
    padding: 18px;
}

#projectos-site-app[data-density="compact"] .po-task-card,
#projectos-app[data-density="compact"] .po-task-card,
#projectos-site-app[data-density="compact"] .po-hierarchy-card,
#projectos-app[data-density="compact"] .po-hierarchy-card {
    padding: 14px;
}

#projectos-site-app[data-density="spacious"] .po-panel,
#projectos-app[data-density="spacious"] .po-panel {
    padding: 32px;
}

#projectos-site-app[data-sidebar-compact="1"] .po-sidebar,
#projectos-app[data-sidebar-compact="1"] .po-sidebar {
    width: 230px;
}

.po-page-jumper {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    padding: 10px 12px;
    margin: 0 0 18px;
    border: 1px solid rgba(99,91,255,.12);
    background: rgba(255,255,255,.52);
    backdrop-filter: blur(22px);
    border-radius: 22px;
    box-shadow: 0 18px 44px rgba(15,23,42,.06);
}

.po-page-jumper button {
    border: 0;
    border-radius: 999px;
    padding: 9px 14px;
    cursor: pointer;
    background: rgba(255,255,255,.72);
    color: var(--po-muted);
    font-weight: 900;
    letter-spacing: .03em;
}

.po-page-jumper button.is-active,
.po-page-jumper button:hover {
    color: #fff;
    background: linear-gradient(135deg, #6d5ef8, #1d4ed8);
    box-shadow: 0 12px 24px rgba(99,91,255,.18);
}

.po-hierarchy-panel {
    overflow: hidden;
}

.po-hierarchy-tree {
    display: grid;
    gap: 14px;
}

.po-hierarchy-node {
    margin-left: calc(var(--depth, 0) * 22px);
    position: relative;
}

.po-hierarchy-node::before {
    content: '';
    position: absolute;
    left: -13px;
    top: 24px;
    bottom: 8px;
    width: 2px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(99,91,255,.42), rgba(14,165,233,.12));
    opacity: calc(.25 + (.12 * var(--depth, 0)));
}

.po-hierarchy-card {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 18px 18px;
    border-radius: 24px;
    border: 1px solid rgba(99,91,255,.14);
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.68));
    box-shadow: 0 22px 50px rgba(15,23,42,.08);
}

.po-hierarchy-node--category .po-hierarchy-card {
    border-left: 5px solid var(--tree-accent, #635BFF);
}

.po-hierarchy-node.is-active .po-hierarchy-card {
    border-color: rgba(99,91,255,.38);
    box-shadow: 0 26px 60px rgba(99,91,255,.16);
}

.po-tree-toggle {
    width: 34px;
    height: 34px;
    border-radius: 14px;
    border: 1px solid rgba(99,91,255,.18);
    background: #fff;
    color: #6257f5;
    font-weight: 1000;
    cursor: pointer;
}

.po-tree-toggle.is-empty {
    color: rgba(100,116,139,.45);
    cursor: default;
}

.po-hierarchy-card__main {
    display: grid;
    gap: 5px;
    cursor: pointer;
}

.po-hierarchy-card__main strong {
    color: var(--po-ink);
    font-size: 17px;
}

.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    color: var(--po-muted);
}

.po-hierarchy-card__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.po-hierarchy-children {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.po-hierarchy-preview {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0 0 56px;
    padding: 10px;
    border-radius: 18px;
    background: rgba(255,255,255,.48);
    border: 1px dashed rgba(99,91,255,.16);
}

.po-hierarchy-preview > span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.po-hierarchy-preview button {
    display: grid;
    gap: 2px;
    border: 0;
    border-radius: 14px;
    background: rgba(255,255,255,.82);
    padding: 8px 12px;
    cursor: pointer;
    color: var(--po-ink);
    box-shadow: 0 10px 22px rgba(15,23,42,.06);
}

.po-hierarchy-preview button small {
    color: var(--po-muted);
}

.po-inline-form--instant {
    display: grid;
    gap: 7px;
    padding: 12px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(99,91,255,.08), rgba(14,165,233,.06));
    border: 1px solid rgba(99,91,255,.12);
}

.po-checklist-quickline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: stretch;
}

.po-checklist-quickline textarea {
    resize: vertical;
    min-height: 54px;
    border-radius: 17px;
    border: 1px solid rgba(99,91,255,.16);
    background: rgba(255,255,255,.88);
    padding: 13px 15px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.65);
}

.po-checklist-quickline textarea:focus {
    outline: 3px solid rgba(99,91,255,.18);
    border-color: rgba(99,91,255,.38);
}

.po-form-hint {
    color: var(--po-muted);
    font-weight: 800;
}

.po-checklist__item.is-pending {
    opacity: .7;
    border-style: dashed;
    animation: po-soft-pulse 1.1s ease-in-out infinite;
}

.po-mini-status {
    border-radius: 999px;
    padding: 5px 8px;
    background: rgba(99,91,255,.08);
    color: #6457f5;
    font-size: 11px;
    font-weight: 1000;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.po-checklist-tools--premium {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.po-user-settings-panel {
    max-width: 920px;
}

.po-user-settings-form .po-settings-switches {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 22px 0;
}

.po-user-settings-form .po-settings-switches label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(99,91,255,.12);
    background: rgba(255,255,255,.58);
    color: var(--po-muted);
    font-weight: 850;
}

@keyframes po-soft-pulse {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-1px); }
}

#projectos-site-app[data-ui-theme="midnight"] .po-page-jumper,
#projectos-app[data-ui-theme="midnight"] .po-page-jumper,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-preview,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-preview,
#projectos-site-app[data-ui-theme="midnight"] .po-inline-form--instant,
#projectos-app[data-ui-theme="midnight"] .po-inline-form--instant,
#projectos-site-app[data-ui-theme="midnight"] .po-user-settings-form .po-settings-switches label,
#projectos-app[data-ui-theme="midnight"] .po-user-settings-form .po-settings-switches label {
    background: rgba(15,23,42,.62);
    border-color: rgba(255,255,255,.08);
}

#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-card__main strong,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-card__main strong,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-preview button,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-preview button {
    color: #f8fafc;
}

@media (max-width: 980px) {
    .po-hierarchy-card {
        grid-template-columns: 36px 1fr;
    }
    .po-hierarchy-card__actions {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
    .po-hierarchy-preview {
        margin-left: 0;
    }
    .po-user-settings-form .po-settings-switches {
        grid-template-columns: 1fr;
    }
}

#projectos-site-app[data-background-tone="deep"],
#projectos-app[data-background-tone="deep"] {
    --po-bg: #172033;
    --po-bg-soft: #202b3f;
    background: radial-gradient(circle at 0% 0%, rgba(99,91,255,.22), transparent 34%), linear-gradient(135deg, #111827 0%, #1f2937 100%);
}

#projectos-site-app[data-background-tone="auto"],
#projectos-app[data-background-tone="auto"] {
    background: linear-gradient(135deg, #dbe4ef 0%, #eef4f8 50%, #d6e8e9 100%);
}

#projectos-site-app[data-transition-speed="smooth"] *,
#projectos-app[data-transition-speed="smooth"] * {
    transition-duration: .24s;
}

/* ProjectOS Tasks 3.0.0 Ultra Premium Speed Layer */
#projectos-site-app[data-background-tone="comfort-dark"],
#projectos-app[data-background-tone="comfort-dark"],
#projectos-site-app[data-background-tone="dim"],
#projectos-app[data-background-tone="dim"] {
    --po-bg: #c9d3e2;
    --po-bg-soft: #d9e3ef;
    background:
        radial-gradient(circle at 8% 5%, rgba(109,94,248,.18), transparent 28%),
        radial-gradient(circle at 95% 15%, rgba(20,184,166,.14), transparent 32%),
        linear-gradient(135deg, #c3cede 0%, #dce4ef 48%, #c7dedf 100%) !important;
}

#projectos-site-app[data-background-tone="deep"],
#projectos-app[data-background-tone="deep"] {
    --po-bg: #111827;
    --po-bg-soft: #182338;
    background:
        radial-gradient(circle at 7% 3%, rgba(109,94,248,.22), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(14,165,233,.14), transparent 35%),
        linear-gradient(135deg, #0f172a 0%, #182233 55%, #102b31 100%) !important;
}

.po-shell,
.po-main,
.po-topbar,
.po-panel,
.po-card,
.po-drawer {
    backdrop-filter: saturate(130%) blur(10px);
}

.po-nav-strip,
.po-focus-filterbar {
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(148,163,184,.18);
    box-shadow: 0 18px 50px rgba(15,23,42,.07);
}

.po-focus-filterbar {
    border-radius: 30px;
    padding: 14px 16px;
    margin-bottom: 18px;
}

.po-focus-filterbar__main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    flex-wrap: wrap;
}

.po-filterchips--focus {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.po-quick-cats {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 10px 2px 2px;
    scrollbar-width: thin;
}

.po-quick-cats button {
    appearance: none;
    border: 1px solid rgba(109,94,248,.16);
    background: rgba(255,255,255,.82);
    color: #334155;
    border-radius: 999px;
    padding: 9px 13px;
    font-weight: 900;
    letter-spacing: .045em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.po-quick-cats button.is-active,
.po-quick-cats button:hover {
    background: linear-gradient(135deg, #6d5ef8, #1d4ed8);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 15px 35px rgba(109,94,248,.25);
}

.po-filterbar__advanced--clean {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 10px;
    align-items: end;
    padding-top: 12px;
}

.po-inline-checklist-panel {
    background:
        radial-gradient(circle at 95% 0%, rgba(109,94,248,.18), transparent 28%),
        linear-gradient(180deg, rgba(27,35,62,.94), rgba(18,27,48,.92)) !important;
    border: 1px solid rgba(199,210,254,.22) !important;
    box-shadow: 0 26px 75px rgba(15,23,42,.18), inset 0 1px 0 rgba(255,255,255,.08) !important;
    color: #e5edff;
}

.po-inline-checklist-panel__head h4,
.po-inline-checklist-panel__head span,
.po-inline-checklist-panel .po-form-hint,
.po-inline-checklist-panel small {
    color: rgba(226,232,240,.76) !important;
}

.po-inline-checklist-panel__head strong,
.po-inline-checklist-panel h4 {
    color: #f8fafc !important;
}

.po-checklist__item {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(226,232,240,.12) !important;
    box-shadow: 0 16px 38px rgba(2,6,23,.12) !important;
}

.po-checklist__item:hover {
    background: rgba(255,255,255,.12) !important;
    border-color: rgba(129,140,248,.38) !important;
}

.po-checklist__item label span,
.po-checklist__item .po-checklist__text {
    color: #f1f5f9 !important;
}

.po-checklist__item.is-complete label span,
.po-checklist__item.is-complete .po-checklist__text {
    color: rgba(203,213,225,.58) !important;
}

.po-checklist__status {
    background: rgba(109,94,248,.18) !important;
    color: #dcd7ff !important;
    border: 1px solid rgba(109,94,248,.22);
}

.po-checklist__item.is-complete .po-checklist__status,
.po-copy-btn.is-copied {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 12px 28px rgba(16,185,129,.24) !important;
}

.po-checklist-quickline {
    background: linear-gradient(135deg, rgba(224,231,255,.16), rgba(219,234,254,.10)) !important;
    border: 1px solid rgba(199,210,254,.18) !important;
    border-radius: 24px;
    padding: 12px;
}

.po-checklist-quickline textarea {
    background: rgba(15,23,42,.58) !important;
    color: #f8fafc !important;
    border: 1px solid rgba(203,213,225,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.po-checklist-quickline textarea::placeholder {
    color: rgba(226,232,240,.58) !important;
}

.po-inline-form--instant.is-speed-flash,
.po-inline-form--instant:focus-within {
    animation: projectos-speed-pulse .72s ease both;
}

@keyframes projectos-speed-pulse {
    0% { box-shadow: 0 0 0 rgba(16,185,129,0); transform: translateY(0); }
    35% { box-shadow: 0 0 0 8px rgba(16,185,129,.16); transform: translateY(-1px); }
    100% { box-shadow: 0 0 0 rgba(16,185,129,0); transform: translateY(0); }
}

.po-hierarchy-card {
    background: rgba(255,255,255,.82);
    box-shadow: 0 18px 46px rgba(15,23,42,.07);
}

.po-hierarchy-card__main {
    cursor: pointer;
    border-radius: 18px;
    padding: 8px 10px;
}

.po-hierarchy-card__main:hover {
    background: rgba(109,94,248,.08);
}

.po-icon-btn--primary {
    background: linear-gradient(135deg, #eef2ff, #dbeafe) !important;
    color: #1d4ed8 !important;
    border-color: rgba(37,99,235,.12) !important;
}

.po-task-row {
    border-radius: 22px;
}

.po-task-row__meta {
    gap: 7px;
}

@media (max-width: 980px) {
    .po-focus-filterbar__main,
    .po-filterbar__tools {
        align-items: stretch;
        flex-direction: column;
    }
    .po-filterbar__advanced--clean {
        grid-template-columns: 1fr;
    }
}


/* v3.1.0 full-width safe premium harmony */
html,
body,
#projectos-site-app,
#projectos-app {
    max-width: 100%;
    overflow-x: hidden;
}
.po-app {
    grid-template-columns: 268px minmax(0, 1fr);
    overflow-x: hidden;
    background: radial-gradient(circle at 4% 8%, rgba(109,94,248,.16), transparent 24%), radial-gradient(circle at 92% 8%, rgba(20,184,166,.14), transparent 24%), linear-gradient(135deg,#cfd9ea 0%,#d8edf1 48%,#cfd7e8 100%);
}
.po-sidebar {
    padding: 21px 17px;
    border-radius: 30px;
}
.po-brand h1 { font-size: 25px; }
.po-main,
.po-shell,
.po-panel,
.po-view-head,
.po-page-jumper,
.po-hierarchy-panel,
.po-hierarchy-tree,
.po-hierarchy-node,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-task-list,
.po-task-card,
.po-task-row,
.po-inline-checklist-panel,
.po-checklist-section,
.po-checklist,
.po-checklist__item,
.po-inline-form,
.po-inline-form textarea,
.po-drawer,
.po-drawer * {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}
.po-main,
.po-panel,
.po-task-card,
.po-task-row,
.po-hierarchy-card,
.po-checklist__item,
.po-inline-checklist-panel,
.po-template-note {
    overflow-wrap: anywhere;
}
.po-panel,
.po-view-head,
.po-page-jumper,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-task-card,
.po-metric,
.po-user-settings-form {
    background: linear-gradient(180deg, rgba(243,247,252,.90), rgba(228,237,247,.78));
    border-color: rgba(99,91,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55), 0 24px 58px rgba(15,23,42,.08);
}
.po-hierarchy-card,
.po-hierarchy-preview {
    background: linear-gradient(180deg, rgba(232,239,249,.96), rgba(219,230,243,.86));
}
.po-hierarchy-card__main {
    border-radius: 18px;
    padding: 8px 10px;
}
.po-hierarchy-card__main:hover {
    background: rgba(99,91,255,.08);
}
.po-drawer {
    width: min(420px, calc(100vw - 24px));
}
.po-inline-checklist-panel,
.po-drawer-section.po-checklist-section {
    background: linear-gradient(180deg, rgba(20,28,50,.96), rgba(32,43,70,.94));
    color: #f8fafc;
    border-color: rgba(255,255,255,.10);
    box-shadow: 0 26px 70px rgba(15,23,42,.22);
}
.po-inline-checklist-panel h3,
.po-inline-checklist-panel h4,
.po-drawer-section.po-checklist-section h3,
.po-drawer-section.po-checklist-section h4 {
    color: #fff;
}
.po-inline-form--checklist {
    position: sticky;
    top: 0;
    z-index: 5;
    margin: 0 0 14px;
    background: linear-gradient(180deg, rgba(36,48,78,.96), rgba(27,38,66,.96));
    border-color: rgba(255,255,255,.10);
}
.po-checklist-quickline textarea,
.po-inline-form--checklist textarea {
    background: rgba(10,18,36,.74);
    color: #f8fafc;
    border-color: rgba(255,255,255,.10);
}
.po-checklist-quickline textarea::placeholder,
.po-inline-form--checklist textarea::placeholder {
    color: rgba(226,232,240,.66);
}
.po-inline-checklist-panel .po-checklist__item,
.po-drawer-section.po-checklist-section .po-checklist__item {
    background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.045));
    color: #e5edf8;
    border-color: rgba(255,255,255,.08);
}
.po-inline-checklist-panel .po-checklist__item label span,
.po-drawer-section.po-checklist-section .po-checklist__item label span {
    color: #e5edf8;
}
.po-inline-checklist-panel .po-checklist__item.is-complete label span,
.po-drawer-section.po-checklist-section .po-checklist__item.is-complete label span {
    color: rgba(226,232,240,.56);
}
.po-inline-checklist-panel .po-icon-btn,
.po-inline-checklist-panel .po-checklist-tools .po-icon-btn,
.po-drawer-section.po-checklist-section .po-icon-btn,
.po-drawer-section.po-checklist-section .po-checklist-tools .po-icon-btn {
    background: rgba(255,255,255,.08);
    color: #f8fafc;
    border-color: rgba(255,255,255,.10);
}
.po-inline-checklist-panel .po-icon-btn--danger,
.po-drawer-section.po-checklist-section .po-icon-btn--danger {
    background: rgba(248,113,113,.14) !important;
    color: #fecaca !important;
}
.po-inline-checklist-panel .po-form-hint,
.po-drawer-section.po-checklist-section .po-form-hint,
.po-inline-checklist-panel .po-template-note,
.po-drawer-section.po-checklist-section .po-template-note,
.po-inline-checklist-panel .po-mini-status,
.po-drawer-section.po-checklist-section .po-mini-status {
    color: rgba(226,232,240,.82);
}
.po-hierarchy-card__actions,
.po-row-actions,
.po-task-card__actions,
.po-checklist__actions {
    flex-wrap: wrap;
}
#projectos-site-app[data-ui-theme="midnight"] .po-panel,
#projectos-app[data-ui-theme="midnight"] .po-panel,
#projectos-site-app[data-ui-theme="midnight"] .po-view-head,
#projectos-app[data-ui-theme="midnight"] .po-view-head,
#projectos-site-app[data-ui-theme="midnight"] .po-page-jumper,
#projectos-app[data-ui-theme="midnight"] .po-page-jumper,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-preview,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-preview {
    background: linear-gradient(180deg, rgba(15,23,42,.86), rgba(30,41,69,.78));
    border-color: rgba(255,255,255,.08);
}
#projectos-site-app[data-ui-theme="midnight"] .po-panel h2,
#projectos-app[data-ui-theme="midnight"] .po-panel h2,
#projectos-site-app[data-ui-theme="midnight"] .po-panel h3,
#projectos-app[data-ui-theme="midnight"] .po-panel h3,
#projectos-site-app[data-ui-theme="midnight"] .po-panel strong,
#projectos-app[data-ui-theme="midnight"] .po-panel strong,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-card__main strong,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-card__main strong {
    color: #f8fafc;
}
#projectos-site-app[data-sidebar-compact="1"] .po-sidebar,
#projectos-app[data-sidebar-compact="1"] .po-sidebar {
    width: 218px;
}
@media (max-width: 1280px) {
    .po-app { grid-template-columns: 240px minmax(0, 1fr); gap: 18px; padding: 18px; }
}
@media (max-width: 980px) {
    .po-app { display: block; }
    .po-sidebar { position: static; min-height: auto; margin-bottom: 16px; }
}

/* v3.2.0 ultra premium stability refresh */
.po-shell,
.po-app,
.po-main,
.po-view,
.po-panel,
.po-task-shell,
.po-inline-checklist-panel,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools,
.po-bulkbar,
.po-focus-filterbar,
.po-list-wrap,
.po-empty,
.po-sub-empty,
.po-stat-card,
.po-metric,
.po-score-card,
.po-category-surface {
    backdrop-filter: blur(18px);
}

.po-panel,
.po-task-shell,
.po-inline-checklist-panel,
.po-list-wrap,
.po-focus-filterbar,
.po-empty,
.po-sub-empty,
.po-metric,
.po-score-card,
.po-bulkbar {
    background: linear-gradient(180deg, rgba(248, 250, 255, 0.86), rgba(236, 240, 252, 0.78));
    box-shadow: 0 18px 48px rgba(38, 56, 112, 0.10), inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.po-hierarchy-panel,
.po-hierarchy-node--category .po-hierarchy-card,
.po-hierarchy-node--category .po-hierarchy-preview,
.po-hierarchy-node--category .po-template-tools {
    background: linear-gradient(180deg, rgba(241, 245, 255, 0.86), rgba(228, 235, 248, 0.78));
}

.po-hierarchy-node--workspace .po-hierarchy-card,
.po-hierarchy-node--workspace .po-hierarchy-preview {
    background: linear-gradient(180deg, rgba(244, 248, 255, 0.88), rgba(233, 239, 252, 0.82));
}

.po-hierarchy-card {
    border: 1px solid rgba(109, 94, 248, 0.12);
    box-shadow: 0 16px 34px rgba(34, 52, 108, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

.po-hierarchy-card__main {
    min-width: 0;
}

.po-hierarchy-card__main strong,
.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    white-space: nowrap;
}

.po-hierarchy-card__actions {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.po-tabstrip {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 18px;
}

.po-tabstrip--analytics {
    padding: 14px;
    border-radius: 20px;
    background: linear-gradient(180deg, rgba(252, 253, 255, 0.9), rgba(237, 242, 252, 0.72));
    box-shadow: 0 14px 34px rgba(42, 58, 110, 0.08);
}

.po-tabstrip__button {
    border: 1px solid rgba(99, 91, 255, 0.14);
    background: rgba(255, 255, 255, 0.72);
    color: #5a6788;
    padding: 12px 16px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.01em;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
}

.po-tabstrip__button:hover {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(64, 84, 140, 0.12);
}

.po-tabstrip__button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #6d5ef8, #2f67ff);
    box-shadow: 0 16px 30px rgba(63, 92, 255, 0.28);
}

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

.po-panel--score,
.po-panel--risk,
.po-panel--wide {
    padding: 22px;
}

.po-panel--score {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 18px;
    align-items: center;
}

.po-risk-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 14px;
}

.po-risk-grid > div {
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.62);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
}

.po-risk-grid strong {
    display: block;
    font-size: 30px;
    line-height: 1;
}

.po-risk-grid span {
    display: block;
    margin-top: 6px;
    color: #67728c;
    font-size: 13px;
}

.po-metrics--wide {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.po-score-list {
    display: grid;
    gap: 12px;
}

.po-score-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255,255,255,0.56);
}

.po-score-row > div:first-child span {
    display: block;
    margin-top: 4px;
    color: #6d7790;
    font-size: 13px;
}

.po-score-row__progress {
    height: 10px;
    border-radius: 999px;
    background: rgba(94, 112, 174, 0.12);
    overflow: hidden;
}

.po-score-row__progress span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #7366ff, #43a4ff);
}

.po-assignee-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.po-assignee-card {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255,255,255,0.58);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.72);
}

.po-assignee-card span {
    display: inline-block;
    margin-top: 6px;
    color: #68738f;
}

.po-assignee-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
    color: #5f6b89;
    font-size: 12px;
}

.po-assignee-card__meta span {
    margin-top: 0;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(109, 94, 248, 0.08);
}

.po-assignee-card__progress {
    height: 10px;
    margin-top: 14px;
    border-radius: 999px;
    background: rgba(94, 112, 174, 0.12);
    overflow: hidden;
}

.po-assignee-card__progress span {
    display: block;
    height: 100%;
    margin-top: 0;
    border-radius: inherit;
    background: linear-gradient(135deg, #6d5ef8, #48abff);
}

.po-quick-cats {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 4px 2px 6px;
    scrollbar-width: thin;
}

.po-quick-cats::-webkit-scrollbar {
    height: 6px;
}

.po-quick-cats button {
    flex: 0 0 auto;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-filterchips,
.po-bulkbar__actions,
.po-hierarchy-preview {
    flex-wrap: wrap;
}

.po-inline-form--checklist,
.po-checklist-tools--premium {
    position: sticky;
    top: 0;
    z-index: 3;
    background: linear-gradient(180deg, rgba(28, 36, 67, 0.96), rgba(33, 41, 74, 0.9));
    border-radius: 18px;
    padding: 14px;
    box-shadow: 0 16px 30px rgba(8, 14, 34, 0.28);
}

.po-checklist-tools--premium {
    margin-bottom: 14px;
}

.po-inline-form--checklist .po-form-hint {
    color: rgba(236, 240, 255, 0.72);
}

@media (max-width: 1280px) {
    .po-metrics--wide {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1080px) {
    .po-analytics-hero,
    .po-grid--2,
    .po-assignee-grid,
    .po-panel--score {
        grid-template-columns: 1fr;
    }
    .po-metrics--wide {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .po-score-row {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .po-metrics--wide {
        grid-template-columns: 1fr;
    }
    .po-tabstrip {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .po-tabstrip__button {
        flex: 0 0 auto;
    }
}

/* v3.3.0 stability: no-overflow premium harmony */
#projectos-site-app,
#projectos-app {
    overflow-x: hidden !important;
}
.po-app,
.po-main,
.po-view-head,
.po-panel,
.po-list-wrap,
.po-task-list,
.po-task-row,
.po-task-card,
.po-focus-filterbar,
.po-quick-cats,
.po-inline-checklist-panel,
.po-hierarchy-panel,
.po-hierarchy-tree,
.po-hierarchy-node,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-drawer,
.po-drawer * {
    max-width: 100%;
    box-sizing: border-box;
}
.po-main,
.po-list-wrap,
.po-panel,
.po-view-head,
.po-task-row,
.po-hierarchy-card,
.po-inline-checklist-panel {
    overflow-x: clip;
}
.po-quick-cats {
    width: 100%;
    mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 24px), transparent 100%);
}
.po-quick-cats button,
.po-chip-filter,
.po-segment button,
.po-page-jumper button {
    white-space: nowrap;
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po-view-head,
.po-panel,
.po-metric,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-inline-checklist-panel,
.po-checklist__item {
    border-color: rgba(105, 115, 165, .14);
}
.po-view-head,
.po-panel,
.po-metric {
    background: linear-gradient(145deg, rgba(243,247,255,.90), rgba(226,235,249,.78));
}
.po-category-surface,
.po-hierarchy-panel {
    background: linear-gradient(145deg, rgba(226,236,250,.84), rgba(205,221,241,.72));
}
.po-hierarchy-node--category .po-hierarchy-card,
.po-hierarchy-node--category .po-hierarchy-preview,
.po-hierarchy-node--category .po-template-tools {
    background: linear-gradient(145deg, rgba(218,229,246,.90), rgba(200,215,238,.78));
}
.po-hierarchy-card__main span {
    max-height: 2.9em;
    line-height: 1.45;
}
.po-inline-checklist-panel {
    background: radial-gradient(circle at 12% 0%, rgba(93,91,255,.18), transparent 34%), linear-gradient(180deg, rgba(24,33,62,.97), rgba(29,38,70,.96));
}
.po-inline-form--checklist {
    top: 8px;
}
@media (min-width: 1081px) {
    .po-app {
        grid-template-columns: 250px minmax(0, 1fr) !important;
        gap: 22px !important;
    }
    .po-sidebar {
        padding: 20px 16px !important;
    }
}

/* v3.4.0 ultra premium final harmony and category dock */
body.projectos-shell-body,
#projectos-site-app,
#projectos-app {
    overflow-x: hidden !important;
}
.po-main,
.po-panel,
.po-list-wrap,
.po-focus-filterbar,
.po-view-head,
.po-task-list,
.po-task-row,
.po-inline-checklist-panel,
.po-hierarchy-panel,
.po-hierarchy-tree,
.po-hierarchy-card {
    overflow-x: hidden !important;
}
.po-quick-cats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    overflow: visible !important;
    max-height: 92px;
    padding: 6px 4px 2px !important;
    mask-image: none !important;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(228,235,250,.30));
}
.po-quick-cats button {
    flex: 0 1 auto !important;
    max-width: min(180px, 100%) !important;
    min-width: 0 !important;
    padding: 8px 13px !important;
    border: 1px solid rgba(99,91,255,.13) !important;
    background: rgba(255,255,255,.74) !important;
    box-shadow: 0 8px 18px rgba(34,52,108,.07), inset 0 1px 0 rgba(255,255,255,.7);
}
.po-quick-cats button.is-active {
    background: linear-gradient(135deg, #6d5ef8, #245bff) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(45,81,255,.26) !important;
}
.po-checklist-section .po-inline-form--checklist,
.po-inline-checklist-panel .po-inline-form--checklist {
    order: -2;
    margin-bottom: 12px !important;
}
.po-checklist-section .po-checklist-tools--premium,
.po-inline-checklist-panel .po-checklist-tools--premium {
    order: -1;
    position: sticky;
    top: 88px;
    z-index: 2;
}
.po-checklist-section,
.po-inline-checklist-panel {
    display: flex;
    flex-direction: column;
}
.po-checklist-quickline textarea {
    min-height: 76px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,255,255,.06), 0 14px 28px rgba(8,14,30,.22) !important;
}
.po-view-head,
.po-panel,
.po-metric,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-focus-filterbar,
.po-page-jumper {
    background: radial-gradient(circle at 96% 6%, rgba(109,94,248,.10), transparent 32%), linear-gradient(145deg, rgba(240,246,255,.90), rgba(218,229,246,.78)) !important;
    border-color: rgba(99,91,255,.10) !important;
    box-shadow: 0 24px 60px rgba(32,52,100,.10), inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.po-hierarchy-node--category .po-hierarchy-card,
.po-hierarchy-node--category .po-hierarchy-preview,
.po-hierarchy-node--category .po-template-tools {
    background: radial-gradient(circle at 100% 0%, rgba(45,91,255,.08), transparent 34%), linear-gradient(145deg, rgba(218,231,248,.90), rgba(199,215,238,.80)) !important;
}
.po-inline-checklist-panel,
.po-drawer-section.po-checklist-section {
    background: radial-gradient(circle at 14% 0%, rgba(109,94,248,.20), transparent 34%), linear-gradient(180deg, rgba(21,31,61,.98), rgba(28,38,70,.97)) !important;
    box-shadow: 0 30px 76px rgba(10,18,36,.32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
@media (max-width: 1080px) {
    .po-quick-cats { max-height: none; }
}


/* v3.4.1 premium comfort, category overflow guard and speed polish */
:root {
    --po-bg: #e9eef7;
    --po-bg-alt: rgba(232, 239, 250, .86);
    --po-panel: rgba(232, 239, 250, .82);
    --po-panel-strong: rgba(244, 248, 255, .88);
    --po-border: rgba(75, 88, 130, .16);
    --po-shadow: 0 28px 70px rgba(29, 43, 86, .16), 0 8px 24px rgba(29, 43, 86, .08);
    --po-shadow-soft: 0 18px 46px rgba(29, 43, 86, .12), inset 0 1px 0 rgba(255,255,255,.54);
    --po-premium-surface: radial-gradient(circle at 92% 0%, rgba(109,94,248,.14), transparent 32%), linear-gradient(145deg, rgba(238,244,253,.94), rgba(211,224,243,.84));
    --po-premium-surface-2: radial-gradient(circle at 12% 0%, rgba(20,184,166,.10), transparent 34%), linear-gradient(145deg, rgba(228,237,250,.92), rgba(198,215,239,.82));
}

html,
body.projectos-shell-body {
    background:
        radial-gradient(circle at 0% 0%, rgba(109,94,248,.18), transparent 30%),
        radial-gradient(circle at 100% 8%, rgba(14,165,233,.14), transparent 28%),
        radial-gradient(circle at 80% 100%, rgba(20,184,166,.10), transparent 26%),
        linear-gradient(180deg, #e9eef7 0%, #dbe5f2 48%, #cedcec 100%) !important;
}

.po-app {
    perspective: 1400px;
}

.po-topbar,
.po-page-jumper,
.po-view-head,
.po-panel,
.po-focus-filterbar,
.po-list-wrap,
.po-task-shell,
.po-task-row,
.po-metric,
.po-score-card,
.po-hierarchy-panel,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools,
.po-empty,
.po-sub-empty {
    background: var(--po-premium-surface) !important;
    border-color: var(--po-border) !important;
    box-shadow: var(--po-shadow-soft) !important;
}

.po-panel,
.po-view-head,
.po-task-row,
.po-hierarchy-card,
.po-metric,
.po-board-card,
.po-quick-cats button {
    transform: translateZ(0);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.po-panel:hover,
.po-view-head:hover,
.po-task-row:hover,
.po-hierarchy-card:hover,
.po-board-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 34px 84px rgba(23, 37, 84, .16), 0 12px 30px rgba(23, 37, 84, .09), inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.po-field input,
.po-field select,
.po-field textarea,
.po-search input,
.po-inline-create__title input {
    background: rgba(235, 242, 252, .92) !important;
    border-color: rgba(72, 86, 132, .17) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.62), 0 8px 18px rgba(29,43,86,.06) !important;
}

.po-field input:focus,
.po-field select:focus,
.po-field textarea:focus,
.po-search input:focus {
    outline: 3px solid rgba(109,94,248,.16);
    border-color: rgba(109,94,248,.42) !important;
    background: rgba(244,248,255,.96) !important;
}

.po-btn,
.po-icon-btn,
.po-chip-filter,
.po-row-action,
.po-page-jumper button,
.po-tabstrip__button {
    box-shadow: 0 10px 22px rgba(29,43,86,.09), inset 0 1px 0 rgba(255,255,255,.55);
}

.po-btn:hover,
.po-icon-btn:hover,
.po-chip-filter:hover,
.po-row-action:hover,
.po-page-jumper button:hover,
.po-tabstrip__button:hover,
.po-quick-cats button:hover {
    transform: translateY(-1px);
}

.po-category-surface,
.po-hierarchy-panel {
    padding: 18px;
    border-radius: 28px;
    background: radial-gradient(circle at 0% 0%, rgba(109,94,248,.12), transparent 30%), linear-gradient(145deg, rgba(213,226,245,.94), rgba(190,209,235,.84)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.42), 0 30px 80px rgba(29,43,86,.12) !important;
}

.po-hierarchy-tree {
    gap: 16px !important;
    min-width: 0;
}

.po-hierarchy-node {
    margin-left: min(calc(var(--depth, 0) * 16px), 64px) !important;
    min-width: 0;
}

.po-hierarchy-card {
    grid-template-columns: 38px minmax(0, 1fr) minmax(188px, auto) !important;
    align-items: start !important;
    gap: 12px !important;
    border-radius: 26px !important;
    overflow: visible !important;
}

.po-hierarchy-node--category .po-hierarchy-card,
.po-hierarchy-node--category .po-hierarchy-preview,
.po-hierarchy-node--category .po-template-tools {
    background: radial-gradient(circle at 100% 0%, rgba(109,94,248,.16), transparent 34%), linear-gradient(145deg, rgba(218,231,248,.96), rgba(190,209,235,.86)) !important;
}

.po-hierarchy-card__main strong {
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.po-hierarchy-card__actions--compact {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(74px, auto)) auto;
    align-items: start !important;
    gap: 8px !important;
    justify-content: end !important;
    min-width: 0;
    max-width: 340px;
}

.po-hierarchy-card__actions--compact .po-icon-btn {
    min-height: 36px;
    padding: 0 12px;
    max-width: 132px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-action-menu {
    min-width: 0;
    justify-self: end;
}

.po-action-menu summary {
    list-style: none;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 14px;
    border: 1px solid rgba(99,91,255,.16);
    background: linear-gradient(135deg, rgba(244,248,255,.92), rgba(219,229,246,.86));
    color: #4f5d7a;
    font-size: 12px;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 10px 22px rgba(29,43,86,.08), inset 0 1px 0 rgba(255,255,255,.58);
}

.po-action-menu summary::-webkit-details-marker { display: none; }

.po-action-menu summary::after {
    content: '›';
    display: inline-block;
    margin-left: 8px;
    transform: rotate(90deg);
    opacity: .72;
}

.po-action-menu[open] {
    grid-column: 1 / -1;
    width: 100%;
}

.po-action-menu[open] summary {
    color: #fff;
    background: linear-gradient(135deg, #6d5ef8, #245bff);
    border-color: transparent;
}

.po-action-menu__panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    width: 100%;
    margin-top: 8px;
    padding: 10px;
    border-radius: 18px;
    background: rgba(235,242,252,.72);
    border: 1px solid rgba(99,91,255,.12);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.52);
}

.po-hierarchy-preview {
    margin-left: min(56px, 8vw) !important;
    overflow: hidden !important;
}

.po-hierarchy-preview button {
    max-width: 220px;
    min-width: 0;
}

.po-hierarchy-preview button strong,
.po-hierarchy-preview button small {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.po-quick-cats {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-height: none !important;
    padding: 10px 8px 12px !important;
    border: 1px solid rgba(99,91,255,.12);
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(221,232,248,.88), rgba(198,214,238,.76)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.50), 0 16px 34px rgba(29,43,86,.10);
    scrollbar-width: thin;
    mask-image: linear-gradient(90deg, transparent 0, #000 18px, #000 calc(100% - 32px), transparent 100%) !important;
}

.po-quick-cats button {
    flex: 0 0 auto !important;
    max-width: 190px !important;
    background: linear-gradient(135deg, rgba(244,248,255,.92), rgba(221,231,248,.86)) !important;
    border-color: rgba(99,91,255,.15) !important;
}

.po-quick-cats button.is-active {
    background: linear-gradient(135deg, #6d5ef8, #245bff) !important;
}

#projectos-site-app[data-ui-theme="midnight"],
#projectos-app[data-ui-theme="midnight"] {
    --po-premium-surface: radial-gradient(circle at 92% 0%, rgba(109,94,248,.18), transparent 32%), linear-gradient(145deg, rgba(20,30,52,.94), rgba(12,20,36,.90));
    --po-premium-surface-2: radial-gradient(circle at 12% 0%, rgba(20,184,166,.12), transparent 34%), linear-gradient(145deg, rgba(21,32,55,.94), rgba(10,18,32,.90));
}

#projectos-site-app[data-ui-theme="midnight"] .po-field input,
#projectos-site-app[data-ui-theme="midnight"] .po-field select,
#projectos-site-app[data-ui-theme="midnight"] .po-field textarea,
#projectos-site-app[data-ui-theme="midnight"] .po-search input,
#projectos-app[data-ui-theme="midnight"] .po-field input,
#projectos-app[data-ui-theme="midnight"] .po-field select,
#projectos-app[data-ui-theme="midnight"] .po-field textarea,
#projectos-app[data-ui-theme="midnight"] .po-search input {
    background: rgba(12,20,36,.88) !important;
}

#projectos-site-app[data-reduce-motion="1"] .po-panel,
#projectos-site-app[data-reduce-motion="1"] .po-view-head,
#projectos-site-app[data-reduce-motion="1"] .po-task-row,
#projectos-site-app[data-reduce-motion="1"] .po-hierarchy-card,
#projectos-site-app[data-reduce-motion="1"] .po-board-card,
#projectos-app[data-reduce-motion="1"] .po-panel,
#projectos-app[data-reduce-motion="1"] .po-view-head,
#projectos-app[data-reduce-motion="1"] .po-task-row,
#projectos-app[data-reduce-motion="1"] .po-hierarchy-card,
#projectos-app[data-reduce-motion="1"] .po-board-card {
    transition: none !important;
    transform: none !important;
}

@media (max-width: 1320px) {
    .po-hierarchy-card {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
    .po-hierarchy-card__actions--compact {
        grid-column: 2 / -1;
        justify-content: start !important;
        max-width: none;
    }
}

@media (max-width: 720px) {
    .po-hierarchy-node {
        margin-left: min(calc(var(--depth, 0) * 10px), 28px) !important;
    }
    .po-hierarchy-card {
        grid-template-columns: 34px minmax(0, 1fr) !important;
        padding: 14px !important;
    }
    .po-hierarchy-card__actions--compact {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    .po-action-menu {
        grid-column: 1 / -1;
        justify-self: stretch;
    }
    .po-action-menu summary {
        width: 100%;
    }
    .po-action-menu__panel {
        justify-content: flex-start;
    }
    .po-hierarchy-preview {
        margin-left: 0 !important;
    }
}

/* v3.5.0 ultra premium comfort speed layer */
body.projectos-shell-body,
#projectos-site-app,
#projectos-app {
    background:
        radial-gradient(circle at 8% -6%, rgba(109, 94, 248, .22), transparent 34%),
        radial-gradient(circle at 98% 12%, rgba(20, 184, 166, .16), transparent 32%),
        radial-gradient(circle at 46% 110%, rgba(37, 99, 235, .13), transparent 38%),
        linear-gradient(145deg, #d8e3f1 0%, #cbd8e8 44%, #dbe6f3 100%) !important;
    color: #152033;
}

#projectos-site-app,
#projectos-app {
    --po-bg: #d7e1ef;
    --po-bg-soft: #e3ebf6;
    --po-bg-alt: rgba(224, 234, 248, .78);
    --po-panel: rgba(222, 232, 247, .82);
    --po-panel-strong: rgba(235, 242, 252, .90);
    --po-ink: #152033;
    --po-muted: #5b6a86;
    --po-border: rgba(69, 86, 130, .16);
    --po-shadow: 0 34px 92px rgba(22, 35, 72, .16), 0 12px 34px rgba(22, 35, 72, .09);
    --po-shadow-soft: 0 18px 48px rgba(22, 35, 72, .11);
}

.po-sidebar {
    background:
        radial-gradient(circle at 20% 0%, rgba(109,94,248,.34), transparent 32%),
        radial-gradient(circle at 100% 18%, rgba(20,184,166,.18), transparent 30%),
        linear-gradient(180deg, #151a3e 0%, #111b34 54%, #0d1426 100%) !important;
    box-shadow: 0 36px 98px rgba(10, 18, 38, .32), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.po-panel,
.po-view-head,
.po-metric,
.po-focus-filterbar,
.po-page-jumper,
.po-list-wrap,
.po-task-row,
.po-task-card,
.po-board__col,
.po-board-card,
.po-inline-create,
.po-empty,
.po-sub-empty,
.po-category-surface,
.po-hierarchy-panel,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools {
    background:
        radial-gradient(circle at 96% 0%, rgba(109,94,248,.11), transparent 34%),
        linear-gradient(145deg, rgba(232,240,252,.88), rgba(207,220,240,.78)) !important;
    border-color: rgba(69, 86, 130, .15) !important;
    box-shadow: var(--po-shadow-soft), inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.po-panel,
.po-view-head,
.po-metric,
.po-task-row,
.po-board-card,
.po-hierarchy-card,
.po-quick-cats button,
.po-btn,
.po-icon-btn {
    transform: translateZ(0);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.po-panel:hover,
.po-task-row:hover,
.po-board-card:hover,
.po-hierarchy-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 28px 72px rgba(22,35,72,.16), 0 10px 28px rgba(22,35,72,.08), inset 0 1px 0 rgba(255,255,255,.52) !important;
}

.po-field input,
.po-field select,
.po-field textarea,
.po-search input,
.po-inline-form input,
.po-comment-form textarea,
.po-inline-create input,
.po-inline-create select {
    background: linear-gradient(145deg, rgba(235,243,254,.92), rgba(216,228,246,.82)) !important;
    border-color: rgba(69,86,130,.17) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.56), 0 10px 22px rgba(22,35,72,.06) !important;
}

.po-btn--primary,
.po-chip-filter.is-active,
.po-segment button.is-active,
.po-page-jumper button.is-active,
.po-state-btn.is-active,
.po-tabstrip__button.is-active,
.po-quick-cats button.is-active {
    background: linear-gradient(135deg, #6d5ef8 0%, #2f67ff 52%, #14b8a6 120%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 18px 42px rgba(71, 89, 255, .28), inset 0 1px 0 rgba(255,255,255,.24) !important;
}

.po-category-manager-view {
    overflow: hidden !important;
}

.po-category-manager-view::after {
    content: '';
    position: absolute;
    right: 22px;
    top: 18px;
    width: 180px;
    height: 180px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(109,94,248,.12), transparent 68%);
    pointer-events: none;
}

.po-hierarchy-panel--categories {
    background:
        radial-gradient(circle at 0% 0%, rgba(109,94,248,.14), transparent 30%),
        radial-gradient(circle at 100% 0%, rgba(20,184,166,.10), transparent 26%),
        linear-gradient(145deg, rgba(214,226,245,.95), rgba(190,208,234,.86)) !important;
}

.po-hierarchy-card {
    grid-template-columns: 38px minmax(0, 1fr) minmax(170px, auto) !important;
    min-width: 0 !important;
    overflow: visible !important;
}

.po-hierarchy-card__main,
.po-hierarchy-card__actions,
.po-category-actions {
    min-width: 0 !important;
}

.po-hierarchy-card__main strong,
.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    overflow-wrap: anywhere !important;
    word-break: normal;
}

.po-category-actions,
.po-hierarchy-card__actions--compact {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(72px, auto)) auto;
    gap: 8px !important;
    align-items: start !important;
    justify-content: end !important;
    max-width: 320px;
}

.po-category-actions .po-icon-btn,
.po-hierarchy-card__actions--compact .po-icon-btn,
.po-action-menu summary {
    min-height: 36px !important;
    max-width: 124px;
    padding: 0 11px !important;
    border-radius: 13px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 12px !important;
}

.po-action-menu[open] {
    grid-column: 1 / -1;
    z-index: 5;
}

.po-action-menu__panel {
    background: linear-gradient(145deg, rgba(229,238,251,.96), rgba(205,218,239,.90)) !important;
    border-color: rgba(69,86,130,.14) !important;
    box-shadow: 0 16px 42px rgba(22,35,72,.13), inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.po-quick-cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    max-height: none !important;
    scrollbar-width: thin;
}

.po-quick-cats__more {
    background: linear-gradient(135deg, rgba(21,32,51,.94), rgba(48,63,105,.88)) !important;
    color: #eef4ff !important;
    border-color: rgba(255,255,255,.10) !important;
}

.po-board,
.po-task-list,
.po-hierarchy-tree,
.po-grid,
.po-grid--dashboard,
.po-analytics-hero,
.po-metrics {
    content-visibility: auto;
    contain-intrinsic-size: 1px 900px;
}

.po-task-row,
.po-board-card,
.po-hierarchy-node,
.po-panel {
    contain: layout paint style;
}

#projectos-site-app[data-background-tone="deep"],
#projectos-app[data-background-tone="deep"],
#projectos-site-app[data-ui-theme="midnight"],
#projectos-app[data-ui-theme="midnight"] {
    --po-bg: #0c1425;
    --po-bg-alt: rgba(15, 24, 42, .88);
    --po-panel: rgba(18, 29, 50, .88);
    --po-panel-strong: rgba(24, 36, 62, .94);
    --po-ink: #f4f7fb;
    --po-muted: #a5b4cf;
    --po-border: rgba(255,255,255,.09);
    background:
        radial-gradient(circle at 8% -6%, rgba(109,94,248,.32), transparent 34%),
        radial-gradient(circle at 98% 12%, rgba(20,184,166,.18), transparent 32%),
        linear-gradient(145deg, #090f1e 0%, #111b31 52%, #0b1323 100%) !important;
}

#projectos-site-app[data-ui-theme="midnight"] .po-panel,
#projectos-app[data-ui-theme="midnight"] .po-panel,
#projectos-site-app[data-ui-theme="midnight"] .po-view-head,
#projectos-app[data-ui-theme="midnight"] .po-view-head,
#projectos-site-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-app[data-ui-theme="midnight"] .po-hierarchy-card,
#projectos-site-app[data-ui-theme="midnight"] .po-task-row,
#projectos-app[data-ui-theme="midnight"] .po-task-row,
#projectos-site-app[data-ui-theme="midnight"] .po-board-card,
#projectos-app[data-ui-theme="midnight"] .po-board-card {
    background: radial-gradient(circle at 94% 0%, rgba(109,94,248,.16), transparent 34%), linear-gradient(145deg, rgba(24,36,62,.92), rgba(13,22,38,.86)) !important;
    border-color: rgba(255,255,255,.09) !important;
}

@media (max-width: 1320px) {
    .po-hierarchy-card {
        grid-template-columns: 38px minmax(0, 1fr) !important;
    }
    .po-category-actions,
    .po-hierarchy-card__actions--compact {
        grid-column: 2 / -1;
        justify-content: start !important;
        max-width: 100%;
    }
}

@media (max-width: 720px) {
    .po-category-actions,
    .po-hierarchy-card__actions--compact {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }
    .po-category-actions .po-icon-btn,
    .po-hierarchy-card__actions--compact .po-icon-btn,
    .po-action-menu summary {
        max-width: 100%;
    }
}


/* v3.5.0 comfort-speed final layer */
:root {
    --po-v35-surface: rgba(224, 234, 248, .88);
    --po-v35-surface-2: rgba(205, 220, 242, .82);
    --po-v35-border: rgba(72, 87, 132, .18);
    --po-v35-shadow: 0 30px 76px rgba(29, 43, 86, .16), inset 0 1px 0 rgba(255,255,255,.46);
}
html,
body.projectos-shell-body,
.po-app {
    background: radial-gradient(circle at 8% 0%, rgba(109,94,248,.20), transparent 28%), radial-gradient(circle at 92% 10%, rgba(14,165,233,.14), transparent 30%), linear-gradient(135deg, #c7d4e6 0%, #dde7f2 50%, #c9daea 100%) !important;
}
.po-view-head,
.po-panel,
.po-page-jumper,
.po-focus-filterbar,
.po-list-wrap,
.po-task-row,
.po-task-card,
.po-metric,
.po-score-card,
.po-user-settings-form,
.po-empty,
.po-sub-empty,
.po-filterbar__advanced,
.po-quick-panel,
.po-topbar,
.po-search,
.po-field input,
.po-field select,
.po-field textarea {
    background: radial-gradient(circle at 100% 0%, rgba(109,94,248,.10), transparent 32%), linear-gradient(145deg, var(--po-v35-surface), var(--po-v35-surface-2)) !important;
    border-color: var(--po-v35-border) !important;
    box-shadow: var(--po-v35-shadow) !important;
}
.po-sidebar {
    background: radial-gradient(circle at 50% -8%, rgba(109,94,248,.38), transparent 38%), linear-gradient(180deg, #151a35 0%, #101827 58%, #0b1222 100%) !important;
}
.po-hierarchy-panel,
.po-category-surface {
    background: radial-gradient(circle at 96% 0%, rgba(109,94,248,.14), transparent 34%), linear-gradient(145deg, rgba(204,219,240,.94), rgba(184,203,230,.84)) !important;
    border-color: rgba(72,87,132,.20) !important;
}
.po-hierarchy-card {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) !important;
    grid-template-areas: "toggle main" "toggle actions" !important;
    gap: 12px 14px !important;
    overflow: hidden !important;
    background: radial-gradient(circle at 100% 0%, rgba(255,255,255,.24), transparent 36%), linear-gradient(145deg, rgba(219,231,247,.96), rgba(194,211,236,.86)) !important;
}
.po-hierarchy-node--category .po-hierarchy-card {
    border-left: 6px solid var(--tree-accent, #635BFF) !important;
}
.po-tree-toggle { grid-area: toggle; }
.po-hierarchy-card__main { grid-area: main; min-width: 0 !important; }
.po-hierarchy-card__actions,
.po-hierarchy-card__actions--compact {
    grid-area: actions;
    min-width: 0 !important;
    max-width: 100% !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    padding: 8px;
    border-radius: 18px;
    background: rgba(133,151,190,.16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.30);
}
.po-hierarchy-card__actions .po-icon-btn,
.po-action-menu summary,
.po-template-tools .po-icon-btn {
    max-width: 148px !important;
    min-height: 34px !important;
    padding: 8px 11px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: linear-gradient(145deg, rgba(237,244,252,.92), rgba(207,221,240,.82)) !important;
    color: #31415f !important;
}
.po-action-menu[open] { flex-basis: 100%; }
.po-action-menu__panel {
    justify-content: flex-start !important;
    background: rgba(224,234,248,.88) !important;
}
.po-hierarchy-card__main strong {
    white-space: normal !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.po-hierarchy-card__main span,
.po-hierarchy-card__main small { white-space: normal !important; overflow-wrap: anywhere; }
.po-hierarchy-breadcrumb {
    display: inline-flex !important;
    width: fit-content;
    max-width: 100%;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(99,91,255,.10);
    color: #40517a !important;
    font-size: 12px !important;
    font-weight: 900;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po-hierarchy-preview,
.po-template-tools {
    margin-left: min(54px, 8vw) !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, rgba(211,225,244,.88), rgba(190,208,233,.76)) !important;
}
.po-hierarchy-preview button { max-width: 210px !important; min-width: 0 !important; }
.po-hierarchy-preview button strong,
.po-hierarchy-preview button small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (min-width: 1440px) {
    .po-hierarchy-card {
        grid-template-columns: 38px minmax(260px, 1fr) minmax(320px, auto) !important;
        grid-template-areas: "toggle main actions" !important;
    }
    .po-hierarchy-card__actions,
    .po-hierarchy-card__actions--compact { justify-content: flex-end !important; max-width: 440px !important; }
}
@media (max-width: 720px) {
    .po-hierarchy-card { grid-template-columns: 34px minmax(0, 1fr) !important; }
    .po-hierarchy-card__actions .po-icon-btn,
    .po-action-menu summary,
    .po-template-tools .po-icon-btn { max-width: 100% !important; flex: 1 1 calc(50% - 8px) !important; }
    .po-hierarchy-preview,
    .po-template-tools { margin-left: 0 !important; }
}

/* v3.5.1 emergency recovery + premium collaboration layer */
.po-board__list {
    min-height: 150px;
    border-radius: 24px;
    padding: 10px;
    transition: box-shadow .18s ease, transform .18s ease, background .18s ease;
}
.po-board__list.is-drag-over {
    background: radial-gradient(circle at 50% 0%, rgba(99, 91, 255, .18), rgba(18, 28, 48, .05) 62%);
    box-shadow: inset 0 0 0 2px rgba(99, 91, 255, .38), 0 18px 42px rgba(44, 64, 130, .14);
    transform: translateY(-2px);
}
.po-board-card[draggable="true"] { cursor: grab; user-select: none; }
.po-board-card[draggable="true"]:active { cursor: grabbing; }
.po-board-card.is-dragging { opacity: .55; transform: scale(.985) rotate(-.35deg); }
.po-saved-views {
    margin: 0 0 14px;
    padding: 14px;
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(219, 231, 248, .90), rgba(196, 214, 239, .68));
    border: 1px solid rgba(102, 91, 244, .16);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 18px 42px rgba(28,42,82,.10);
}
.po-saved-views__head,
.po-notification-center__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-saved-views__head span {
    color: #273858;
    font-weight: 900;
    letter-spacing: .02em;
}
.po-saved-views__rail {
    display: flex;
    gap: 8px;
    margin-top: 10px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: thin;
}
.po-saved-view-chip {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    border-radius: 999px;
    background: rgba(241,246,253,.88);
    border: 1px solid rgba(96,112,152,.16);
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(32,48,88,.08);
}
.po-saved-view-chip.is-active { box-shadow: 0 0 0 2px rgba(99,91,255,.22), 0 14px 30px rgba(99,91,255,.18); }
.po-saved-view-chip button {
    border: 0;
    background: transparent;
    padding: 8px 11px;
    font-weight: 900;
    color: #354663;
    cursor: pointer;
}
.po-saved-view-chip button:first-child { max-width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.po-saved-view-chip button:last-child { color: #8a3550; }
.po-label-section,
.po-dependency-section {
    background: linear-gradient(145deg, rgba(220,231,247,.82), rgba(191,211,238,.62)) !important;
    border-color: rgba(102,91,244,.16) !important;
}
.po-label-cloud {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}
.po-label-token {
    --label-color: #6D5EF8;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 8px 10px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--label-color) 16%, rgba(246,249,255,.92));
    color: #24334f;
    border: 1px solid color-mix(in srgb, var(--label-color) 32%, rgba(255,255,255,.30));
    box-shadow: 0 10px 24px color-mix(in srgb, var(--label-color) 14%, transparent);
    font-weight: 900;
}
.po-label-token b {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--label-color);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--label-color) 18%, transparent);
}
.po-label-token button {
    border: 0;
    background: rgba(255,255,255,.56);
    color: #5d2941;
    border-radius: 999px;
    width: 22px;
    height: 22px;
    cursor: pointer;
    font-weight: 900;
}
.po-dependency-list {
    display: grid;
    gap: 10px;
    margin-bottom: 12px;
}
.po-dependency-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border-radius: 20px;
    background: rgba(245,248,253,.72);
    border: 1px solid rgba(98,115,158,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.52), 0 12px 26px rgba(29,45,86,.08);
}
.po-dependency-item strong,
.po-dependency-item span {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-dependency-item span { color: #60708f; font-size: 12px; font-weight: 800; }
.po-dependency-item.is-blocking { border-color: rgba(230,87,108,.22); }
.po-dependency-item.is-done { border-color: rgba(38,166,105,.24); }
.po-notification-trigger { position: relative; }
.po-notification-trigger b {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    margin-left: 6px;
    border-radius: 999px;
    background: #ff4f7b;
    color: #fff;
    font-size: 12px;
}
.po-notification-center {
    position: absolute;
    z-index: 60;
    right: clamp(16px, 3vw, 42px);
    top: 112px;
    width: min(420px, calc(100vw - 40px));
    max-height: min(520px, 72vh);
    overflow: auto;
    padding: 14px;
    border-radius: 26px;
    background: rgba(226,236,250,.94);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(102,91,244,.18);
    box-shadow: 0 28px 80px rgba(18,30,68,.24), inset 0 1px 0 rgba(255,255,255,.52);
}
.po-notification-center__head button,
.po-notification-item button {
    border: 0;
    border-radius: 999px;
    padding: 8px 10px;
    cursor: pointer;
    font-weight: 900;
    color: #344563;
    background: rgba(255,255,255,.70);
}
.po-notification-item {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 12px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(247,250,255,.86), rgba(213,227,246,.72));
    border: 1px solid rgba(98,115,158,.14);
}
.po-notification-item.is-read { opacity: .68; }
.po-notification-item p { margin: 4px 0; color: #53627d; }
.po-notification-item small { color: #71809a; font-weight: 800; }
@media (max-width: 820px) {
    .po-saved-views__head { align-items: flex-start; flex-direction: column; }
    .po-notification-center { top: 88px; right: 14px; }
    .po-dependency-item { align-items: flex-start; flex-direction: column; }
}
.po-pill--label {
    --label-color: #6D5EF8;
    background: color-mix(in srgb, var(--label-color) 14%, rgba(245,248,255,.86)) !important;
    border-color: color-mix(in srgb, var(--label-color) 32%, rgba(255,255,255,.35)) !important;
    color: #283753 !important;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* v3.5.2 category rescue, analytics clarity and fast comfort layer */
#projectos-app,
#projectos-site-app {
    --po-bg: #d5e1ef;
    --po-bg-alt: rgba(218, 229, 244, .94);
    --po-panel: rgba(214, 226, 242, .92);
    --po-panel-strong: rgba(232, 239, 250, .94);
    --po-ink: #101b2d;
    --po-muted: #53647f;
    --po-border: rgba(66, 84, 128, .20);
    --po-shadow: 0 22px 54px rgba(21, 36, 72, .15);
    --po-shadow-soft: 0 12px 26px rgba(21, 36, 72, .10);
}
body.projectos-shell-body {
    background:
        radial-gradient(circle at 6% 0%, rgba(99,91,255,.20), transparent 30%),
        radial-gradient(circle at 94% 8%, rgba(20,184,166,.15), transparent 28%),
        linear-gradient(145deg, #cbd8e8 0%, #dce7f2 44%, #cbddeb 100%) !important;
}
.po-panel,
.po-topbar,
.po-page-jumper,
.po-quick-panel,
.po-hierarchy-card,
.po-task-row,
.po-board-card,
.po-metric,
.po-calendar-day,
.po-saved-views {
    background:
        radial-gradient(circle at 100% 0%, rgba(99,91,255,.09), transparent 36%),
        linear-gradient(145deg, rgba(225,235,249,.94), rgba(199,216,238,.84)) !important;
    border-color: rgba(72, 88, 130, .20) !important;
    box-shadow: 0 18px 44px rgba(21, 36, 72, .13), inset 0 1px 0 rgba(255,255,255,.44) !important;
}
.po-panel,
.po-task-row,
.po-board-card,
.po-hierarchy-card,
.po-calendar-day,
.po-metric,
.projectos-admin-wrap .projectos-card,
.projectos-admin-hero,
.projectos-settings-section,
.projectos-analytics-panel {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
}
.po-panel:hover,
.po-task-row:hover,
.po-board-card:hover,
.po-hierarchy-card:hover,
.po-calendar-day:hover {
    transform: translateY(-1px);
    box-shadow: 0 22px 52px rgba(21, 36, 72, .16), inset 0 1px 0 rgba(255,255,255,.48) !important;
}
.po-hierarchy-panel--categories,
.po-category-manager-view,
.po-calendar-head {
    background:
        radial-gradient(circle at 12% 0%, rgba(99,91,255,.14), transparent 34%),
        linear-gradient(145deg, rgba(205,220,241,.95), rgba(183,203,231,.88)) !important;
}
.po-hierarchy-card {
    grid-template-columns: 38px minmax(0, 1fr) minmax(220px, auto) !important;
    overflow: hidden !important;
}
.po-hierarchy-card__main,
.po-hierarchy-title,
.po-hierarchy-description,
.po-hierarchy-breadcrumb {
    min-width: 0 !important;
    max-width: 100% !important;
}
.po-hierarchy-card__actions,
.po-hierarchy-card__actions--compact {
    min-width: 0 !important;
    max-width: min(480px, 42vw) !important;
    overflow-x: auto !important;
    scrollbar-width: thin;
    padding-bottom: 2px;
}
.po-hierarchy-card__actions .po-icon-btn,
.po-action-menu summary,
.po-action-menu__panel .po-icon-btn {
    flex: 0 0 auto !important;
    max-width: 150px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.po-quick-cats {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(202,218,241,.92), rgba(184,204,233,.76)) !important;
    scrollbar-width: thin;
}
.po-quick-cats button,
.po-chip-filter,
.po-page-jumper button,
.po-tabstrip__button {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    max-width: 190px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
.po-section-head > span,
.po-bar-row__label span,
.po-score-row > strong,
.po-risk-grid strong,
.po-matrix td,
.po-matrix th,
.po-sparkline__item strong {
    color: #102039 !important;
    background: rgba(244, 248, 255, .70) !important;
    border: 1px solid rgba(78, 94, 138, .14) !important;
    border-radius: 999px;
    padding: 4px 9px;
    min-width: 34px;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55);
}
.po-bar-row__label,
.po-score-row > div:first-child {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}
.po-bar-row__label strong,
.po-score-row strong,
.po-assignee-card strong,
.po-panel h2,
.po-panel h3 {
    color: #101b2d !important;
}
.po-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 14px;
}
.po-calendar-day {
    min-height: 180px;
    border: 1px solid var(--po-border);
    border-radius: 24px;
    padding: 14px;
    display: grid;
    align-content: start;
    gap: 10px;
}
.po-calendar-day__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
.po-calendar-day__head strong { color: #101b2d; }
.po-calendar-day__head span {
    color: #52627d;
    font-weight: 900;
    font-size: 12px;
}
.po-calendar-day small { color: #6a7892; font-weight: 800; }
.po-calendar-task {
    width: 100%;
    border: 1px solid rgba(99,91,255,.14);
    background: rgba(244,248,255,.74);
    border-radius: 16px;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    display: grid;
    gap: 3px;
    box-shadow: 0 10px 22px rgba(21,36,72,.08);
}
.po-calendar-task strong,
.po-calendar-task span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-calendar-task strong { color: #17243a; }
.po-calendar-task span { color: #586985; font-size: 12px; font-weight: 800; }
@media (max-width: 1280px) {
    .po-calendar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .po-hierarchy-card { grid-template-columns: 38px minmax(0, 1fr) !important; }
    .po-hierarchy-card__actions { grid-column: 2; max-width: 100% !important; justify-content: flex-start !important; }
}
@media (max-width: 760px) {
    .po-calendar-grid { grid-template-columns: 1fr; }
    .po-quick-cats button { max-width: 150px !important; }
}

/* v3.5.2 emergency polish: darker comfort surfaces, faster rendering, fixed stats/category overflow, calendar phase */
:root {
    --po-premium-ink: #13213a;
    --po-soft-surface-a: rgba(218, 229, 244, .92);
    --po-soft-surface-b: rgba(194, 211, 235, .84);
    --po-soft-surface-c: rgba(232, 239, 250, .78);
}
html,
body.projectos-shell-body {
    background:
        radial-gradient(circle at 5% 0%, rgba(99,91,255,.18), transparent 30%),
        radial-gradient(circle at 96% 8%, rgba(14,165,233,.16), transparent 30%),
        linear-gradient(180deg, #d8e3f0 0%, #cddceb 48%, #bfd2e3 100%) !important;
}
#projectos-site-app,
#projectos-app {
    --po-bg: #ccd9e8;
    --po-bg-alt: rgba(214,226,242,.88);
    --po-panel: rgba(214,226,242,.86);
    --po-panel-strong: rgba(232,240,251,.92);
    --po-border: rgba(62,78,124,.20);
    --po-ink: #13213a;
    --po-muted: #53657f;
    --po-shadow: 0 28px 72px rgba(17, 31, 68, .20), 0 8px 22px rgba(17,31,68,.10);
    --po-shadow-soft: 0 16px 42px rgba(17,31,68,.14), inset 0 1px 0 rgba(255,255,255,.46);
    color: var(--po-ink);
}
.po-topbar,
.po-page-jumper,
.po-view-head,
.po-panel,
.po-focus-filterbar,
.po-list-wrap,
.po-task-shell,
.po-task-row,
.po-metric,
.po-score-card,
.po-hierarchy-panel,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools,
.po-empty,
.po-sub-empty,
.po-saved-views,
.po-notification-center {
    background:
        radial-gradient(circle at 100% 0%, rgba(109,94,248,.11), transparent 32%),
        linear-gradient(145deg, var(--po-soft-surface-a), var(--po-soft-surface-b)) !important;
    border-color: var(--po-border) !important;
    box-shadow: var(--po-shadow-soft) !important;
}
.po-panel,
.po-view-head,
.po-metric,
.po-task-row,
.po-hierarchy-card,
.po-hierarchy-preview {
    transform: translateZ(0);
    backface-visibility: hidden;
}
.po-content > .po-panel,
.po-content > .po-grid,
.po-content > .po-metrics,
.po-list-wrap,
.po-hierarchy-tree {
    content-visibility: auto;
    contain-intrinsic-size: 1px 680px;
}
.po-panel,
.po-task-row,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-metric,
.po-insight-card,
.po-board-card,
.po-calendar-day {
    contain: layout paint;
}
.po-shell,
.po-app,
.po-main,
.po-view,
.po-panel,
.po-task-shell,
.po-inline-checklist-panel,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools,
.po-bulkbar,
.po-focus-filterbar,
.po-list-wrap,
.po-empty,
.po-sub-empty,
.po-stat-card,
.po-metric,
.po-score-card,
.po-category-surface {
    backdrop-filter: saturate(118%) blur(8px) !important;
}
.po-view-head h2,
.po-hero h2,
.po-panel h3,
.po-metric strong,
.po-insight-card strong,
.po-score-row strong,
.po-risk-grid strong,
.po-donut strong {
    color: #101a2d !important;
    text-shadow: none !important;
}
.po-metric {
    min-height: 122px;
    overflow: visible !important;
}
.po-metric span,
.po-metric small,
.po-section-head span,
.po-bar-row__label span,
.po-score-row span,
.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    color: #50627f !important;
}
.po-metric strong {
    font-size: clamp(32px, 4.6vw, 52px) !important;
    line-height: .95 !important;
    letter-spacing: -.04em;
    white-space: nowrap;
    overflow: visible;
    max-width: none;
}
.po-insight-card strong,
.po-risk-grid strong {
    white-space: nowrap;
    overflow: visible;
    max-width: 100%;
}
.po-bar-row__label {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
}
.po-bar-row__label strong,
.po-bar-row__label span,
.po-score-row strong,
.po-score-row span {
    min-width: 0;
}
.po-score-row {
    grid-template-columns: minmax(0, 1.2fr) minmax(120px, .8fr) auto !important;
    align-items: center;
}
.po-score-row--label .po-score-row__progress span {
    background: linear-gradient(90deg, var(--label-color), #14b8d4) !important;
}
.po-hierarchy-panel--categories,
.po-category-manager-view,
.po-hierarchy-node--category .po-hierarchy-card,
.po-hierarchy-node--category .po-hierarchy-preview,
.po-hierarchy-node--category .po-template-tools {
    background:
        radial-gradient(circle at 92% 0%, rgba(90,80,220,.16), transparent 34%),
        linear-gradient(145deg, rgba(196,211,234,.94), rgba(170,191,219,.86)) !important;
}
.po-hierarchy-node--category .po-hierarchy-card {
    border-left: 5px solid var(--tree-accent, var(--projectos-accent)) !important;
    box-shadow: 0 20px 48px rgba(24,39,82,.18), inset 0 1px 0 rgba(255,255,255,.42) !important;
}
.po-hierarchy-card__main {
    min-width: 0 !important;
    overflow: hidden;
}
.po-hierarchy-title,
.po-hierarchy-breadcrumb,
.po-hierarchy-description,
.po-hierarchy-card__main strong,
.po-hierarchy-card__main span,
.po-hierarchy-card__main small {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-hierarchy-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    max-width: 100%;
}
.po-hierarchy-meta span {
    flex: 0 1 auto;
    min-width: 0;
}
.po-hierarchy-card__actions,
.po-hierarchy-card__actions--compact {
    flex: 0 0 auto;
    max-width: min(100%, 460px);
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
    padding-bottom: 2px;
}
.po-hierarchy-card__actions .po-icon-btn,
.po-hierarchy-card__actions--compact .po-icon-btn {
    white-space: nowrap;
    min-width: max-content;
}
.po-quick-cats {
    display: grid !important;
    grid-auto-flow: column;
    grid-auto-columns: max-content;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap;
    scroll-snap-type: x proximity;
    padding: 10px 12px 12px !important;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(187,203,229,.88), rgba(219,230,245,.72)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.34), 0 12px 26px rgba(26,43,86,.11) !important;
}
.po-quick-cats button {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    scroll-snap-align: start;
    flex: 0 0 auto;
}
.po-task-card__meta,
.po-board-card__meta,
.po-task-row__meta {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
}
.po-pill,
.po-pill--label {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-tabstrip--analytics {
    position: sticky;
    top: 12px;
    z-index: 9;
    background: linear-gradient(145deg, rgba(209,222,241,.94), rgba(186,204,230,.88)) !important;
}
.po-tabstrip__button {
    color: #40526f !important;
}
.po-tabstrip__button.is-active {
    color: #fff !important;
}
.po-grid--calendar {
    grid-template-columns: minmax(0, 1.75fr) minmax(280px, .75fr);
    align-items: start;
}
.po-calendar-panel { overflow: hidden; }
.po-calendar-weekdays,
.po-calendar-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
}
.po-calendar-weekdays {
    margin: 16px 0 10px;
}
.po-calendar-weekdays span {
    text-align: center;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #52647f;
}
.po-calendar-day {
    min-height: 150px;
    padding: 12px;
    border-radius: 22px;
    border: 1px solid rgba(62,78,124,.16);
    background: linear-gradient(145deg, rgba(235,241,250,.92), rgba(201,217,239,.78));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.48), 0 12px 26px rgba(21,35,74,.10);
    overflow: hidden;
}
.po-calendar-day.is-muted {
    opacity: .58;
}
.po-calendar-day.is-today {
    border-color: rgba(99,91,255,.42);
    box-shadow: 0 0 0 3px rgba(99,91,255,.10), 0 18px 38px rgba(21,35,74,.12);
}
.po-calendar-day__head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 8px;
}
.po-calendar-day__head strong {
    font-size: 22px;
    color: #101a2d;
}
.po-calendar-day__head span,
.po-calendar-day p,
.po-calendar-day em {
    color: #5d6f8a;
    font-weight: 800;
    font-size: 11px;
}
.po-calendar-day__tasks {
    display: grid;
    gap: 7px;
}
.po-calendar-task {
    border: 0;
    border-left: 4px solid var(--projectos-accent);
    text-align: left;
    padding: 8px 9px;
    border-radius: 12px;
    cursor: pointer;
    background: rgba(255,255,255,.62);
    color: #18243a;
    box-shadow: 0 8px 16px rgba(20,36,74,.08);
}
.po-calendar-task strong,
.po-calendar-task small {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-calendar-task small { color: #62708a; font-size: 10px; font-weight: 800; }
.po-calendar-task--done { opacity: .66; border-left-color: var(--po-success); }
.po-calendar-task--progress { border-left-color: #0ea5e9; }
.po-calendar-task--review { border-left-color: #f59e0b; }
@media (max-width: 1180px) {
    .po-grid--calendar { grid-template-columns: 1fr; }
    .po-calendar-weekdays,
    .po-calendar-grid { gap: 8px; }
    .po-calendar-day { min-height: 128px; }
}
@media (max-width: 760px) {
    .po-calendar-weekdays { display: none; }
    .po-calendar-grid { grid-template-columns: 1fr; }
    .po-calendar-day { min-height: auto; }
    .po-score-row { grid-template-columns: minmax(0, 1fr) !important; }
    .po-hierarchy-card { grid-template-columns: auto minmax(0, 1fr) !important; }
    .po-hierarchy-card__actions { grid-column: 1 / -1; max-width: 100%; }
}


/* v3.5.2 final emergency display guard: never reserve huge invisible blocks while browsing. */
.po-content > .po-panel,
.po-content > .po-grid,
.po-content > .po-metrics,
.po-list-wrap,
.po-hierarchy-tree,
.po-panel,
.po-view-head,
.po-metric,
.po-task-row,
.po-hierarchy-card,
.po-hierarchy-preview,
.po-template-tools,
.po-saved-views,
.po-board-card,
.po-calendar-day {
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
}
.po-hierarchy-tree {
    min-height: 0 !important;
}
.po-category-manager-view + .po-hierarchy-panel,
.po-hierarchy-panel--categories {
    background:
        radial-gradient(circle at 8% 0%, rgba(99,91,255,.18), transparent 34%),
        linear-gradient(145deg, rgba(193,211,235,.96), rgba(169,193,224,.90)) !important;
}
.po-hierarchy-panel--categories .po-empty {
    background: rgba(226,235,248,.70) !important;
    color: #32425d !important;
    border: 1px dashed rgba(75,91,137,.26) !important;
}

/* v3.6.0 plans, ads, 8 premium themes, tree inline detail and turbo clarity */
#projectos-site-app,
#projectos-app {
    --po-accent-2: #14b8d4;
    --po-accent-soft: rgba(109,94,248,.16);
    --po-theme-glow-a: rgba(109,94,248,.18);
    --po-theme-glow-b: rgba(20,184,166,.14);
    --po-theme-panel-a: rgba(215,226,243,.94);
    --po-theme-panel-b: rgba(188,207,234,.86);
    --po-theme-ink: #101b2d;
}

#projectos-site-app[data-ui-theme="aurora"],
#projectos-app[data-ui-theme="aurora"] {
    --projectos-accent: #6D5EF8;
    --po-accent-2: #0ea5e9;
    --po-theme-glow-a: rgba(109,94,248,.22);
    --po-theme-glow-b: rgba(14,165,233,.16);
    --po-sidebar-grad: linear-gradient(180deg, #27245f 0%, #091528 100%);
}
#projectos-site-app[data-ui-theme="midnight"],
#projectos-app[data-ui-theme="midnight"] {
    --projectos-accent: #7c8cff;
    --po-accent-2: #38bdf8;
    --po-bg: #111827;
    --po-bg-alt: rgba(17,24,39,.92);
    --po-panel: rgba(21,31,49,.92);
    --po-panel-strong: rgba(27,39,61,.96);
    --po-ink: #f8fafc;
    --po-muted: #b6c1d4;
    --po-border: rgba(255,255,255,.12);
    --po-theme-panel-a: rgba(29,40,63,.94);
    --po-theme-panel-b: rgba(14,22,37,.90);
    --po-sidebar-grad: linear-gradient(180deg, #070b18 0%, #111827 100%);
}
#projectos-site-app[data-ui-theme="nebula"],
#projectos-app[data-ui-theme="nebula"] {
    --projectos-accent: #a855f7;
    --po-accent-2: #22d3ee;
    --po-theme-glow-a: rgba(168,85,247,.24);
    --po-theme-glow-b: rgba(34,211,238,.15);
    --po-theme-panel-a: rgba(225,216,246,.95);
    --po-theme-panel-b: rgba(195,211,239,.86);
    --po-sidebar-grad: linear-gradient(180deg, #3b1e6d 0%, #10172a 100%);
}
#projectos-site-app[data-ui-theme="comfort"],
#projectos-app[data-ui-theme="comfort"] {
    --projectos-accent: #5b6ee1;
    --po-accent-2: #0f766e;
    --po-theme-glow-a: rgba(91,110,225,.18);
    --po-theme-glow-b: rgba(15,118,110,.12);
    --po-theme-panel-a: rgba(205,218,235,.96);
    --po-theme-panel-b: rgba(178,198,224,.90);
    --po-sidebar-grad: linear-gradient(180deg, #1f2a52 0%, #101827 100%);
}
#projectos-site-app[data-ui-theme="slate"],
#projectos-app[data-ui-theme="slate"] {
    --projectos-accent: #475569;
    --po-accent-2: #0284c7;
    --po-theme-glow-a: rgba(71,85,105,.20);
    --po-theme-glow-b: rgba(2,132,199,.12);
    --po-theme-panel-a: rgba(210,220,234,.96);
    --po-theme-panel-b: rgba(181,197,218,.90);
    --po-sidebar-grad: linear-gradient(180deg, #334155 0%, #0f172a 100%);
}
#projectos-site-app[data-ui-theme="emerald"],
#projectos-app[data-ui-theme="emerald"] {
    --projectos-accent: #10b981;
    --po-accent-2: #06b6d4;
    --po-theme-glow-a: rgba(16,185,129,.22);
    --po-theme-glow-b: rgba(6,182,212,.14);
    --po-theme-panel-a: rgba(203,232,224,.95);
    --po-theme-panel-b: rgba(174,211,211,.88);
    --po-sidebar-grad: linear-gradient(180deg, #064e3b 0%, #0f172a 100%);
}
#projectos-site-app[data-ui-theme="rose"],
#projectos-app[data-ui-theme="rose"] {
    --projectos-accent: #e11d48;
    --po-accent-2: #a855f7;
    --po-theme-glow-a: rgba(225,29,72,.19);
    --po-theme-glow-b: rgba(168,85,247,.14);
    --po-theme-panel-a: rgba(238,215,228,.96);
    --po-theme-panel-b: rgba(211,193,223,.88);
    --po-sidebar-grad: linear-gradient(180deg, #701a35 0%, #18112a 100%);
}
#projectos-site-app[data-ui-theme="gold"],
#projectos-app[data-ui-theme="gold"] {
    --projectos-accent: #d97706;
    --po-accent-2: #7c3aed;
    --po-theme-glow-a: rgba(217,119,6,.22);
    --po-theme-glow-b: rgba(124,58,237,.12);
    --po-theme-panel-a: rgba(238,224,196,.96);
    --po-theme-panel-b: rgba(208,198,222,.88);
    --po-sidebar-grad: linear-gradient(180deg, #78350f 0%, #111827 100%);
}

body.projectos-shell-body,
#projectos-site-app,
#projectos-app {
    background:
        radial-gradient(circle at 7% 0%, var(--po-theme-glow-a), transparent 30%),
        radial-gradient(circle at 94% 6%, var(--po-theme-glow-b), transparent 30%),
        linear-gradient(145deg, #c6d5e6 0%, #d8e3f0 48%, #bdd2e3 100%) !important;
}
#projectos-site-app[data-ui-theme="midnight"],
#projectos-app[data-ui-theme="midnight"] {
    background:
        radial-gradient(circle at 7% 0%, rgba(124,140,255,.22), transparent 30%),
        radial-gradient(circle at 94% 6%, rgba(56,189,248,.16), transparent 30%),
        linear-gradient(145deg, #0b1220 0%, #111827 48%, #07101f 100%) !important;
}

#projectos-site-app .po-panel,
#projectos-site-app .po-topbar,
#projectos-site-app .po-page-jumper,
#projectos-site-app .po-view-head,
#projectos-site-app .po-task-toolbar,
#projectos-site-app .po-saved-views,
#projectos-site-app .po-quick-cats,
#projectos-site-app .po-task-row,
#projectos-site-app .po-hierarchy-card,
#projectos-site-app .po-inline-detail-tree,
#projectos-site-app .po-inline-tree-panel,
#projectos-site-app .po-ad-slot,
#projectos-app .po-panel,
#projectos-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-app .po-view-head,
#projectos-app .po-task-toolbar,
#projectos-app .po-saved-views,
#projectos-app .po-quick-cats,
#projectos-app .po-task-row,
#projectos-app .po-hierarchy-card,
#projectos-app .po-inline-detail-tree,
#projectos-app .po-inline-tree-panel,
#projectos-app .po-ad-slot {
    background:
        radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--projectos-accent) 13%, transparent), transparent 35%),
        linear-gradient(145deg, var(--po-theme-panel-a), var(--po-theme-panel-b)) !important;
    border-color: color-mix(in srgb, var(--projectos-accent) 18%, rgba(62,78,124,.16)) !important;
}

#projectos-site-app[data-performance-mode="turbo"] .po-panel,
#projectos-site-app[data-performance-mode="turbo"] .po-topbar,
#projectos-site-app[data-performance-mode="turbo"] .po-page-jumper,
#projectos-site-app[data-performance-mode="turbo"] .po-task-toolbar,
#projectos-site-app[data-performance-mode="turbo"] .po-task-row,
#projectos-site-app[data-performance-mode="turbo"] .po-hierarchy-card,
#projectos-site-app[data-performance-mode="turbo"] .po-inline-detail-tree,
#projectos-site-app[data-performance-mode="turbo"] .po-inline-tree-panel,
#projectos-app[data-performance-mode="turbo"] .po-panel,
#projectos-app[data-performance-mode="turbo"] .po-topbar,
#projectos-app[data-performance-mode="turbo"] .po-page-jumper,
#projectos-app[data-performance-mode="turbo"] .po-task-toolbar,
#projectos-app[data-performance-mode="turbo"] .po-task-row,
#projectos-app[data-performance-mode="turbo"] .po-hierarchy-card,
#projectos-app[data-performance-mode="turbo"] .po-inline-detail-tree,
#projectos-app[data-performance-mode="turbo"] .po-inline-tree-panel {
    backdrop-filter: none !important;
    box-shadow: 0 14px 34px rgba(17,31,68,.11), inset 0 1px 0 rgba(255,255,255,.36) !important;
}
#projectos-site-app[data-performance-mode="turbo"] *,
#projectos-app[data-performance-mode="turbo"] * {
    animation-duration: .12s !important;
    transition-duration: .12s !important;
}
#projectos-site-app[data-performance-mode="cinematic"] .po-panel,
#projectos-site-app[data-performance-mode="cinematic"] .po-task-row,
#projectos-site-app[data-performance-mode="cinematic"] .po-hierarchy-card,
#projectos-app[data-performance-mode="cinematic"] .po-panel,
#projectos-app[data-performance-mode="cinematic"] .po-task-row,
#projectos-app[data-performance-mode="cinematic"] .po-hierarchy-card {
    backdrop-filter: saturate(130%) blur(18px) !important;
    box-shadow: 0 34px 90px rgba(17,31,68,.22), inset 0 1px 0 rgba(255,255,255,.55) !important;
}

#projectos-site-app[data-card-radius="soft"],
#projectos-app[data-card-radius="soft"] { --po-radius-xl: 22px; --po-radius-lg: 18px; --po-radius-md: 14px; }
#projectos-site-app[data-card-radius="round"],
#projectos-app[data-card-radius="round"] { --po-radius-xl: 30px; --po-radius-lg: 24px; --po-radius-md: 18px; }
#projectos-site-app[data-card-radius="ultra"],
#projectos-app[data-card-radius="ultra"] { --po-radius-xl: 36px; --po-radius-lg: 28px; --po-radius-md: 22px; }
#projectos-site-app[data-font-scale="compact"],
#projectos-app[data-font-scale="compact"] { font-size: 14px; }
#projectos-site-app[data-font-scale="large"],
#projectos-app[data-font-scale="large"] { font-size: 16.5px; }
#projectos-site-app[data-task-row-density="compact"] .po-task-row,
#projectos-app[data-task-row-density="compact"] .po-task-row { min-height: 82px; padding: 14px 16px !important; }
#projectos-site-app[data-task-row-density="focus"] .po-task-row,
#projectos-app[data-task-row-density="focus"] .po-task-row { min-height: 104px; padding: 20px !important; }
#projectos-site-app[data-visual-depth="flat"] .po-panel,
#projectos-site-app[data-visual-depth="flat"] .po-task-row,
#projectos-site-app[data-visual-depth="flat"] .po-hierarchy-card,
#projectos-app[data-visual-depth="flat"] .po-panel,
#projectos-app[data-visual-depth="flat"] .po-task-row,
#projectos-app[data-visual-depth="flat"] .po-hierarchy-card { box-shadow: 0 1px 0 rgba(17,31,68,.08) !important; }

.po-plan-badge {
    display: inline-flex;
    align-items: center;
    margin-left: 8px;
    padding: 7px 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(135deg, var(--projectos-accent), var(--po-accent-2));
    box-shadow: 0 12px 26px color-mix(in srgb, var(--projectos-accent) 28%, transparent);
}
.po-plan-badge--free { background: linear-gradient(135deg, #64748b, #0ea5e9); }
.po-plan-badge--plus { background: linear-gradient(135deg, #2563eb, #06b6d4); }
.po-plan-badge--pro { background: linear-gradient(135deg, #7c3aed, #0ea5e9); }
.po-plan-badge--ultra { background: linear-gradient(135deg, #6d5ef8, #14b8d4); }

.po-ad-slot {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 14px 16px;
    border-radius: 22px;
    border: 1px solid var(--po-border);
    box-shadow: 0 14px 34px rgba(17,31,68,.10), inset 0 1px 0 rgba(255,255,255,.42);
    margin: 0 0 16px;
    overflow: hidden;
}
.po-sidebar__footer .po-ad-slot {
    grid-template-columns: 1fr;
    padding: 12px;
    margin-top: 14px;
    color: #fff;
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.12) !important;
}
.po-ad-slot__image img {
    width: 68px;
    height: 52px;
    border-radius: 16px;
    object-fit: cover;
    box-shadow: 0 10px 22px rgba(17,31,68,.14);
}
.po-ad-slot__body {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.po-ad-slot__body > span {
    color: var(--po-muted);
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.po-ad-slot__body strong {
    color: var(--po-ink);
    font-size: 15px;
}
.po-ad-slot__html,
.po-ad-slot__html p {
    color: var(--po-muted);
    margin: 0;
    line-height: 1.45;
}
.po-ad-slot__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    font-weight: 900;
    background: linear-gradient(135deg, var(--projectos-accent), var(--po-accent-2));
}
.po-sidebar__footer .po-ad-slot__body > span,
.po-sidebar__footer .po-ad-slot__body strong,
.po-sidebar__footer .po-ad-slot__html,
.po-sidebar__footer .po-ad-slot__html p { color: rgba(255,255,255,.86) !important; }

.po-task-toolbar--premium {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 28px;
    border: 1px solid var(--po-border);
    margin: 12px 0 16px;
    overflow: hidden;
}
.po-task-toolbar__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.po-saved-views--compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 8px 10px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    min-height: 0 !important;
}
.po-saved-views--compact .po-saved-views__head,
.po-saved-views--compact .po-saved-views__rail {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    min-width: 0;
}
.po-saved-views--compact .po-saved-views__head span {
    font-size: 11px;
    letter-spacing: .10em;
    text-transform: uppercase;
    font-weight: 950;
    color: var(--po-muted);
}
.po-quick-cats--focus {
    display: flex !important;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap !important;
    overflow: visible !important;
    padding: 10px !important;
    min-height: 0 !important;
}
.po-quick-cats__select {
    display: grid;
    gap: 4px;
    min-width: min(280px, 100%);
    flex: 1 1 260px;
}
.po-quick-cats__select span {
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .10em;
    text-transform: uppercase;
    color: var(--po-muted);
}
.po-quick-cats__select select {
    min-height: 42px;
    border: 1px solid var(--po-border);
    border-radius: 16px;
    padding: 0 12px;
    color: var(--po-ink);
    background: rgba(245,248,255,.70);
    font-weight: 850;
}
.po-quick-cats__active {
    display: inline-flex;
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px 12px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--projectos-accent) 12%, rgba(255,255,255,.60));
    color: var(--po-ink);
    font-weight: 900;
    font-size: 12px;
}
.po-filterchips--focus,
.po-filterbar__tools {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.po-inline-detail-tree,
.po-inline-tree-panel {
    position: relative;
    display: grid;
    gap: 14px;
    margin: 10px 0 18px 44px;
    padding: 18px;
    border-radius: 28px;
    border: 1px solid var(--po-border);
    box-shadow: 0 24px 58px rgba(17,31,68,.18), inset 0 1px 0 rgba(255,255,255,.45) !important;
    animation: poTreeOpen .16s ease-out both;
    overflow: clip;
}
.po-inline-detail-tree::before,
.po-inline-tree-panel::before {
    content: "";
    position: absolute;
    left: 18px;
    top: -18px;
    width: 2px;
    height: 28px;
    background: linear-gradient(180deg, var(--projectos-accent), transparent);
}
.po-inline-detail-tree__head,
.po-inline-tree-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}
.po-inline-detail-tree__head h3,
.po-inline-tree-panel__head h3 {
    margin: 8px 0 4px;
    color: var(--po-ink);
    font-size: clamp(20px, 2.2vw, 30px);
}
.po-inline-detail-tree__head p {
    margin: 0;
    color: var(--po-muted);
}
.po-inline-detail-tree__actions {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.po-form--tree .po-form__grid,
.po-form--task-tree .po-form__grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.po-inline-detail-tree__subgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
.po-inline-detail-tree .po-drawer-section,
.po-inline-tree-panel .po-drawer-section {
    border: 1px solid var(--po-border);
    border-radius: 22px;
    padding: 14px;
    background: rgba(244,248,255,.44);
}
.po-inline-detail-tree .po-checklist,
.po-inline-detail-tree .po-comments {
    max-height: min(520px, 68vh);
    overflow: auto;
    padding-right: 4px;
}
@keyframes poTreeOpen {
    from { opacity: 0; transform: translateY(-8px) scale(.992); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

#projectos-site-app[data-joy-effects="1"] .po-task-row:hover,
#projectos-site-app[data-joy-effects="1"] .po-hierarchy-card:hover,
#projectos-site-app[data-joy-effects="1"] .po-chip-filter:hover,
#projectos-app[data-joy-effects="1"] .po-task-row:hover,
#projectos-app[data-joy-effects="1"] .po-hierarchy-card:hover,
#projectos-app[data-joy-effects="1"] .po-chip-filter:hover {
    transform: translateY(-2px) scale(1.002) !important;
}

#projectos-site-app[data-ui-theme="midnight"] .po-ad-slot__body strong,
#projectos-site-app[data-ui-theme="midnight"] .po-inline-detail-tree__head h3,
#projectos-site-app[data-ui-theme="midnight"] .po-inline-tree-panel__head h3,
#projectos-app[data-ui-theme="midnight"] .po-ad-slot__body strong,
#projectos-app[data-ui-theme="midnight"] .po-inline-detail-tree__head h3,
#projectos-app[data-ui-theme="midnight"] .po-inline-tree-panel__head h3 {
    color: #f8fafc !important;
}
#projectos-site-app[data-ui-theme="midnight"] .po-ad-slot__html,
#projectos-site-app[data-ui-theme="midnight"] .po-inline-detail-tree__head p,
#projectos-app[data-ui-theme="midnight"] .po-ad-slot__html,
#projectos-app[data-ui-theme="midnight"] .po-inline-detail-tree__head p {
    color: #b6c1d4 !important;
}

@media (max-width: 980px) {
    .po-ad-slot { grid-template-columns: 1fr; }
    .po-inline-detail-tree,
    .po-inline-tree-panel { margin-left: 0; }
    .po-form--tree .po-form__grid,
    .po-form--task-tree .po-form__grid,
    .po-inline-detail-tree__subgrid { grid-template-columns: 1fr; }
    .po-task-toolbar__top { align-items: stretch; }
    .po-filterbar__tools { justify-content: flex-start; }
}

/* v3.7.0 roles, language, scoped category memory and ad variants */
.po-role-matrix,
.po-role-assignment-panel {
    border: 1px solid rgba(120, 140, 190, .22);
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(244,248,255,.82), rgba(214,226,250,.62));
    box-shadow: 0 22px 60px rgba(31, 48, 90, .14), inset 0 1px 0 rgba(255,255,255,.76);
    padding: 18px;
}
.po-role-matrix {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 18px 0;
}
.po-role-matrix__scope h4,
.po-role-assignment-panel h4 {
    margin: 0 0 12px;
    color: var(--po-text);
    letter-spacing: -.02em;
}
.po-role-matrix__scope article,
.po-member-pill,
.po-role-assignment-panel .po-inline-create {
    border: 1px solid rgba(125, 145, 190, .20);
    border-radius: 18px;
    background: rgba(255,255,255,.56);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
.po-role-matrix__scope article {
    display: grid;
    gap: 5px;
    padding: 12px 14px;
    margin-bottom: 10px;
}
.po-role-matrix__scope small,
.po-member-pill small {
    color: var(--po-muted);
    font-weight: 800;
}
.po-role-assignment-panel {
    display: grid;
    gap: 14px;
    margin: 14px 0 0;
}
.po-inline-create--roles {
    display: grid;
    grid-template-columns: 1.35fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 14px;
}
.po-member-pill-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.po-member-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
}
.po-member-pill strong {
    color: var(--po-text);
}
.po-ad-slot--style-banner {
    grid-template-columns: minmax(0, 1fr) auto;
}
.po-ad-slot--style-glass {
    background: linear-gradient(135deg, rgba(255,255,255,.42), rgba(118,136,255,.20), rgba(4,184,216,.14));
    border-color: rgba(255,255,255,.58);
    backdrop-filter: blur(18px);
}
.po-ad-slot--style-card {
    max-width: 520px;
    margin-inline: 0;
    grid-template-columns: 72px 1fr;
    padding: 14px;
}
.po-ad-slot--style-notice {
    display: flex;
    align-items: center;
    min-height: auto;
    padding: 12px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.72);
}
.po-ad-slot--style-notice .po-ad-slot__image,
.po-ad-slot--style-notice .po-ad-slot__cta {
    display: none;
}
#projectos-site-app[dir="rtl"],
#projectos-app[dir="rtl"] {
    direction: rtl;
}
#projectos-site-app[dir="rtl"] .po-sidebar,
#projectos-app[dir="rtl"] .po-sidebar {
    text-align: right;
}
#projectos-site-app[data-performance="turbo"] .po-role-matrix,
#projectos-site-app[data-performance="turbo"] .po-role-assignment-panel,
#projectos-app[data-performance="turbo"] .po-role-matrix,
#projectos-app[data-performance="turbo"] .po-role-assignment-panel {
    backdrop-filter: none !important;
    transition: none !important;
}
@media (max-width: 980px) {
    .po-role-matrix,
    .po-inline-create--roles {
        grid-template-columns: 1fr;
    }
}

/* v4.0.0 solo-core premium views */
.po-mode-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(260px, .9fr);
    gap: 18px;
    align-items: stretch;
    background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(121,110,255,.20), rgba(31,199,212,.14));
    border: 1px solid rgba(255,255,255,.62);
}
.po-mode-hero h2,
.po-mode-hero p,
.po-week-day h3,
.po-note-card strong,
.po-story-list li,
.po-support-card strong {
    color: var(--po-text);
}
.po-mode-hero__quotes {
    display: grid;
    gap: 8px;
    align-content: center;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(21,28,58,.88), rgba(72,71,170,.82));
    color: #eef3ff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 22px 56px rgba(15,23,42,.24);
}
.po-mode-hero__quotes strong,
.po-mode-hero__quotes small {
    color: inherit;
}
.po-metrics--premium {
    margin-top: 18px;
}
.po-grid--today,
.po-grid--notes {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}
.po-grid--week {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 18px;
}
.po-week-day {
    min-height: 260px;
}
.po-panel--contrast {
    background: linear-gradient(140deg, rgba(26,36,72,.9), rgba(93,78,255,.82));
    color: #eef3ff;
}
.po-panel--contrast p,
.po-panel--contrast h3,
.po-panel--contrast .po-kicker,
.po-panel--contrast .po-icon-btn {
    color: inherit;
}
.po-today-actions,
.po-note-card__actions,
.po-chip-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.po-notes-composer textarea {
    min-height: 170px;
}
.po-note-list {
    display: grid;
    gap: 16px;
}
.po-note-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(120,133,192,.18);
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(234,240,255,.84));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 18px 42px rgba(31,41,55,.08);
}
.po-note-card__head,
.po-support-card {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}
.po-note-card p,
.po-support-card a {
    color: var(--po-text-soft);
}
.po-story-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 10px;
}
.po-story-list li {
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(124,138,198,.18);
    font-weight: 800;
}
.po-support-card {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(113,130,255,.14));
    border: 1px solid rgba(124,138,198,.2);
}
.po-support-card a {
    font-weight: 800;
    text-decoration: none;
}
.po-chip {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(101,115,255,.12);
    border: 1px solid rgba(101,115,255,.18);
    color: var(--po-text-soft);
    font-weight: 800;
}
#projectos-site-app[data-checklist-theme="midnight"] .po-inline-checklist-panel,
#projectos-app[data-checklist-theme="midnight"] .po-inline-checklist-panel,
#projectos-site-app[data-checklist-theme="midnight"] .po-checklist__item,
#projectos-app[data-checklist-theme="midnight"] .po-checklist__item {
    background: linear-gradient(145deg, rgba(16,23,45,.96), rgba(43,58,104,.86));
    color: #edf2ff;
    border-color: rgba(122,135,255,.22);
}
#projectos-site-app[data-checklist-theme="paper"] .po-inline-checklist-panel,
#projectos-app[data-checklist-theme="paper"] .po-inline-checklist-panel,
#projectos-site-app[data-checklist-theme="paper"] .po-checklist__item,
#projectos-app[data-checklist-theme="paper"] .po-checklist__item {
    background: linear-gradient(145deg, rgba(255,252,247,.96), rgba(247,241,229,.94));
    border-color: rgba(184,155,108,.22);
}
#projectos-site-app[data-checklist-theme="focus"] .po-inline-checklist-panel,
#projectos-app[data-checklist-theme="focus"] .po-inline-checklist-panel,
#projectos-site-app[data-checklist-theme="focus"] .po-checklist__item,
#projectos-app[data-checklist-theme="focus"] .po-checklist__item {
    background: linear-gradient(145deg, rgba(240,245,255,.96), rgba(210,225,255,.92));
    border-color: rgba(74,123,255,.24);
    box-shadow: 0 0 0 1px rgba(76,106,255,.12), 0 16px 38px rgba(36,62,128,.12);
}
#projectos-site-app[data-product-mode="shopping"] .po-mode-hero,
#projectos-app[data-product-mode="shopping"] .po-mode-hero {
    background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(113,255,192,.18), rgba(43,184,255,.12));
}
#projectos-site-app[data-product-mode="startup"] .po-mode-hero,
#projectos-app[data-product-mode="startup"] .po-mode-hero {
    background: linear-gradient(135deg, rgba(255,255,255,.58), rgba(255,176,82,.16), rgba(117,93,255,.16));
}
@media (max-width: 980px) {
    .po-mode-hero,
    .po-grid--today,
    .po-grid--notes,
    .po-grid--week {
        grid-template-columns: 1fr;
    }
}

/* v4.1.0 Collaboration & Support Hub */
.po-message-list,
.po-feedback-list {
    display: grid;
    gap: 14px;
}
.po-message-card,
.po-feedback-card,
.po-integration-card {
    display: grid;
    gap: 10px;
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(226,236,255,.82));
    border: 1px solid rgba(115,132,190,.20);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 18px 42px rgba(32,47,86,.09);
}
.po-message-card > div,
.po-feedback-card > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}
.po-message-card strong,
.po-feedback-card strong,
.po-integration-card h3 {
    color: var(--po-text);
}
.po-message-card small,
.po-feedback-card small,
.po-message-card p,
.po-feedback-card p,
.po-integration-card p {
    color: var(--po-text-soft);
}
#projectos-site-app[data-ui-theme="midnight"] .po-message-card,
#projectos-app[data-ui-theme="midnight"] .po-message-card,
#projectos-site-app[data-ui-theme="midnight"] .po-feedback-card,
#projectos-app[data-ui-theme="midnight"] .po-feedback-card {
    background: linear-gradient(145deg, rgba(15,23,45,.94), rgba(34,47,90,.86));
    border-color: rgba(122,135,255,.24);
}

/* v4.1.0 communication, feedback and integration hub */
.po-message-list,
.po-feedback-list {
    display: grid;
    gap: 14px;
}
.po-message-card,
.po-feedback-card,
.po-integration-card {
    display: grid;
    gap: 12px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid rgba(122, 136, 200, .18);
    background: linear-gradient(145deg, rgba(255,255,255,.76), rgba(226,236,255,.82));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 18px 42px rgba(31,41,55,.08);
}
.po-message-card > div,
.po-feedback-card > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}
.po-message-card strong,
.po-feedback-card strong,
.po-integration-card h3 {
    color: var(--po-text);
}
.po-message-card small,
.po-feedback-card small,
.po-message-card p,
.po-feedback-card p,
.po-integration-card p {
    color: var(--po-text-soft);
}
.po-message-card p,
.po-feedback-card p {
    margin: 0;
    line-height: 1.6;
}
#projectos-site-app[data-ui-theme="midnight"] .po-message-card,
#projectos-app[data-ui-theme="midnight"] .po-message-card,
#projectos-site-app[data-ui-theme="midnight"] .po-feedback-card,
#projectos-app[data-ui-theme="midnight"] .po-feedback-card,
#projectos-site-app[data-ui-theme="midnight"] .po-integration-card,
#projectos-app[data-ui-theme="midnight"] .po-integration-card {
    background: linear-gradient(145deg, rgba(14,22,45,.94), rgba(45,56,110,.86));
    border-color: rgba(127,142,255,.24);
}
#projectos-site-app[data-ui-theme="midnight"] .po-message-card strong,
#projectos-app[data-ui-theme="midnight"] .po-message-card strong,
#projectos-site-app[data-ui-theme="midnight"] .po-feedback-card strong,
#projectos-app[data-ui-theme="midnight"] .po-feedback-card strong,
#projectos-site-app[data-ui-theme="midnight"] .po-integration-card h3,
#projectos-app[data-ui-theme="midnight"] .po-integration-card h3 {
    color: #f4f7ff;
}
#projectos-site-app[data-performance-mode="turbo"] .po-message-card,
#projectos-site-app[data-performance-mode="turbo"] .po-feedback-card,
#projectos-site-app[data-performance-mode="turbo"] .po-integration-card,
#projectos-app[data-performance-mode="turbo"] .po-message-card,
#projectos-app[data-performance-mode="turbo"] .po-feedback-card,
#projectos-app[data-performance-mode="turbo"] .po-integration-card {
    backdrop-filter: none !important;
    transition: none !important;
}

/* ProjectOS v4.3.0 Premium Core: attachments, time tracking, timeline and data hub */
.po-attachment-list,
.po-time-list,
.po-webhook-log,
.po-timeline-list {
    display: grid;
    gap: 10px;
}

.po-attachment-card,
.po-time-entry,
.po-webhook-row,
.po-timeline-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--po-border, rgba(148, 163, 184, 0.24));
    border-radius: 16px;
    background: var(--po-surface-soft, rgba(255, 255, 255, 0.68));
}

.po-attachment-card strong,
.po-time-entry strong,
.po-webhook-row strong,
.po-timeline-row strong {
    display: block;
}

.po-attachment-card small,
.po-time-entry small,
.po-webhook-row small,
.po-timeline-row small {
    display: block;
    opacity: 0.72;
    margin-top: 3px;
}

.po-attachment-card__actions,
.po-time-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.po-attachment-form,
.po-time-form {
    margin-top: 12px;
}

.po-time-summary {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.po-time-summary span {
    padding: 8px 10px;
    border-radius: 999px;
    background: var(--po-surface-soft, rgba(255, 255, 255, 0.62));
    border: 1px solid var(--po-border, rgba(148, 163, 184, 0.2));
}

.po-timeline-row__bar {
    min-width: 240px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 10px;
    align-items: center;
}

.po-timeline-bar {
    height: 10px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(148, 163, 184, 0.22);
}

.po-timeline-bar i {
    display: block;
    height: 100%;
    width: 70%;
    border-radius: inherit;
    background: currentColor;
    opacity: 0.35;
}

.po-import-form textarea {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

@media (max-width: 760px) {
    .po-attachment-card,
    .po-time-entry,
    .po-webhook-row,
    .po-timeline-row {
        align-items: flex-start;
        flex-direction: column;
    }
    .po-timeline-row__bar {
        min-width: 0;
        width: 100%;
    }
}

/* ProjectOS v4.4.0 Planner Pro */
.po-timeline-row--reschedule {
    align-items: stretch;
    gap: 16px;
}
.po-timeline-reschedule {
    display: grid;
    grid-template-columns: repeat(2, minmax(120px, 1fr)) auto auto auto;
    gap: 10px;
    align-items: end;
    width: min(720px, 100%);
}
.po-timeline-reschedule label:not(.po-checkline) span {
    display: block;
    font-size: 11px;
    opacity: .72;
    margin-bottom: 5px;
}
.po-timeline-reschedule input[type="date"],
.po-custom-field-values input,
.po-custom-field-values select,
.po-custom-field-values textarea,
.po-milestone-form input,
.po-milestone-form select {
    width: 100%;
}
.po-custom-fields-section,
.po-attachments-section,
.po-time-section {
    border-top: 1px solid rgba(148, 163, 184, .18);
    padding-top: 18px;
}
.po-custom-field-list,
.po-milestone-list {
    display: grid;
    gap: 10px;
    margin-top: 14px;
}
.po-custom-field-card,
.po-milestone-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 16px;
    background: rgba(255, 255, 255, .04);
}
.po-custom-field-card small,
.po-milestone-card small {
    display: block;
    opacity: .72;
    margin-top: 4px;
}
.po-stat-card small {
    display: block;
    margin-top: 6px;
    opacity: .72;
}
@media (max-width: 980px) {
    .po-timeline-reschedule {
        grid-template-columns: 1fr;
    }
}

/* ProjectOS v4.6.0 AI Ultra Experience */
.po-guide-hero,
.po-ai-hero {
    position: relative;
    overflow: hidden;
}
.po-guide-hero::after,
.po-ai-hero::after {
    content: '';
    position: absolute;
    inset: auto -90px -110px auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(99,91,255,.28), transparent 68%);
    pointer-events: none;
}
.po-user-booklet {
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 18px;
}
.po-user-booklet nav {
    display: grid;
    gap: 8px;
    align-content: start;
}
.po-user-booklet nav button {
    width: 100%;
    text-align: left;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(255,255,255,.06);
    color: inherit;
    border-radius: 14px;
    padding: 11px 12px;
    font-weight: 800;
    cursor: pointer;
}
.po-user-booklet nav button.is-active {
    background: linear-gradient(135deg, rgba(99,91,255,.28), rgba(139,92,246,.18));
    border-color: rgba(139,92,246,.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 12px 30px rgba(99,91,255,.14);
}
.po-user-booklet article {
    min-height: 260px;
    padding: 22px;
    border-radius: 24px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(148, 163, 184, .16);
}
.po-user-booklet article h3 {
    margin-top: 0;
}
.po-user-booklet article p,
.po-user-booklet article li {
    line-height: 1.65;
}
.po-ai-form textarea {
    min-height: 220px;
}
.po-ai-suggestion-list {
    display: grid;
    gap: 12px;
}
.po-ai-suggestion {
    padding: 16px;
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
    border: 1px solid rgba(148, 163, 184, .18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 36px rgba(2,6,23,.16);
}
.po-ai-suggestion__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
}
.po-ai-suggestion p {
    margin: 0 0 10px;
    opacity: .86;
}
.po-ai-suggestion ul {
    margin: 0 0 10px 18px;
}
.po-ai-suggestion small {
    opacity: .72;
    font-weight: 700;
}
@media (max-width: 860px) {
    .po-user-booklet {
        grid-template-columns: 1fr;
    }
    .po-user-booklet nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* v4.8.0 Client Portal & Ultra Simplicity */
.po-client-hero {
    background:
        radial-gradient(circle at 0% 0%, rgba(96,165,250,.22), transparent 42%),
        radial-gradient(circle at 100% 0%, rgba(168,85,247,.18), transparent 42%),
        linear-gradient(145deg, rgba(16,24,45,.96), rgba(10,16,30,.94)) !important;
}
.po-template-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
}
.po-template-card {
    padding: 15px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.10);
    background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
    box-shadow: 0 18px 48px rgba(0,0,0,.18);
}
.po-template-card strong,
.po-template-card small {
    display: block;
    margin-bottom: 8px;
}
.po-mini-task {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    margin-bottom: 8px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.075);
}
.po-mini-task strong {
    color: var(--po-ink, #eef4ff);
}
.po-mini-task small {
    color: var(--po-muted, #aab6cc);
}
.po-page-jumper {
    background: linear-gradient(145deg, rgba(15,23,42,.86), rgba(30,41,59,.72)) !important;
    border-color: rgba(255,255,255,.08) !important;
}
.po-page-jumper button {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    color: #edf4ff !important;
}
.po-page-jumper button.is-active {
    background: linear-gradient(135deg, #6366f1, #06b6d4) !important;
    color: #fff !important;
}



/* v4.9.0 theme repair: default theme restored, targeted readability fixes only */
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-page-jumper button,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-page-jumper button,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-chip,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-chip,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-chip-filter,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-chip-filter,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-quick-cats button,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-quick-cats button,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-filter-chip,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-filter-chip {
    background: linear-gradient(180deg, rgba(247,250,255,.92), rgba(224,234,249,.86)) !important;
    color: #22324d !important;
    border: 1px solid rgba(92,112,170,.22) !important;
    text-shadow: none !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 10px 24px rgba(31,46,86,.08) !important;
    font-weight: 800 !important;
}
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-page-jumper button.is-active,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-page-jumper button.is-active,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-chip.is-active,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-chip.is-active,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-chip-filter.is-active,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-chip-filter.is-active {
    color: #fff !important;
    background: linear-gradient(135deg, #4f46e5, #0ea5e9 82%, #13d6cc) !important;
    border-color: rgba(125, 211, 252, .60) !important;
    box-shadow: 0 16px 34px rgba(38, 121, 255, .22), inset 0 1px 0 rgba(255,255,255,.20) !important;
}
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-task-row .po-badge,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-task-row .po-badge,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-chip--category,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-chip--category {
    color: #243555 !important;
    background: rgba(225, 234, 250, .80) !important;
    border-color: rgba(94, 115, 180, .22) !important;
    text-shadow: none !important;
}
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-panel,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-panel,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-metric,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-metric,
#projectos-app:not([data-ui-theme="midnight-premium"]) .po-stat-card,
#projectos-site-app:not([data-ui-theme="midnight-premium"]) .po-stat-card {
    background-color: rgba(219, 230, 246, .76);
}
#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel {
    border-radius: 22px;
    border: 1px solid rgba(126, 150, 255, .20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 45px rgba(25,35,70,.18) !important;
}
#projectos-app .po-inline-checklist-panel,
#projectos-app .po-inline-checklist-panel *,
#projectos-site-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel * {
    font-weight: 500 !important;
    letter-spacing: .002em;
}
#projectos-app .po-inline-checklist-panel strong,
#projectos-site-app .po-inline-checklist-panel strong {
    font-weight: 640 !important;
}
#projectos-app .po-inline-checklist-panel textarea,
#projectos-app .po-inline-checklist-panel input,
#projectos-site-app .po-inline-checklist-panel textarea,
#projectos-site-app .po-inline-checklist-panel input {
    font-weight: 440 !important;
}
.po-settings-booklet { display:grid; grid-template-columns: 220px minmax(0,1fr); gap: 18px; align-items:start; }
.po-settings-tabs { display:grid; gap: 10px; }
.po-settings-tab { border:1px solid rgba(94,115,180,.18); border-radius: 16px; padding:12px 14px; color:#243555; background:linear-gradient(180deg, rgba(236,242,252,.96), rgba(210,222,242,.92)); font-weight:800; text-align:left; cursor:pointer; }
.po-settings-tab.is-active { color:#fff; background:linear-gradient(135deg,#4f46e5,#0ea5e9); box-shadow: 0 14px 30px rgba(38,121,255,.22); }
.po-settings-panel .po-settings-section { display:none; }
.po-settings-panel .po-settings-section.is-active { display:block; }
.po-note-mode-grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(145px,1fr)); gap:12px; }
.po-note-mode-grid article { padding:14px; border-radius:16px; background:rgba(225,234,250,.70); border:1px solid rgba(94,115,180,.18); }
.po-note-mode-grid strong { color:#233452; display:block; }
.po-note-mode-grid small { color:#5b6b86; }
.po-note-attachments { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.po-note-link, .po-integration-shortcuts a { display:inline-flex; align-items:center; gap:8px; padding:9px 12px; border-radius:999px; text-decoration:none; color:#243555; background:rgba(225,234,250,.80); border:1px solid rgba(94,115,180,.22); font-weight:800; }
.po-toggle { display:flex; gap:10px; align-items:center; padding:12px 14px; margin:8px 0; border-radius:14px; background:rgba(225,234,250,.68); border:1px solid rgba(94,115,180,.14); color:#243555; }
.po-message-card--broadcast { border-left:3px solid #0ea5e9 !important; }
.po-translate-result p { white-space:pre-wrap; }
.po-empty--soft { background:rgba(225,234,250,.64) !important; border:1px dashed rgba(94,115,180,.22); border-radius:18px; padding:18px; color:#445675; }
@media (max-width:980px){ .po-settings-booklet{ grid-template-columns:1fr; } .po-settings-tabs{ grid-template-columns:repeat(2,minmax(0,1fr)); } }

/* Optional new theme: Midnight Premium. This is intentionally a separate selectable theme, not the default Aurora theme. */
#projectos-app[data-ui-theme="midnight-premium"],
#projectos-site-app[data-ui-theme="midnight-premium"],
body.projectos-shell-body[data-projectos-ui-theme="midnight-premium"] {
    --po-bg: #07111f;
    --po-bg-alt: rgba(9, 17, 31, .96);
    --po-panel: rgba(14, 26, 46, .92);
    --po-panel-strong: rgba(18, 32, 56, .96);
    --po-ink: #eef5ff;
    --po-muted: #aab8d2;
    --po-border: rgba(138, 164, 255, .18);
    background:
        radial-gradient(circle at 8% 2%, rgba(87, 94, 255, .18), transparent 34%),
        radial-gradient(circle at 92% 0%, rgba(0, 205, 255, .10), transparent 32%),
        linear-gradient(180deg, #07111f 0%, #07101d 50%, #040a14 100%) !important;
    color: var(--po-ink) !important;
}
#projectos-app[data-ui-theme="midnight-premium"] .po-topbar,
#projectos-app[data-ui-theme="midnight-premium"] .po-page-jumper,
#projectos-app[data-ui-theme="midnight-premium"] .po-panel,
#projectos-app[data-ui-theme="midnight-premium"] .po-task-row,
#projectos-app[data-ui-theme="midnight-premium"] .po-stat-card,
#projectos-app[data-ui-theme="midnight-premium"] .po-metric,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-topbar,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-page-jumper,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-panel,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-task-row,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-stat-card,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-metric {
    background: radial-gradient(circle at 100% 0%, rgba(93,106,255,.12), transparent 38%), linear-gradient(145deg, rgba(16,29,52,.94), rgba(8,17,31,.96)) !important;
    border-color: rgba(132,158,255,.16) !important;
    color: #edf5ff !important;
}
#projectos-app[data-ui-theme="midnight-premium"] .po-page-jumper button,
#projectos-app[data-ui-theme="midnight-premium"] .po-chip,
#projectos-app[data-ui-theme="midnight-premium"] .po-chip-filter,
#projectos-app[data-ui-theme="midnight-premium"] .po-filter-chip,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-page-jumper button,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-chip,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-chip-filter,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-filter-chip {
    background: linear-gradient(180deg, rgba(31,46,78,.98), rgba(19,31,54,.98)) !important;
    color: #f2f7ff !important;
    border-color: rgba(150,174,255,.22) !important;
}
#projectos-app[data-ui-theme="midnight-premium"] .po-settings-tab,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-settings-tab,
#projectos-app[data-ui-theme="midnight-premium"] .po-note-mode-grid article,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-note-mode-grid article,
#projectos-app[data-ui-theme="midnight-premium"] .po-toggle,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-toggle {
    color:#eaf2ff;
    background:linear-gradient(180deg, rgba(30,45,75,.94), rgba(14,25,45,.96));
    border-color:rgba(150,174,255,.18);
}
#projectos-app[data-ui-theme="midnight-premium"] .po-note-mode-grid strong,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-note-mode-grid strong { color:#f4f8ff; }
#projectos-app[data-ui-theme="midnight-premium"] .po-note-mode-grid small,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-note-mode-grid small { color:#9fb0cd; }

/* ProjectOS 5.0 Task Powerhouse: subtasks and task templates */
.po-subtasks-section {
    border-color: rgba(99, 91, 255, .18);
}
.po-subtask-list {
    display: grid;
    gap: 10px;
    margin: 10px 0 14px;
}
.po-subtask-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 11px 12px;
    border: 1px solid var(--po-border, rgba(15, 23, 42, .12));
    border-radius: 14px;
    background: rgba(255, 255, 255, .04);
}
.po-subtask-card > button {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    display: grid;
    gap: 4px;
    cursor: pointer;
    min-width: 0;
}
.po-subtask-card strong {
    font-size: 14px;
}
.po-subtask-card small {
    color: var(--po-muted, #64748b);
}
.po-subtask-card.is-done strong {
    text-decoration: line-through;
    opacity: .72;
}
.po-subtask-card__actions {
    flex: 0 0 auto;
}
.po-subtask-create {
    align-items: end;
}

/* ProjectOS 5.1 Ultra Premium AI + Focus Design */
#projectos-app[data-ui-theme="midnight-premium"],
#projectos-site-app[data-ui-theme="midnight-premium"] {
    --po-bg: #06101f;
    --po-bg-alt: rgba(8, 18, 34, .92);
    --po-panel: rgba(12, 23, 42, .88);
    --po-panel-strong: rgba(15, 29, 52, .96);
    --po-ink: #eef6ff;
    --po-muted: #9fb2d0;
    --po-border: rgba(146, 169, 255, .16);
    --po-shadow: 0 26px 80px rgba(0, 0, 0, .34);
    --po-shadow-soft: 0 14px 34px rgba(0, 0, 0, .24);
    background:
        radial-gradient(circle at 18% 8%, rgba(99, 102, 241, .24), transparent 24%),
        radial-gradient(circle at 88% 12%, rgba(14, 165, 233, .16), transparent 22%),
        linear-gradient(145deg, #040a14 0%, #071426 46%, #0b1020 100%);
}

#projectos-app[data-ui-theme="midnight-premium"] .projectos-shell,
#projectos-site-app[data-ui-theme="midnight-premium"] .projectos-shell {
    background: transparent;
}

#projectos-app[data-ui-theme="midnight-premium"] .po-main,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-main,
#projectos-app[data-background-tone="comfort-dark"] .po-main,
#projectos-site-app[data-background-tone="comfort-dark"] .po-main {
    background:
        radial-gradient(circle at 22% 0%, rgba(79, 70, 229, .12), transparent 28%),
        linear-gradient(180deg, rgba(6, 16, 31, .92), rgba(4, 10, 20, .94));
}

#projectos-app[data-ui-theme="midnight-premium"] .po-panel,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-panel,
#projectos-app[data-ui-theme="midnight-premium"] .po-drawer,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-drawer,
#projectos-app[data-ui-theme="midnight-premium"] .po-quick-panel,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-quick-panel {
    background:
        linear-gradient(145deg, rgba(14, 27, 49, .94), rgba(8, 18, 34, .94));
    color: #eef6ff;
    border-color: rgba(146, 169, 255, .16);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 255, 255, .035);
}

#projectos-app[data-ui-theme="midnight-premium"] input,
#projectos-app[data-ui-theme="midnight-premium"] select,
#projectos-app[data-ui-theme="midnight-premium"] textarea,
#projectos-site-app[data-ui-theme="midnight-premium"] input,
#projectos-site-app[data-ui-theme="midnight-premium"] select,
#projectos-site-app[data-ui-theme="midnight-premium"] textarea {
    background: rgba(5, 14, 27, .92);
    color: #eef6ff;
    border-color: rgba(146, 169, 255, .18);
}

.po-check,
.po-select-check {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 7px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .03), 0 8px 18px rgba(15, 23, 42, .12) !important;
}
.po-check.is-checked::after,
.po-select-check.is-selected::after {
    width: 5px !important;
    height: 9px !important;
    border-width: 0 2px 2px 0 !important;
}
.po-select-check.is-selected {
    font-size: 0 !important;
    position: relative;
}
.po-select-check.is-selected::after {
    content: '';
    position: absolute;
    left: 6px;
    top: 3px;
    transform: rotate(45deg);
    border-style: solid;
    border-color: #fff;
}

.po-view-head--tasks-focus {
    overflow: hidden;
    position: relative;
}
.po-view-head--tasks-focus::after {
    content: '';
    position: absolute;
    right: -90px;
    top: -120px;
    width: 260px;
    height: 260px;
    background: radial-gradient(circle, rgba(99, 102, 241, .18), transparent 68%);
    pointer-events: none;
}
.po-inline-hints--quiet span {
    opacity: .88;
    border-color: rgba(146, 169, 255, .15);
}
.po-panel--task-focus .po-filters,
.po-panel--task-focus .po-filter-panel,
.po-panel--task-focus .po-advanced-filters {
    border-radius: 18px;
    background: rgba(10, 20, 36, .48);
    border-color: rgba(146, 169, 255, .12);
}
.po-focusbar {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 12px;
    padding: 10px;
    border: 1px solid rgba(146, 169, 255, .12);
    border-radius: 18px;
    background: rgba(9, 18, 32, .54);
}
.po-focusbar .po-chip-filter {
    min-height: 32px;
}
.po-task-list--single {
    contain: layout paint style;
}
.po-task-row {
    content-visibility: auto;
    contain-intrinsic-size: 76px;
    transition: transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}
.po-task-row:hover {
    transform: translateY(-1px);
}
#projectos-app[data-ui-theme="midnight-premium"] .po-task-row,
#projectos-site-app[data-ui-theme="midnight-premium"] .po-task-row {
    background:
        linear-gradient(90deg, color-mix(in srgb, var(--row-accent, #635BFF) 16%, transparent), transparent 24%),
        linear-gradient(145deg, rgba(15, 28, 50, .94), rgba(7, 17, 32, .94)) !important;
}
.po-task-row__side {
    gap: 6px;
}
.po-row-action {
    min-height: 30px;
    padding: 6px 10px;
    border-radius: 999px;
}
.po-task-row__meta {
    row-gap: 6px;
}
.po-pill,
.po-chip,
.po-chip-filter {
    line-height: 1.1;
}

.po-ai-connection-card,
.po-ai-provider-note,
.po-note-category-panel,
.po-note-category-create {
    border: 1px solid rgba(146, 169, 255, .14);
    border-radius: 20px;
    background: linear-gradient(145deg, rgba(18, 33, 58, .78), rgba(8, 18, 34, .82));
    padding: 14px;
}
.po-ai-connection-card {
    display: grid;
    gap: 8px;
    margin-bottom: 12px;
}
.po-ai-provider-note {
    display: grid;
    gap: 5px;
}
.po-ai-provider-note strong {
    color: #eef6ff;
}
.po-ai-provider-note span {
    color: #a7f3d0;
    font-weight: 800;
}
.po-ai-provider-note small {
    color: var(--po-muted);
}
.po-ai-provider-note code {
    width: fit-content;
    max-width: 100%;
    overflow-wrap: anywhere;
    border-radius: 999px;
    padding: 5px 8px;
    background: rgba(99, 102, 241, .12);
    color: #dfe7ff;
}
.po-note-list--premium {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
}
.po-note-card {
    content-visibility: auto;
    contain-intrinsic-size: 180px;
}
.po-form--compact .po-field {
    margin-bottom: 8px;
}
.po-form__grid--compact {
    grid-template-columns: minmax(92px, 140px) 1fr;
    gap: 8px;
}
.po-note-category-create input[type="color"] {
    min-height: 42px;
    padding: 4px;
}

#projectos-app[data-performance-mode="turbo"] .po-task-row,
#projectos-site-app[data-performance-mode="turbo"] .po-task-row,
#projectos-app[data-performance-mode="turbo"] .po-note-card,
#projectos-site-app[data-performance-mode="turbo"] .po-note-card {
    transition-duration: .08s;
}
#projectos-app[data-performance-mode="turbo"] .po-task-row:hover,
#projectos-site-app[data-performance-mode="turbo"] .po-task-row:hover {
    transform: none;
}

@media (max-width: 760px) {
    .po-task-row {
        grid-template-columns: auto 1fr;
    }
    .po-task-row__side {
        grid-column: 1 / -1;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    .po-focusbar {
        overflow-x: auto;
        flex-wrap: nowrap;
        scrollbar-width: thin;
    }
}

/* ProjectOS 5.2 Ultra Member + Communication polish: fix metric grids, premium depth and profile UX */
.po-grid--metrics,
.po-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    margin: 18px 0 !important;
    align-items: stretch !important;
}
.po-stat-card,
.po-metric,
.po-metrics > * {
    display: grid !important;
    gap: 8px !important;
    align-content: center !important;
    min-height: 116px !important;
    padding: 18px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    background:
        radial-gradient(circle at top right, rgba(129, 140, 248, .18), transparent 38%),
        linear-gradient(145deg, rgba(17, 31, 56, .94), rgba(7, 16, 31, .96)) !important;
    box-shadow: 0 22px 58px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(255, 255, 255, .04) !important;
    color: #eaf2ff !important;
    overflow: hidden !important;
    contain: layout paint !important;
}
.po-stat-card span,
.po-metric span,
.po-metrics > * span {
    color: #8ea3c0 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .12em !important;
}
.po-stat-card strong,
.po-metric strong,
.po-metrics > * strong {
    color: #f8fbff !important;
    font-size: clamp(24px, 3.4vw, 42px) !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
}
.po-stat-card small,
.po-metric small,
.po-metrics > * small {
    color: #b7c6dd !important;
    font-size: 13px !important;
}
.po-view-head--premium,
.po-panel,
.po-card,
.po-auth__card--premium {
    border-color: rgba(148, 163, 184, .18) !important;
    background:
        radial-gradient(circle at top right, rgba(129, 140, 248, .12), transparent 34%),
        linear-gradient(145deg, rgba(19, 34, 60, .93), rgba(9, 19, 35, .94)) !important;
    color: #eaf2ff !important;
}
.po-view-head--premium h2,
.po-panel h2,
.po-panel h3,
.po-panel strong,
.po-auth h1 {
    color: #f8fbff !important;
}
.po-view-head--premium p,
.po-panel p,
.po-panel small,
.po-muted {
    color: #b7c6dd !important;
}
.po-profile-grid {
    grid-template-columns: minmax(280px, 360px) minmax(0, 1fr) !important;
    align-items: start;
}
.po-profile-card__avatar,
.po-sidebar-user {
    display: flex;
    align-items: center;
    gap: 12px;
}
.po-sidebar-user {
    margin-top: 10px;
}
.po-avatar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid rgba(191, 219, 254, .24);
    background: linear-gradient(145deg, rgba(79, 70, 229, .42), rgba(14, 165, 233, .24));
    box-shadow: 0 14px 38px rgba(15, 23, 42, .24);
    flex: 0 0 auto;
}
.po-avatar--xl {
    width: 108px;
    height: 108px;
    font-size: 30px;
    font-weight: 900;
}
.po-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.po-avatar span {
    color: #fff;
    font-weight: 900;
}
.po-profile-sections {
    display: grid;
    gap: 18px;
}
.po-profile-sections > section,
.po-profile-settings-card,
.po-ai-link-card {
    padding: 16px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(8, 18, 34, .44);
}
.po-ai-link-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
    margin-top: 12px;
}
.po-ai-link-card {
    display: grid;
    gap: 8px;
}
.po-ai-link-card div {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.po-btn--tiny {
    min-height: 30px !important;
    padding: 6px 10px !important;
    font-size: 12px !important;
}
.po-auth-tabs {
    display: inline-flex;
    gap: 6px;
    padding: 6px;
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 999px;
    background: rgba(7, 16, 31, .66);
    margin: 14px 0;
}
.po-auth-tabs button {
    border: 0;
    border-radius: 999px;
    padding: 8px 14px;
    color: #b7c6dd;
    background: transparent;
    font-weight: 900;
    cursor: pointer;
}
.po-auth-tabs button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #4f46e5, #0ea5e9);
}
.po-auth-form {
    margin-top: 14px;
}
.po-nav-group--ai {
    border: 1px solid rgba(99, 102, 241, .22);
    border-radius: 24px;
    padding: 10px;
    background: linear-gradient(145deg, rgba(49, 46, 129, .22), rgba(8, 47, 73, .14));
}
.po-note-category-panel .po-chip,
.po-note-category-create button,
.po-settings-tab,
.po-user-booklet nav button {
    transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.po-note-category-panel .po-chip:hover,
.po-settings-tab:hover,
.po-user-booklet nav button:hover {
    transform: translateY(-1px);
}
.po-task-row,
.po-webhook-row,
.po-note-card {
    background: linear-gradient(145deg, rgba(17, 31, 56, .86), rgba(8, 18, 34, .92)) !important;
    border-color: rgba(148, 163, 184, .14) !important;
}
.po-check-toggle,
.po-checklist-item input[type="checkbox"],
.po-task-row input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    border-radius: 6px !important;
    accent-color: #818cf8 !important;
}
@media (max-width: 1180px) {
    .po-grid--metrics,
    .po-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .po-profile-grid {
        grid-template-columns: 1fr !important;
    }
}
@media (max-width: 640px) {
    .po-grid--metrics,
    .po-metrics {
        grid-template-columns: 1fr !important;
    }
}


/* ===== ProjectOS 5.2.1 Ultra Premium Stabilite Katmanı ===== */
#projectos-app,
#projectos-site-app {
    --po-text: #1e2a3f;
    --po-text-soft: #5d6b83;
    --po-text-muted: #708099;
    --po-surface: linear-gradient(180deg, rgba(255,255,255,.94), rgba(242,247,255,.90));
    --po-surface-soft: rgba(247,250,255,.92);
    --po-border: rgba(128,145,182,.18);
    --po-shadow-soft: 0 18px 44px rgba(80,102,138,.12);
}
#projectos-app .projectos-shell,
#projectos-site-app .projectos-shell {
    background: linear-gradient(180deg, #dfe7f2 0%, #d7e0ec 100%) !important;
}
#projectos-app .po-sidebar,
#projectos-site-app .po-sidebar {
    background: linear-gradient(180deg, rgba(24,35,63,.95), rgba(10,18,34,.97)) !important;
    border-radius: 34px !important;
}
#projectos-app .po-main,
#projectos-site-app .po-main {
    background: linear-gradient(180deg, rgba(11,20,36,.92), rgba(14,24,42,.94)) !important;
    border-radius: 34px !important;
}
#projectos-app .po-panel,
#projectos-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-app .po-drawer,
#projectos-app .po-quick-panel,
#projectos-app .po-task-row,
#projectos-app .po-stat-card,
#projectos-app .po-metric,
#projectos-site-app .po-panel,
#projectos-site-app .po-topbar,
#projectos-site-app .po-page-jumper,
#projectos-site-app .po-drawer,
#projectos-site-app .po-quick-panel,
#projectos-site-app .po-task-row,
#projectos-site-app .po-stat-card,
#projectos-site-app .po-metric {
    border-radius: 28px !important;
    overflow: hidden;
}
#projectos-app .po-panel,
#projectos-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-app .po-drawer,
#projectos-app .po-quick-panel,
#projectos-site-app .po-panel,
#projectos-site-app .po-topbar,
#projectos-site-app .po-page-jumper,
#projectos-site-app .po-drawer,
#projectos-site-app .po-quick-panel {
    background: linear-gradient(145deg, rgba(238,243,252,.96), rgba(222,232,246,.92)) !important;
    border: 1px solid rgba(144,158,189,.16) !important;
    box-shadow: 0 18px 42px rgba(74,93,128,.12), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
#projectos-app .po-panel *:not(.po-btn):not(.po-badge),
#projectos-site-app .po-panel *:not(.po-btn):not(.po-badge),
#projectos-app .po-topbar *:not(.po-btn):not(.po-badge),
#projectos-site-app .po-topbar *:not(.po-btn):not(.po-badge) {
    color: inherit;
}
#projectos-app .po-view-head h2,
#projectos-app .po-section-head h3,
#projectos-app .po-panel strong,
#projectos-app .po-timeline-row strong,
#projectos-app .po-message-card strong,
#projectos-app .po-notification-item strong,
#projectos-app .po-profile-hero h2,
#projectos-site-app .po-view-head h2,
#projectos-site-app .po-section-head h3,
#projectos-site-app .po-panel strong,
#projectos-site-app .po-timeline-row strong,
#projectos-site-app .po-message-card strong,
#projectos-site-app .po-notification-item strong,
#projectos-site-app .po-profile-hero h2 {
    color: #22314b !important;
}
#projectos-app .po-view-head p,
#projectos-app .po-panel p,
#projectos-app .po-panel small,
#projectos-app .po-timeline-row small,
#projectos-app .po-message-card p,
#projectos-app .po-message-card small,
#projectos-site-app .po-view-head p,
#projectos-site-app .po-panel p,
#projectos-site-app .po-panel small,
#projectos-site-app .po-timeline-row small,
#projectos-site-app .po-message-card p,
#projectos-site-app .po-message-card small {
    color: #5f6d83 !important;
}
#projectos-app input,
#projectos-app select,
#projectos-app textarea,
#projectos-site-app input,
#projectos-site-app select,
#projectos-site-app textarea {
    border-radius: 18px !important;
    border: 1px solid rgba(144,158,189,.22) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(240,245,252,.96)) !important;
    color: #22314b !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.65);
}
#projectos-app input::placeholder,
#projectos-app textarea::placeholder,
#projectos-site-app input::placeholder,
#projectos-site-app textarea::placeholder {
    color: #8a96a9 !important;
}
#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-chip-filter,
#projectos-site-app .po-chip-filter,
#projectos-app .po-filter-chip,
#projectos-site-app .po-filter-chip,
#projectos-app .po-page-jumper button,
#projectos-site-app .po-page-jumper button,
#projectos-app .po-settings-tab,
#projectos-site-app .po-settings-tab {
    border-radius: 999px !important;
}
#projectos-app .po-btn--primary,
#projectos-site-app .po-btn--primary {
    background: linear-gradient(135deg, #5e6ec5, #5d88cb) !important;
    color: #fff !important;
}
#projectos-app .po-btn--secondary,
#projectos-site-app .po-btn--secondary {
    background: linear-gradient(135deg, #5f6dc4, #5575c8) !important;
    color: #fff !important;
}
#projectos-app .po-btn--ghost,
#projectos-site-app .po-btn--ghost {
    background: rgba(255,255,255,.65) !important;
    color: #2a3852 !important;
    border: 1px solid rgba(144,158,189,.2) !important;
}
#projectos-app .po-grid--metrics,
#projectos-site-app .po-grid--metrics {
    gap: 14px !important;
}
#projectos-app .po-stat-card,
#projectos-app .po-metric,
#projectos-site-app .po-stat-card,
#projectos-site-app .po-metric {
    min-height: 90px !important;
    padding: 14px 16px !important;
    background: linear-gradient(145deg, rgba(246,249,255,.97), rgba(223,232,247,.95)) !important;
    color: #24324c !important;
}
#projectos-app .po-stat-card span,
#projectos-app .po-metric span,
#projectos-site-app .po-stat-card span,
#projectos-site-app .po-metric span {
    color: #6d7d95 !important;
    font-size: 10px !important;
}
#projectos-app .po-stat-card strong,
#projectos-app .po-metric strong,
#projectos-site-app .po-stat-card strong,
#projectos-site-app .po-metric strong {
    color: #22314b !important;
    font-size: clamp(20px, 2.6vw, 32px) !important;
}
#projectos-app .po-stat-card small,
#projectos-app .po-metric small,
#projectos-site-app .po-stat-card small,
#projectos-site-app .po-metric small {
    color: #617088 !important;
}
#projectos-app .po-message-card,
#projectos-app .po-feedback-card,
#projectos-app .po-integration-card,
#projectos-site-app .po-message-card,
#projectos-site-app .po-feedback-card,
#projectos-site-app .po-integration-card {
    background: linear-gradient(145deg, rgba(250,252,255,.97), rgba(228,236,248,.93)) !important;
    border: 1px solid rgba(145,159,189,.18) !important;
    border-radius: 24px !important;
}
#projectos-app .po-webhook-row,
#projectos-app .po-time-entry,
#projectos-app .po-attachment-card,
#projectos-app .po-timeline-row,
#projectos-site-app .po-webhook-row,
#projectos-site-app .po-time-entry,
#projectos-site-app .po-attachment-card,
#projectos-site-app .po-timeline-row {
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(239,244,251,.92)) !important;
    border-radius: 22px !important;
    border: 1px solid rgba(145,159,189,.18) !important;
}
#projectos-app .po-timeline-row,
#projectos-site-app .po-timeline-row {
    align-items: flex-start;
}
#projectos-app .po-timeline-row__bar,
#projectos-site-app .po-timeline-row__bar {
    min-width: 220px;
}
#projectos-app .po-profile-shell,
#projectos-site-app .po-profile-shell {
    display: grid;
    grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
    gap: 18px;
}
#projectos-app .po-profile-card,
#projectos-app .po-profile-section,
#projectos-site-app .po-profile-card,
#projectos-site-app .po-profile-section {
    background: linear-gradient(145deg, rgba(243,247,255,.98), rgba(225,234,247,.94)) !important;
    border: 1px solid rgba(141,155,186,.18) !important;
    border-radius: 26px !important;
}
#projectos-app .po-profile-avatar,
#projectos-site-app .po-profile-avatar {
    border: 6px solid rgba(255,255,255,.84);
    box-shadow: 0 12px 26px rgba(85,102,135,.15);
}
#projectos-app .po-note-card,
#projectos-site-app .po-note-card {
    background: linear-gradient(145deg, rgba(249,251,255,.98), rgba(229,236,248,.94)) !important;
    border-radius: 24px !important;
}
#projectos-app .po-notification-center,
#projectos-site-app .po-notification-center {
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(233,240,250,.94)) !important;
    border-radius: 26px !important;
    border: 1px solid rgba(140,155,187,.18) !important;
    box-shadow: 0 20px 40px rgba(70,89,125,.16) !important;
}
#projectos-app .po-notification-item,
#projectos-site-app .po-notification-item {
    background: linear-gradient(145deg, rgba(248,251,255,.98), rgba(230,237,248,.92)) !important;
    border-radius: 20px !important;
    border: 1px solid rgba(140,155,187,.16) !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
}
#projectos-app .po-notification-item__body,
#projectos-site-app .po-notification-item__body {
    appearance: none;
    border: 0;
    background: transparent;
    text-align: left;
    padding: 0;
    cursor: pointer;
}
#projectos-app .po-notification-item__mark,
#projectos-site-app .po-notification-item__mark {
    white-space: nowrap;
}
#projectos-app .po-ai-link-grid,
#projectos-site-app .po-ai-link-grid,
#projectos-app .po-grid--notes,
#projectos-site-app .po-grid--notes {
    gap: 16px !important;
}
#projectos-app .po-integration-card,
#projectos-site-app .po-integration-card {
    padding: 16px !important;
    min-height: 0 !important;
}
#projectos-app [data-ui-theme="mist"],
#projectos-site-app[data-ui-theme="mist"] {
    --po-accent: #7f94be; --po-accent-strong: #6e82ae;
}
#projectos-app[data-ui-theme="graphite"],
#projectos-site-app[data-ui-theme="graphite"] {
    --po-accent: #6e7a8f; --po-accent-strong: #5f6b7f;
}
#projectos-app[data-ui-theme="sand"],
#projectos-site-app[data-ui-theme="sand"] {
    --po-accent: #b59c7d; --po-accent-strong: #9e886e;
}
#projectos-app[data-ui-theme="lavender"],
#projectos-site-app[data-ui-theme="lavender"] {
    --po-accent: #8f83bc; --po-accent-strong: #8072ae;
}
#projectos-app[data-ui-theme="forest"],
#projectos-site-app[data-ui-theme="forest"] {
    --po-accent: #6f9183; --po-accent-strong: #5c7c70;
}
@media (max-width: 1024px) {
    #projectos-app .po-profile-shell,
    #projectos-site-app .po-profile-shell {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    #projectos-app .po-notification-item,
    #projectos-site-app .po-notification-item {
        grid-template-columns: 1fr;
    }
}


/* ===== ProjectOS 5.3.0 Ultra Experience Polish ===== */
.po-theme-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(142px, 1fr));
    gap: 10px;
    margin: 10px 0 16px;
}
.po-theme-preview-card {
    appearance: none;
    border: 1px solid rgba(126,142,178,.18);
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(232,239,249,.92));
    padding: 12px;
    text-align: left;
    display: grid;
    gap: 8px;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(72,92,130,.08), inset 0 1px 0 rgba(255,255,255,.74);
}
.po-theme-preview-card.is-active {
    border-color: rgba(80,103,200,.36);
    box-shadow: 0 16px 34px rgba(80,103,200,.16), inset 0 1px 0 rgba(255,255,255,.8);
}
.po-theme-preview-card strong { color:#24324a !important; }
.po-theme-preview-card small { color:#66758d !important; }
.po-theme-preview-card__swatches {
    display: flex;
    gap: 6px;
}
.po-theme-preview-card__swatches i {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    display:block;
    border: 1px solid rgba(255,255,255,.8);
}
.po-theme-preview-card__swatches i:nth-child(1){background:var(--projectos-accent,#6d5ef8)}
.po-theme-preview-card__swatches i:nth-child(2){background:#dce6f4}
.po-theme-preview-card__swatches i:nth-child(3){background:#1f2d46}
.po-tab-pills {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin: 0 0 14px;
}
.po-tab-pills button {
    appearance:none;
    border:1px solid rgba(127,145,183,.18);
    border-radius:999px;
    padding:8px 12px;
    background:rgba(255,255,255,.66);
    color:#334155;
    font-weight:900;
    cursor:pointer;
}
.po-tab-pills button.is-active {
    background:linear-gradient(135deg,#5c6bc6,#5e85c8);
    color:#fff;
    border-color:transparent;
}
.po-note-attachments--preview {
    display:grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap:10px;
    margin:12px 0 0;
}
.po-note-attachment-card {
    display:grid;
    grid-template-columns: 56px minmax(0, 1fr);
    gap:10px;
    align-items:center;
    padding:10px;
    border-radius:18px;
    border:1px solid rgba(129,144,177,.18);
    background:linear-gradient(145deg, rgba(255,255,255,.96), rgba(236,242,251,.92));
    text-decoration:none !important;
    overflow:hidden;
}
.po-note-attachment-card strong {
    display:block;
    color:#24324a !important;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.po-note-attachment-card small { color:#697890 !important; }
.po-note-attachment-card__thumb,
.po-note-attachment-card__icon {
    width:56px;
    height:46px;
    border-radius:14px;
    display:grid;
    place-items:center;
    overflow:hidden;
    background:linear-gradient(145deg,#e9f0fb,#d8e4f5);
}
.po-note-attachment-card__thumb img {
    width:100%;
    height:100%;
    object-fit:cover;
}
.po-broadcast-center .po-message-card--broadcast {
    border-left:0 !important;
    position:relative;
}
.po-broadcast-center .po-message-card--broadcast::before {
    content:"";
    position:absolute;
    inset:14px auto 14px 0;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#5c6bc6,#65a6c8);
}
.po-profile-form .po-field select {
    min-height:44px;
}
#projectos-app[data-ui-theme="mist"],
#projectos-site-app[data-ui-theme="mist"] {
    --projectos-accent:#7f94be; --po-accent-2:#8aa7b8; --po-theme-glow-a:rgba(127,148,190,.18); --po-theme-glow-b:rgba(138,167,184,.12); --po-sidebar-grad:linear-gradient(180deg,#3b465e 0%,#152033 100%);
}
#projectos-app[data-ui-theme="graphite"],
#projectos-site-app[data-ui-theme="graphite"] {
    --projectos-accent:#6e7a8f; --po-accent-2:#94a3b8; --po-theme-glow-a:rgba(110,122,143,.18); --po-theme-glow-b:rgba(148,163,184,.12); --po-sidebar-grad:linear-gradient(180deg,#2d3544 0%,#101827 100%);
}
#projectos-app[data-ui-theme="sand"],
#projectos-site-app[data-ui-theme="sand"] {
    --projectos-accent:#b59c7d; --po-accent-2:#8ca0b3; --po-theme-glow-a:rgba(181,156,125,.18); --po-theme-glow-b:rgba(140,160,179,.12); --po-sidebar-grad:linear-gradient(180deg,#564a3a 0%,#172033 100%);
}
#projectos-app[data-ui-theme="lavender"],
#projectos-site-app[data-ui-theme="lavender"] {
    --projectos-accent:#8f83bc; --po-accent-2:#86a0c6; --po-theme-glow-a:rgba(143,131,188,.18); --po-theme-glow-b:rgba(134,160,198,.12); --po-sidebar-grad:linear-gradient(180deg,#403a62 0%,#161b34 100%);
}
#projectos-app[data-ui-theme="forest"],
#projectos-site-app[data-ui-theme="forest"] {
    --projectos-accent:#6f9183; --po-accent-2:#89a28f; --po-theme-glow-a:rgba(111,145,131,.18); --po-theme-glow-b:rgba(137,162,143,.12); --po-sidebar-grad:linear-gradient(180deg,#324f43 0%,#132034 100%);
}


/* ===== ProjectOS 5.3.0 Interaction Polish ===== */
#projectos-app .po-theme-preview-grid,
#projectos-site-app .po-theme-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin: 12px 0 18px;
}
#projectos-app .po-theme-preview-card,
#projectos-site-app .po-theme-preview-card {
    appearance: none;
    border: 1px solid rgba(128,145,182,.18);
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(249,251,255,.96), rgba(228,236,249,.92));
    padding: 14px;
    display: grid;
    gap: 8px;
    text-align: left;
    cursor: pointer;
    color: #24324a;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 12px 24px rgba(76,92,126,.08);
}
#projectos-app .po-theme-preview-card.is-active,
#projectos-site-app .po-theme-preview-card.is-active {
    border-color: rgba(80,103,200,.46);
    box-shadow: 0 16px 34px rgba(80,103,200,.16), inset 0 1px 0 rgba(255,255,255,.82);
}
.po-theme-preview-card__swatches {
    display: flex;
    gap: 6px;
}
.po-theme-preview-card__swatches i {
    display: block;
    width: 26px;
    height: 18px;
    border-radius: 999px;
    background: #dbe6f5;
}
.po-theme-preview-card__swatches i:nth-child(2) { background: #9fb0cd; }
.po-theme-preview-card__swatches i:nth-child(3) { background: #5067c8; }
.po-note-attachments--preview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 10px;
    margin: 12px 0;
}
.po-note-attachment-card {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    min-height: 64px;
    padding: 8px;
    border-radius: 18px;
    border: 1px solid rgba(128,145,182,.18);
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(237,243,252,.92));
    color: #24324a;
    text-decoration: none;
    overflow: hidden;
}
.po-note-attachment-card strong {
    display: block;
    color: #24324a !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po-note-attachment-card small {
    color: #66748a !important;
}
.po-note-attachment__thumb,
.po-note-attachment__icon {
    width: 52px;
    height: 48px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: #e4ecf7;
    overflow: hidden;
}
.po-note-attachment__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.po-note-attachment__icon {
    font-size: 22px;
}
.po-profile-shell {
    display: grid;
    grid-template-columns: minmax(270px, 340px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}
.po-profile-card--studio {
    position: sticky;
    top: 24px;
}
.po-profile-completion {
    display: grid;
    gap: 8px;
    margin: 16px 0;
}
.po-profile-completion div {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.po-profile-completion strong {
    font-size: 30px;
    color: #24324a !important;
}
.po-profile-completion span {
    color: #66748a !important;
    font-weight: 800;
}
.po-profile-completion i {
    display: block;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, #5f6dc4, #6f9fd6);
    max-width: 100%;
}
.po-profile-mini-list {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}
.po-profile-mini-list span {
    border-radius: 999px;
    padding: 8px 11px;
    background: rgba(255,255,255,.58);
    color: #4f5d73;
    font-weight: 800;
}
.po-profile-main .po-profile-section {
    padding: 18px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(250,252,255,.96), rgba(232,240,251,.92));
    border: 1px solid rgba(128,145,182,.16);
}
.po-history-card__actions,
.projectos-history-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}
@media (max-width: 1080px) {
    .po-profile-shell { grid-template-columns: 1fr; }
    .po-profile-card--studio { position: static; }
}

/* ProjectOS 5.3.0 - profile, theme preview and note attachment polish */
.po-profile-shell {
    display: grid !important;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}
.po-profile-card--premium,
.po-profile-editor,
.po-profile-section {
    border-radius: 30px !important;
    background: linear-gradient(145deg, rgba(247,250,255,.98), rgba(225,235,248,.94)) !important;
    border: 1px solid rgba(130,146,180,.18) !important;
    box-shadow: 0 18px 44px rgba(70,88,122,.11), inset 0 1px 0 rgba(255,255,255,.75) !important;
}
.po-profile-card--premium {
    position: sticky;
    top: 18px;
    display: grid !important;
    gap: 18px !important;
}
.po-profile-score {
    display: grid;
    gap: 8px;
    padding: 14px;
    border-radius: 22px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(130,146,180,.16);
}
.po-profile-score span {
    display: block;
    height: 8px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(130,146,180,.18);
}
.po-profile-score b {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #6574c9, #78a2d6);
}
.po-profile-mini {
    display: grid;
    gap: 8px;
}
.po-profile-mini span {
    padding: 10px 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.62);
    color: #43516a !important;
    font-weight: 750;
}
.po-profile-section {
    padding: 18px !important;
}
.po-theme-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin: 8px 0 14px;
}
.po-theme-preview-card {
    display: grid;
    gap: 8px;
    text-align: left;
    padding: 14px;
    border: 1px solid rgba(130,146,180,.18);
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(229,238,250,.84));
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(70,88,122,.08);
}
.po-theme-preview-card.is-active {
    outline: 2px solid color-mix(in srgb, var(--projectos-accent) 45%, transparent);
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(220,231,250,.92));
}
.po-theme-preview-card__swatches {
    display: flex;
    gap: 6px;
}
.po-theme-preview-card__swatches i {
    width: 28px;
    height: 18px;
    display: inline-block;
    border-radius: 999px;
    border: 1px solid rgba(130,146,180,.18);
}
.po-theme-preview-card__swatches i:nth-child(1) { background: #e8eef8; }
.po-theme-preview-card__swatches i:nth-child(2) { background: #bccbe1; }
.po-theme-preview-card__swatches i:nth-child(3) { background: #6574c9; }
.po-note-attachments--preview {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px !important;
    margin-top: 12px !important;
}
.po-note-attachment-card,
.po-note-attachment {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 10px;
    border-radius: 18px;
    text-decoration: none !important;
    background: rgba(255,255,255,.68);
    border: 1px solid rgba(130,146,180,.17);
    color: #24324a !important;
    overflow: hidden;
}
.po-note-attachment-card strong,
.po-note-attachment strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #24324a !important;
}
.po-note-attachment-card small,
.po-note-attachment small {
    color: #65738b !important;
}
.po-note-attachment-card__thumb,
.po-note-attachment__thumb {
    width: 54px;
    height: 46px;
    overflow: hidden;
    border-radius: 14px;
    background: #e8eef8;
}
.po-note-attachment-card__thumb img,
.po-note-attachment__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.po-note-attachment-card__icon,
.po-note-attachment__file {
    width: 54px;
    height: 46px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(145deg, #e7edf7, #f8fbff);
    color: #6574c9;
    font-weight: 900;
}
@media (max-width: 980px) {
    .po-profile-shell { grid-template-columns: 1fr !important; }
    .po-profile-card--premium { position: static; }
}

/* ========================================================================
 * ProjectOS 5.3.1 Blue Premium Readability Reset
 * Ferah eski mavi tonlar, net okunabilirlik, sıfır taşma yaklaşımı.
 * ===================================================================== */
#projectos-app,
#projectos-site-app {
    --projectos-accent: #5069c8 !important;
    --po-accent-2: #5f91c8 !important;
    --po-bg: #d9e7f3 !important;
    --po-bg-alt: rgba(232,241,250,.96) !important;
    --po-panel: rgba(238,246,253,.96) !important;
    --po-panel-strong: #f7fbff !important;
    --po-ink: #1d2b41 !important;
    --po-muted: #5d6b80 !important;
    --po-border: rgba(105,128,166,.18) !important;
    --po-shadow: 0 22px 54px rgba(73,92,126,.14) !important;
    --po-shadow-soft: 0 12px 30px rgba(73,92,126,.10) !important;
    --po-theme-glow-a: rgba(92, 130, 190, .16) !important;
    --po-theme-glow-b: rgba(118, 151, 200, .12) !important;
    --po-theme-panel-a: rgba(241,247,254,.98) !important;
    --po-theme-panel-b: rgba(222,235,249,.94) !important;
    --po-radius-xl: 30px !important;
    --po-radius-lg: 24px !important;
    --po-radius-md: 18px !important;
    --po-sidebar-grad: linear-gradient(180deg, #24376d 0%, #152b4c 100%) !important;
    color: #1d2b41 !important;
    background:
        radial-gradient(circle at 8% 0%, rgba(110, 143, 202, .18), transparent 28%),
        radial-gradient(circle at 96% 4%, rgba(97, 148, 194, .16), transparent 26%),
        linear-gradient(145deg, #d4e2ef 0%, #e4edf7 46%, #cbdced 100%) !important;
}
body.projectos-shell-body,
body[data-projectos-theme="midnight"].projectos-shell-body,
body[data-projectos-theme="midnight-premium"].projectos-shell-body,
body[data-projectos-ui-theme="midnight-premium"].projectos-shell-body {
    background:
        radial-gradient(circle at 10% 0%, rgba(106, 142, 202, .18), transparent 28%),
        radial-gradient(circle at 92% 8%, rgba(95, 145, 200, .14), transparent 30%),
        linear-gradient(145deg, #d8e6f3 0%, #e5eef8 52%, #cddfeb 100%) !important;
    color: #1d2b41 !important;
}
#projectos-app *,
#projectos-site-app *,
#projectos-app *::before,
#projectos-app *::after,
#projectos-site-app *::before,
#projectos-site-app *::after {
    box-sizing: border-box !important;
    min-width: 0;
}
#projectos-app img,
#projectos-site-app img,
#projectos-app video,
#projectos-site-app video,
#projectos-app svg,
#projectos-site-app svg {
    max-width: 100% !important;
    height: auto;
}
#projectos-app .po-app,
#projectos-site-app .po-app {
    background: transparent !important;
    max-width: 100% !important;
}
#projectos-app .po-main,
#projectos-site-app .po-main,
#projectos-app .projectos-shell,
#projectos-site-app .projectos-shell {
    background:
        radial-gradient(circle at 92% 0%, rgba(122, 154, 205, .14), transparent 24%),
        linear-gradient(180deg, rgba(212,226,241,.96), rgba(226,237,248,.96)) !important;
    color: #1d2b41 !important;
    border-radius: 34px !important;
    overflow: hidden !important;
    max-width: 100% !important;
}
#projectos-app .po-sidebar,
#projectos-site-app .po-sidebar {
    background: linear-gradient(180deg, #2b3b74 0%, #172c4f 58%, #132844 100%) !important;
    color: #f7fbff !important;
    border-radius: 34px !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    box-shadow: 0 24px 54px rgba(39,57,90,.20) !important;
    overflow: hidden !important;
}
#projectos-app .po-sidebar *,
#projectos-site-app .po-sidebar * {
    color: inherit;
    overflow-wrap: anywhere;
}
#projectos-app .po-sidebar a,
#projectos-site-app .po-sidebar a,
#projectos-app .po-sidebar button,
#projectos-site-app .po-sidebar button {
    border-radius: 18px !important;
}
#projectos-app .po-topbar,
#projectos-site-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-site-app .po-page-jumper,
#projectos-app .po-panel,
#projectos-site-app .po-panel,
#projectos-app .po-view-head,
#projectos-site-app .po-view-head,
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-card,
#projectos-site-app .po-card,
#projectos-app .po-drawer,
#projectos-site-app .po-drawer,
#projectos-app .po-quick-panel,
#projectos-site-app .po-quick-panel,
#projectos-app .po-message-card,
#projectos-site-app .po-message-card,
#projectos-app .po-feedback-card,
#projectos-site-app .po-feedback-card,
#projectos-app .po-integration-card,
#projectos-site-app .po-integration-card,
#projectos-app .po-webhook-row,
#projectos-site-app .po-webhook-row,
#projectos-app .po-timeline-row,
#projectos-site-app .po-timeline-row,
#projectos-app .po-stat-card,
#projectos-site-app .po-stat-card,
#projectos-app .po-metric,
#projectos-site-app .po-metric,
#projectos-app .po-note-card,
#projectos-site-app .po-note-card,
#projectos-app .po-profile-card,
#projectos-site-app .po-profile-card,
#projectos-app .po-profile-section,
#projectos-site-app .po-profile-section,
#projectos-app .po-ai-link-card,
#projectos-site-app .po-ai-link-card,
#projectos-app .po-note-attachment-card,
#projectos-site-app .po-note-attachment-card {
    background:
        radial-gradient(circle at 100% 0%, rgba(103, 132, 191, .10), transparent 36%),
        linear-gradient(145deg, rgba(248,251,255,.98), rgba(225,236,249,.95)) !important;
    border: 1px solid rgba(105,128,166,.18) !important;
    border-radius: 28px !important;
    box-shadow: 0 16px 38px rgba(73,92,126,.11), inset 0 1px 0 rgba(255,255,255,.78) !important;
    color: #1d2b41 !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
#projectos-app .po-topbar,
#projectos-site-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-site-app .po-page-jumper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px !important;
}
#projectos-app .po-page-jumper > *,
#projectos-site-app .po-page-jumper > *,
#projectos-app .po-topbar > *,
#projectos-site-app .po-topbar > * {
    min-width: 0 !important;
    max-width: 100% !important;
}
#projectos-app .po-view-head h1,
#projectos-app .po-view-head h2,
#projectos-app .po-view-head h3,
#projectos-app .po-panel h1,
#projectos-app .po-panel h2,
#projectos-app .po-panel h3,
#projectos-app .po-panel h4,
#projectos-app .po-panel strong,
#projectos-app .po-task-row strong,
#projectos-app .po-message-card strong,
#projectos-app .po-notification-item strong,
#projectos-app .po-timeline-row strong,
#projectos-app .po-webhook-row strong,
#projectos-app .po-note-card strong,
#projectos-app .po-profile-card strong,
#projectos-app .po-profile-section strong,
#projectos-site-app .po-view-head h1,
#projectos-site-app .po-view-head h2,
#projectos-site-app .po-view-head h3,
#projectos-site-app .po-panel h1,
#projectos-site-app .po-panel h2,
#projectos-site-app .po-panel h3,
#projectos-site-app .po-panel h4,
#projectos-site-app .po-panel strong,
#projectos-site-app .po-task-row strong,
#projectos-site-app .po-message-card strong,
#projectos-site-app .po-notification-item strong,
#projectos-site-app .po-timeline-row strong,
#projectos-site-app .po-webhook-row strong,
#projectos-site-app .po-note-card strong,
#projectos-site-app .po-profile-card strong,
#projectos-site-app .po-profile-section strong {
    color: #18263b !important;
    text-shadow: none !important;
    opacity: 1 !important;
}
#projectos-app .po-view-head p,
#projectos-app .po-panel p,
#projectos-app .po-panel li,
#projectos-app .po-panel small,
#projectos-app .po-muted,
#projectos-app .po-task-row small,
#projectos-app .po-message-card p,
#projectos-app .po-message-card small,
#projectos-app .po-notification-item p,
#projectos-app .po-notification-item small,
#projectos-app .po-timeline-row small,
#projectos-app .po-webhook-row small,
#projectos-site-app .po-view-head p,
#projectos-site-app .po-panel p,
#projectos-site-app .po-panel li,
#projectos-site-app .po-panel small,
#projectos-site-app .po-muted,
#projectos-site-app .po-task-row small,
#projectos-site-app .po-message-card p,
#projectos-site-app .po-message-card small,
#projectos-site-app .po-notification-item p,
#projectos-site-app .po-notification-item small,
#projectos-site-app .po-timeline-row small,
#projectos-site-app .po-webhook-row small {
    color: #4f5f76 !important;
    opacity: 1 !important;
    text-shadow: none !important;
}
#projectos-app .po-kicker,
#projectos-site-app .po-kicker,
#projectos-app .po-badge,
#projectos-site-app .po-badge,
#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-chip-filter,
#projectos-site-app .po-chip-filter,
#projectos-app .po-filter-chip,
#projectos-site-app .po-filter-chip,
#projectos-app .po-page-jumper button,
#projectos-site-app .po-page-jumper button,
#projectos-app .po-settings-tab,
#projectos-site-app .po-settings-tab {
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(233,241,251,.88)) !important;
    border: 1px solid rgba(105,128,166,.18) !important;
    color: #24324a !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 18px rgba(73,92,126,.08) !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
#projectos-app .po-page-jumper button.is-active,
#projectos-site-app .po-page-jumper button.is-active,
#projectos-app .po-chip.is-active,
#projectos-site-app .po-chip.is-active,
#projectos-app .po-chip-filter.is-active,
#projectos-site-app .po-chip-filter.is-active,
#projectos-app .po-settings-tab.is-active,
#projectos-site-app .po-settings-tab.is-active {
    background: linear-gradient(135deg, #4d65bf, #5d8cc4) !important;
    color: #fff !important;
}
#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app button,
#projectos-site-app button {
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 999px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
#projectos-app .po-btn--primary,
#projectos-site-app .po-btn--primary,
#projectos-app .po-btn--secondary,
#projectos-site-app .po-btn--secondary {
    background: linear-gradient(135deg, #4f67c2 0%, #5b8bc7 100%) !important;
    color: #fff !important;
    border: 1px solid rgba(57,80,150,.22) !important;
    box-shadow: 0 12px 26px rgba(60,87,160,.18) !important;
}
#projectos-app .po-btn--ghost,
#projectos-site-app .po-btn--ghost,
#projectos-app .po-btn--soft,
#projectos-site-app .po-btn--soft {
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(232,241,251,.90)) !important;
    color: #24324a !important;
    border: 1px solid rgba(105,128,166,.20) !important;
}
#projectos-app input,
#projectos-app select,
#projectos-app textarea,
#projectos-site-app input,
#projectos-site-app select,
#projectos-site-app textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 18px !important;
    border: 1px solid rgba(105,128,166,.22) !important;
    background: linear-gradient(145deg, #fbfdff, #edf4fc) !important;
    color: #18263b !important;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.72), 0 4px 10px rgba(73,92,126,.05) !important;
    text-shadow: none !important;
}
#projectos-app input::placeholder,
#projectos-app textarea::placeholder,
#projectos-site-app input::placeholder,
#projectos-site-app textarea::placeholder {
    color: #6d7b8e !important;
    opacity: 1 !important;
}
#projectos-app .po-grid,
#projectos-site-app .po-grid,
#projectos-app .po-form__grid,
#projectos-site-app .po-form__grid,
#projectos-app .po-profile-shell,
#projectos-site-app .po-profile-shell,
#projectos-app .po-settings-booklet,
#projectos-site-app .po-settings-booklet,
#projectos-app .po-grid--notes,
#projectos-site-app .po-grid--notes,
#projectos-app .po-grid--week,
#projectos-site-app .po-grid--week,
#projectos-app .po-grid--metrics,
#projectos-site-app .po-grid--metrics {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    gap: 16px !important;
}
#projectos-app .po-grid--metrics,
#projectos-site-app .po-grid--metrics,
#projectos-app .po-metrics,
#projectos-site-app .po-metrics {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}
#projectos-app .po-stat-card,
#projectos-site-app .po-stat-card,
#projectos-app .po-metric,
#projectos-site-app .po-metric {
    min-height: 92px !important;
    padding: 14px 16px !important;
}
#projectos-app .po-stat-card strong,
#projectos-site-app .po-stat-card strong,
#projectos-app .po-metric strong,
#projectos-site-app .po-metric strong {
    font-size: clamp(20px, 2.4vw, 32px) !important;
    line-height: 1.08 !important;
}
#projectos-app .po-task-list,
#projectos-site-app .po-task-list,
#projectos-app .po-webhook-log,
#projectos-site-app .po-webhook-log,
#projectos-app .po-message-list,
#projectos-site-app .po-message-list,
#projectos-app .po-note-list,
#projectos-site-app .po-note-list,
#projectos-app .po-timeline-list,
#projectos-site-app .po-timeline-list {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-webhook-row,
#projectos-site-app .po-webhook-row,
#projectos-app .po-message-card,
#projectos-site-app .po-message-card,
#projectos-app .po-timeline-row,
#projectos-site-app .po-timeline-row {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    overflow-wrap: anywhere !important;
}
#projectos-app .po-timeline-row,
#projectos-site-app .po-timeline-row {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(0, 2fr) !important;
    align-items: start !important;
    gap: 14px !important;
}
#projectos-app .po-timeline-row__bar,
#projectos-site-app .po-timeline-row__bar {
    min-width: 0 !important;
    width: 100% !important;
}
#projectos-app .po-timeline-reschedule,
#projectos-site-app .po-timeline-reschedule {
    width: 100% !important;
    max-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
    gap: 10px !important;
}
#projectos-app .po-timeline-reschedule .po-btn,
#projectos-site-app .po-timeline-reschedule .po-btn {
    width: 100% !important;
}
#projectos-app .po-notification-trigger,
#projectos-site-app .po-notification-trigger {
    padding: 10px 14px !important;
    min-height: 40px !important;
    font-size: 13px !important;
}
#projectos-app .po-notification-trigger b,
#projectos-site-app .po-notification-trigger b {
    min-width: 18px !important;
    height: 18px !important;
    font-size: 10px !important;
}
#projectos-app .po-notification-center,
#projectos-site-app .po-notification-center {
    max-width: min(420px, calc(100vw - 32px)) !important;
    background: linear-gradient(145deg, rgba(248,251,255,.99), rgba(226,237,249,.96)) !important;
    border-radius: 26px !important;
    color: #1d2b41 !important;
}
#projectos-app .po-notification-item,
#projectos-site-app .po-notification-item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    padding: 12px !important;
}
#projectos-app .po-notification-item__body,
#projectos-site-app .po-notification-item__body {
    color: #1d2b41 !important;
    text-align: left !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
#projectos-app .po-profile-shell,
#projectos-site-app .po-profile-shell {
    display: grid !important;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr) !important;
    align-items: start !important;
}
#projectos-app .po-profile-card--premium,
#projectos-site-app .po-profile-card--premium,
#projectos-app .po-profile-editor,
#projectos-site-app .po-profile-editor {
    background: linear-gradient(145deg, rgba(249,252,255,.98), rgba(226,238,251,.95)) !important;
}
#projectos-app .po-note-attachments--preview,
#projectos-site-app .po-note-attachments--preview,
#projectos-app .po-ai-link-grid,
#projectos-site-app .po-ai-link-grid,
#projectos-app .po-theme-preview-grid,
#projectos-site-app .po-theme-preview-grid {
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)) !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
#projectos-app .po-note-attachment-card,
#projectos-site-app .po-note-attachment-card {
    grid-template-columns: 48px minmax(0, 1fr) !important;
}
#projectos-app .po-note-attachment-card strong,
#projectos-site-app .po-note-attachment-card strong,
#projectos-app .po-message-card strong,
#projectos-site-app .po-message-card strong,
#projectos-app .po-webhook-row strong,
#projectos-site-app .po-webhook-row strong {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
#projectos-app table,
#projectos-site-app table {
    max-width: 100% !important;
    width: 100% !important;
    table-layout: fixed !important;
}
#projectos-app td,
#projectos-app th,
#projectos-site-app td,
#projectos-site-app th {
    overflow-wrap: anywhere !important;
}
#projectos-app pre,
#projectos-app code,
#projectos-site-app pre,
#projectos-site-app code {
    max-width: 100% !important;
    overflow-x: auto !important;
    white-space: pre-wrap !important;
}
@media (max-width: 1160px) {
    #projectos-app .po-app,
    #projectos-site-app .po-app {
        grid-template-columns: minmax(220px, 270px) minmax(0, 1fr) !important;
        gap: 18px !important;
        padding: 18px !important;
    }
}
@media (max-width: 980px) {
    #projectos-app .po-app,
    #projectos-site-app .po-app,
    #projectos-app .po-profile-shell,
    #projectos-site-app .po-profile-shell,
    #projectos-app .po-timeline-row,
    #projectos-site-app .po-timeline-row {
        grid-template-columns: 1fr !important;
    }
    #projectos-app .po-sidebar,
    #projectos-site-app .po-sidebar {
        position: relative !important;
        top: auto !important;
        min-height: 0 !important;
    }
}
@media (max-width: 680px) {
    #projectos-app .po-app,
    #projectos-site-app .po-app {
        padding: 12px !important;
        gap: 12px !important;
    }
    #projectos-app .po-topbar,
    #projectos-site-app .po-topbar,
    #projectos-app .po-page-jumper,
    #projectos-site-app .po-page-jumper,
    #projectos-app .po-drawer__actions,
    #projectos-site-app .po-drawer__actions,
    #projectos-app .po-notification-item,
    #projectos-site-app .po-notification-item {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }
    #projectos-app .po-btn,
    #projectos-site-app .po-btn {
        width: 100% !important;
    }
}


/* ProjectOS 5.4.0 Matte Premium Differentiation, Stable Search and Overflow Guard */
#projectos-app,
#projectos-site-app {
    --po-accent-2: #8fa7d8;
    --po-bg: #dbe7f3;
    --po-bg-alt: rgba(245, 248, 252, .92);
    --po-panel: rgba(248, 250, 253, .94);
    --po-panel-strong: rgba(255, 255, 255, .97);
    --po-ink: #1c2940;
    --po-muted: #63738c;
    --po-border: rgba(85, 108, 148, .14);
    --po-shadow: 0 22px 54px rgba(74, 92, 128, .14);
    --po-shadow-soft: 0 12px 26px rgba(90, 106, 140, .10);
    --po-sidebar-grad: linear-gradient(180deg, #30457d 0%, #163053 100%);
    background: linear-gradient(180deg, #d9e7f3 0%, #dbe7f3 100%) !important;
}
body.projectos-shell-body,
body[data-projectos-ui-theme].projectos-shell-body {
    background: linear-gradient(180deg, #d9e7f3 0%, #dbe7f3 100%) !important;
    color: #1c2940;
}
#projectos-app .po-sidebar,
#projectos-site-app .po-sidebar {
    background: var(--po-sidebar-grad) !important;
}
#projectos-app .po-main,
#projectos-site-app .po-main,
#projectos-app .po-content,
#projectos-site-app .po-content {
    min-width: 0;
}
#projectos-app .po-topbar,
#projectos-site-app .po-topbar,
#projectos-app .po-page-jumper,
#projectos-site-app .po-page-jumper,
#projectos-app .po-panel,
#projectos-site-app .po-panel,
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-hierarchy-card,
#projectos-site-app .po-hierarchy-card,
#projectos-app .po-hierarchy-preview,
#projectos-site-app .po-hierarchy-preview,
#projectos-app .po-settings-panel,
#projectos-site-app .po-settings-panel,
#projectos-app .po-ai-link-card,
#projectos-site-app .po-ai-link-card,
#projectos-app .po-theme-preview-card,
#projectos-site-app .po-theme-preview-card {
    overflow: hidden !important;
}
#projectos-app .po-panel *,
#projectos-site-app .po-panel *,
#projectos-app .po-task-row *,
#projectos-site-app .po-task-row *,
#projectos-app .po-hierarchy-card *,
#projectos-site-app .po-hierarchy-card *,
#projectos-app .po-settings-panel *,
#projectos-site-app .po-settings-panel * {
    min-width: 0;
    overflow-wrap: anywhere;
    word-break: break-word;
}
#projectos-app .po-topbar__right,
#projectos-site-app .po-topbar__right,
#projectos-app .po-hierarchy-card__actions,
#projectos-site-app .po-hierarchy-card__actions,
#projectos-app .po-hierarchy-card__actions--compact,
#projectos-site-app .po-hierarchy-card__actions--compact,
#projectos-app .po-drawer__actions,
#projectos-site-app .po-drawer__actions {
    flex-wrap: wrap !important;
}
#projectos-app .po-search,
#projectos-site-app .po-search {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    gap: 10px !important;
    align-items: flex-start !important;
}
#projectos-app .po-search > span,
#projectos-site-app .po-search > span {
    display: block;
    margin: 0 0 6px;
    padding: 0 !important;
    background: transparent !important;
    color: var(--po-ink) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
}
#projectos-app .po-search input,
#projectos-site-app .po-search input,
#projectos-app .po-field select,
#projectos-site-app .po-field select,
#projectos-app .po-field input,
#projectos-site-app .po-field input,
#projectos-app .po-field textarea,
#projectos-site-app .po-field textarea,
#projectos-app .po-field--compact select,
#projectos-site-app .po-field--compact select {
    width: 100% !important;
    border-radius: 20px !important;
    border: 1px solid rgba(114, 133, 171, .20) !important;
    background: rgba(255, 255, 255, .82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.55) !important;
    color: var(--po-ink) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    padding: 14px 16px !important;
}
#projectos-app .po-field option,
#projectos-site-app .po-field option,
#projectos-app .po-field--compact option,
#projectos-site-app .po-field--compact option {
    font-size: 13px !important;
    font-weight: 500 !important;
}
#projectos-app .po-field--compact > span,
#projectos-site-app .po-field--compact > span {
    font-size: 13px !important;
    letter-spacing: .01em !important;
}
#projectos-app .po-theme-preview-grid,
#projectos-site-app .po-theme-preview-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
    gap: 14px;
}
#projectos-app .po-theme-preview-card,
#projectos-site-app .po-theme-preview-card {
    position: relative;
    display: grid;
    gap: 12px;
    align-items: start;
    padding: 18px 18px 16px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(114, 133, 171, .16) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(239,244,250,.94) 100%) !important;
    box-shadow: 0 12px 24px rgba(100, 115, 149, .08) !important;
    text-align: left;
}
#projectos-app .po-theme-preview-card::after,
#projectos-site-app .po-theme-preview-card::after {
    content: '';
    position: absolute;
    inset: auto 16px 14px auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255,255,255,.72) 0%, rgba(255,255,255,0) 72%);
    pointer-events: none;
}
#projectos-app .po-theme-preview-card__swatches,
#projectos-site-app .po-theme-preview-card__swatches {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.7);
    border: 1px solid rgba(114, 133, 171, .12);
}
#projectos-app .po-theme-preview-card__swatches i,
#projectos-site-app .po-theme-preview-card__swatches i {
    display: block;
    height: 28px;
    border-radius: 999px;
    background: var(--preview-a);
}
#projectos-app .po-theme-preview-card__swatches i:nth-child(2),
#projectos-site-app .po-theme-preview-card__swatches i:nth-child(2) { background: var(--preview-b); }
#projectos-app .po-theme-preview-card__swatches i:nth-child(3),
#projectos-site-app .po-theme-preview-card__swatches i:nth-child(3) { background: var(--preview-c); }
#projectos-app .po-theme-preview-card strong,
#projectos-site-app .po-theme-preview-card strong {
    font-size: 16px !important;
    line-height: 1.25 !important;
}
#projectos-app .po-theme-preview-card small,
#projectos-site-app .po-theme-preview-card small {
    font-size: 12px !important;
    color: var(--po-muted) !important;
    line-height: 1.45 !important;
}
#projectos-app .po-theme-preview-card.is-active,
#projectos-site-app .po-theme-preview-card.is-active {
    border-color: rgba(97, 118, 180, .38) !important;
    box-shadow: 0 18px 34px rgba(84, 100, 143, .16) !important;
}
#projectos-app .po-tree-toggle,
#projectos-site-app .po-tree-toggle {
    background: linear-gradient(180deg, rgba(255,255,255,.9) 0%, rgba(223,233,244,.94) 100%) !important;
    border: 1px solid rgba(114, 133, 171, .16) !important;
    color: var(--po-accent, #5c74b3) !important;
    box-shadow: none !important;
}
#projectos-app .po-score-row__progress span,
#projectos-site-app .po-score-row__progress span,
#projectos-app .po-assignee-card__progress span,
#projectos-site-app .po-assignee-card__progress span,
#projectos-app .po-stat-line span em,
#projectos-site-app .po-stat-line span em {
    background: linear-gradient(90deg, #77a86c 0%, #c7b16e 56%, #d67070 100%) !important;
}
#projectos-app .po-task-row .po-badge,
#projectos-site-app .po-task-row .po-badge,
#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-chip-filter,
#projectos-site-app .po-chip-filter,
#projectos-app .po-filter-chip,
#projectos-site-app .po-filter-chip,
#projectos-app .po-page-jumper button,
#projectos-site-app .po-page-jumper button,
#projectos-app .po-quick-cats button,
#projectos-site-app .po-quick-cats button,
#projectos-app .po-settings-tab,
#projectos-site-app .po-settings-tab,
#projectos-app .po-toggle,
#projectos-site-app .po-toggle {
    background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(231,238,247,.96) 100%) !important;
    color: var(--po-ink) !important;
    border-color: rgba(114, 133, 171, .14) !important;
}
#projectos-app .po-chip.is-active,
#projectos-site-app .po-chip.is-active,
#projectos-app .po-chip-filter.is-active,
#projectos-site-app .po-chip-filter.is-active,
#projectos-app .po-page-jumper button.is-active,
#projectos-site-app .po-page-jumper button.is-active,
#projectos-app .po-settings-tab.is-active,
#projectos-site-app .po-settings-tab.is-active,
#projectos-app .po-btn--primary,
#projectos-site-app .po-btn--primary,
#projectos-app .po-btn--secondary,
#projectos-site-app .po-btn--secondary {
    background: linear-gradient(135deg, var(--po-accent, #5d76b6) 0%, var(--po-accent-2, #8fa7d8) 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
}
#projectos-app .po-btn--ghost,
#projectos-site-app .po-btn--ghost,
#projectos-app .po-btn--soft,
#projectos-site-app .po-btn--soft {
    background: rgba(255,255,255,.86) !important;
    color: var(--po-ink) !important;
    border-color: rgba(114,133,171,.18) !important;
}
#projectos-app[data-ui-theme="aurora"], #projectos-site-app[data-ui-theme="aurora"] { --po-accent:#6989c6; --po-accent-2:#9ab3e2; --po-sidebar-grad:linear-gradient(180deg,#30457d 0%,#1d345f 100%); --po-bg:#dbe7f3; --po-panel:rgba(247,250,253,.95); }
body[data-projectos-ui-theme="aurora"].projectos-shell-body { background: linear-gradient(180deg,#d9e7f3 0%,#dbe7f3 100%) !important; }
#projectos-app[data-ui-theme="midnight"], #projectos-site-app[data-ui-theme="midnight"] { --po-accent:#6179b6; --po-accent-2:#9aaad5; --po-sidebar-grad:linear-gradient(180deg,#2c3f6d 0%,#223454 100%); --po-bg:#d5deee; --po-panel:rgba(236,241,249,.95); --po-muted:#5d6d86; }
body[data-projectos-ui-theme="midnight"].projectos-shell-body { background: linear-gradient(180deg,#d5deee 0%,#dce4f1 100%) !important; }
#projectos-app[data-ui-theme="nebula"], #projectos-site-app[data-ui-theme="nebula"] { --po-accent:#8b8dc7; --po-accent-2:#b6b0de; --po-sidebar-grad:linear-gradient(180deg,#474276 0%,#2f3a65 100%); --po-bg:#e8e6f4; --po-panel:rgba(250,248,253,.96); --po-muted:#6e6a86; }
body[data-projectos-ui-theme="nebula"].projectos-shell-body { background: linear-gradient(180deg,#e5e5f3 0%,#eeedf7 100%) !important; }
#projectos-app[data-ui-theme="comfort"], #projectos-site-app[data-ui-theme="comfort"] { --po-accent:#80a0c2; --po-accent-2:#a8bed7; --po-sidebar-grad:linear-gradient(180deg,#44617d 0%,#25445e 100%); --po-bg:#e4edf5; --po-panel:rgba(246,249,252,.96); --po-muted:#63798e; }
body[data-projectos-ui-theme="comfort"].projectos-shell-body { background: linear-gradient(180deg,#e0eaf2 0%,#e7eef5 100%) !important; }
#projectos-app[data-ui-theme="slate"], #projectos-site-app[data-ui-theme="slate"] { --po-accent:#7389a5; --po-accent-2:#aab8c8; --po-sidebar-grad:linear-gradient(180deg,#405169 0%,#293a4d 100%); --po-bg:#dfe6ee; --po-panel:rgba(243,246,250,.96); --po-muted:#5e6a79; }
body[data-projectos-ui-theme="slate"].projectos-shell-body { background: linear-gradient(180deg,#dee5ed 0%,#e5ebf1 100%) !important; }
#projectos-app[data-ui-theme="emerald"], #projectos-site-app[data-ui-theme="emerald"] { --po-accent:#6f9887; --po-accent-2:#a8c1b6; --po-sidebar-grad:linear-gradient(180deg,#3d6458 0%,#23483d 100%); --po-bg:#e3ece7; --po-panel:rgba(247,250,248,.96); --po-muted:#5f776d; }
body[data-projectos-ui-theme="emerald"].projectos-shell-body { background: linear-gradient(180deg,#e1ebe6 0%,#e8f0ea 100%) !important; }
#projectos-app[data-ui-theme="rose"], #projectos-site-app[data-ui-theme="rose"] { --po-accent:#a07a97; --po-accent-2:#c4a8bc; --po-sidebar-grad:linear-gradient(180deg,#6f5071 0%,#4e3b58 100%); --po-bg:#f1e9ee; --po-panel:rgba(251,247,249,.96); --po-muted:#7b6878; }
body[data-projectos-ui-theme="rose"].projectos-shell-body { background: linear-gradient(180deg,#f0e6ee 0%,#f5edf2 100%) !important; }
#projectos-app[data-ui-theme="gold"], #projectos-site-app[data-ui-theme="gold"] { --po-accent:#a3885f; --po-accent-2:#c2b08b; --po-sidebar-grad:linear-gradient(180deg,#685945 0%,#4d4132 100%); --po-bg:#f0ebdf; --po-panel:rgba(251,249,244,.96); --po-muted:#7b6b54; }
body[data-projectos-ui-theme="gold"].projectos-shell-body { background: linear-gradient(180deg,#efe8dc 0%,#f6f1e7 100%) !important; }
#projectos-app[data-ui-theme="mist"], #projectos-site-app[data-ui-theme="mist"] { --po-accent:#8d9bb0; --po-accent-2:#bcc8d8; --po-sidebar-grad:linear-gradient(180deg,#54667d 0%,#384a5e 100%); --po-bg:#e8edf2; --po-panel:rgba(247,249,251,.96); --po-muted:#677587; }
body[data-projectos-ui-theme="mist"].projectos-shell-body { background: linear-gradient(180deg,#e6ebf0 0%,#eef2f5 100%) !important; }
#projectos-app[data-ui-theme="graphite"], #projectos-site-app[data-ui-theme="graphite"] { --po-accent:#7d8ca4; --po-accent-2:#aab7c9; --po-sidebar-grad:linear-gradient(180deg,#4a596f 0%,#324053 100%); --po-bg:#e5eaf0; --po-panel:rgba(245,247,250,.96); --po-muted:#606d80; }
body[data-projectos-ui-theme="graphite"].projectos-shell-body { background: linear-gradient(180deg,#e4e8ee 0%,#edf1f5 100%) !important; }
#projectos-app[data-ui-theme="sand"], #projectos-site-app[data-ui-theme="sand"] { --po-accent:#9e8a73; --po-accent-2:#c4b39f; --po-sidebar-grad:linear-gradient(180deg,#6b5a49 0%,#4a3e31 100%); --po-bg:#f0ebe5; --po-panel:rgba(251,248,244,.96); --po-muted:#7b6b5c; }
body[data-projectos-ui-theme="sand"].projectos-shell-body { background: linear-gradient(180deg,#f1ebe4 0%,#f5f0ea 100%) !important; }
#projectos-app[data-ui-theme="lavender"], #projectos-site-app[data-ui-theme="lavender"] { --po-accent:#9488bd; --po-accent-2:#c2b9dd; --po-sidebar-grad:linear-gradient(180deg,#5d5686 0%,#423d63 100%); --po-bg:#ece8f5; --po-panel:rgba(249,247,252,.96); --po-muted:#736b88; }
body[data-projectos-ui-theme="lavender"].projectos-shell-body { background: linear-gradient(180deg,#ebe7f4 0%,#f1edf8 100%) !important; }
#projectos-app[data-ui-theme="forest"], #projectos-site-app[data-ui-theme="forest"] { --po-accent:#73907e; --po-accent-2:#a7c0b2; --po-sidebar-grad:linear-gradient(180deg,#486454 0%,#2f4a3c 100%); --po-bg:#e5ece8; --po-panel:rgba(247,250,248,.96); --po-muted:#61766a; }
body[data-projectos-ui-theme="forest"].projectos-shell-body { background: linear-gradient(180deg,#e4ece7 0%,#edf3ef 100%) !important; }
@media (max-width: 980px) {
    #projectos-app .po-topbar__left,
    #projectos-site-app .po-topbar__left,
    #projectos-app .po-topbar__right,
    #projectos-site-app .po-topbar__right { width: 100% !important; }
    #projectos-app .po-theme-preview-grid,
    #projectos-site-app .po-theme-preview-grid { grid-template-columns: 1fr !important; }
}


/* ===== ProjectOS 5.5.0 QA, Portal v2, Automation Recipes, Dashboard v2 ===== */
#projectos-app,
#projectos-site-app {
    --po-v55-surface: linear-gradient(180deg, rgba(249,252,255,.97), rgba(235,242,251,.94));
    --po-v55-card: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,246,253,.95));
    --po-v55-border: rgba(112,132,168,.16);
    --po-v55-text: #22324c;
    --po-v55-muted: #5d6f88;
    --po-v55-danger: #df6b75;
    --po-v55-success: #42b76c;
}

#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel,
#projectos-app .po-drawer-section.po-checklist-section,
#projectos-site-app .po-drawer-section.po-checklist-section {
    background: var(--po-v55-surface) !important;
    color: var(--po-v55-text) !important;
    border: 1px solid var(--po-v55-border) !important;
    border-radius: 26px !important;
    box-shadow: 0 22px 50px rgba(75,94,128,.13), inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#projectos-app .po-checklist__item,
#projectos-site-app .po-checklist__item {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 13px 15px !important;
    background: var(--po-v55-card) !important;
    color: var(--po-v55-text) !important;
    border: 1px solid var(--po-v55-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 10px 24px rgba(75,94,128,.07) !important;
}

#projectos-app .po-checklist__item label,
#projectos-site-app .po-checklist__item label {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
}

#projectos-app .po-checklist__item label span,
#projectos-site-app .po-checklist__item label span {
    color: var(--po-v55-text) !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: 650 !important;
}

#projectos-app .po-checklist__actions,
#projectos-site-app .po-checklist__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

#projectos-app .po-mini-status,
#projectos-site-app .po-mini-status {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 11px !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(233,239,249,.98), rgba(219,229,243,.94)) !important;
    color: #445671 !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

#projectos-app .po-checklist__item.is-complete,
#projectos-site-app .po-checklist__item.is-complete {
    background: linear-gradient(180deg, rgba(240,252,245,.99), rgba(226,247,233,.95)) !important;
    border-color: rgba(66,183,108,.25) !important;
}

#projectos-app .po-checklist__item.is-complete .po-mini-status,
#projectos-site-app .po-checklist__item.is-complete .po-mini-status {
    background: linear-gradient(180deg, rgba(204,244,216,.98), rgba(177,235,195,.95)) !important;
    color: #216a3f !important;
}

#projectos-app .po-check,
#projectos-site-app .po-check {
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(223,107,117,.25) !important;
    background: linear-gradient(180deg, #ff9b9b, #df6b75) !important;
    box-shadow: 0 8px 18px rgba(223,107,117,.20), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

#projectos-app .po-check.is-checked,
#projectos-site-app .po-check.is-checked {
    border-color: rgba(66,183,108,.28) !important;
    background: linear-gradient(180deg, #6bd98b, #35ad63) !important;
    box-shadow: 0 8px 18px rgba(53,173,99,.22), inset 0 1px 0 rgba(255,255,255,.35) !important;
}

#projectos-app .po-checklist-quickline,
#projectos-site-app .po-checklist-quickline,
#projectos-app .po-inline-form--checklist,
#projectos-site-app .po-inline-form--checklist {
    background: linear-gradient(180deg, rgba(250,252,255,.98), rgba(235,242,251,.94)) !important;
    border: 1px solid var(--po-v55-border) !important;
    border-radius: 22px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.85) !important;
}

#projectos-app .po-client-success-grid,
#projectos-site-app .po-client-success-grid,
#projectos-app .po-dashboard-v2-grid,
#projectos-site-app .po-dashboard-v2-grid {
    align-items: stretch !important;
}

#projectos-app .po-client-success-card,
#projectos-site-app .po-client-success-card,
#projectos-app .po-exec-summary,
#projectos-site-app .po-exec-summary {
    background: var(--po-v55-surface) !important;
    color: var(--po-v55-text) !important;
    border: 1px solid var(--po-v55-border) !important;
    box-shadow: 0 18px 42px rgba(75,94,128,.10), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#projectos-app .po-client-health-track,
#projectos-site-app .po-client-health-track {
    height: 12px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(205,216,232,.62);
    border: 1px solid rgba(120,140,176,.14);
}

#projectos-app .po-client-health-track span,
#projectos-site-app .po-client-health-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #42b76c 0%, #c9b56c 56%, #df6b75 100%);
}

#projectos-app .po-client-pulse,
#projectos-site-app .po-client-pulse {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 10px;
    margin-top: 14px;
}

#projectos-app .po-client-pulse article,
#projectos-site-app .po-client-pulse article,
#projectos-app .po-client-timeline-mini article,
#projectos-site-app .po-client-timeline-mini article {
    padding: 12px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.70);
    border: 1px solid rgba(120,140,176,.13);
}

#projectos-app .po-client-pulse strong,
#projectos-site-app .po-client-pulse strong {
    color: var(--po-v55-text) !important;
    display: block;
    font-size: 20px;
}

#projectos-app .po-client-pulse small,
#projectos-site-app .po-client-pulse small,
#projectos-app .po-client-timeline-mini small,
#projectos-site-app .po-client-timeline-mini small {
    color: var(--po-v55-muted) !important;
}

#projectos-app .po-automation-recipes,
#projectos-site-app .po-automation-recipes {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: 10px;
    margin: 12px 0 16px;
}

#projectos-app .po-automation-recipes article,
#projectos-site-app .po-automation-recipes article {
    padding: 13px 14px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(238,244,252,.92));
    border: 1px solid rgba(120,140,176,.13);
}

#projectos-app .po-automation-recipes strong,
#projectos-site-app .po-automation-recipes strong {
    display: block;
    color: var(--po-v55-text) !important;
}

#projectos-app .po-automation-recipes small,
#projectos-site-app .po-automation-recipes small,
#projectos-app .po-exec-summary p,
#projectos-site-app .po-exec-summary p {
    color: var(--po-v55-muted) !important;
}

#projectos-app .po-exec-actions,
#projectos-site-app .po-exec-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 760px) {
    #projectos-app .po-checklist__item,
    #projectos-site-app .po-checklist__item {
        grid-template-columns: 1fr !important;
    }
    #projectos-app .po-checklist__actions,
    #projectos-site-app .po-checklist__actions {
        justify-content: flex-start !important;
    }
    #projectos-app .po-client-pulse,
    #projectos-site-app .po-client-pulse {
        grid-template-columns: 1fr;
    }
}


/* v5.5.1 premium clarity + checklist polish */
:root {
    --po-v551-ink: #24324a;
    --po-v551-ink-soft: #5a6882;
    --po-v551-line: rgba(120, 139, 174, 0.18);
    --po-v551-surface: linear-gradient(180deg, rgba(251, 253, 255, 0.98), rgba(239, 244, 252, 0.96));
    --po-v551-card: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(244,248,253,0.96));
    --po-v551-danger: #d94f67;
    --po-v551-danger-deep: #7e2237;
    --po-v551-success: #35b56d;
    --po-v551-success-deep: #1f6b42;
}

#projectos-app .po-task-row,
#projectos-site-app .po-task-row {
    background: var(--po-v551-card) !important;
    border: 1px solid var(--po-v551-line) !important;
    box-shadow: 0 18px 38px rgba(89, 106, 141, 0.10), inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

#projectos-app .po-task-row__main h4,
#projectos-site-app .po-task-row__main h4,
#projectos-app .po-inline-checklist-panel h3,
#projectos-site-app .po-inline-checklist-panel h3,
#projectos-app .po-inline-checklist-panel h4,
#projectos-site-app .po-inline-checklist-panel h4,
#projectos-app .po-drawer-section.po-checklist-section h3,
#projectos-site-app .po-drawer-section.po-checklist-section h3,
#projectos-app .po-drawer-section.po-checklist-section h4,
#projectos-site-app .po-drawer-section.po-checklist-section h4 {
    color: var(--po-v551-ink) !important;
    text-shadow: none !important;
}

#projectos-app .po-task-row__meta,
#projectos-site-app .po-task-row__meta,
#projectos-app .po-task-row__meta *,
#projectos-site-app .po-task-row__meta *,
#projectos-app .po-form-hint,
#projectos-site-app .po-form-hint,
#projectos-app .po-template-note,
#projectos-site-app .po-template-note,
#projectos-app .po-inline-checklist-panel small,
#projectos-site-app .po-inline-checklist-panel small,
#projectos-app .po-drawer-section.po-checklist-section small,
#projectos-site-app .po-drawer-section.po-checklist-section small {
    color: var(--po-v551-ink-soft) !important;
}

#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel,
#projectos-app .po-drawer-section.po-checklist-section,
#projectos-site-app .po-drawer-section.po-checklist-section,
#projectos-app[data-checklist-theme="midnight"] .po-inline-checklist-panel,
#projectos-site-app[data-checklist-theme="midnight"] .po-inline-checklist-panel,
#projectos-app[data-checklist-theme="midnight"] .po-drawer-section.po-checklist-section,
#projectos-site-app[data-checklist-theme="midnight"] .po-drawer-section.po-checklist-section {
    background: var(--po-v551-surface) !important;
    color: var(--po-v551-ink) !important;
    border-color: var(--po-v551-line) !important;
    box-shadow: 0 22px 48px rgba(89,106,141,.12), inset 0 1px 0 rgba(255,255,255,.88) !important;
}

#projectos-app .po-checklist__item,
#projectos-site-app .po-checklist__item,
#projectos-app[data-checklist-theme="midnight"] .po-checklist__item,
#projectos-site-app[data-checklist-theme="midnight"] .po-checklist__item {
    background: var(--po-v551-card) !important;
    color: var(--po-v551-ink) !important;
    border: 1px solid var(--po-v551-line) !important;
}

#projectos-app .po-checklist__item label span,
#projectos-site-app .po-checklist__item label span,
#projectos-app[data-checklist-theme="midnight"] .po-checklist__item label span,
#projectos-site-app[data-checklist-theme="midnight"] .po-checklist__item label span {
    color: var(--po-v551-ink) !important;
    font-weight: 700 !important;
}

#projectos-app .po-checklist__item.is-complete label span,
#projectos-site-app .po-checklist__item.is-complete label span {
    color: #60708b !important;
}

#projectos-app .po-inline-form--checklist,
#projectos-site-app .po-inline-form--checklist,
#projectos-app .po-checklist-quickline,
#projectos-site-app .po-checklist-quickline {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(242,247,253,.95)) !important;
    border-color: var(--po-v551-line) !important;
}

#projectos-app .po-check,
#projectos-site-app .po-check {
    position: relative;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(217, 79, 103, .22) !important;
    background: linear-gradient(180deg, #ffacb9, #e1627a) !important;
    box-shadow: 0 8px 18px rgba(217,79,103,.20), inset 0 1px 0 rgba(255,255,255,.55) !important;
    overflow: visible !important;
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}
#projectos-app .po-check::before,
#projectos-site-app .po-check::before {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    opacity: .72;
}
#projectos-app .po-check::after,
#projectos-site-app .po-check::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    transform: translate(-50%, -50%);
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.74));
    box-shadow: 0 0 0 0 rgba(217,79,103,.28);
    animation: poPremiumPulse 2.4s ease-in-out infinite;
}
#projectos-app .po-check:hover,
#projectos-site-app .po-check:hover {
    transform: translateY(-1px) scale(1.04);
}
#projectos-app .po-check.is-checked,
#projectos-site-app .po-check.is-checked {
    border-color: rgba(53,181,109,.20) !important;
    background: linear-gradient(180deg, #73e39a, #35b56d) !important;
    box-shadow: 0 8px 18px rgba(53,181,109,.22), inset 0 1px 0 rgba(255,255,255,.55) !important;
}
#projectos-app .po-check.is-checked::after,
#projectos-site-app .po-check.is-checked::after {
    width: 7px;
    height: 11px;
    border-radius: 0;
    background: transparent;
    border-right: 2px solid rgba(255,255,255,.98);
    border-bottom: 2px solid rgba(255,255,255,.98);
    transform: translate(-50%, -60%) rotate(45deg);
    animation: none;
}

#projectos-app .po-inline-checklist-panel .po-icon-btn,
#projectos-site-app .po-inline-checklist-panel .po-icon-btn,
#projectos-app .po-drawer-section.po-checklist-section .po-icon-btn,
#projectos-site-app .po-drawer-section.po-checklist-section .po-icon-btn {
    color: var(--po-v551-ink) !important;
    background: rgba(255,255,255,.92) !important;
    border-color: rgba(137,154,188,.22) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.84), 0 10px 22px rgba(101,118,151,.08) !important;
}
#projectos-app .po-icon-btn--soft,
#projectos-site-app .po-icon-btn--soft {
    color: #32507a !important;
}
#projectos-app .po-icon-btn--danger,
#projectos-site-app .po-icon-btn--danger,
#projectos-app .po-inline-checklist-panel .po-icon-btn--danger,
#projectos-site-app .po-inline-checklist-panel .po-icon-btn--danger,
#projectos-app .po-drawer-section.po-checklist-section .po-icon-btn--danger,
#projectos-site-app .po-drawer-section.po-checklist-section .po-icon-btn--danger {
    color: var(--po-v551-danger-deep) !important;
    background: linear-gradient(180deg, rgba(255,244,246,.98), rgba(255,231,236,.96)) !important;
    border-color: rgba(217,79,103,.24) !important;
    font-weight: 800 !important;
}

#projectos-app .po-row-action,
#projectos-site-app .po-row-action {
    color: #35537d !important;
    background: rgba(255,255,255,.92) !important;
    border: 1px solid rgba(137,154,188,.22) !important;
}

#projectos-app .po-task-row .po-badge,
#projectos-site-app .po-task-row .po-badge {
    color: #35537d !important;
}

@keyframes poPremiumPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(217,79,103,.00); }
    50% { box-shadow: 0 0 0 6px rgba(217,79,103,.16); }
}


/* v5.5.2 final UX polish: AI visibility, no-black clarity and compact premium actions */
#projectos-app,
#projectos-site-app {
    --po-clean-ink:#22324c;
    --po-clean-muted:#5d6d86;
    --po-clean-line:rgba(116,137,173,.18);
    --po-clean-surface:linear-gradient(180deg,rgba(252,254,255,.98),rgba(239,245,253,.96));
    --po-clean-card:linear-gradient(180deg,rgba(255,255,255,.99),rgba(246,250,255,.96));
}
#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel,
#projectos-app .po-drawer-section.po-checklist-section,
#projectos-site-app .po-drawer-section.po-checklist-section,
#projectos-app .po-checklist-tools,
#projectos-site-app .po-checklist-tools,
#projectos-app .po-checklist-tools--premium,
#projectos-site-app .po-checklist-tools--premium {
    background:var(--po-clean-surface)!important;
    color:var(--po-clean-ink)!important;
    border-color:var(--po-clean-line)!important;
    box-shadow:0 18px 40px rgba(80,100,135,.10), inset 0 1px 0 rgba(255,255,255,.86)!important;
}
#projectos-app .po-checklist-tools,
#projectos-site-app .po-checklist-tools,
#projectos-app .po-checklist-tools--premium,
#projectos-site-app .po-checklist-tools--premium {
    border-radius:18px!important;
    padding:10px!important;
    gap:8px!important;
}
#projectos-app .po-checklist__item,
#projectos-site-app .po-checklist__item,
#projectos-app .po-checklist-edit,
#projectos-site-app .po-checklist-edit,
#projectos-app .po-checklist-quickline,
#projectos-site-app .po-checklist-quickline {
    background:var(--po-clean-card)!important;
    color:var(--po-clean-ink)!important;
    border-color:var(--po-clean-line)!important;
}
#projectos-app .po-checklist__item *,
#projectos-site-app .po-checklist__item *,
#projectos-app .po-inline-checklist-panel *,
#projectos-site-app .po-inline-checklist-panel * {
    text-shadow:none!important;
}
#projectos-app .po-checklist__item label span,
#projectos-site-app .po-checklist__item label span {
    color:var(--po-clean-ink)!important;
}
#projectos-app .po-icon-btn--danger,
#projectos-site-app .po-icon-btn--danger {
    background:linear-gradient(180deg,#fff6f8,#ffe6eb)!important;
    color:#8f263d!important;
    border-color:rgba(214,75,101,.24)!important;
}
#projectos-app .po-check,
#projectos-site-app .po-check {
    width:16px!important;
    height:16px!important;
    min-width:16px!important;
    border-radius:999px!important;
}
#projectos-app .po-task-row__lead,
#projectos-site-app .po-task-row__lead {
    gap:8px!important;
}
#projectos-app .po-ai-connection-showcase,
#projectos-site-app .po-ai-connection-showcase {
    background:var(--po-clean-surface)!important;
    color:var(--po-clean-ink)!important;
    border:1px solid var(--po-clean-line)!important;
    box-shadow:0 20px 44px rgba(80,100,135,.10), inset 0 1px 0 rgba(255,255,255,.88)!important;
}
#projectos-app .po-ai-ready-grid,
#projectos-site-app .po-ai-ready-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:12px;
}
#projectos-app .po-ai-ready-card,
#projectos-site-app .po-ai-ready-card {
    display:grid;
    gap:6px;
    padding:16px;
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(241,247,254,.96));
    border:1px solid rgba(118,138,174,.16);
    box-shadow:0 14px 28px rgba(82,100,134,.08), inset 0 1px 0 rgba(255,255,255,.86);
}
#projectos-app .po-ai-ready-card span,
#projectos-site-app .po-ai-ready-card span {
    color:#66809d!important;
    font-size:11px;
    font-weight:850;
    letter-spacing:.08em;
    text-transform:uppercase;
}
#projectos-app .po-ai-ready-card strong,
#projectos-site-app .po-ai-ready-card strong {
    color:var(--po-clean-ink)!important;
    font-size:18px;
}
#projectos-app .po-ai-ready-card small,
#projectos-site-app .po-ai-ready-card small {
    color:var(--po-clean-muted)!important;
}
#projectos-app .po-ai-ready-card.is-ready,
#projectos-site-app .po-ai-ready-card.is-ready {
    background:linear-gradient(180deg,rgba(239,252,246,.98),rgba(225,247,234,.96));
    border-color:rgba(56,172,101,.22);
}
#projectos-app .po-ai-ready-card.is-waiting,
#projectos-site-app .po-ai-ready-card.is-waiting {
    background:linear-gradient(180deg,rgba(255,248,238,.98),rgba(253,240,218,.96));
    border-color:rgba(214,151,70,.22);
}
#projectos-app .po-ai-form textarea,
#projectos-site-app .po-ai-form textarea {
    min-height:180px!important;
    background:linear-gradient(180deg,#fff,#f7faff)!important;
    color:var(--po-clean-ink)!important;
}


/* ===== ProjectOS 5.5.3 stable premium slim UI reset ===== */
#projectos-app,
#projectos-site-app {
    --po-553-ink: #20304a;
    --po-553-muted: #5b6f8d;
    --po-553-line: rgba(116, 139, 176, .16);
    --po-553-panel: linear-gradient(145deg, rgba(250,253,255,.985), rgba(237,244,253,.955));
    --po-553-panel-strong: linear-gradient(145deg, rgba(255,255,255,.99), rgba(244,249,254,.97));
    --po-553-depth: 0 18px 44px rgba(70, 91, 126, .12), inset 0 1px 0 rgba(255,255,255,.92);
    --po-553-depth-soft: 0 10px 24px rgba(70, 91, 126, .09), inset 0 1px 0 rgba(255,255,255,.86);
}

/* No more black content panels: sidebar can stay navy, content stays premium light */
#projectos-app .po-main,
#projectos-site-app .po-main,
#projectos-app .po-content,
#projectos-site-app .po-content {
    background: linear-gradient(180deg, rgba(224,236,248,.82), rgba(215,229,243,.72)) !important;
    color: var(--po-553-ink) !important;
}

#projectos-app .po-panel,
#projectos-site-app .po-panel,
#projectos-app .po-view-head--premium,
#projectos-site-app .po-view-head--premium,
#projectos-app .po-card,
#projectos-site-app .po-card,
#projectos-app .po-ai-connection-card,
#projectos-site-app .po-ai-connection-card,
#projectos-app .po-ai-provider-note,
#projectos-site-app .po-ai-provider-note,
#projectos-app .po-support-card,
#projectos-site-app .po-support-card,
#projectos-app .po-profile-settings-card,
#projectos-site-app .po-profile-settings-card,
#projectos-app .po-note-category-panel,
#projectos-site-app .po-note-category-panel,
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-message-card,
#projectos-site-app .po-message-card,
#projectos-app .po-calendar-day,
#projectos-site-app .po-calendar-day {
    background: var(--po-553-panel) !important;
    color: var(--po-553-ink) !important;
    border: 1px solid var(--po-553-line) !important;
    box-shadow: var(--po-553-depth) !important;
    text-shadow: none !important;
}

#projectos-app .po-panel *,
#projectos-site-app .po-panel *,
#projectos-app .po-ai-connection-card *,
#projectos-site-app .po-ai-connection-card *,
#projectos-app .po-support-card *,
#projectos-site-app .po-support-card *,
#projectos-app .po-calendar-day *,
#projectos-site-app .po-calendar-day * {
    text-shadow: none !important;
}

#projectos-app .po-panel h1,
#projectos-app .po-panel h2,
#projectos-app .po-panel h3,
#projectos-app .po-panel h4,
#projectos-app .po-panel strong,
#projectos-app .po-view-head--premium h2,
#projectos-app .po-ai-connection-card h3,
#projectos-app .po-support-card strong,
#projectos-site-app .po-panel h1,
#projectos-site-app .po-panel h2,
#projectos-site-app .po-panel h3,
#projectos-site-app .po-panel h4,
#projectos-site-app .po-panel strong,
#projectos-site-app .po-view-head--premium h2,
#projectos-site-app .po-ai-connection-card h3,
#projectos-site-app .po-support-card strong {
    color: var(--po-553-ink) !important;
}

#projectos-app .po-panel p,
#projectos-app .po-panel small,
#projectos-app .po-panel span:not(.po-badge),
#projectos-app .po-view-head--premium p,
#projectos-app .po-ai-connection-card p,
#projectos-app .po-ai-connection-card small,
#projectos-site-app .po-panel p,
#projectos-site-app .po-panel small,
#projectos-site-app .po-panel span:not(.po-badge),
#projectos-site-app .po-view-head--premium p,
#projectos-site-app .po-ai-connection-card p,
#projectos-site-app .po-ai-connection-card small {
    color: var(--po-553-muted) !important;
}

/* Slim, not chunky buttons */
#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app .po-icon-btn,
#projectos-site-app .po-icon-btn,
#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-chip-filter,
#projectos-site-app .po-chip-filter,
#projectos-app .po-filter-chip,
#projectos-site-app .po-filter-chip,
#projectos-app .po-page-jumper button,
#projectos-site-app .po-page-jumper button,
#projectos-app .po-settings-tab,
#projectos-site-app .po-settings-tab,
#projectos-app .po-row-action,
#projectos-site-app .po-row-action {
    min-height: 30px !important;
    padding: 7px 13px !important;
    border-radius: 13px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 780 !important;
    letter-spacing: .035em !important;
    box-shadow: var(--po-553-depth-soft) !important;
}

#projectos-app .po-btn--primary,
#projectos-site-app .po-btn--primary,
#projectos-app .po-btn--secondary,
#projectos-site-app .po-btn--secondary,
#projectos-app .po-chip.is-active,
#projectos-site-app .po-chip.is-active,
#projectos-app .po-page-jumper button.is-active,
#projectos-site-app .po-page-jumper button.is-active,
#projectos-app .po-settings-tab.is-active,
#projectos-site-app .po-settings-tab.is-active {
    background: linear-gradient(135deg, rgba(95,125,188,.96), rgba(102,167,209,.94)) !important;
    color: #fff !important;
    border: 1px solid rgba(255,255,255,.30) !important;
}

#projectos-app .po-btn--ghost,
#projectos-site-app .po-btn--ghost,
#projectos-app .po-btn--soft,
#projectos-site-app .po-btn--soft,
#projectos-app .po-icon-btn,
#projectos-site-app .po-icon-btn,
#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-page-jumper button,
#projectos-site-app .po-page-jumper button {
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(238,245,253,.94)) !important;
    color: var(--po-553-ink) !important;
    border: 1px solid rgba(116,139,176,.18) !important;
}

/* User settings: no dark explanatory blocks */
#projectos-app .po-settings-panel,
#projectos-site-app .po-settings-panel,
#projectos-app .po-settings-panel .po-settings-section,
#projectos-site-app .po-settings-panel .po-settings-section,
#projectos-app .po-profile-settings-card,
#projectos-site-app .po-profile-settings-card {
    background: var(--po-553-panel) !important;
    color: var(--po-553-ink) !important;
    border-color: var(--po-553-line) !important;
}

#projectos-app .po-ai-link-grid,
#projectos-site-app .po-ai-link-grid {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
    gap: 12px !important;
}

#projectos-app .po-ai-link-card,
#projectos-site-app .po-ai-link-card {
    background: var(--po-553-panel-strong) !important;
    border: 1px solid var(--po-553-line) !important;
    border-radius: 18px !important;
    padding: 14px !important;
    box-shadow: var(--po-553-depth-soft) !important;
    color: var(--po-553-ink) !important;
}
#projectos-app .po-ai-link-card small,
#projectos-site-app .po-ai-link-card small {
    color: var(--po-553-muted) !important;
}

/* Checklist composer remains premium but light */
#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel,
#projectos-app .po-drawer-section.po-checklist-section,
#projectos-site-app .po-drawer-section.po-checklist-section,
#projectos-app .po-checklist-quickline,
#projectos-site-app .po-checklist-quickline,
#projectos-app .po-inline-form--checklist,
#projectos-site-app .po-inline-form--checklist {
    background: var(--po-553-panel-strong) !important;
    color: var(--po-553-ink) !important;
    border-color: var(--po-553-line) !important;
    box-shadow: var(--po-553-depth-soft) !important;
}

#projectos-app .po-checklist__item,
#projectos-site-app .po-checklist__item {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,253,.96)) !important;
    color: var(--po-553-ink) !important;
    border-color: rgba(116,139,176,.16) !important;
}
#projectos-app .po-checklist__item label span,
#projectos-site-app .po-checklist__item label span {
    color: var(--po-553-ink) !important;
}
#projectos-app .po-icon-btn--danger,
#projectos-site-app .po-icon-btn--danger,
#projectos-app .po-inline-checklist-panel .po-icon-btn--danger,
#projectos-site-app .po-inline-checklist-panel .po-icon-btn--danger {
    background: linear-gradient(180deg, rgba(255,246,248,.99), rgba(252,229,234,.95)) !important;
    color: #8a2437 !important;
    border-color: rgba(199, 71, 98, .20) !important;
}

/* Premium animated compact status icon */
#projectos-app .po-check,
#projectos-site-app .po-check {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    border-radius: 50% !important;
    padding: 0 !important;
}
#projectos-app .po-check::after,
#projectos-site-app .po-check::after {
    width: 6px !important;
    height: 6px !important;
}
#projectos-app .po-check.is-checked::after,
#projectos-site-app .po-check.is-checked::after {
    width: 6px !important;
    height: 9px !important;
}

/* Straight calendar: remove curved/blobby look */
#projectos-app .po-calendar-day,
#projectos-site-app .po-calendar-day,
#projectos-app .po-calendar-task,
#projectos-site-app .po-calendar-task {
    border-radius: 14px !important;
    transform: none !important;
    clip-path: none !important;
    background: linear-gradient(180deg, rgba(250,253,255,.98), rgba(235,243,252,.96)) !important;
}
#projectos-app .po-calendar-day::before,
#projectos-app .po-calendar-day::after,
#projectos-site-app .po-calendar-day::before,
#projectos-site-app .po-calendar-day::after,
#projectos-app .po-calendar-hero::before,
#projectos-app .po-calendar-hero::after,
#projectos-site-app .po-calendar-hero::before,
#projectos-site-app .po-calendar-hero::after {
    display: none !important;
}
#projectos-app .po-calendar-day__head strong,
#projectos-site-app .po-calendar-day__head strong,
#projectos-app .po-calendar-task strong,
#projectos-site-app .po-calendar-task strong {
    color: var(--po-553-ink) !important;
}
#projectos-app .po-calendar-day__head span,
#projectos-site-app .po-calendar-day__head span,
#projectos-app .po-calendar-task small,
#projectos-site-app .po-calendar-task small {
    color: var(--po-553-muted) !important;
}

/* Disable oversized decorative blobs inside content cards */
#projectos-app .po-view-head--premium::before,
#projectos-app .po-view-head--premium::after,
#projectos-site-app .po-view-head--premium::before,
#projectos-site-app .po-view-head--premium::after {
    opacity: 0 !important;
    display: none !important;
}


/* ===== ProjectOS 5.6.1 Category Harmony + Next Phase polish ===== */
#projectos-app,
#projectos-site-app {
    --po-561-ink: #20304a;
    --po-561-muted: #637792;
    --po-561-line: rgba(113, 136, 174, .18);
    --po-561-card: linear-gradient(145deg, rgba(252,254,255,.99), rgba(238,246,254,.97));
    --po-561-card-strong: linear-gradient(180deg, rgba(255,255,255,.99), rgba(244,249,255,.97));
    --po-561-blue: #5f82bf;
    --po-561-sky: #73b6dc;
}
#projectos-app .po-note-category-panel,
#projectos-site-app .po-note-category-panel {
    background: var(--po-561-card) !important;
    color: var(--po-561-ink) !important;
    border: 1px solid var(--po-561-line) !important;
    box-shadow: 0 18px 42px rgba(69, 91, 125, .12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#projectos-app .po-note-category-panel .po-section-head,
#projectos-site-app .po-note-category-panel .po-section-head {
    color: var(--po-561-ink) !important;
}
#projectos-app .po-note-category-panel .po-kicker,
#projectos-site-app .po-note-category-panel .po-kicker,
#projectos-app .po-note-category-create .po-field > span,
#projectos-site-app .po-note-category-create .po-field > span {
    color: #5f728f !important;
    opacity: 1 !important;
}
#projectos-app .po-note-category-panel h3,
#projectos-site-app .po-note-category-panel h3,
#projectos-app .po-note-category-panel strong,
#projectos-site-app .po-note-category-panel strong {
    color: var(--po-561-ink) !important;
}
#projectos-app .po-note-category-panel small,
#projectos-site-app .po-note-category-panel small {
    color: var(--po-561-muted) !important;
}
#projectos-app .po-note-category-create,
#projectos-site-app .po-note-category-create {
    background: var(--po-561-card-strong) !important;
    color: var(--po-561-ink) !important;
    border: 1px solid rgba(123, 150, 190, .20) !important;
    box-shadow: 0 14px 32px rgba(73, 93, 126, .11), inset 0 1px 0 rgba(255,255,255,.95) !important;
    border-radius: 22px !important;
}
#projectos-app .po-note-category-create input[type="text"],
#projectos-site-app .po-note-category-create input[type="text"],
#projectos-app .po-note-category-create input:not([type="color"]),
#projectos-site-app .po-note-category-create input:not([type="color"]) {
    background: linear-gradient(180deg, #ffffff, #f6faff) !important;
    color: var(--po-561-ink) !important;
    border: 1px solid rgba(116, 139, 176, .24) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.95), 0 8px 18px rgba(75, 96, 128, .07) !important;
}
#projectos-app .po-note-category-create input::placeholder,
#projectos-site-app .po-note-category-create input::placeholder {
    color: #71829a !important;
    opacity: .95 !important;
}
#projectos-app .po-note-category-create input[type="color"],
#projectos-site-app .po-note-category-create input[type="color"] {
    min-height: 40px !important;
    max-width: 180px !important;
    background: #ffffff !important;
    border: 1px solid rgba(116,139,176,.24) !important;
    border-radius: 16px !important;
    padding: 6px 12px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.96), 0 8px 18px rgba(75,96,128,.07) !important;
}
#projectos-app .po-note-category-create .po-btn,
#projectos-site-app .po-note-category-create .po-btn,
#projectos-app .po-note-category-create button,
#projectos-site-app .po-note-category-create button {
    background: linear-gradient(135deg, var(--po-561-blue), var(--po-561-sky)) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,.42) !important;
    box-shadow: 0 12px 24px rgba(64, 111, 164, .22), inset 0 1px 0 rgba(255,255,255,.34) !important;
}
#projectos-app .po-note-category-panel .po-chip,
#projectos-site-app .po-note-category-panel .po-chip {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.95)) !important;
    color: var(--po-561-ink) !important;
    border: 1px solid rgba(116,139,176,.22) !important;
    box-shadow: 0 8px 18px rgba(75,96,128,.08) !important;
}
#projectos-app .po-note-mode-grid article,
#projectos-site-app .po-note-mode-grid article {
    background: linear-gradient(180deg, rgba(248,251,255,.99), rgba(232,241,253,.96)) !important;
    color: var(--po-561-ink) !important;
    border: 1px solid rgba(116,139,176,.18) !important;
    box-shadow: 0 12px 26px rgba(70, 91, 126, .10), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#projectos-app .po-note-category-panel .po-empty--soft,
#projectos-site-app .po-note-category-panel .po-empty--soft {
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.94)) !important;
    color: var(--po-561-muted) !important;
    border: 1px dashed rgba(116,139,176,.24) !important;
}
#projectos-app .po-agency-next-phase,
#projectos-site-app .po-agency-next-phase,
#projectos-app .po-agency-action-panel,
#projectos-site-app .po-agency-action-panel {
    background: var(--po-561-card) !important;
    color: var(--po-561-ink) !important;
    border-color: var(--po-561-line) !important;
}
#projectos-app .po-agency-phase-grid,
#projectos-site-app .po-agency-phase-grid,
#projectos-app .po-agency-action-grid,
#projectos-site-app .po-agency-action-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}
#projectos-app .po-agency-phase-grid article,
#projectos-site-app .po-agency-phase-grid article,
#projectos-app .po-agency-mini-form,
#projectos-site-app .po-agency-mini-form,
#projectos-app .po-agency-risk-result,
#projectos-site-app .po-agency-risk-result {
    border: 1px solid rgba(116,139,176,.18) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.95)) !important;
    box-shadow: 0 12px 26px rgba(70, 91, 126, .09), inset 0 1px 0 rgba(255,255,255,.92) !important;
    padding: 14px !important;
    color: var(--po-561-ink) !important;
}
#projectos-app .po-agency-phase-grid article,
#projectos-site-app .po-agency-phase-grid article,
#projectos-app .po-agency-risk-result,
#projectos-site-app .po-agency-risk-result {
    display: grid;
    gap: 6px;
}
#projectos-app .po-agency-phase-grid article span,
#projectos-site-app .po-agency-phase-grid article span {
    width: fit-content;
    border-radius: 999px;
    padding: 5px 9px;
    background: rgba(95, 130, 191, .12) !important;
    color: #365983 !important;
    font-size: 11px;
    font-weight: 900;
}
#projectos-app .po-agency-mini-form .po-field input,
#projectos-site-app .po-agency-mini-form .po-field input,
#projectos-app .po-agency-mini-form .po-field select,
#projectos-site-app .po-agency-mini-form .po-field select,
#projectos-app .po-agency-mini-form .po-field textarea,
#projectos-site-app .po-agency-mini-form .po-field textarea {
    background: linear-gradient(180deg, #fff, #f6faff) !important;
    color: var(--po-561-ink) !important;
    border-color: rgba(116,139,176,.24) !important;
}
@media (max-width: 760px) {
    #projectos-app .po-note-category-create .po-form__grid--compact,
    #projectos-site-app .po-note-category-create .po-form__grid--compact {
        grid-template-columns: 1fr !important;
    }
}


/* v5.6.1 Notes Harmony: light note category panel, balanced accents and P2.1 polish */
#projectos-app .po-note-category-panel,
#projectos-site-app .po-note-category-panel {
    background: linear-gradient(145deg, rgba(250,253,255,.99), rgba(236,245,254,.97)) !important;
    border-color: rgba(116,139,176,.18) !important;
    color: var(--po-553-ink, #20304a) !important;
    box-shadow: 0 18px 44px rgba(70,91,126,.11), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#projectos-app .po-note-category-create,
#projectos-site-app .po-note-category-create {
    --note-form-accent: #6D5EF8;
    display: grid !important;
    gap: 12px !important;
    margin: 12px 0 14px !important;
    padding: 16px !important;
    border-radius: 22px !important;
    background:
        linear-gradient(90deg, rgba(109,94,248,.08), rgba(14,165,233,.06) 48%, rgba(255,255,255,.92)),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(237,246,255,.96)) !important;
    color: var(--po-553-ink, #20304a) !important;
    border: 1px solid rgba(116,139,176,.18) !important;
    box-shadow: 0 12px 28px rgba(70,91,126,.10), inset 4px 0 0 var(--note-form-accent) !important;
    text-shadow: none !important;
}
#projectos-app .po-note-category-create .po-field,
#projectos-site-app .po-note-category-create .po-field {
    margin: 0 !important;
}
#projectos-app .po-note-category-create .po-field > span,
#projectos-site-app .po-note-category-create .po-field > span,
#projectos-app .po-note-category-create small,
#projectos-site-app .po-note-category-create small {
    color: var(--po-553-muted, #5f6f8a) !important;
    text-shadow: none !important;
}
#projectos-app .po-note-category-create input[type="text"],
#projectos-site-app .po-note-category-create input[type="text"],
#projectos-app .po-note-category-create input[type="color"],
#projectos-site-app .po-note-category-create input[type="color"] {
    min-height: 46px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(238,245,253,.96)) !important;
    color: var(--po-553-ink, #20304a) !important;
    border: 1px solid rgba(116,139,176,.20) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#projectos-app .po-note-category-create input[type="color"],
#projectos-site-app .po-note-category-create input[type="color"] {
    padding: 7px !important;
}
#projectos-app .po-note-category-create .po-btn,
#projectos-site-app .po-note-category-create .po-btn {
    background: linear-gradient(135deg, rgba(95,125,188,.96), rgba(102,167,209,.94)) !important;
    color: #fff !important;
    border-color: rgba(255,255,255,.34) !important;
}
#projectos-app .po-note-color-palette,
#projectos-site-app .po-note-color-palette {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
#projectos-app .po-note-color-palette button,
#projectos-site-app .po-note-color-palette button {
    width: 28px;
    height: 28px;
    min-height: 28px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    cursor: pointer;
    background: var(--note-accent) !important;
    border: 3px solid rgba(255,255,255,.92) !important;
    box-shadow: 0 5px 14px rgba(70,91,126,.18), 0 0 0 1px rgba(116,139,176,.20) !important;
}
#projectos-app .po-note-color-palette button.is-active,
#projectos-site-app .po-note-color-palette button.is-active,
#projectos-app .po-note-color-palette button:hover,
#projectos-site-app .po-note-color-palette button:hover {
    transform: translateY(-1px) scale(1.04);
    box-shadow: 0 7px 18px rgba(70,91,126,.22), 0 0 0 3px rgba(99,102,241,.18) !important;
}
#projectos-app .po-note-categories,
#projectos-site-app .po-note-categories,
#projectos-app .po-note-meta,
#projectos-site-app .po-note-meta {
    gap: 8px !important;
    align-items: center;
}
#projectos-app .po-note-category-filter,
#projectos-site-app .po-note-category-filter,
#projectos-app .po-note-category-chip,
#projectos-site-app .po-note-category-chip {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(116,139,176,.20) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(236,245,254,.94)) !important;
    color: var(--po-553-ink, #20304a) !important;
    text-transform: none !important;
    letter-spacing: .01em !important;
    cursor: pointer;
}
#projectos-app .po-note-category-chip i,
#projectos-site-app .po-note-category-chip i {
    width: 10px;
    height: 10px;
    min-width: 10px;
    border-radius: 999px;
    background: var(--note-accent, #6D5EF8);
    box-shadow: 0 0 0 3px rgba(109,94,248,.12);
}
#projectos-app .po-note-category-filter small,
#projectos-site-app .po-note-category-filter small,
#projectos-app .po-note-category-chip small,
#projectos-site-app .po-note-category-chip small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(116,139,176,.12);
    color: var(--po-553-muted, #5f6f8a) !important;
    font-size: 11px;
    font-weight: 900;
}
#projectos-app .po-note-category-filter.is-active,
#projectos-site-app .po-note-category-filter.is-active,
#projectos-app .po-note-category-chip.is-active,
#projectos-site-app .po-note-category-chip.is-active {
    background: linear-gradient(135deg, rgba(238,244,255,.98), rgba(222,242,253,.96)) !important;
    color: #17233a !important;
    border-color: rgba(95,125,188,.36) !important;
    box-shadow: 0 12px 26px rgba(70,91,126,.14), inset 0 -2px 0 var(--note-accent, #6D5EF8) !important;
}
#projectos-app .po-note-card,
#projectos-site-app .po-note-card {
    background: linear-gradient(145deg, rgba(255,255,255,.99), rgba(238,246,254,.97)) !important;
    border-color: rgba(116,139,176,.16) !important;
    border-left: 4px solid var(--note-accent, #6D5EF8) !important;
    color: var(--po-553-ink, #20304a) !important;
    box-shadow: 0 14px 34px rgba(70,91,126,.10), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
#projectos-app .po-note-card p,
#projectos-site-app .po-note-card p,
#projectos-app .po-note-card small,
#projectos-site-app .po-note-card small {
    color: var(--po-553-muted, #5f6f8a) !important;
}
#projectos-app .po-note-mode-grid article,
#projectos-site-app .po-note-mode-grid article {
    background: linear-gradient(180deg, rgba(244,249,255,.98), rgba(225,236,251,.94)) !important;
    border-color: rgba(116,139,176,.18) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#projectos-app .po-note-mode-grid strong,
#projectos-site-app .po-note-mode-grid strong {
    color: var(--po-553-ink, #20304a) !important;
}
#projectos-app .po-note-mode-grid small,
#projectos-site-app .po-note-mode-grid small {
    color: var(--po-553-muted, #5f6f8a) !important;
}
@media (max-width: 760px) {
    #projectos-app .po-note-category-create .po-form__grid--compact,
    #projectos-site-app .po-note-category-create .po-form__grid--compact {
        grid-template-columns: 1fr !important;
    }
}


/* ProjectOS 5.6.1: note category light harmony and Agency OS next-phase UI */
#projectos-app .po-note-category-create,
#projectos-site-app .po-note-category-create {
    background:
        radial-gradient(circle at 0% 0%, rgba(91,124,250,.12), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(239,246,255,.94)) !important;
    color: #20324e !important;
    border: 1px solid rgba(118,143,183,.22) !important;
    box-shadow: 0 14px 34px rgba(77,101,140,.13), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#projectos-app .po-note-category-create .po-field,
#projectos-site-app .po-note-category-create .po-field,
#projectos-app .po-note-category-create .po-field span,
#projectos-site-app .po-note-category-create .po-field span,
#projectos-app .po-note-category-create small,
#projectos-site-app .po-note-category-create small {
    color: #536783 !important;
}
#projectos-app .po-note-category-create input,
#projectos-site-app .po-note-category-create input,
#projectos-app .po-note-category-create select,
#projectos-site-app .po-note-category-create select,
#projectos-app .po-note-category-create textarea,
#projectos-site-app .po-note-category-create textarea {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96)) !important;
    color: #20324e !important;
    border: 1px solid rgba(118,143,183,.25) !important;
    box-shadow: inset 0 1px 2px rgba(54,74,105,.06) !important;
}
#projectos-app .po-note-category-create input::placeholder,
#projectos-site-app .po-note-category-create input::placeholder,
#projectos-app .po-note-category-create textarea::placeholder,
#projectos-site-app .po-note-category-create textarea::placeholder {
    color: #7a8ca7 !important;
}
#projectos-app .po-note-category-create input[type="color"],
#projectos-site-app .po-note-category-create input[type="color"] {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.96)) !important;
    min-height: 42px;
    border-radius: 16px !important;
}
.po-note-palette {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 4px 0 10px;
}
.po-note-palette button {
    appearance: none;
    border: 1px solid rgba(118,143,183,.22);
    border-radius: 999px;
    padding: 6px 10px;
    background: rgba(255,255,255,.72);
    color: #536783;
    font-size: 11px;
    font-weight: 850;
    cursor: pointer;
}
.po-note-palette button::before {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-right: 6px;
    border-radius: 999px;
    background: var(--note-preset, #5B7CFA);
    box-shadow: 0 0 0 3px rgba(255,255,255,.9);
    vertical-align: -1px;
}
.po-note-category-chip {
    --note-category-color: #5B7CFA;
    background: linear-gradient(180deg, color-mix(in srgb, var(--note-category-color) 14%, #fff), rgba(255,255,255,.92)) !important;
    color: #223653 !important;
    border-color: color-mix(in srgb, var(--note-category-color) 28%, rgba(116,139,176,.22)) !important;
    box-shadow: 0 8px 18px color-mix(in srgb, var(--note-category-color) 14%, transparent), inset 0 1px 0 rgba(255,255,255,.92) !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}
.po-note-category-chip i {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: color-mix(in srgb, var(--note-category-color) 18%, #fff);
    color: color-mix(in srgb, var(--note-category-color) 72%, #1f2f48);
    font-style: normal;
    font-size: 11px;
    line-height: 1;
}
#projectos-app .po-note-mode-grid article,
#projectos-site-app .po-note-mode-grid article {
    background: linear-gradient(145deg, rgba(248,251,255,.96), rgba(230,239,252,.9)) !important;
    border-color: rgba(118,143,183,.20) !important;
    box-shadow: 0 10px 26px rgba(77,101,140,.11) !important;
}
.po-agency-next-hero {
    overflow: hidden;
}
.po-agency-next-shell,
.po-agency-action-grid {
    align-items: start;
}
.po-agency-stat strong {
    letter-spacing: -.04em;
}
.po-agency-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: 10px;
}
.po-agency-feature {
    display: grid;
    gap: 3px;
    border-radius: 18px;
    padding: 12px;
    border: 1px solid rgba(118,143,183,.22);
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(241,247,255,.92));
}
.po-agency-feature.is-on {
    border-color: rgba(34,197,94,.24);
    background: linear-gradient(145deg, rgba(240,253,244,.96), rgba(236,253,245,.9));
}
.po-agency-feature.is-off {
    opacity: .78;
}
.po-agency-feature b {
    color: #20324e;
    font-size: 13px;
}
.po-agency-feature small {
    color: #62758f;
    font-weight: 750;
}
.po-agency-list {
    display: grid;
    gap: 9px;
    margin-top: 12px;
}
.po-agency-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(118,143,183,.18);
    border-radius: 18px;
    padding: 11px 12px;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,247,255,.9));
    box-shadow: 0 8px 20px rgba(77,101,140,.08);
}
.po-agency-row strong,
.po-agency-risk-card strong,
.po-agency-digest strong,
.po-agency-permission strong {
    color: #20324e !important;
}
.po-agency-row small,
.po-agency-risk-card p,
.po-agency-digest pre,
.po-agency-permission pre,
.po-agency-permission small {
    color: #5f728d !important;
}
.po-agency-row .po-row-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: flex-end;
}
.po-agency-risk-card,
.po-agency-digest,
.po-agency-permission {
    display: grid;
    gap: 10px;
    border: 1px solid rgba(118,143,183,.18);
    border-radius: 20px;
    padding: 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(241,247,255,.92));
}
.po-agency-digest pre,
.po-agency-permission pre {
    white-space: pre-wrap;
    margin: 0;
    font: inherit;
    font-size: 12px;
    line-height: 1.55;
}
@media (max-width: 860px) {
    .po-agency-row {
        align-items: flex-start;
        flex-direction: column;
    }
    .po-agency-row .po-row-actions {
        justify-content: flex-start;
    }
}


/* ProjectOS 5.6.1 Note Category Harmony + Agency OS next-phase polish */
#projectos-app .po-note-category-panel,
#projectos-site-app .po-note-category-panel {
    background:
        radial-gradient(circle at top right, rgba(125, 157, 216, .12), transparent 36%),
        linear-gradient(145deg, rgba(249, 252, 255, .99), rgba(235, 243, 253, .96)) !important;
    border: 1px solid rgba(128, 149, 186, .18) !important;
    box-shadow: 0 18px 42px rgba(85, 105, 138, .12), inset 0 1px 0 rgba(255,255,255,.92) !important;
    color: #21314e !important;
}
#projectos-app .po-note-category-create,
#projectos-site-app .po-note-category-create {
    background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(239,246,255,.96)) !important;
    border: 1px solid rgba(127, 150, 192, .20) !important;
    border-radius: 22px !important;
    box-shadow: 0 12px 28px rgba(82, 105, 143, .10), inset 0 1px 0 rgba(255,255,255,.9) !important;
    color: #22324f !important;
}
#projectos-app .po-note-category-create .po-field span,
#projectos-site-app .po-note-category-create .po-field span,
#projectos-app .po-note-category-panel .po-kicker,
#projectos-site-app .po-note-category-panel .po-kicker,
#projectos-app .po-note-category-panel h3,
#projectos-site-app .po-note-category-panel h3 {
    color: #405575 !important;
}
#projectos-app .po-note-category-create input,
#projectos-app .po-note-category-create select,
#projectos-app .po-note-category-create textarea,
#projectos-site-app .po-note-category-create input,
#projectos-site-app .po-note-category-create select,
#projectos-site-app .po-note-category-create textarea {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(246,250,255,.96)) !important;
    border-color: rgba(125, 147, 183, .22) !important;
    color: #21314e !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86) !important;
}
#projectos-app .po-note-category-create input::placeholder,
#projectos-site-app .po-note-category-create input::placeholder,
#projectos-app .po-note-category-create textarea::placeholder,
#projectos-site-app .po-note-category-create textarea::placeholder {
    color: #74839c !important;
}
#projectos-app .po-note-category-create input[type="color"],
#projectos-site-app .po-note-category-create input[type="color"] {
    background: #f8fbff !important;
    border-radius: 18px !important;
    padding: 7px !important;
    min-height: 46px !important;
}
#projectos-app .po-note-category-create .po-btn,
#projectos-site-app .po-note-category-create .po-btn {
    background: linear-gradient(135deg, #6f8fc8, #6cb7d7) !important;
    border-color: rgba(88, 123, 176, .32) !important;
    color: #fff !important;
    text-shadow: none !important;
}
#projectos-app .po-note-category-panel .po-chip,
#projectos-site-app .po-note-category-panel .po-chip {
    background: linear-gradient(180deg, rgba(246,250,255,.98), rgba(229,239,252,.94)) !important;
    border-color: rgba(126, 151, 196, .24) !important;
    color: #4a5e7c !important;
    box-shadow: 0 8px 18px rgba(87, 109, 145, .08) !important;
}
#projectos-app .po-note-mode-grid article,
#projectos-site-app .po-note-mode-grid article {
    background: linear-gradient(180deg, rgba(246,250,255,.98), rgba(225,236,251,.92)) !important;
    border-color: rgba(126, 151, 196, .20) !important;
    box-shadow: 0 10px 22px rgba(82, 105, 143, .08) !important;
}
#projectos-app .po-note-mode-grid strong,
#projectos-site-app .po-note-mode-grid strong { color: #243552 !important; }
#projectos-app .po-note-mode-grid small,
#projectos-site-app .po-note-mode-grid small { color: #60718d !important; }

#projectos-app .po-agency-hero-v561,
#projectos-site-app .po-agency-hero-v561,
#projectos-app .po-agency-feature-panel,
#projectos-site-app .po-agency-feature-panel,
#projectos-app .po-agency-card,
#projectos-site-app .po-agency-card {
    background:
        radial-gradient(circle at top right, rgba(109, 94, 248, .10), transparent 34%),
        linear-gradient(145deg, rgba(250,253,255,.985), rgba(236,244,253,.96)) !important;
    color: #20304a !important;
    border: 1px solid rgba(117, 140, 179, .18) !important;
    box-shadow: 0 18px 44px rgba(70, 91, 126, .12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
#projectos-app .po-agency-command-grid,
#projectos-site-app .po-agency-command-grid { align-items: start !important; }
#projectos-app .po-agency-command-grid--wide,
#projectos-site-app .po-agency-command-grid--wide { grid-template-columns: 1fr !important; }
#projectos-app .po-agency-card--wide,
#projectos-site-app .po-agency-card--wide { grid-column: 1 / -1; }
#projectos-app .po-agency-feature-matrix,
#projectos-site-app .po-agency-feature-matrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
}
#projectos-app .po-agency-feature,
#projectos-site-app .po-agency-feature,
#projectos-app .po-agency-mini,
#projectos-site-app .po-agency-mini,
#projectos-app .po-agency-row,
#projectos-site-app .po-agency-row,
#projectos-app .po-agency-lock,
#projectos-site-app .po-agency-lock,
#projectos-app .po-agency-digest,
#projectos-site-app .po-agency-digest,
#projectos-app .po-agency-subblock,
#projectos-site-app .po-agency-subblock {
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(241,247,255,.95)) !important;
    border: 1px solid rgba(126, 151, 196, .18) !important;
    border-radius: 18px !important;
    color: #233552 !important;
    box-shadow: 0 10px 24px rgba(79, 101, 136, .08) !important;
}
#projectos-app .po-agency-feature,
#projectos-site-app .po-agency-feature { padding: 11px 12px; display:grid; gap:4px; }
#projectos-app .po-agency-feature.is-on,
#projectos-site-app .po-agency-feature.is-on { border-color: rgba(52, 168, 129, .26) !important; background: linear-gradient(180deg, rgba(245,255,250,.98), rgba(227,248,241,.94)) !important; }
#projectos-app .po-agency-feature.is-off,
#projectos-site-app .po-agency-feature.is-off { opacity: .78; }
#projectos-app .po-agency-row,
#projectos-site-app .po-agency-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
    margin: 8px 0;
}
#projectos-app .po-agency-row__actions,
#projectos-site-app .po-agency-row__actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#projectos-app .po-agency-row strong,
#projectos-site-app .po-agency-row strong,
#projectos-app .po-agency-mini strong,
#projectos-site-app .po-agency-mini strong,
#projectos-app .po-agency-feature strong,
#projectos-site-app .po-agency-feature strong { color:#22324f !important; }
#projectos-app .po-agency-row small,
#projectos-site-app .po-agency-row small,
#projectos-app .po-agency-mini small,
#projectos-site-app .po-agency-mini small,
#projectos-app .po-agency-feature small,
#projectos-site-app .po-agency-feature small { color:#60718d !important; }
#projectos-app .po-agency-form,
#projectos-site-app .po-agency-form {
    margin-top: 12px;
    padding: 12px;
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(248,251,255,.98), rgba(231,240,252,.94)) !important;
    border: 1px solid rgba(126, 151, 196, .16) !important;
}
#projectos-app .po-agency-form--inline,
#projectos-site-app .po-agency-form--inline { display:grid; grid-template-columns: minmax(160px,1fr) minmax(160px,1fr) auto; gap:10px; align-items:end; }
#projectos-app .po-agency-split,
#projectos-site-app .po-agency-split { display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:12px; }
#projectos-app .po-agency-mini,
#projectos-site-app .po-agency-mini,
#projectos-app .po-agency-lock,
#projectos-site-app .po-agency-lock,
#projectos-app .po-agency-digest,
#projectos-site-app .po-agency-digest,
#projectos-app .po-agency-subblock,
#projectos-site-app .po-agency-subblock { padding: 13px; display:grid; gap:10px; }
#projectos-app .po-agency-digest pre,
#projectos-site-app .po-agency-digest pre,
#projectos-app .po-agency-token code,
#projectos-site-app .po-agency-token code {
    white-space: pre-wrap;
    word-break: break-word;
    background: rgba(231, 239, 252, .92) !important;
    border: 1px solid rgba(126,151,196,.18) !important;
    border-radius: 12px;
    color: #283957 !important;
    padding: 10px;
    margin: 0;
}
#projectos-app .po-agency-errors,
#projectos-site-app .po-agency-errors {
    margin-top: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(255,248,232,.98), rgba(253,239,203,.92));
    color: #6f4b17;
    border: 1px solid rgba(211, 153, 54, .24);
}
@media (max-width: 760px) {
    #projectos-app .po-agency-row,
    #projectos-site-app .po-agency-row,
    #projectos-app .po-agency-form--inline,
    #projectos-site-app .po-agency-form--inline { grid-template-columns: 1fr; flex-direction: column; align-items: stretch; }
}

/* ProjectOS 5.6.3 Premium UI Rescue: public dashboard, support portal and loading safety */
.projectos-app-loading {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 28%, rgba(79, 70, 229, .18), transparent 14%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%);
}
.projectos-app-loading::after {
    content: "Bağlantı gecikirse panel otomatik açılır.";
    display: block;
    max-width: 420px;
    margin: -2px auto 0;
    color: #6b7a94;
    font-size: 13px;
    line-height: 1.5;
}
.projectos-app-loading strong { letter-spacing: -.02em; }

.po-premium-dashboard,
.po-support-portal {
    --po-premium-blue: #2563eb;
    --po-premium-navy: #12213f;
    --po-premium-soft: #f6f9ff;
    --po-premium-line: rgba(30, 58, 138, .10);
    color: var(--po-premium-navy);
}
.po-premium-dashboard * ,
.po-support-portal * { min-width: 0; }
.po-premium-dashboard {
    display: grid;
    gap: 20px;
    padding: clamp(12px, 1vw, 18px);
}
.po-premium-dashboard__brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #14213d;
    font-weight: 850;
}
.po-orb {
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: radial-gradient(circle, #4f46e5 0%, rgba(99, 102, 241, .26) 58%, transparent 72%);
    box-shadow: 0 0 28px rgba(79, 70, 229, .38);
}
.po-premium-dashboard__hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(420px, .95fr);
    gap: 24px;
    align-items: end;
    padding: clamp(26px, 4vw, 56px);
    border: 1px solid var(--po-premium-line);
    border-radius: 34px;
    background:
        radial-gradient(circle at 8% 0%, rgba(59, 130, 246, .10), transparent 26%),
        radial-gradient(circle at 86% 18%, rgba(124, 58, 237, .08), transparent 28%),
        rgba(255,255,255,.78);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .07);
    backdrop-filter: blur(20px);
}
.po-premium-dashboard__hero h2 {
    margin: 0 0 10px;
    font-size: clamp(32px, 4vw, 54px);
    line-height: 1;
    letter-spacing: -.05em;
    color: #0f2147;
}
.po-premium-dashboard__hero p {
    margin: 0;
    max-width: 680px;
    color: #5d6d86;
    font-size: 16px;
    line-height: 1.7;
}
.po-ready-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 18px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #eefcf5;
    border: 1px solid #c8f3dc;
    color: #087443;
    font-weight: 800;
}
.po-ready-pill i { width: 8px; height: 8px; border-radius: 999px; background: #16a34a; }
.po-premium-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.po-premium-kpis article {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 12px;
    align-items: center;
    min-height: 102px;
    padding: 18px;
    border: 1px solid rgba(30, 64, 175, .09);
    border-radius: 24px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 16px 34px rgba(30, 58, 138, .08);
}
.po-premium-kpis span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: #eef4ff;
    color: #2563eb;
    font-weight: 900;
}
.po-premium-kpis strong { font-size: 25px; line-height: 1; color: #0f2147; }
.po-premium-kpis small { color: #6b7890; font-weight: 700; }
.po-premium-actions {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid var(--po-premium-line);
    border-radius: 24px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .05);
}
.po-premium-actions button {
    appearance: none;
    min-height: 72px;
    border: 0;
    border-right: 1px solid var(--po-premium-line);
    background: transparent;
    color: #203257;
    font: inherit;
    font-weight: 850;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.po-premium-actions button:last-child { border-right: 0; }
.po-premium-actions button:hover { background: rgba(37, 99, 235, .06); }
.po-premium-actions span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 13px;
    background: #eef4ff;
    color: #2563eb;
}
.po-premium-dashboard-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.po-premium-widget,
.po-progress-summary,
.po-support-form-card,
.po-support-list-card,
.po-support-help,
.po-secure-note {
    border: 1px solid var(--po-premium-line);
    border-radius: 28px;
    background: rgba(255,255,255,.82);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06);
    backdrop-filter: blur(18px);
}
.po-premium-widget { padding: 20px; min-height: 270px; }
.po-premium-widget__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 16px;
}
.po-premium-widget__head h3 { margin: 0; font-size: 18px; letter-spacing: -.02em; color: #12213f; }
.po-premium-widget__head button {
    appearance: none;
    border: 1px solid var(--po-premium-line);
    background: #fff;
    border-radius: 999px;
    padding: 8px 12px;
    color: #53647f;
    font-weight: 800;
    cursor: pointer;
}
.po-dash-task-list,
.po-dash-note-list,
.po-dash-request-list,
.po-dash-delivery-list,
.po-dash-activity { display: grid; gap: 10px; }
.po-dash-task-row {
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(30, 58, 138, .07);
    cursor: pointer;
}
.po-dash-task-row strong,
.po-dash-request-row strong,
.po-dash-category-card strong,
.po-dash-delivery-row strong,
.po-dash-activity strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.po-dash-check {
    width: 20px;
    height: 20px;
    border-radius: 999px;
    border: 2px solid #d7e2f5;
}
.po-dash-task-row time,
.po-dash-task-row em,
.po-dash-request-row time,
.po-dash-delivery-row small,
.po-dash-activity small { color: #60718b; font-style: normal; font-size: 12px; font-weight: 700; }
.po-dash-note-row {
    position: relative;
    padding: 14px 42px 14px 14px;
    border: 1px solid rgba(30, 58, 138, .07);
    border-radius: 16px;
    background: linear-gradient(135deg, #f7f9ff, #fff9f2);
}
.po-dash-note-row p {
    margin: 0 0 6px;
    color: #33425f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.po-dash-note-row span { position: absolute; right: 14px; top: 14px; color: #7587a5; }
.po-dash-request-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid rgba(30, 58, 138, .07);
}
.po-soft-status {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    max-width: 140px;
    padding: 6px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-size: 12px;
    font-weight: 850;
    white-space: nowrap;
}
.po-dash-category-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.po-dash-category-card {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 14px;
    min-height: 82px;
    border: 1px solid rgba(30, 58, 138, .08);
    border-radius: 18px;
    background: #fff;
}
.po-dash-category-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: #eef4ff;
    color: #2563eb;
    font-weight: 900;
}
.po-dash-category-card small { display: block; margin-top: 4px; color: #6c7890; }
.po-dash-category-card b { color: #4967d9; }
.po-dash-delivery-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(90px, 34%) 40px;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(30, 58, 138, .07);
}
.po-dash-delivery-row span { height: 7px; border-radius: 999px; background: #eaf0fb; overflow: hidden; }
.po-dash-delivery-row i { display: block; height: 100%; border-radius: inherit; background: #3b82f6; }
.po-dash-delivery-row em { color: #6b7890; font-style: normal; font-weight: 800; }
.po-dash-activity article {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}
.po-dash-activity article > span {
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #3b82f6;
    box-shadow: 0 0 0 6px #eaf1ff;
    margin-top: 4px;
}
.po-progress-summary {
    display: grid;
    grid-template-columns: auto minmax(160px, 1.2fr) repeat(4, minmax(0, 1fr));
    gap: 24px;
    align-items: center;
    padding: 24px;
}
.po-progress-ring {
    --progress: 64;
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: conic-gradient(#2563eb calc(var(--progress) * 1%), #e8eef8 0);
    position: relative;
}
.po-progress-ring::after { content: ""; position: absolute; inset: 8px; border-radius: inherit; background: #fff; }
.po-progress-ring strong { position: relative; z-index: 1; font-size: 22px; color: #0f2147; }
.po-progress-summary h3 { margin: 0 0 6px; }
.po-progress-summary p { margin: 0; color: #6b7890; }
.po-progress-summary article { display: grid; grid-template-columns: auto 1fr; gap: 4px 10px; align-items: center; }
.po-progress-summary article span { grid-row: span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 999px; background: #eef4ff; color: #2563eb; font-weight: 900; }
.po-progress-summary article strong { font-size: 20px; }
.po-progress-summary article small { color: #6b7890; }

.po-support-portal {
    display: grid;
    grid-template-columns: 236px minmax(0, 1fr);
    gap: 24px;
    min-height: calc(100vh - 48px);
    padding: 18px;
    border-radius: 34px;
    background: linear-gradient(180deg, rgba(248,251,255,.96), rgba(242,247,255,.90));
}
.po-support-side {
    display: grid;
    align-content: start;
    gap: 10px;
    padding: 18px;
    border-right: 1px solid var(--po-premium-line);
}
.po-support-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 22px; color: #14213d; font-weight: 900; }
.po-support-logo span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 12px; background: #2563eb; color: #fff; }
.po-support-nav-item {
    appearance: none;
    border: 1px solid transparent;
    background: transparent;
    color: #5d6d86;
    border-radius: 14px;
    padding: 13px 14px;
    text-align: left;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}
.po-support-nav-item.is-active,
.po-support-nav-item:hover { background: #eef4ff; border-color: #dce8ff; color: #2563eb; }
.po-support-help { margin-top: auto; padding: 18px; border-radius: 20px; }
.po-support-help p { color: #6b7890; line-height: 1.6; }
.po-support-help button { width: 100%; border: 1px solid var(--po-premium-line); background: #fff; border-radius: 12px; padding: 10px; font-weight: 850; color: #24466e; }
.po-support-main { display: grid; gap: 20px; align-content: start; }
.po-support-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.95fr);
    gap: 24px;
    align-items: center;
    padding: 30px 34px;
    border: 1px solid var(--po-premium-line);
    border-radius: 30px;
    background: rgba(255,255,255,.72);
    box-shadow: 0 18px 54px rgba(15,23,42,.06);
    overflow: hidden;
}
.po-support-hero__copy,
.po-support-hero__meta { min-width: 0; }
.po-support-hero h2 { margin: 0 0 8px; font-size: clamp(30px, 4vw, 48px); letter-spacing: -.04em; line-height: 1.02; white-space: normal; overflow-wrap: normal; word-break: keep-all; max-width: 11ch; }
.po-support-hero p { margin: 0; color: #61718b; max-width: 480px; white-space: normal; overflow-wrap: break-word; }
.po-support-hero__meta { display: grid; gap: 14px; justify-items: end; }
.po-support-kpis { width: 100%; display: grid; grid-template-columns: repeat(3, minmax(118px, 1fr)); gap: 12px; }
.po-support-kpis article { min-width: 0; padding: 15px 18px; border-radius: 20px; background: #fff; border: 1px solid var(--po-premium-line); box-shadow: 0 12px 28px rgba(15,23,42,.05); overflow: hidden; }
.po-support-kpis strong { display: block; font-size: clamp(26px, 3.5vw, 34px); color: #0f2147; }
.po-support-kpis small { color: #6b7890; font-weight: 700; white-space: normal; overflow-wrap: break-word; }
.po-support-hero__button,
.po-support-submit {
    min-height: 54px;
    border-radius: 16px !important;
    box-shadow: 0 16px 34px rgba(37,99,235,.25) !important;
}
.po-support-hero__button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; }
.po-support-layout { display: grid; grid-template-columns: 390px minmax(0, 1fr); gap: 22px; align-items: start; }
.po-support-form-card { padding: 22px; }
.po-upload-placeholder {
    display: grid;
    place-items: center;
    gap: 4px;
    min-height: 78px;
    padding: 18px;
    border: 1px dashed #bdd0ec;
    border-radius: 16px;
    background: #f8fbff;
    color: #6b7890;
    text-align: center;
}
.po-secure-note { margin-top: 18px; padding: 18px; }
.po-secure-note p { margin: 6px 0 0; color: #6b7890; }
.po-support-list-card { padding: 18px; }
.po-support-tabs { display: flex; gap: 10px; align-items: center; margin-bottom: 16px; flex-wrap: wrap; }
.po-support-tabs button { appearance: none; border: 1px solid var(--po-premium-line); background: #fff; border-radius: 14px; padding: 10px 14px; color: #4a5b75; font-weight: 850; }
.po-support-tabs button.is-active { color: #2563eb; background: #eef4ff; border-color: #cfe0ff; }
.po-support-tabs span { margin-left: 6px; color: #8a98af; }
.po-support-request-list { display: grid; gap: 12px; }
.po-support-request-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) minmax(170px, .28fr);
    gap: 16px;
    align-items: start;
    padding: 18px;
    border: 1px solid var(--po-premium-line);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(15,23,42,.04);
}
.po-support-request-card.is-expanded { background: linear-gradient(180deg, #ffffff, #f9fbff); }
.po-support-request-card__icon { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 16px; background: #2563eb; color: #fff; font-weight: 900; }
.po-support-request-card__main strong { display: block; color: #12213f; font-size: 15px; margin-bottom: 6px; overflow: hidden; text-overflow: ellipsis; white-space: normal; overflow-wrap: break-word; }
.po-support-request-card__main p { margin: 0; color: #5f6f89; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; white-space: normal; overflow-wrap: break-word; }
.po-support-request-card__meta span,
.po-support-request-card__meta b,
.po-support-request-card__meta time,
.po-support-nav-item,
.po-support-help strong,
.po-support-help p { white-space: normal; word-break: normal; overflow-wrap: break-word; }
.po-support-request-card.is-expanded .po-support-request-card__main p { -webkit-line-clamp: 3; }
.po-support-request-card__meta { display: flex; align-items: center; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.po-support-request-card__meta span,
.po-support-request-card__meta b { padding: 7px 10px; border-radius: 999px; background: #f1f5fb; color: #52637d; font-size: 12px; }
.po-support-request-card__meta b { background: #eef4ff; color: #2563eb; }
.po-support-request-card__meta time { color: #687891; font-size: 12px; font-weight: 700; }
.po-support-thread { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px; }
.po-support-thread div { padding: 12px; border: 1px solid var(--po-premium-line); border-radius: 16px; background: #fbfdff; }
.po-support-thread span { display: inline-grid; place-items: center; width: 28px; height: 28px; border-radius: 999px; background: #eef4ff; color: #2563eb; font-weight: 900; margin-bottom: 6px; }
.po-support-thread p { -webkit-line-clamp: 3 !important; }

@media (max-width: 1280px) {
    .po-premium-dashboard__hero,
    .po-support-hero { grid-template-columns: 1fr; }
    .po-support-hero__meta { justify-items: stretch; }
    .po-support-hero h2 { max-width: none; }
    .po-premium-kpis,
    .po-support-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .po-premium-dashboard-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .po-progress-summary { grid-template-columns: auto minmax(160px, 1fr) repeat(2, minmax(0, 1fr)); }
    .po-support-layout { grid-template-columns: 1fr; }
}
@media (max-width: 880px) {
    .po-premium-actions,
    .po-premium-kpis,
    .po-premium-dashboard-grid,
    .po-dash-category-grid,
    .po-progress-summary,
    .po-support-portal,
    .po-support-kpis { grid-template-columns: 1fr; }
    .po-support-side { border-right: 0; border-bottom: 1px solid var(--po-premium-line); }
    .po-support-hero__button { width: 100%; white-space: normal; text-align: center; }
    .po-support-request-card { grid-template-columns: 44px minmax(0, 1fr); }
    .po-support-request-card__meta { grid-column: 1 / -1; justify-content: flex-start; }
    .po-support-thread { grid-template-columns: 1fr; }
}

/* ProjectOS 5.6.3 Stability + Premium Messages + AI Assistant */
#projectos-app .po-messages-premium,
#projectos-site-app .po-messages-premium,
#projectos-app .po-ai-premium,
#projectos-site-app .po-ai-premium {
    --po-563-ink: #15233f;
    --po-563-muted: #60718b;
    --po-563-line: rgba(30, 58, 138, .11);
    --po-563-card: rgba(255,255,255,.86);
    --po-563-blue: #2563eb;
    --po-563-soft: #f6f9ff;
    color: var(--po-563-ink);
    display: grid;
    gap: 20px;
    min-width: 0;
}
#projectos-app .po-messages-premium *,
#projectos-site-app .po-messages-premium *,
#projectos-app .po-ai-premium *,
#projectos-site-app .po-ai-premium * { box-sizing: border-box; min-width: 0; }
#projectos-app .po-message-hero,
#projectos-site-app .po-message-hero,
#projectos-app .po-ai-command-hero,
#projectos-site-app .po-ai-command-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 18px;
    align-items: center;
    padding: clamp(24px, 3.4vw, 44px);
    border: 1px solid var(--po-563-line);
    border-radius: 32px;
    background:
        radial-gradient(circle at 6% 0%, rgba(37, 99, 235, .10), transparent 27%),
        radial-gradient(circle at 86% 8%, rgba(124, 58, 237, .08), transparent 30%),
        rgba(255,255,255,.78);
    box-shadow: 0 22px 64px rgba(15, 23, 42, .07);
    backdrop-filter: blur(18px);
}
#projectos-app .po-message-hero h2,
#projectos-site-app .po-message-hero h2,
#projectos-app .po-ai-command-hero h2,
#projectos-site-app .po-ai-command-hero h2 {
    margin: 10px 0 8px;
    font-size: clamp(28px, 3.3vw, 48px);
    letter-spacing: -.045em;
    line-height: 1.03;
    color: #0f2147;
}
#projectos-app .po-message-hero p,
#projectos-site-app .po-message-hero p,
#projectos-app .po-ai-command-hero p,
#projectos-site-app .po-ai-command-hero p {
    margin: 0;
    max-width: 760px;
    color: var(--po-563-muted);
    font-size: 15px;
    line-height: 1.7;
}
#projectos-app .po-message-kpis,
#projectos-site-app .po-message-kpis,
#projectos-app .po-ai-stats-row,
#projectos-site-app .po-ai-stats-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(118px, 1fr));
    gap: 12px;
}
#projectos-app .po-ai-stats-row,
#projectos-site-app .po-ai-stats-row { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#projectos-app .po-message-kpis article,
#projectos-site-app .po-message-kpis article,
#projectos-app .po-ai-stats-row article,
#projectos-site-app .po-ai-stats-row article {
    min-height: 90px;
    padding: 16px 18px;
    border: 1px solid var(--po-563-line);
    border-radius: 22px;
    background: rgba(255,255,255,.9);
    box-shadow: 0 14px 34px rgba(15,23,42,.055);
}
#projectos-app .po-message-kpis strong,
#projectos-site-app .po-message-kpis strong,
#projectos-app .po-ai-stats-row strong,
#projectos-site-app .po-ai-stats-row strong {
    display: block;
    color: #0f2147;
    font-size: 25px;
    line-height: 1.1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#projectos-app .po-message-kpis small,
#projectos-site-app .po-message-kpis small,
#projectos-app .po-ai-stats-row small,
#projectos-site-app .po-ai-stats-row small,
#projectos-app .po-ai-stats-row span,
#projectos-site-app .po-ai-stats-row span {
    color: var(--po-563-muted);
    font-weight: 750;
    font-size: 12px;
}
#projectos-app .po-message-actions,
#projectos-site-app .po-message-actions,
#projectos-app .po-ai-hero-actions,
#projectos-site-app .po-ai-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}
#projectos-app .po-message-command-grid,
#projectos-site-app .po-message-command-grid,
#projectos-app .po-ai-workbench,
#projectos-site-app .po-ai-workbench {
    display: grid;
    grid-template-columns: minmax(360px, .85fr) minmax(0, 1.15fr);
    gap: 20px;
    align-items: start;
}
#projectos-app .po-message-compose,
#projectos-site-app .po-message-compose,
#projectos-app .po-message-announcements,
#projectos-site-app .po-message-announcements,
#projectos-app .po-message-feed-panel,
#projectos-site-app .po-message-feed-panel,
#projectos-app .po-ai-brief-card,
#projectos-site-app .po-ai-brief-card,
#projectos-app .po-ai-risk-card,
#projectos-site-app .po-ai-risk-card,
#projectos-app .po-ai-playbook-card,
#projectos-site-app .po-ai-playbook-card,
#projectos-app .po-ai-results-panel,
#projectos-site-app .po-ai-results-panel,
#projectos-app .po-ai-connection-showcase,
#projectos-site-app .po-ai-connection-showcase {
    border: 1px solid var(--po-563-line) !important;
    border-radius: 28px !important;
    background: var(--po-563-card) !important;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .06) !important;
    backdrop-filter: blur(18px);
}
#projectos-app .po-message-compose textarea,
#projectos-site-app .po-message-compose textarea,
#projectos-app .po-ai-brief-card textarea,
#projectos-site-app .po-ai-brief-card textarea {
    min-height: 168px;
    resize: vertical;
    line-height: 1.65;
    font-size: 14px;
}
#projectos-app .po-message-templates,
#projectos-site-app .po-message-templates,
#projectos-app .po-ai-template-grid,
#projectos-site-app .po-ai-template-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-top: 16px;
}
#projectos-app .po-message-templates > span,
#projectos-site-app .po-message-templates > span { grid-column: 1 / -1; color: var(--po-563-muted); font-weight: 850; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }
#projectos-app .po-message-templates button,
#projectos-site-app .po-message-templates button,
#projectos-app .po-ai-template-grid button,
#projectos-site-app .po-ai-template-grid button,
#projectos-app .po-ai-playbook-card button,
#projectos-site-app .po-ai-playbook-card button {
    appearance: none;
    border: 1px solid rgba(37,99,235,.13);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff, #f7faff);
    color: #1d3158;
    padding: 13px 14px;
    text-align: left;
    font: inherit;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(15,23,42,.04);
}
#projectos-app .po-message-templates button:hover,
#projectos-site-app .po-message-templates button:hover,
#projectos-app .po-ai-template-grid button:hover,
#projectos-site-app .po-ai-template-grid button:hover,
#projectos-app .po-ai-playbook-card button:hover,
#projectos-site-app .po-ai-playbook-card button:hover { transform: translateY(-1px); border-color: rgba(37,99,235,.28); }
#projectos-app .po-message-templates strong,
#projectos-site-app .po-message-templates strong,
#projectos-app .po-ai-template-grid strong,
#projectos-site-app .po-ai-template-grid strong,
#projectos-app .po-ai-playbook-card strong,
#projectos-site-app .po-ai-playbook-card strong { display: block; font-size: 13px; color: #12213f; }
#projectos-app .po-message-templates small,
#projectos-site-app .po-message-templates small,
#projectos-app .po-ai-template-grid small,
#projectos-site-app .po-ai-template-grid small { display: block; color: var(--po-563-muted); margin-top: 5px; }
#projectos-app .po-message-broadcast-list,
#projectos-site-app .po-message-broadcast-list,
#projectos-app .po-message-feed-list,
#projectos-site-app .po-message-feed-list,
#projectos-app .po-ai-risk-list,
#projectos-site-app .po-ai-risk-list { display: grid; gap: 12px; }
#projectos-app .po-message-broadcast-card,
#projectos-site-app .po-message-broadcast-card,
#projectos-app .po-message-feed-card,
#projectos-site-app .po-message-feed-card,
#projectos-app .po-ai-risk-list article,
#projectos-site-app .po-ai-risk-list article {
    padding: 16px;
    border: 1px solid rgba(30,58,138,.09);
    border-radius: 20px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 10px 24px rgba(15,23,42,.04);
}
#projectos-app .po-message-broadcast-card,
#projectos-site-app .po-message-broadcast-card { display: grid; gap: 10px; }
#projectos-app .po-message-broadcast-card > div,
#projectos-site-app .po-message-broadcast-card > div { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; }
#projectos-app .po-message-broadcast-card strong,
#projectos-site-app .po-message-broadcast-card strong,
#projectos-app .po-message-feed-card strong,
#projectos-site-app .po-message-feed-card strong,
#projectos-app .po-ai-risk-list strong,
#projectos-site-app .po-ai-risk-list strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #12213f;
}
#projectos-app .po-message-broadcast-card p,
#projectos-site-app .po-message-broadcast-card p,
#projectos-app .po-message-feed-card p,
#projectos-site-app .po-message-feed-card p {
    margin: 0;
    color: #51627d;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#projectos-app .po-message-broadcast-card time,
#projectos-site-app .po-message-broadcast-card time,
#projectos-app .po-message-feed-card small,
#projectos-site-app .po-message-feed-card small,
#projectos-app .po-ai-risk-list small,
#projectos-site-app .po-ai-risk-list small { color: #74839d; font-size: 12px; font-weight: 700; white-space: nowrap; }
#projectos-app .po-message-broadcast-card button,
#projectos-site-app .po-message-broadcast-card button {
    justify-self: start;
    border: 1px solid var(--po-563-line);
    border-radius: 999px;
    background: #fff;
    color: #24466e;
    padding: 8px 12px;
    font-weight: 850;
    cursor: pointer;
}
#projectos-app .po-message-feed-card,
#projectos-site-app .po-message-feed-card { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: start; }
#projectos-app .po-message-feed-card > span,
#projectos-site-app .po-message-feed-card > span {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 15px;
    background: linear-gradient(135deg, #dbeafe, #eef2ff);
    color: #2563eb;
    font-weight: 950;
}
#projectos-app .po-message-empty,
#projectos-site-app .po-message-empty,
#projectos-app .po-ai-empty,
#projectos-site-app .po-ai-empty {
    display: grid;
    place-items: center;
    min-height: 150px;
    padding: 24px;
    text-align: center;
    border: 1px dashed rgba(37,99,235,.22);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(239,246,255,.9), rgba(255,255,255,.8));
    color: #5b6c86;
}
#projectos-app .po-ai-empty--compact,
#projectos-site-app .po-ai-empty--compact { min-height: 112px; }
#projectos-app .po-ai-empty strong,
#projectos-site-app .po-ai-empty strong,
#projectos-app .po-message-empty strong,
#projectos-site-app .po-message-empty strong { color: #12213f; font-size: 16px; }
#projectos-app .po-ai-ready-grid,
#projectos-site-app .po-ai-ready-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
#projectos-app .po-ai-workbench,
#projectos-site-app .po-ai-workbench { grid-template-columns: minmax(420px, .95fr) minmax(320px, .55fr); }
#projectos-app .po-ai-side-stack,
#projectos-site-app .po-ai-side-stack { display: grid; gap: 20px; }
#projectos-app .po-ai-playbook-card,
#projectos-site-app .po-ai-playbook-card { display: grid; gap: 10px; }
#projectos-app .po-ai-suggestion-list--premium,
#projectos-site-app .po-ai-suggestion-list--premium {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}
#projectos-app .po-ai-suggestion--premium,
#projectos-site-app .po-ai-suggestion--premium {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid rgba(30,58,138,.10);
    border-radius: 22px;
    background: linear-gradient(180deg, #fff, #f8fbff);
    box-shadow: 0 12px 30px rgba(15,23,42,.05);
}
#projectos-app .po-ai-suggestion--premium label,
#projectos-site-app .po-ai-suggestion--premium label { display: inline-flex; align-items: center; gap: 8px; color: #50617c; font-size: 12px; font-weight: 850; }
#projectos-app .po-ai-suggestion--premium p,
#projectos-site-app .po-ai-suggestion--premium p {
    margin: 0;
    color: #51627d;
    line-height: 1.6;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#projectos-app .po-ai-suggestion--premium ul,
#projectos-site-app .po-ai-suggestion--premium ul { margin: 0; padding-left: 18px; color: #51627d; line-height: 1.55; }
#projectos-app .po-ai-suggestion--premium footer,
#projectos-site-app .po-ai-suggestion--premium footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
#projectos-app .po-ai-suggestion--premium footer button,
#projectos-site-app .po-ai-suggestion--premium footer button {
    border: 1px solid var(--po-563-line);
    border-radius: 999px;
    background: #fff;
    color: #24466e;
    padding: 7px 10px;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}
@media (max-width: 1280px) {
    #projectos-app .po-message-hero,
    #projectos-site-app .po-message-hero,
    #projectos-app .po-ai-command-hero,
    #projectos-site-app .po-ai-command-hero,
    #projectos-app .po-message-command-grid,
    #projectos-site-app .po-message-command-grid,
    #projectos-app .po-ai-workbench,
    #projectos-site-app .po-ai-workbench { grid-template-columns: 1fr; }
    #projectos-app .po-message-kpis,
    #projectos-site-app .po-message-kpis,
    #projectos-app .po-ai-stats-row,
    #projectos-site-app .po-ai-stats-row,
    #projectos-app .po-ai-ready-grid,
    #projectos-site-app .po-ai-ready-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    #projectos-app .po-message-kpis,
    #projectos-site-app .po-message-kpis,
    #projectos-app .po-ai-stats-row,
    #projectos-site-app .po-ai-stats-row,
    #projectos-app .po-message-templates,
    #projectos-site-app .po-message-templates,
    #projectos-app .po-ai-template-grid,
    #projectos-site-app .po-ai-template-grid,
    #projectos-app .po-ai-suggestion-list--premium,
    #projectos-site-app .po-ai-suggestion-list--premium,
    #projectos-app .po-ai-ready-grid,
    #projectos-site-app .po-ai-ready-grid { grid-template-columns: 1fr; }
}

/* === 5.6.5 performance + recovery + module sync === */
#projectos-app,
#projectos-site-app {
    --po-565-text: #13233f;
    --po-565-muted: #5c6d86;
    --po-565-line: rgba(129, 152, 190, .20);
    --po-565-soft: rgba(244, 248, 255, .82);
}
#projectos-app .po-content,
#projectos-site-app .po-content { content-visibility: auto; contain-intrinsic-size: 1200px; }
#projectos-app .po-panel,
#projectos-site-app .po-panel,
#projectos-app .po-premium-widget,
#projectos-site-app .po-premium-widget,
#projectos-app .po-note-card,
#projectos-site-app .po-note-card,
#projectos-app .po-calendar-day,
#projectos-site-app .po-calendar-day,
#projectos-app .po-message-broadcast-card,
#projectos-site-app .po-message-broadcast-card,
#projectos-app .po-message-feed-card,
#projectos-site-app .po-message-feed-card,
#projectos-app .po-support-request-card,
#projectos-site-app .po-support-request-card {
    contain: layout paint style;
}
#projectos-app .po-premium-kpis,
#projectos-site-app .po-premium-kpis { grid-template-columns: repeat(4, minmax(148px, 1fr)); align-items: stretch; }
#projectos-app .po-premium-kpis article,
#projectos-site-app .po-premium-kpis article { min-width: 0; gap: 10px; overflow: hidden; }
#projectos-app .po-premium-kpis strong,
#projectos-site-app .po-premium-kpis strong,
#projectos-app .po-premium-widget strong,
#projectos-site-app .po-premium-widget strong,
#projectos-app .po-note-card strong,
#projectos-site-app .po-note-card strong,
#projectos-app .po-calendar-task strong,
#projectos-site-app .po-calendar-task strong { color: var(--po-565-text) !important; }
#projectos-app .po-premium-kpis small,
#projectos-site-app .po-premium-kpis small,
#projectos-app .po-premium-widget small,
#projectos-site-app .po-premium-widget small,
#projectos-app .po-note-card small,
#projectos-site-app .po-note-card small,
#projectos-app .po-calendar-task small,
#projectos-site-app .po-calendar-task small { color: var(--po-565-muted) !important; }
#projectos-app .po-dash-category-grid,
#projectos-site-app .po-dash-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
#projectos-app .po-dash-category-card,
#projectos-site-app .po-dash-category-card { min-height: 132px; padding: 16px; overflow: hidden; align-content: start; }
#projectos-app .po-dash-category-card strong,
#projectos-site-app .po-dash-category-card strong,
#projectos-app .po-dash-category-card small,
#projectos-site-app .po-dash-category-card small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#projectos-app .po-grid--calendar,
#projectos-site-app .po-grid--calendar { grid-template-columns: minmax(0, 1.5fr) minmax(300px, .75fr); align-items: start; }
#projectos-app .po-calendar-day,
#projectos-site-app .po-calendar-day { min-height: 138px; padding: 12px; border-color: var(--po-565-line); background: linear-gradient(180deg,#fff,#f8fbff); }
#projectos-app .po-calendar-task,
#projectos-site-app .po-calendar-task { min-height: 46px; border-radius: 15px; will-change: auto; }
#projectos-app .po-note-list--premium,
#projectos-site-app .po-note-list--premium { grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 16px; }
#projectos-app .po-note-card,
#projectos-site-app .po-note-card { border-color: var(--po-565-line); background: linear-gradient(180deg,#fff,#f9fbff); box-shadow: 0 14px 34px rgba(15,23,42,.055); }
#projectos-app .po-note-card p,
#projectos-site-app .po-note-card p { color: var(--po-565-text); line-height: 1.72; font-size: 14px; }
#projectos-app .po-workspace-tree__item,
#projectos-site-app .po-workspace-tree__item,
#projectos-app .po-category-surface,
#projectos-site-app .po-category-surface { min-height: 0; padding: 14px 16px; border-radius: 22px; }
#projectos-app .po-support-portal,
#projectos-site-app .po-support-portal { grid-template-columns: 240px minmax(0,1fr); gap: 22px; }
#projectos-app .po-support-layout,
#projectos-site-app .po-support-layout { grid-template-columns: minmax(360px,420px) minmax(0,1fr); }

#projectos-app .po-system-health,
#projectos-site-app .po-system-health { display: grid; gap: 20px; }
#projectos-app .po-system-hero,
#projectos-site-app .po-system-hero {
    display: grid;
    grid-template-columns: minmax(0,1fr) 210px;
    gap: 20px;
    align-items: center;
    border-radius: 30px;
    border: 1px solid var(--po-565-line);
    background: radial-gradient(circle at 88% 0%, rgba(99,102,241,.14), transparent 34%), linear-gradient(135deg,#fff,#f3f7ff);
    box-shadow: 0 22px 55px rgba(15,23,42,.07);
}
#projectos-app .po-system-hero h2,
#projectos-site-app .po-system-hero h2 { margin: 10px 0 8px; color: var(--po-565-text); font-size: clamp(30px,4vw,52px); letter-spacing: -.045em; line-height: 1.04; }
#projectos-app .po-system-hero p,
#projectos-site-app .po-system-hero p { margin: 0; color: var(--po-565-muted); line-height: 1.65; max-width: 760px; }
#projectos-app .po-system-score,
#projectos-site-app .po-system-score { display: grid; place-items: center; min-height: 150px; border-radius: 26px; background: rgba(255,255,255,.78); border: 1px solid var(--po-565-line); box-shadow: inset 0 1px 0 rgba(255,255,255,.85); text-align: center; }
#projectos-app .po-system-score strong,
#projectos-site-app .po-system-score strong { font-size: 28px; color: #0f2147; }
#projectos-app .po-system-score small,
#projectos-site-app .po-system-score small { color: var(--po-565-muted); font-weight: 800; }
#projectos-app .po-system-score.is-healthy strong,
#projectos-site-app .po-system-score.is-healthy strong { color: #0f8f62; }
#projectos-app .po-system-score.needs-care strong,
#projectos-site-app .po-system-score.needs-care strong { color: #b45309; }
#projectos-app .po-system-actions,
#projectos-site-app .po-system-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
#projectos-app .po-system-actions span,
#projectos-site-app .po-system-actions span { color: var(--po-565-muted); font-weight: 750; }
#projectos-app .po-system-core-grid,
#projectos-site-app .po-system-core-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 14px; }
#projectos-app .po-system-core-grid article,
#projectos-site-app .po-system-core-grid article { padding: 18px; border-radius: 22px; border: 1px solid var(--po-565-line); background: linear-gradient(180deg,#fff,#f8fbff); box-shadow: 0 12px 28px rgba(15,23,42,.045); }
#projectos-app .po-system-core-grid span,
#projectos-site-app .po-system-core-grid span { display: block; color: var(--po-565-muted); font-weight: 800; font-size: 12px; }
#projectos-app .po-system-core-grid strong,
#projectos-site-app .po-system-core-grid strong { display: block; margin: 7px 0 3px; color: var(--po-565-text); font-size: 30px; line-height: 1; }
#projectos-app .po-system-core-grid small,
#projectos-site-app .po-system-core-grid small { color: #71819a; font-weight: 750; }
#projectos-app .po-grid--system,
#projectos-site-app .po-grid--system { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; }
#projectos-app .po-integrity-list,
#projectos-site-app .po-integrity-list { display: grid; gap: 10px; }
#projectos-app .po-integrity-list article,
#projectos-site-app .po-integrity-list article,
#projectos-app .po-module-sync-grid article,
#projectos-site-app .po-module-sync-grid article { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 12px 14px; border-radius: 16px; background: #f8fbff; border: 1px solid var(--po-565-line); }
#projectos-app .po-integrity-list article.has-issue,
#projectos-site-app .po-integrity-list article.has-issue { background: #fff7ed; border-color: rgba(251,146,60,.35); }
#projectos-app .po-integrity-list strong,
#projectos-site-app .po-integrity-list strong { color: var(--po-565-text); text-transform: capitalize; }
#projectos-app .po-integrity-list span,
#projectos-site-app .po-integrity-list span { font-weight: 950; color: #2563eb; }
#projectos-app .po-module-sync-grid,
#projectos-site-app .po-module-sync-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
#projectos-app .po-module-sync-grid article.is-ready span,
#projectos-site-app .po-module-sync-grid article.is-ready span { color: #0f8f62; }
#projectos-app .po-module-sync-grid article.is-locked span,
#projectos-site-app .po-module-sync-grid article.is-locked span { color: #b45309; }
#projectos-app .po-module-sync-grid strong,
#projectos-site-app .po-module-sync-grid strong { display: block; color: var(--po-565-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#projectos-app .po-module-sync-grid small,
#projectos-site-app .po-module-sync-grid small { color: var(--po-565-muted); }

@media (max-width: 1400px) {
    #projectos-app .po-premium-kpis,
    #projectos-site-app .po-premium-kpis,
    #projectos-app .po-system-core-grid,
    #projectos-site-app .po-system-core-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    #projectos-app .po-grid--calendar,
    #projectos-site-app .po-grid--calendar,
    #projectos-app .po-grid--system,
    #projectos-site-app .po-grid--system,
    #projectos-app .po-support-portal,
    #projectos-site-app .po-support-portal,
    #projectos-app .po-support-layout,
    #projectos-site-app .po-support-layout { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
    #projectos-app .po-system-hero,
    #projectos-site-app .po-system-hero,
    #projectos-app .po-system-core-grid,
    #projectos-site-app .po-system-core-grid,
    #projectos-app .po-module-sync-grid,
    #projectos-site-app .po-module-sync-grid,
    #projectos-app .po-premium-kpis,
    #projectos-site-app .po-premium-kpis,
    #projectos-app .po-dash-category-grid,
    #projectos-site-app .po-dash-category-grid { grid-template-columns: 1fr; }
}


/* v5.8.0 Stable ultra premium layout hardening */
.po-main,
.po-content,
.po-panel,
.po-dashboard,
.po-premium-dashboard,
.po-premium-dashboard * {
    box-sizing: border-box;
}

.po-main {
    min-width: 0;
    overflow-x: hidden;
}

.po-premium-dashboard,
.po-dashboard {
    max-width: 100%;
    overflow: hidden;
}

.po-premium-kpis,
.po-premium-actions,
.po-premium-dashboard-grid,
.po-grid,
.po-grid--metrics {
    display: grid;
    min-width: 0;
    max-width: 100%;
}

.po-premium-kpis,
.po-grid--metrics {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.po-premium-actions {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.po-premium-dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.po-premium-kpis > *,
.po-premium-actions > *,
.po-premium-dashboard-grid > *,
.po-progress-summary > *,
.po-panel > * {
    min-width: 0;
    max-width: 100%;
}

.po-premium-actions .po-btn,
.po-premium-actions button,
.po-panel .po-btn {
    max-width: 100%;
    min-width: 0;
    white-space: normal;
}

.po-premium-kpis article,
.po-premium-actions article,
.po-premium-dashboard-grid article,
.po-stat-card,
.po-card,
.po-panel {
    overflow: hidden;
    overflow-wrap: anywhere;
}

.po-progress-summary {
    display: grid !important;
    grid-template-columns: minmax(170px, 1.2fr) repeat(4, minmax(110px, 1fr));
    align-items: center;
    gap: 18px;
    max-width: 100%;
    overflow: hidden;
}

.po-progress-summary .po-progress-ring,
.po-progress-summary strong,
.po-progress-summary span,
.po-progress-summary small {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Settings checkbox/toggle hard fix: checkbox always starts the row */
.po-settings-panel .po-toggle,
.po-user-settings-form .po-toggle,
.po-toggle {
    display: grid !important;
    grid-template-columns: 24px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 12px !important;
    text-align: left !important;
    width: 100% !important;
}

.po-settings-panel .po-toggle input[type="checkbox"],
.po-user-settings-form .po-toggle input[type="checkbox"],
.po-toggle input[type="checkbox"] {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 2px 0 0 0 !important;
    position: static !important;
}

.po-settings-panel .po-toggle span,
.po-user-settings-form .po-toggle span,
.po-toggle span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: block !important;
    margin: 0 !important;
    min-width: 0 !important;
    text-align: left !important;
    line-height: 1.45 !important;
}

/* Program Studio v5.8 tabbed ultra premium UI */
.po-program-hero {
    background:
        radial-gradient(circle at 12% 18%, rgba(109,94,248,.12), transparent 28%),
        radial-gradient(circle at 88% 20%, rgba(96,165,250,.18), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,246,255,.92)) !important;
    border: 1px solid rgba(91,124,181,.16) !important;
    box-shadow: 0 24px 70px rgba(33,72,125,.13) !important;
}

.po-program-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 18px 0;
    padding: 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.54);
    border: 1px solid rgba(98,126,170,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.75), 0 12px 30px rgba(33,72,125,.08);
}

.po-program-tabs button {
    appearance: none;
    border: 1px solid rgba(100,127,166,.14);
    background: rgba(255,255,255,.88);
    color: var(--po-ink);
    border-radius: 999px;
    padding: 11px 16px;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(33,72,125,.06);
}

.po-program-tabs button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #426ed7, #78b8e7);
    border-color: rgba(66,110,215,.32);
}

.po-program-stage,
.po-program-card,
.po-program-card * {
    box-sizing: border-box;
}

.po-program-card {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 30px;
    padding: 26px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(244,248,255,.94));
    border: 1px solid rgba(98,126,170,.15);
    box-shadow: 0 22px 64px rgba(33,72,125,.13);
}

.po-section-head--program {
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.po-section-head--program h3 {
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1.06;
    letter-spacing: -.04em;
    margin: 4px 0 8px;
}

.po-section-head--program p {
    margin: 0;
    color: var(--po-muted);
    max-width: 760px;
}

.po-program-chip {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(99,91,255,.08);
    border: 1px solid rgba(99,91,255,.14);
    color: #415a9d;
    font-size: 12px;
    font-weight: 800;
}

.po-program-type-grid,
.po-program-template-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}

.po-program-type,
.po-program-template {
    appearance: none;
    width: 100%;
    min-height: 118px;
    text-align: left;
    display: grid;
    gap: 7px;
    align-content: start;
    border-radius: 22px;
    padding: 18px;
    border: 1px solid rgba(98,126,170,.16);
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,255,.92));
    color: var(--po-ink);
    box-shadow: 0 12px 28px rgba(33,72,125,.08);
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.po-program-type:hover,
.po-program-template:hover,
.po-program-type.is-active {
    transform: translateY(-2px);
    border-color: rgba(66,110,215,.34);
    box-shadow: 0 18px 40px rgba(33,72,125,.14);
}

.po-program-type.is-active {
    background:
        radial-gradient(circle at top right, rgba(120,184,231,.20), transparent 42%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(235,244,255,.96));
}

.po-program-type span,
.po-program-template span {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    display: inline-grid;
    place-items: center;
    background: rgba(66,110,215,.10);
    color: #426ed7;
    font-weight: 900;
}

.po-program-type strong,
.po-program-template strong {
    font-size: 16px;
    line-height: 1.2;
}

.po-program-type small,
.po-program-template small {
    color: var(--po-muted);
    line-height: 1.45;
}

.po-program-form .po-form-grid {
    gap: 14px;
}

.po-program-form .po-field textarea,
.po-program-form .po-field input,
.po-program-form .po-field select {
    border-radius: 16px;
}

.po-program-switches {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}

.po-program-switches .po-toggle {
    padding: 15px 16px;
    border-radius: 18px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(98,126,170,.14);
}

.po-program-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.po-program-warning {
    margin: 0 0 16px;
    border-radius: 18px;
    padding: 14px 16px;
    background: rgba(255,246,222,.86);
    color: #8a5b08;
    border: 1px solid rgba(245,158,11,.18);
}

.po-program-list {
    display: grid;
    gap: 12px;
}

.po-program-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    min-width: 0;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(98,126,170,.14);
}

.po-program-row > div {
    min-width: 0;
}

.po-program-row h3 {
    margin: 9px 0 6px;
    font-size: 18px;
    overflow-wrap: anywhere;
}

.po-program-row p {
    margin: 0;
    color: var(--po-muted);
}

.po-program-item-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}

.po-program-item {
    min-width: 0;
    border-radius: 22px;
    padding: 18px;
    background: rgba(255,255,255,.84);
    border: 1px solid rgba(98,126,170,.14);
    overflow: hidden;
}

.po-program-item__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.po-program-item h4 {
    margin: 12px 0 8px;
    font-size: 18px;
    line-height: 1.22;
    overflow-wrap: anywhere;
}

.po-program-item p {
    margin: 0;
    color: var(--po-muted);
}

.po-program-item ul {
    margin: 12px 0 0 18px;
    color: #4b6288;
}

@media (max-width: 1100px) {
    .po-progress-summary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .po-program-tabs {
        border-radius: 22px;
    }
    .po-program-tabs button {
        flex: 1 1 100%;
    }
    .po-program-card {
        padding: 18px;
        border-radius: 24px;
    }
    .po-program-row,
    .po-section-head--program,
    .po-program-item__top {
        flex-direction: column;
        align-items: flex-start;
    }
    .po-progress-summary {
        grid-template-columns: 1fr;
    }
}


/* ProjectOS Program Studio v5.9 - ultra premium table planner */
.po-program-hero--v59 {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 9% 20%, rgba(120,184,231,.24), transparent 28%),
        radial-gradient(circle at 90% 10%, rgba(99,91,255,.18), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(237,246,255,.94)) !important;
}

.po-program-tabs--premium {
    position: sticky;
    top: 32px;
    z-index: 5;
}

.po-program-stage--premium {
    min-width: 0;
    max-width: 100%;
}

.po-program-card--premium {
    background:
        radial-gradient(circle at top left, rgba(120,184,231,.13), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(244,248,255,.96));
}

.po-form-grid--4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.po-program-form .po-field small {
    display: block;
    margin-top: 7px;
    color: var(--po-muted);
    line-height: 1.45;
}

.po-program-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 20px;
}

.po-program-stats > div {
    border-radius: 22px;
    padding: 18px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(239,246,255,.9));
    border: 1px solid rgba(98,126,170,.14);
    box-shadow: 0 12px 30px rgba(33,72,125,.08);
    min-width: 0;
}

.po-program-stats strong {
    display: block;
    font-size: clamp(24px, 3vw, 38px);
    line-height: 1;
    letter-spacing: -.04em;
    color: var(--po-ink);
}

.po-program-stats span {
    display: block;
    margin-top: 8px;
    color: var(--po-muted);
    font-weight: 700;
}

.po-program-table-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 20px 0 14px;
}

.po-program-table-head h4 {
    margin: 4px 0 7px;
    font-size: clamp(22px, 2vw, 32px);
    letter-spacing: -.03em;
}

.po-program-table-head p {
    margin: 0;
    color: var(--po-muted);
}

.po-program-add-row {
    display: grid;
    gap: 12px;
    margin: 0 0 18px;
    padding: 16px;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(99,91,255,.10), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(242,247,255,.9));
    border: 1px solid rgba(98,126,170,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
}

.po-program-add-grid {
    display: grid;
    grid-template-columns: minmax(110px,.8fr) minmax(140px,1fr) minmax(100px,.75fr) minmax(100px,.75fr) minmax(90px,.6fr) minmax(120px,.75fr) minmax(140px,1fr) minmax(220px,2fr);
    gap: 10px;
    min-width: 0;
}

.po-program-add-row input,
.po-program-add-row select,
.po-program-add-row textarea,
.po-program-table input,
.po-program-table select,
.po-program-table textarea {
    width: 100%;
    max-width: 100%;
    border-radius: 14px;
    border: 1px solid rgba(98,126,170,.18);
    background: rgba(255,255,255,.92);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74);
    color: var(--po-ink);
}

.po-program-add-row textarea,
.po-program-table textarea {
    resize: vertical;
    min-height: 44px;
}

.po-program-table-wrap {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    border-radius: 28px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(241,247,255,.9));
    border: 1px solid rgba(98,126,170,.14);
    box-shadow: 0 20px 60px rgba(33,72,125,.12);
}

.po-program-table {
    width: 100%;
    min-width: 1380px;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}

.po-program-table th,
.po-program-table td {
    padding: 12px;
    border-bottom: 1px solid rgba(98,126,170,.12);
    vertical-align: top;
}

.po-program-table th {
    position: sticky;
    top: 0;
    z-index: 2;
    background: rgba(238,246,255,.96);
    color: #294062;
    text-align: left;
    font-size: 12px;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 900;
    backdrop-filter: blur(10px);
}

.po-program-table td {
    background: rgba(255,255,255,.72);
}

.po-program-table tr:nth-child(even) td {
    background: rgba(248,251,255,.86);
}

.po-program-table tr:hover td {
    background: rgba(239,246,255,.96);
}

.po-program-table th:nth-child(1), .po-program-table td:nth-child(1) { width: 48px; }
.po-program-table th:nth-child(2), .po-program-table td:nth-child(2) { width: 132px; }
.po-program-table th:nth-child(3), .po-program-table td:nth-child(3) { width: 140px; }
.po-program-table th:nth-child(4), .po-program-table td:nth-child(4) { width: 180px; }
.po-program-table th:nth-child(5), .po-program-table td:nth-child(5) { width: 92px; }
.po-program-table th:nth-child(6), .po-program-table td:nth-child(6) { width: 126px; }
.po-program-table th:nth-child(7), .po-program-table td:nth-child(7) { width: 140px; }
.po-program-table th:nth-child(8), .po-program-table td:nth-child(8) { width: 300px; }
.po-program-table th:nth-child(9), .po-program-table td:nth-child(9) { width: 220px; }
.po-program-table th:nth-child(10), .po-program-table td:nth-child(10) { width: 230px; }
.po-program-table th:nth-child(11), .po-program-table td:nth-child(11) { width: 126px; }

.po-program-table-index {
    font-weight: 900;
    color: #426ed7;
}

.po-program-time-pair {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.po-program-row-actions {
    display: grid;
    gap: 8px;
}

.po-btn--compact {
    min-height: 34px;
    padding: 6px 10px;
    border-radius: 12px;
    font-size: 12px;
    line-height: 1.1;
}

.po-program-command-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;
    margin: 0 0 18px;
}

.po-program-command {
    appearance: none;
    text-align: left;
    border: 1px solid rgba(98,126,170,.16);
    border-radius: 18px;
    padding: 14px 16px;
    background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,255,.92));
    color: var(--po-ink);
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(33,72,125,.08);
}

.po-program-command:hover {
    transform: translateY(-1px);
    border-color: rgba(66,110,215,.30);
    box-shadow: 0 16px 34px rgba(33,72,125,.13);
}

.po-dashboard-grid,
.po-dashboard-grid > *,
.po-stats-grid,
.po-stats-grid > *,
.po-progress-summary,
.po-progress-summary > *,
.po-premium-grid,
.po-premium-grid > *,
.po-widget-grid,
.po-widget-grid > * {
    min-width: 0;
    max-width: 100%;
}

.po-dashboard-grid,
.po-stats-grid,
.po-premium-grid,
.po-widget-grid {
    overflow: visible;
}

.po-panel,
.po-card,
.po-dashboard-card,
.po-metric-card,
.po-stat-card {
    overflow-wrap: anywhere;
}

@media (max-width: 1280px) {
    .po-form-grid--4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-program-add-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-program-stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .po-form-grid--4,
    .po-program-add-grid,
    .po-program-stats {
        grid-template-columns: 1fr;
    }

    .po-program-tabs--premium {
        position: static;
    }

    .po-program-table {
        min-width: 1180px;
    }
}


/* ProjectOS 5.10.5 Emergency UI containment + premium polish */
#projectos-app,
#projectos-site-app,
#projectos-app .po-app,
#projectos-site-app .po-app,
#projectos-app .po-main,
#projectos-site-app .po-main,
#projectos-app .po-content,
#projectos-site-app .po-content {
    min-width: 0;
    max-width: 100%;
}

#projectos-app .po-main,
#projectos-site-app .po-main,
#projectos-app .po-content,
#projectos-site-app .po-content {
    overflow-x: hidden;
}

#projectos-app .po-content > *,
#projectos-site-app .po-content > *,
#projectos-app .po-premium-dashboard,
#projectos-site-app .po-premium-dashboard,
#projectos-app .po-program-stage,
#projectos-site-app .po-program-stage,
#projectos-app .po-program-card,
#projectos-site-app .po-program-card {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
}

#projectos-app .po-premium-dashboard__hero,
#projectos-site-app .po-premium-dashboard__hero {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch;
    overflow: hidden;
}

#projectos-app .po-premium-kpis,
#projectos-site-app .po-premium-kpis {
    grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)) !important;
    width: 100%;
    max-width: 100%;
}

#projectos-app .po-premium-kpis article,
#projectos-site-app .po-premium-kpis article,
#projectos-app .po-premium-dashboard-grid > *,
#projectos-site-app .po-premium-dashboard-grid > * {
    min-width: 0;
    max-width: 100%;
}

#projectos-app .po-premium-dashboard-grid,
#projectos-site-app .po-premium-dashboard-grid {
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    width: 100%;
    max-width: 100%;
}

#projectos-app .po-premium-actions,
#projectos-site-app .po-premium-actions {
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}

#projectos-app .po-progress-summary,
#projectos-site-app .po-progress-summary {
    grid-template-columns: repeat(auto-fit, minmax(136px, 1fr)) !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}

#projectos-app .po-progress-summary .po-progress-ring,
#projectos-site-app .po-progress-summary .po-progress-ring {
    width: 82px;
    height: 82px;
}

#projectos-app .po-program-tabs--premium,
#projectos-site-app .po-program-tabs--premium {
    top: 10px;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: thin;
}

#projectos-app .po-program-type-grid,
#projectos-site-app .po-program-type-grid,
#projectos-app .po-program-template-grid,
#projectos-site-app .po-program-template-grid {
    grid-template-columns: repeat(auto-fit, minmax(164px, 1fr));
}

#projectos-app .po-program-form .po-form-grid--2,
#projectos-site-app .po-program-form .po-form-grid--2,
#projectos-app .po-program-form .po-form-grid--4,
#projectos-site-app .po-program-form .po-form-grid--4 {
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)) !important;
}

#projectos-app .po-program-add-grid,
#projectos-site-app .po-program-add-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}

#projectos-app .po-program-table-wrap,
#projectos-site-app .po-program-table-wrap {
    max-width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
}

#projectos-app .po-program-card,
#projectos-site-app .po-program-card {
    overflow: hidden;
}

#projectos-app .po-program-locked,
#projectos-site-app .po-program-locked {
    border-style: dashed;
}

#projectos-app .po-program-empty-state,
#projectos-site-app .po-program-empty-state {
    display: grid;
    gap: 10px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(255,255,255,.76);
    border: 1px solid rgba(98,126,170,.14);
}

@media (max-width: 900px) {
    #projectos-app .po-premium-dashboard__hero,
    #projectos-site-app .po-premium-dashboard__hero,
    #projectos-app .po-program-card,
    #projectos-site-app .po-program-card {
        padding: 18px;
        border-radius: 24px;
    }

    #projectos-app .po-program-tabs--premium,
    #projectos-site-app .po-program-tabs--premium {
        position: static;
    }
}


.projectos-app-recovery {
    margin-top: 18px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255,255,255,.84);
    border: 1px solid rgba(176,194,226,.42);
    max-width: 420px;
    box-shadow: 0 18px 40px rgba(103,130,173,.12);
}
.projectos-app-recovery p {
    margin: 0 0 12px;
    color: rgba(37,59,102,.78);
    font-size: 14px;
    line-height: 1.5;
}
.projectos-app-recovery__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.projectos-app-recovery__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(91,126,196,.18);
    background: linear-gradient(135deg, #4e85f8, #72b0ff);
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    letter-spacing: .05em;
    cursor: pointer;
}
.projectos-app-recovery__button--ghost {
    background: rgba(255,255,255,.92);
    color: #284173;
}
.po-program-table-wrap { overflow: auto; }
.po-program-table { table-layout: fixed; min-width: 1180px; }
.po-program-table th,
.po-program-table td { vertical-align: top; overflow-wrap: break-word; word-break: normal; }
.po-program-table textarea,
.po-program-table input,
.po-program-table select { max-width: 100%; }

/* ProjectOS 5.10.5 Ultra premium experience layer */
.po-ultra-command-strip {
    display: grid;
    grid-template-columns: minmax(240px, 1.25fr) repeat(4, minmax(140px, .75fr));
    gap: 14px;
    align-items: stretch;
    min-width: 0;
    max-width: 100%;
}

.po-ultra-command-strip article,
.po-ultra-command-strip button {
    min-width: 0;
    border: 1px solid rgba(98,126,170,.14);
    border-radius: 22px;
    background:
        radial-gradient(circle at 92% 0%, rgba(99,91,255,.10), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(241,247,255,.9));
    box-shadow: 0 14px 34px rgba(33,72,125,.08);
    padding: 16px 18px;
    text-align: left;
    color: var(--po-ink, #12213f);
    overflow: hidden;
}

.po-ultra-command-strip button {
    appearance: none;
    cursor: pointer;
    display: grid;
    gap: 6px;
}

.po-ultra-command-strip button:hover {
    transform: translateY(-1px);
    border-color: rgba(66,110,215,.30);
    box-shadow: 0 18px 42px rgba(33,72,125,.13);
}

.po-ultra-command-strip span,
.po-ultra-command-strip small {
    display: block;
    color: var(--po-muted, #60718b);
    font-weight: 750;
    overflow-wrap: break-word;
}

.po-ultra-command-strip strong {
    display: block;
    font-size: 15px;
    color: var(--po-ink, #12213f);
    overflow-wrap: break-word;
}

.po-program-quality {
    display: grid;
    grid-template-columns: minmax(160px, .75fr) minmax(260px, 1.25fr) minmax(220px, 1fr) auto;
    gap: 14px;
    align-items: stretch;
    margin: 0 0 18px;
    padding: 16px;
    border-radius: 26px;
    border: 1px solid rgba(98,126,170,.14);
    background:
        radial-gradient(circle at 0% 0%, rgba(120,184,231,.18), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(244,248,255,.92));
    box-shadow: 0 16px 42px rgba(33,72,125,.10);
    overflow: hidden;
}

.po-program-quality__score,
.po-program-quality__grid article,
.po-program-quality__notes {
    min-width: 0;
    border-radius: 20px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(98,126,170,.12);
    padding: 14px;
}

.po-program-quality__score {
    display: grid;
    align-content: center;
    gap: 5px;
}

.po-program-quality__score span,
.po-program-quality__score small,
.po-program-quality__grid span,
.po-program-quality__notes li {
    color: var(--po-muted, #60718b);
    font-weight: 750;
    overflow-wrap: break-word;
}

.po-program-quality__score strong {
    font-size: clamp(30px, 4vw, 46px);
    line-height: 1;
    color: #0f2147;
}

.po-program-quality.is-ready .po-program-quality__score strong { color: #0f8f62; }
.po-program-quality.is-review .po-program-quality__score strong { color: #b45309; }
.po-program-quality.is-risk .po-program-quality__score strong { color: #b91c1c; }

.po-program-quality__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    min-width: 0;
}

.po-program-quality__grid article {
    display: grid;
    align-content: center;
    gap: 5px;
}

.po-program-quality__grid strong {
    font-size: 22px;
    color: var(--po-ink, #12213f);
}

.po-program-quality__notes ul {
    margin: 8px 0 0 18px;
    padding: 0;
}

.po-program-quality__actions {
    display: grid;
    gap: 9px;
    align-content: center;
    min-width: 0;
}

.po-program-quality__actions .po-btn {
    width: 100%;
    justify-content: center;
    white-space: normal;
}

@media (max-width: 1320px) {
    .po-ultra-command-strip,
    .po-program-quality {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .po-program-quality__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .po-ultra-command-strip,
    .po-program-quality,
    .po-program-quality__grid {
        grid-template-columns: 1fr;
    }
}

/* ProjectOS 5.10.5 Ultra Premium Program Control Tower */
.po-program-quality {
    display: grid;
    grid-template-columns: minmax(160px, .75fr) minmax(260px, 1.2fr) minmax(260px, 1.4fr) auto;
    gap: 14px;
    align-items: stretch;
    margin: 0 0 20px;
    padding: 16px;
    border-radius: 26px;
    border: 1px solid rgba(98,126,170,.16);
    background:
        radial-gradient(circle at 4% 0%, rgba(99,91,255,.12), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(241,247,255,.94));
    box-shadow: 0 18px 50px rgba(33,72,125,.10);
    overflow: hidden;
}
.po-program-quality.is-ready { border-color: rgba(34,197,94,.24); }
.po-program-quality.is-review { border-color: rgba(245,158,11,.28); }
.po-program-quality.is-risk { border-color: rgba(239,68,68,.22); }
.po-program-quality__score,
.po-program-quality__grid article,
.po-program-quality__notes,
.po-program-quality__actions {
    min-width: 0;
    border-radius: 20px;
    border: 1px solid rgba(98,126,170,.13);
    background: rgba(255,255,255,.78);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}
.po-program-quality__score { padding: 18px; display: grid; align-content: center; gap: 6px; }
.po-program-quality__score span,
.po-program-quality__grid span { color: var(--po-muted); font-weight: 800; font-size: 12px; letter-spacing: .05em; text-transform: uppercase; }
.po-program-quality__score strong { font-size: clamp(32px, 4vw, 52px); line-height: 1; letter-spacing: -.05em; color: var(--po-ink); }
.po-program-quality__score small { color: #426ed7; font-weight: 900; }
.po-program-quality__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.po-program-quality__grid article { padding: 14px; display: grid; gap: 5px; align-content: center; }
.po-program-quality__grid strong { color: var(--po-ink); font-size: 24px; line-height: 1; }
.po-program-quality__notes { padding: 16px; overflow: hidden; }
.po-program-quality__notes ul { margin: 8px 0 0 18px; color: var(--po-muted); line-height: 1.55; }
.po-program-quality__notes li { overflow-wrap: anywhere; }
.po-program-quality__actions { padding: 12px; display: grid; gap: 8px; align-content: center; }
.po-program-quality__actions .po-btn { width: 100%; justify-content: center; white-space: normal; }
@media (max-width: 1280px) {
    .po-program-quality { grid-template-columns: 1fr; }
    .po-program-quality__actions { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
}
@media (max-width: 760px) {
    .po-program-quality__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media print {
    body[data-projectos-print-program="1"] #projectos-app .po-shell,
    body[data-projectos-print-program="1"] #projectos-site-app .po-shell { background: #fff !important; }
    body[data-projectos-print-program="1"] .po-sidebar,
    body[data-projectos-print-program="1"] .po-topbar,
    body[data-projectos-print-program="1"] .po-nav,
    body[data-projectos-print-program="1"] .po-program-tabs,
    body[data-projectos-print-program="1"] .po-program-add-row,
    body[data-projectos-print-program="1"] .po-program-row-actions,
    body[data-projectos-print-program="1"] .po-view-head__actions { display: none !important; }
    body[data-projectos-print-program="1"] .po-main,
    body[data-projectos-print-program="1"] .po-content,
    body[data-projectos-print-program="1"] .po-program-card { overflow: visible !important; box-shadow: none !important; border: 0 !important; }
}


/* ProjectOS 5.10.5 instant boot and recovery shell */
.projectos-app-recovery--shell {
    min-height: 100vh;
    max-width: none;
    margin: 0;
    border-radius: 0;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 14px;
    text-align: center;
    background:
        radial-gradient(circle at 50% 24%, rgba(99, 91, 255, .20), transparent 16%),
        linear-gradient(180deg, #eef6ff 0%, #f8fbff 100%);
    border: 0;
    box-shadow: none;
}
.projectos-app-recovery--shell h2 {
    margin: 4px 0 0;
    color: #12213f;
    font-size: clamp(28px, 4vw, 44px);
    letter-spacing: -.04em;
}
.projectos-app-recovery--shell p {
    max-width: 560px;
    margin: 0;
}

/* ProjectOS v5.10.5 Ultra Premium Command Center */
.po-command-center,
.po-command-center * { box-sizing: border-box; min-width: 0; }
.po-command-center { display: grid; gap: 20px; max-width: 100%; }
.po-command-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, .32fr);
    gap: 20px;
    align-items: center;
    padding: clamp(24px, 4vw, 46px);
    border-radius: 34px;
    border: 1px solid rgba(98,126,170,.14);
    background: radial-gradient(circle at 8% 0%, rgba(99,91,255,.18), transparent 34%), radial-gradient(circle at 90% 12%, rgba(120,184,231,.22), transparent 34%), rgba(255,255,255,.86);
    box-shadow: 0 26px 70px rgba(33,72,125,.13);
    overflow: hidden;
}
.po-command-hero h2 { margin: 8px 0 10px; font-size: clamp(34px, 5vw, 64px); line-height: .98; letter-spacing: -.06em; color: #12213f; }
.po-command-hero p { margin: 0; max-width: 760px; color: #60718b; line-height: 1.7; font-weight: 650; }
.po-command-score { display: grid; place-items: center; min-height: 180px; border-radius: 30px; background: rgba(255,255,255,.78); border: 1px solid rgba(98,126,170,.14); text-align: center; box-shadow: inset 0 1px 0 rgba(255,255,255,.9); }
.po-command-score strong { font-size: clamp(44px, 6vw, 78px); line-height: 1; color: #2563eb; letter-spacing: -.06em; }
.po-command-score span { font-weight: 950; color: #12213f; }
.po-command-score small { color: #60718b; font-weight: 750; }
.po-command-metrics,
.po-command-actions,
.po-command-readiness,
.po-command-grid { display: grid; gap: 14px; max-width: 100%; }
.po-command-metrics { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.po-command-metric,
.po-command-ready,
.po-command-actions button,
.po-command-program,
.po-command-risk,
.po-command-runway-row { border: 1px solid rgba(98,126,170,.14); background: rgba(255,255,255,.84); border-radius: 24px; box-shadow: 0 16px 38px rgba(33,72,125,.07); }
.po-command-metric { padding: 18px; display: grid; gap: 6px; }
.po-command-metric span { color: #60718b; font-weight: 850; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.po-command-metric strong { color: #12213f; font-size: 34px; line-height: 1; }
.po-command-metric small { color: #6b7890; font-weight: 700; }
.po-command-metric--danger strong { color: #dc2626; }
.po-command-metric--warning strong { color: #b45309; }
.po-command-metric--success strong { color: #0f8f62; }
.po-command-actions { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.po-command-actions button,
.po-command-ready { appearance: none; cursor: pointer; text-align: left; padding: 18px; color: #12213f; }
.po-command-actions button { display: grid; gap: 6px; background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,255,.9)); }
.po-command-actions button:hover,
.po-command-ready:hover { transform: translateY(-1px); border-color: rgba(37,99,235,.26); }
.po-command-actions strong,
.po-command-ready strong { display: block; font-size: 15px; color: #12213f; overflow-wrap: anywhere; }
.po-command-actions small,
.po-command-ready small { color: #60718b; font-weight: 700; line-height: 1.5; }
.po-command-readiness { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.po-command-ready { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 6px 12px; align-items: center; }
.po-command-ready span { grid-row: span 2; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 14px; background: #eef4ff; color: #2563eb; font-weight: 950; }
.po-command-ready.is-ok span { background: #ecfdf5; color: #0f8f62; }
.po-command-ready.needs-action span { background: #fff7ed; color: #b45309; }
.po-command-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.po-command-runway,
.po-command-risk-list,
.po-command-programs { display: grid; gap: 10px; }
.po-command-runway-row { display: grid; grid-template-columns: 96px minmax(0,1fr) auto; align-items: center; gap: 12px; padding: 14px 16px; cursor: pointer; }
.po-command-runway-row span,
.po-command-runway-row small { color: #60718b; font-weight: 800; }
.po-command-runway-row strong,
.po-command-risk strong,
.po-command-program strong { color: #12213f; overflow-wrap: anywhere; }
.po-command-risk { display: grid; gap: 6px; padding: 14px 16px; cursor: pointer; }
.po-command-risk small { color: #60718b; font-weight: 750; }
.po-command-program { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 12px; align-items: center; padding: 14px 16px; }
.po-command-program small { display: block; margin-top: 4px; color: #60718b; font-weight: 700; }
.po-command-playbook { margin: 0; padding-left: 22px; color: #344767; line-height: 1.85; font-weight: 700; }
.po-view-crash { padding: clamp(24px, 4vw, 44px); text-align: center; background: radial-gradient(circle at 50% 0%, rgba(99,91,255,.12), transparent 30%), rgba(255,255,255,.86); }
.po-view-crash h2 { margin: 10px 0; font-size: clamp(28px,4vw,48px); color: #12213f; letter-spacing: -.04em; }
.po-view-crash p { color: #60718b; font-weight: 700; }
@media (max-width: 1280px) { .po-command-metrics, .po-command-actions, .po-command-readiness { grid-template-columns: repeat(2, minmax(0,1fr)); } .po-command-hero, .po-command-grid { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .po-command-metrics, .po-command-actions, .po-command-readiness, .po-command-runway-row, .po-command-program { grid-template-columns: 1fr; } .po-command-ready { grid-template-columns: 34px minmax(0,1fr); } }


/* ProjectOS v5.10.5 Ultra Premium interaction + typography hardening */
#projectos-app,
#projectos-site-app {
    --po-ultra-hover-bg: radial-gradient(circle at 18% 0%, rgba(120,184,231,.22), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(235,244,255,.96));
    --po-ultra-hover-border: rgba(71, 114, 210, .26);
    --po-ultra-hover-shadow: 0 22px 46px rgba(45, 89, 158, .14), inset 0 1px 0 rgba(255,255,255,.88);
}

#projectos-app .po-command-actions button:hover,
#projectos-site-app .po-command-actions button:hover,
#projectos-app .po-command-actions button:focus-visible,
#projectos-site-app .po-command-actions button:focus-visible,
#projectos-app .po-command-ready:hover,
#projectos-site-app .po-command-ready:hover,
#projectos-app .po-command-ready:focus-visible,
#projectos-site-app .po-command-ready:focus-visible {
    background: var(--po-ultra-hover-bg) !important;
    color: #10213f !important;
    border-color: var(--po-ultra-hover-border) !important;
    box-shadow: var(--po-ultra-hover-shadow) !important;
    transform: translateY(-2px);
    outline: none;
}

#projectos-app .po-command-ready.needs-action:hover,
#projectos-site-app .po-command-ready.needs-action:hover,
#projectos-app .po-command-ready.needs-action:focus-visible,
#projectos-site-app .po-command-ready.needs-action:focus-visible {
    background: radial-gradient(circle at 16% 0%, rgba(251,191,36,.18), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(255,247,237,.94)) !important;
    color: #12213f !important;
}

#projectos-app .po-command-ready.is-ok:hover,
#projectos-site-app .po-command-ready.is-ok:hover,
#projectos-app .po-command-ready.is-ok:focus-visible,
#projectos-site-app .po-command-ready.is-ok:focus-visible {
    background: radial-gradient(circle at 16% 0%, rgba(16,185,129,.18), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.98), rgba(236,253,245,.94)) !important;
}

#projectos-app .po-command-actions button:hover strong,
#projectos-site-app .po-command-actions button:hover strong,
#projectos-app .po-command-actions button:hover small,
#projectos-site-app .po-command-actions button:hover small,
#projectos-app .po-command-ready:hover strong,
#projectos-site-app .po-command-ready:hover strong,
#projectos-app .po-command-ready:hover small,
#projectos-site-app .po-command-ready:hover small {
    color: inherit !important;
}

/* Never split Turkish UI labels letter-by-letter in admin/front user areas. */
#projectos-app h1,
#projectos-app h2,
#projectos-app h3,
#projectos-app h4,
#projectos-app h5,
#projectos-app h6,
#projectos-site-app h1,
#projectos-site-app h2,
#projectos-site-app h3,
#projectos-site-app h4,
#projectos-site-app h5,
#projectos-site-app h6,
#projectos-app .po-nav button,
#projectos-site-app .po-nav button,
#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app .po-command-actions strong,
#projectos-site-app .po-command-actions strong,
#projectos-app .po-command-ready strong,
#projectos-site-app .po-command-ready strong,
#projectos-app .po-kicker,
#projectos-site-app .po-kicker,
#projectos-app .po-badge,
#projectos-site-app .po-badge,
#projectos-app label span,
#projectos-site-app label span,
#projectos-app table th,
#projectos-site-app table th {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

#projectos-app p,
#projectos-site-app p,
#projectos-app small,
#projectos-site-app small,
#projectos-app .po-muted,
#projectos-site-app .po-muted,
#projectos-app .po-card,
#projectos-site-app .po-card,
#projectos-app .po-panel,
#projectos-site-app .po-panel {
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

#projectos-app .po-alert,
#projectos-site-app .po-alert {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
}

#projectos-app .po-alert button,
#projectos-site-app .po-alert button {
    appearance: none;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: currentColor;
    font-weight: 900;
    cursor: pointer;
    padding: 4px 9px;
}

#projectos-app .po-view-crash,
#projectos-site-app .po-view-crash,
#projectos-app .projectos-app-recovery--shell,
#projectos-site-app .projectos-app-recovery--shell {
    background: radial-gradient(circle at 50% 0%, rgba(120,184,231,.22), transparent 32%), linear-gradient(180deg, rgba(255,255,255,.96), rgba(240,247,255,.94)) !important;
    color: #12213f !important;
    border: 1px solid rgba(98,126,170,.16);
    box-shadow: 0 28px 72px rgba(33,72,125,.14);
}

#projectos-app .projectos-app-recovery--shell .projectos-app-recovery__actions,
#projectos-site-app .projectos-app-recovery--shell .projectos-app-recovery__actions {
    justify-content: center;
}

@media (max-width: 1280px) {
    #projectos-app .po-command-actions,
    #projectos-site-app .po-command-actions,
    #projectos-app .po-command-readiness,
    #projectos-site-app .po-command-readiness {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    #projectos-app .po-command-actions,
    #projectos-site-app .po-command-actions,
    #projectos-app .po-command-readiness,
    #projectos-site-app .po-command-readiness,
    #projectos-app .po-command-metrics,
    #projectos-site-app .po-command-metrics {
        grid-template-columns: 1fr !important;
    }
}

/* ProjectOS 5.10.5 - Ultra Premium Profile Suite */
#projectos-app .po-profile-suite,
#projectos-site-app .po-profile-suite {
    display: grid;
    gap: 18px;
    min-width: 0;
    max-width: 100%;
}

#projectos-app .po-profile-suite *,
#projectos-site-app .po-profile-suite * {
    box-sizing: border-box;
    min-width: 0;
    word-break: normal;
    overflow-wrap: break-word;
}

#projectos-app .po-profile-suite__top,
#projectos-site-app .po-profile-suite__top {
    border-radius: 28px;
    padding: 10px;
    background: rgba(255,255,255,.62);
    border: 1px solid rgba(118,142,180,.16);
    box-shadow: 0 16px 42px rgba(46,76,122,.08), inset 0 1px 0 rgba(255,255,255,.78);
}

#projectos-app .po-profile-tabs,
#projectos-site-app .po-profile-tabs {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

#projectos-app .po-profile-tabs button,
#projectos-site-app .po-profile-tabs button {
    appearance: none;
    min-height: 66px;
    text-align: left;
    border: 1px solid rgba(121,145,184,.16);
    border-radius: 20px;
    padding: 12px 14px;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(238,246,255,.84));
    color: #203253;
    cursor: pointer;
    box-shadow: 0 10px 24px rgba(58,86,133,.07);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

#projectos-app .po-profile-tabs button:hover,
#projectos-site-app .po-profile-tabs button:hover,
#projectos-app .po-profile-tabs button:focus-visible,
#projectos-site-app .po-profile-tabs button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(87,126,205,.30);
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(226,239,255,.94));
    box-shadow: 0 18px 36px rgba(58,86,133,.12);
}

#projectos-app .po-profile-tabs button.is-active,
#projectos-site-app .po-profile-tabs button.is-active {
    border-color: rgba(74,113,210,.36);
    background: linear-gradient(135deg, rgba(82,126,235,.96), rgba(119,178,230,.92));
    color: #fff;
    box-shadow: 0 18px 42px rgba(76,119,218,.20);
}

#projectos-app .po-profile-tabs span,
#projectos-site-app .po-profile-tabs span {
    display: block;
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .02em;
    white-space: normal;
}

#projectos-app .po-profile-tabs small,
#projectos-site-app .po-profile-tabs small {
    display: block;
    margin-top: 4px;
    color: inherit;
    opacity: .72;
    font-weight: 750;
}

#projectos-app .po-profile-shell--suite,
#projectos-site-app .po-profile-shell--suite {
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important;
}

#projectos-app .po-profile-preview-panel,
#projectos-site-app .po-profile-preview-panel,
#projectos-app .po-profile-editor--tabs,
#projectos-site-app .po-profile-editor--tabs {
    border-radius: 32px !important;
    padding: clamp(18px, 2vw, 28px) !important;
    background:
        radial-gradient(circle at 94% 4%, rgba(114,168,238,.16), transparent 34%),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(233,243,255,.92)) !important;
    border: 1px solid rgba(120,145,186,.16) !important;
    box-shadow: 0 22px 58px rgba(50,79,124,.11), inset 0 1px 0 rgba(255,255,255,.82) !important;
}

#projectos-app .po-profile-info-grid,
#projectos-site-app .po-profile-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

#projectos-app .po-profile-info-card,
#projectos-site-app .po-profile-info-card,
#projectos-app .po-profile-link-card,
#projectos-site-app .po-profile-link-card {
    display: grid;
    gap: 7px;
    min-height: 112px;
    padding: 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.72);
    border: 1px solid rgba(121,145,184,.14);
    box-shadow: 0 12px 28px rgba(58,86,133,.07);
}

#projectos-app .po-profile-info-card.is-empty,
#projectos-site-app .po-profile-info-card.is-empty,
#projectos-app .po-profile-link-card.is-empty,
#projectos-site-app .po-profile-link-card.is-empty {
    background: rgba(248,251,255,.70);
    border-style: dashed;
}

#projectos-app .po-profile-info-card span,
#projectos-site-app .po-profile-info-card span,
#projectos-app .po-profile-link-card span,
#projectos-site-app .po-profile-link-card span {
    color: #657590;
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#projectos-app .po-profile-info-card strong,
#projectos-site-app .po-profile-info-card strong,
#projectos-app .po-profile-link-card strong,
#projectos-site-app .po-profile-link-card strong {
    color: #14233f !important;
    font-size: 15px;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
}

#projectos-app .po-profile-info-card small,
#projectos-site-app .po-profile-info-card small,
#projectos-app .po-profile-link-card small,
#projectos-site-app .po-profile-link-card small {
    color: #6b7890 !important;
    font-weight: 750;
    line-height: 1.45;
}

#projectos-app .po-profile-link-grid,
#projectos-site-app .po-profile-link-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 12px;
}

#projectos-app .po-profile-link-card a,
#projectos-site-app .po-profile-link-card a {
    justify-self: start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(76,119,218,.10);
    color: #315aa6;
    font-weight: 900;
    text-decoration: none;
}

#projectos-app .po-profile-identity-showcase,
#projectos-site-app .po-profile-identity-showcase {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 16px;
    align-items: center;
    margin-bottom: 16px;
    padding: 18px;
    border-radius: 26px;
    background: linear-gradient(145deg, rgba(255,255,255,.82), rgba(236,245,255,.72));
    border: 1px solid rgba(121,145,184,.14);
}

#projectos-app .po-profile-identity-showcase strong,
#projectos-site-app .po-profile-identity-showcase strong {
    display: block;
    color: #13233f !important;
    font-size: clamp(22px, 3vw, 34px);
    line-height: 1.04;
    letter-spacing: -.04em;
}

#projectos-app .po-profile-identity-showcase p,
#projectos-site-app .po-profile-identity-showcase p,
#projectos-app .po-profile-identity-showcase span,
#projectos-site-app .po-profile-identity-showcase span {
    margin: 5px 0 0;
    color: #5d6d86;
    line-height: 1.5;
}

#projectos-app .po-profile-editor--tabs .po-form__grid,
#projectos-site-app .po-profile-editor--tabs .po-form__grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

#projectos-app .po-profile-editor--tabs .po-field span,
#projectos-site-app .po-profile-editor--tabs .po-field span,
#projectos-app .po-profile-editor--tabs .po-section-head h3,
#projectos-site-app .po-profile-editor--tabs .po-section-head h3 {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}

@media (max-width: 1100px) {
    #projectos-app .po-profile-shell--suite,
    #projectos-site-app .po-profile-shell--suite {
        grid-template-columns: 1fr !important;
    }
    #projectos-app .po-profile-card--premium,
    #projectos-site-app .po-profile-card--premium {
        position: static !important;
    }
}

@media (max-width: 760px) {
    #projectos-app .po-profile-tabs,
    #projectos-site-app .po-profile-tabs,
    #projectos-app .po-profile-identity-showcase,
    #projectos-site-app .po-profile-identity-showcase {
        grid-template-columns: 1fr;
    }
}

/* ProjectOS v5.10.5 - Agency gate sync + ultra premium agency polish */
#projectos-app .po-agency-sync-card,
#projectos-site-app .po-agency-sync-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    margin: 0 0 16px;
    border-radius: 22px;
    border: 1px solid rgba(100, 127, 166, .16);
    background:
        radial-gradient(circle at 4% 0%, rgba(120,184,231,.24), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(237,246,255,.88));
    box-shadow: 0 16px 38px rgba(33,72,125,.10);
    overflow: hidden;
}
#projectos-app .po-agency-sync-card.is-synced,
#projectos-site-app .po-agency-sync-card.is-synced {
    border-color: rgba(34,197,94,.22);
    background:
        radial-gradient(circle at 0% 0%, rgba(34,197,94,.16), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.95), rgba(239,253,244,.88));
}
#projectos-app .po-agency-sync-card.needs-sync,
#projectos-site-app .po-agency-sync-card.needs-sync {
    border-color: rgba(245,158,11,.22);
    background:
        radial-gradient(circle at 0% 0%, rgba(245,158,11,.16), transparent 32%),
        linear-gradient(135deg, rgba(255,255,255,.95), rgba(255,251,235,.88));
}
#projectos-app .po-agency-sync-card strong,
#projectos-site-app .po-agency-sync-card strong {
    display: block;
    margin: 4px 0 5px;
    color: #12213f;
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.18;
    letter-spacing: -.02em;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}
#projectos-app .po-agency-sync-card small,
#projectos-site-app .po-agency-sync-card small {
    color: #60718b;
    line-height: 1.45;
    font-weight: 750;
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}
#projectos-app .po-agency-feature-matrix,
#projectos-site-app .po-agency-feature-matrix {
    grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
}
#projectos-app .po-agency-feature,
#projectos-site-app .po-agency-feature {
    min-width: 0;
    overflow: hidden;
}
#projectos-app .po-agency-feature strong,
#projectos-site-app .po-agency-feature strong,
#projectos-app .po-agency-feature small,
#projectos-site-app .po-agency-feature small {
    white-space: normal;
    word-break: normal;
    overflow-wrap: break-word;
}
@media (max-width: 760px) {
    #projectos-app .po-agency-sync-card,
    #projectos-site-app .po-agency-sync-card {
        align-items: stretch;
        flex-direction: column;
    }
    #projectos-app .po-agency-sync-card .po-btn,
    #projectos-site-app .po-agency-sync-card .po-btn {
        width: 100%;
    }
}


/* ProjectOS v5.10.5 Executive Pulse cockpit */
.po-command-hero--executive {
    background:
        radial-gradient(circle at 8% 0%, rgba(37, 99, 235, .16), transparent 34%),
        radial-gradient(circle at 88% 10%, rgba(45, 212, 191, .14), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,246,255,.92)) !important;
}
.po-command-health-strip,
.po-command-executive-grid {
    display: grid;
    gap: 14px;
    max-width: 100%;
}
.po-command-health-strip {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.po-command-health-strip article,
.po-command-executive-brief,
.po-command-next-actions,
.po-command-action-card {
    border: 1px solid rgba(98,126,170,.14);
    background: rgba(255,255,255,.86);
    border-radius: 26px;
    box-shadow: 0 18px 46px rgba(33,72,125,.08);
    min-width: 0;
}
.po-command-health-strip article {
    padding: 18px;
    display: grid;
    gap: 5px;
}
.po-command-health-strip span,
.po-command-action-card span {
    color: #60718b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.po-command-health-strip strong {
    color: #12213f;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1;
    letter-spacing: -.04em;
}
.po-command-health-strip small {
    color: #6b7890;
    font-weight: 750;
}
.po-command-executive-grid {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    align-items: stretch;
}
.po-command-executive-brief,
.po-command-next-actions {
    padding: clamp(18px, 2vw, 24px);
}
.po-command-executive-brief {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    background:
        radial-gradient(circle at 0% 0%, rgba(99,91,255,.12), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(242,247,255,.92));
}
.po-command-executive-brief h3,
.po-command-next-actions h3 {
    margin: 5px 0 8px;
    color: #12213f;
    font-size: clamp(22px, 2.8vw, 34px);
    letter-spacing: -.035em;
}
.po-command-executive-brief p {
    margin: 0;
    color: #43546f;
    line-height: 1.72;
    font-weight: 700;
}
.po-command-action-list {
    display: grid;
    gap: 10px;
}
.po-command-action-card {
    appearance: none;
    width: 100%;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 4px 12px;
    align-items: center;
    padding: 14px 16px;
    text-align: left;
    color: #12213f;
    cursor: pointer;
}
.po-command-action-card span {
    grid-row: span 2;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    border-radius: 16px;
    background: #eef4ff;
    color: #2563eb;
}
.po-command-action-card strong {
    color: #12213f;
    font-size: 15px;
    overflow-wrap: break-word;
}
.po-command-action-card small {
    color: #60718b;
    font-weight: 750;
    line-height: 1.5;
}
.po-command-action-card--danger span { background: #fff1f2; color: #dc2626; }
.po-command-action-card--warning span { background: #fff7ed; color: #b45309; }
.po-command-action-card--accent span { background: #eef2ff; color: #4f46e5; }
.po-command-action-card--success span { background: #ecfdf5; color: #0f8f62; }
.po-command-action-card:hover,
.po-command-action-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(37,99,235,.26);
    background:
        radial-gradient(circle at 16% 0%, rgba(120,184,231,.20), transparent 34%),
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(235,244,255,.95));
    box-shadow: 0 22px 46px rgba(45,89,158,.14), inset 0 1px 0 rgba(255,255,255,.9);
    outline: none;
}
@media (max-width: 1100px) {
    .po-command-health-strip,
    .po-command-executive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .po-command-health-strip,
    .po-command-executive-grid,
    .po-command-executive-brief,
    .po-command-action-card {
        grid-template-columns: 1fr;
    }
    .po-command-executive-brief .po-btn {
        width: 100%;
    }
}

/* ProjectOS v5.11.0 - Ultra Premium Delivery Intelligence */
.po-command-health-strip {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.po-command-intelligence {
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    gap: 18px;
    align-items: stretch;
}
.po-command-decision,
.po-command-report-card,
.po-command-triage-lane {
    min-width: 0;
    border: 1px solid rgba(98,126,170,.14);
    border-radius: 28px;
    background:
        radial-gradient(circle at top right, rgba(120,184,231,.14), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,247,255,.90));
    box-shadow: 0 18px 48px rgba(33,72,125,.09);
    overflow: hidden;
}
.po-command-decision {
    padding: 22px;
    display: grid;
    align-content: start;
    gap: 12px;
}
.po-command-decision h3,
.po-command-report-card h4,
.po-command-triage-lane h3 {
    margin: 0;
    color: #12213f;
    letter-spacing: -.025em;
    line-height: 1.12;
    overflow-wrap: normal;
    word-break: normal;
}
.po-command-decision p,
.po-command-report-card p,
.po-command-triage-row small {
    margin: 0;
    color: #60718b;
    font-weight: 700;
    line-height: 1.55;
}
.po-command-decision--success { background: radial-gradient(circle at top right, rgba(16,185,129,.16), transparent 36%), linear-gradient(180deg,#fff,#f0fdf4); }
.po-command-decision--warning { background: radial-gradient(circle at top right, rgba(245,158,11,.18), transparent 36%), linear-gradient(180deg,#fff,#fff7ed); }
.po-command-decision--danger { background: radial-gradient(circle at top right, rgba(244,63,94,.14), transparent 36%), linear-gradient(180deg,#fff,#fff1f2); }
.po-command-report-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.po-command-report-card {
    padding: 18px;
    display: grid;
    align-content: space-between;
    gap: 14px;
}
.po-command-triage {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}
.po-command-triage-lane {
    padding: 18px;
}
.po-command-triage-lane .po-section-head {
    margin-bottom: 12px;
}
.po-command-triage-lane .po-section-head > span {
    display: inline-grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #eef4ff;
    color: #2563eb;
    font-weight: 950;
}
.po-command-triage-list {
    display: grid;
    gap: 10px;
}
.po-command-triage-row {
    cursor: pointer;
    display: grid;
    gap: 5px;
    padding: 13px 14px;
    border-radius: 18px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(98,126,170,.12);
    box-shadow: 0 10px 26px rgba(33,72,125,.055);
}
.po-command-triage-row:hover,
.po-command-report-card:hover {
    transform: translateY(-1px);
    border-color: rgba(37,99,235,.25);
    box-shadow: 0 18px 42px rgba(37,99,235,.10);
}
.po-command-triage-row strong {
    color: #12213f;
    line-height: 1.28;
    overflow-wrap: break-word;
    word-break: normal;
}
.po-command-triage-lane--danger .po-section-head > span { background: #fff1f2; color: #dc2626; }
.po-command-triage-lane--warning .po-section-head > span { background: #fff7ed; color: #b45309; }
.po-command-triage-lane--accent .po-section-head > span { background: #eef2ff; color: #4f46e5; }
@media (max-width: 1180px) {
    .po-command-health-strip,
    .po-command-intelligence,
    .po-command-report-grid,
    .po-command-triage {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 760px) {
    .po-command-health-strip,
    .po-command-intelligence,
    .po-command-report-grid,
    .po-command-triage {
        grid-template-columns: 1fr;
    }
}

/* v5.13.1 Core PM status manager */
.po-status-manager { margin-top: 1rem; }
.po-status-rows { display: grid; gap: .75rem; }
.po-status-row,
.po-status-create { display: grid; grid-template-columns: auto minmax(140px, 1fr) minmax(120px, .8fr) auto minmax(90px, .5fr) auto auto; gap: .65rem; align-items: end; padding: .85rem; border: 1px solid rgba(109, 94, 248, .16); border-radius: 18px; background: rgba(255, 255, 255, .78); box-shadow: 0 12px 32px rgba(15, 23, 42, .06); }
.po-status-row { border-left: 4px solid var(--status-accent, #6D5EF8); }
.po-status-row.is-wip-over { border-color: rgba(245, 158, 11, .45); background: rgba(255, 251, 235, .8); }
.po-status-row__handle { display: grid; place-items: center; min-width: 34px; color: #64748b; font-size: .78rem; }
.po-status-row__handle span { width: 16px; height: 3px; border-radius: 999px; background: currentColor; box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor; opacity: .45; }
.po-status-row__count { display: grid; gap: .12rem; justify-items: end; color: #475569; }
.po-status-row__count strong { color: #0f172a; font-size: 1.05rem; }
.po-status-row__actions { display: flex; gap: .35rem; align-items: center; justify-content: flex-end; }
.po-status-row__warning { grid-column: 1 / -1; color: #92400e; font-weight: 700; font-size: .82rem; }
.po-status-create { margin-top: .9rem; background: rgba(248, 250, 252, .92); }
.po-board-column.is-wip-over { outline: 2px solid rgba(245, 158, 11, .35); }
@media (max-width: 980px) {
  .po-status-row,
  .po-status-create { grid-template-columns: 1fr; }
  .po-status-row__actions { justify-content: flex-start; flex-wrap: wrap; }
  .po-status-row__count { justify-items: start; }
}

/* v5.14.0 Login Recovery */
.po-login-form {
    gap: 14px;
    margin-top: 18px;
}
.po-auth-remember {
    align-items: center;
    justify-content: flex-start;
    color: rgba(255,255,255,.82);
}
.po-auth__links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 16px;
    justify-content: center;
    margin-top: 4px;
    font-weight: 700;
}
.po-auth__links a {
    color: rgba(255,255,255,.82);
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,.24);
}
.po-auth__links a:hover {
    color: #fff;
    border-bottom-color: rgba(255,255,255,.7);
}
.po-auth__hint,
.po-auth__probe {
    display: block;
    color: rgba(255,255,255,.62);
    text-align: center;
    line-height: 1.45;
}
.po-auth__probe {
    margin: 12px 0 0;
    padding: 10px 12px;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    font-weight: 800;
}

/* v5.16.0 Ultra Delivery Command Center */
.po-ultra-command-center {
    display: grid;
    gap: 18px;
}
.po-ultra-command-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.po-ultra-command-grid article,
.po-ultra-readiness article,
.po-ultra-readiness > div {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 14px 38px rgba(15, 23, 42, .08);
}
.po-ultra-command-grid span,
.po-ultra-readiness span,
.po-ultra-action span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .7;
}
.po-ultra-command-grid strong,
.po-ultra-readiness strong {
    display: block;
    margin-top: 5px;
    font-size: 28px;
    line-height: 1;
}
.po-ultra-command-grid small,
.po-ultra-readiness small,
.po-ultra-action small {
    display: block;
    margin-top: 6px;
    line-height: 1.45;
    opacity: .76;
}
.po-ultra-action-list {
    display: grid;
    gap: 10px;
}
.po-ultra-action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    padding: 14px;
    background: rgba(248, 250, 252, .82);
}
.po-ultra-action strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}
.po-ultra-action--urgent,
.po-ultra-score--critical {
    border-color: rgba(248, 113, 113, .45) !important;
}
.po-ultra-action--high,
.po-ultra-score--attention {
    border-color: rgba(245, 158, 11, .45) !important;
}
.po-ultra-score--healthy,
.po-ultra-readiness .is-ready {
    border-color: rgba(16, 185, 129, .42) !important;
}
.po-ultra-readiness {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) repeat(auto-fit, minmax(130px, 1fr));
    gap: 10px;
}
.po-ultra-readiness article strong {
    font-size: 14px;
}
.po-ultra-readiness article.is-waiting {
    opacity: .68;
}
@media (max-width: 720px) {
    .po-ultra-action {
        align-items: stretch;
        flex-direction: column;
    }
    .po-ultra-readiness {
        grid-template-columns: 1fr;
    }
}

/* v5.16.0 Ultra Executive Pulse */
.po-executive-pulse {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(109, 94, 248, .20);
    background: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(239, 246, 255, .86));
}
.po-exec-pulse-grid,
.po-exec-pulse-forecast {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.po-exec-pulse-grid article,
.po-exec-pulse-forecast article,
.po-exec-pulse-report,
.po-exec-pulse-action {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, .76);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}
.po-exec-pulse-grid span,
.po-exec-pulse-forecast span,
.po-exec-pulse-report span,
.po-exec-pulse-action span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .68;
}
.po-exec-pulse-grid strong,
.po-exec-pulse-forecast strong {
    display: block;
    margin-top: 5px;
    font-size: 28px;
    line-height: 1;
}
.po-exec-pulse-grid small,
.po-exec-pulse-forecast small,
.po-exec-pulse-report small,
.po-exec-pulse-action small {
    display: block;
    margin-top: 6px;
    line-height: 1.45;
    opacity: .74;
}
.po-exec-pulse-score--healthy {
    border-color: rgba(16, 185, 129, .42) !important;
}
.po-exec-pulse-score--attention {
    border-color: rgba(245, 158, 11, .45) !important;
}
.po-exec-pulse-score--critical {
    border-color: rgba(248, 113, 113, .48) !important;
}
.po-exec-pulse-body {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
    gap: 14px;
}
.po-exec-pulse-actions,
.po-exec-pulse-reports {
    display: grid;
    gap: 10px;
}
.po-exec-pulse-action {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
}
.po-exec-pulse-action strong,
.po-exec-pulse-report strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}
.po-exec-pulse-action--urgent,
.po-exec-pulse-action--high {
    border-color: rgba(248, 113, 113, .38);
}
.po-exec-pulse-report {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
@media (max-width: 860px) {
    .po-exec-pulse-body {
        grid-template-columns: 1fr;
    }
    .po-exec-pulse-action,
    .po-exec-pulse-report {
        align-items: stretch;
        display: flex;
        flex-direction: column;
    }
}

/* v5.17.0 Ultra Portfoy Radari */
.po-portfolio-radar {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(14, 165, 233, .22);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(236, 253, 245, .84));
}
.po-portfolio-radar-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.po-portfolio-radar-grid article,
.po-portfolio-workspace,
.po-portfolio-agenda,
.po-portfolio-report {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}
.po-portfolio-radar-grid span,
.po-portfolio-workspace span,
.po-portfolio-agenda span,
.po-portfolio-report span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .68;
}
.po-portfolio-radar-grid strong {
    display: block;
    margin-top: 5px;
    font-size: 28px;
    line-height: 1;
}
.po-portfolio-radar-grid small,
.po-portfolio-workspace small,
.po-portfolio-agenda small,
.po-portfolio-report small {
    display: block;
    margin-top: 6px;
    line-height: 1.45;
    opacity: .74;
}
.po-portfolio-score--healthy,
.po-portfolio-workspace--healthy {
    border-color: rgba(16, 185, 129, .42) !important;
}
.po-portfolio-score--attention,
.po-portfolio-workspace--attention {
    border-color: rgba(245, 158, 11, .45) !important;
}
.po-portfolio-score--critical,
.po-portfolio-workspace--critical {
    border-color: rgba(248, 113, 113, .48) !important;
}
.po-portfolio-radar-body {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .85fr);
    gap: 14px;
}
.po-portfolio-workspaces,
.po-portfolio-agenda-list,
.po-portfolio-reports {
    display: grid;
    gap: 10px;
}
.po-portfolio-workspace,
.po-portfolio-agenda,
.po-portfolio-report {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
}
.po-portfolio-agenda {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
.po-portfolio-report {
    grid-template-columns: minmax(0, 1fr) auto;
}
.po-portfolio-workspace strong,
.po-portfolio-agenda strong,
.po-portfolio-report strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}
.po-portfolio-agenda--urgent,
.po-portfolio-agenda--high {
    border-color: rgba(248, 113, 113, .38);
}
@media (max-width: 1080px) {
    .po-portfolio-radar-body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .po-portfolio-workspace,
    .po-portfolio-agenda,
    .po-portfolio-report {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

/* v5.18.0 Ultra Kapasite Tahmini */
.po-capacity-forecast {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(99, 102, 241, .22);
    background: linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(238, 242, 255, .88));
}
.po-capacity-grid,
.po-capacity-buckets,
.po-capacity-mix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr));
    gap: 12px;
}
.po-capacity-grid article,
.po-capacity-buckets article,
.po-capacity-mix article,
.po-capacity-lane,
.po-capacity-action,
.po-capacity-report {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 14px 34px rgba(15, 23, 42, .07);
}
.po-capacity-grid span,
.po-capacity-buckets span,
.po-capacity-mix span,
.po-capacity-lane span,
.po-capacity-action span,
.po-capacity-report span {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .68;
}
.po-capacity-grid strong,
.po-capacity-buckets strong,
.po-capacity-mix strong {
    display: block;
    margin-top: 5px;
    font-size: 28px;
    line-height: 1;
}
.po-capacity-grid small,
.po-capacity-buckets small,
.po-capacity-lane small,
.po-capacity-action small,
.po-capacity-report small {
    display: block;
    margin-top: 6px;
    line-height: 1.45;
    opacity: .74;
}
.po-capacity-score--healthy,
.po-capacity-lane--healthy {
    border-color: rgba(16, 185, 129, .42) !important;
}
.po-capacity-score--attention,
.po-capacity-lane--attention {
    border-color: rgba(245, 158, 11, .45) !important;
}
.po-capacity-score--critical,
.po-capacity-lane--critical {
    border-color: rgba(248, 113, 113, .48) !important;
}
.po-capacity-body {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, .85fr);
    gap: 14px;
}
.po-capacity-lanes,
.po-capacity-actions,
.po-capacity-reports {
    display: grid;
    gap: 10px;
}
.po-capacity-lane,
.po-capacity-action,
.po-capacity-report {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 12px;
}
.po-capacity-action {
    grid-template-columns: auto minmax(0, 1fr) auto;
}
.po-capacity-report {
    grid-template-columns: minmax(0, 1fr) auto;
}
.po-capacity-lane strong,
.po-capacity-action strong,
.po-capacity-report strong {
    display: block;
    margin-top: 4px;
    font-size: 15px;
}
.po-capacity-action--urgent,
.po-capacity-action--high {
    border-color: rgba(248, 113, 113, .38);
}
@media (max-width: 1080px) {
    .po-capacity-body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 760px) {
    .po-capacity-lane,
    .po-capacity-action,
    .po-capacity-report {
        display: flex;
        flex-direction: column;
        align-items: stretch;
    }
}

/* v5.20.0 Ultra Gelir Radari */
.po-revenue-radar {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(20, 184, 166, 0.24);
    background: linear-gradient(135deg, rgba(240, 253, 250, 0.92), rgba(255, 251, 235, 0.92));
}
.po-revenue-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.po-revenue-grid > article,
.po-revenue-body > article,
.po-revenue-workspace,
.po-revenue-action,
.po-revenue-report {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
}
.po-revenue-grid > article {
    padding: 16px;
    display: grid;
    gap: 6px;
}
.po-revenue-grid span,
.po-revenue-workspace span,
.po-revenue-action span,
.po-revenue-report span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.po-revenue-grid strong {
    font-size: 30px;
    line-height: 1;
}
.po-revenue-grid small,
.po-revenue-workspace small,
.po-revenue-action small,
.po-revenue-report small {
    color: var(--po-muted);
}
.po-revenue-score--healthy {
    border-color: rgba(34, 197, 94, 0.28) !important;
}
.po-revenue-score--attention {
    border-color: rgba(245, 158, 11, 0.32) !important;
}
.po-revenue-score--critical {
    border-color: rgba(239, 68, 68, 0.34) !important;
}
.po-revenue-body {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}
.po-revenue-body > article {
    padding: 16px;
    display: grid;
    gap: 12px;
    align-content: start;
}
.po-revenue-workspaces,
.po-revenue-actions,
.po-revenue-reports {
    display: grid;
    gap: 10px;
}
.po-revenue-workspace,
.po-revenue-action,
.po-revenue-report {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-revenue-workspace > div:first-child,
.po-revenue-action > div,
.po-revenue-report > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.po-revenue-workspace--critical,
.po-revenue-action--high,
.po-revenue-report--warning {
    border-color: rgba(239, 68, 68, 0.24);
}
.po-revenue-workspace--attention,
.po-revenue-action--normal {
    border-color: rgba(245, 158, 11, 0.24);
}
.po-revenue-workspace--healthy,
.po-revenue-action--low,
.po-revenue-report--positive {
    border-color: rgba(34, 197, 94, 0.24);
}
@media (max-width: 980px) {
    .po-revenue-body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .po-revenue-workspace,
    .po-revenue-action,
    .po-revenue-report {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* v5.20.0 Ultra Musteri Basari Radari */
.po-ultra-client-success-radar {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(14, 165, 233, 0.24);
    background: linear-gradient(135deg, rgba(240, 249, 255, 0.94), rgba(236, 253, 245, 0.92));
}
.po-ultra-client-success-grid,
.po-ultra-client-success-segments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
}
.po-ultra-client-success-grid > article,
.po-ultra-client-success-segment,
.po-ultra-client-success-body > article,
.po-ultra-client-success-workspace,
.po-ultra-client-success-action,
.po-ultra-client-success-report {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.06);
}
.po-ultra-client-success-grid > article,
.po-ultra-client-success-segment {
    padding: 16px;
    display: grid;
    gap: 6px;
}
.po-ultra-client-success-grid span,
.po-ultra-client-success-segment span,
.po-ultra-client-success-workspace span,
.po-ultra-client-success-action span,
.po-ultra-client-success-report span {
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.po-ultra-client-success-grid strong,
.po-ultra-client-success-segment strong {
    font-size: 30px;
    line-height: 1;
}
.po-ultra-client-success-grid small,
.po-ultra-client-success-segment small,
.po-ultra-client-success-workspace small,
.po-ultra-client-success-action small,
.po-ultra-client-success-report small {
    color: var(--po-muted);
}
.po-ultra-client-success-score--healthy,
.po-ultra-client-success-workspace--healthy,
.po-ultra-client-success-segment--healthy {
    border-color: rgba(34, 197, 94, 0.28) !important;
}
.po-ultra-client-success-score--attention,
.po-ultra-client-success-workspace--attention,
.po-ultra-client-success-segment--attention {
    border-color: rgba(245, 158, 11, 0.32) !important;
}
.po-ultra-client-success-score--critical,
.po-ultra-client-success-workspace--critical,
.po-ultra-client-success-segment--critical {
    border-color: rgba(239, 68, 68, 0.34) !important;
}
.po-ultra-client-success-body {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 14px;
}
.po-ultra-client-success-body > article {
    padding: 16px;
    display: grid;
    gap: 12px;
    align-content: start;
}
.po-ultra-client-success-workspaces,
.po-ultra-client-success-actions,
.po-ultra-client-success-reports {
    display: grid;
    gap: 10px;
}
.po-ultra-client-success-workspace,
.po-ultra-client-success-action,
.po-ultra-client-success-report {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-ultra-client-success-workspace > div:first-child,
.po-ultra-client-success-action > div,
.po-ultra-client-success-report > div {
    display: grid;
    gap: 4px;
    min-width: 0;
}
.po-ultra-client-success-action--urgent,
.po-ultra-client-success-action--high {
    border-color: rgba(239, 68, 68, 0.24);
}
@media (max-width: 980px) {
    .po-ultra-client-success-body {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 640px) {
    .po-ultra-client-success-workspace,
    .po-ultra-client-success-action,
    .po-ultra-client-success-report {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* v5.23.0 Ultra Kârlılık ve Sözleşme Radarı */
.po-renewal-growth-engine {
    display: grid;
    gap: 18px;
    border: 1px solid rgba(99, 102, 241, .18);
    background: linear-gradient(135deg, rgba(79, 70, 229, .10), rgba(14, 165, 233, .06)), var(--po-panel, #fff);
}
.po-renewal-grid,
.po-renewal-segments,
.po-renewal-calendar {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}
.po-renewal-segments,
.po-renewal-calendar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.po-renewal-grid > article,
.po-renewal-segment,
.po-renewal-calendar > article,
.po-renewal-body > article,
.po-renewal-account,
.po-renewal-action,
.po-renewal-report {
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 18px;
    background: rgba(255, 255, 255, .72);
    box-shadow: 0 12px 34px rgba(15, 23, 42, .06);
}
.po-renewal-grid > article,
.po-renewal-segment,
.po-renewal-calendar > article {
    padding: 14px;
}
.po-renewal-grid span,
.po-renewal-segment span,
.po-renewal-calendar span,
.po-renewal-account span,
.po-renewal-action span,
.po-renewal-report span {
    display: block;
    color: var(--po-muted, #64748b);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .02em;
    text-transform: uppercase;
}
.po-renewal-grid strong,
.po-renewal-segment strong,
.po-renewal-calendar strong {
    display: block;
    margin-top: 4px;
    font-size: 28px;
    color: var(--po-text, #0f172a);
}
.po-renewal-grid small,
.po-renewal-segment small,
.po-renewal-calendar small,
.po-renewal-account small,
.po-renewal-action small,
.po-renewal-report small {
    color: var(--po-muted, #64748b);
}
.po-renewal-score--healthy,
.po-renewal-account--healthy,
.po-renewal-segment--healthy {
    border-color: rgba(34, 197, 94, .35);
    background: rgba(34, 197, 94, .08);
}
.po-renewal-score--attention,
.po-renewal-account--attention,
.po-renewal-segment--attention {
    border-color: rgba(245, 158, 11, .35);
    background: rgba(245, 158, 11, .08);
}
.po-renewal-score--critical,
.po-renewal-account--critical,
.po-renewal-segment--critical {
    border-color: rgba(239, 68, 68, .35);
    background: rgba(239, 68, 68, .08);
}
.po-renewal-body {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr;
    gap: 14px;
}
.po-renewal-body > article {
    padding: 16px;
}
.po-renewal-accounts,
.po-renewal-actions,
.po-renewal-reports {
    display: grid;
    gap: 10px;
}
.po-renewal-account,
.po-renewal-action,
.po-renewal-report {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px;
}
.po-renewal-account > div:first-child,
.po-renewal-action > div,
.po-renewal-report > div {
    min-width: 0;
}
.po-renewal-action--urgent,
.po-renewal-action--high {
    border-color: rgba(239, 68, 68, .28);
}
@media (max-width: 1100px) {
    .po-renewal-grid,
    .po-renewal-segments,
    .po-renewal-calendar,
    .po-renewal-body {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 760px) {
    .po-renewal-grid,
    .po-renewal-segments,
    .po-renewal-calendar,
    .po-renewal-body,
    .po-renewal-account,
    .po-renewal-action,
    .po-renewal-report {
        grid-template-columns: 1fr;
        display: grid;
    }
}


/* v5.23.0 Ultra Kârlılık ve Sözleşme Radarı */
.po-profit-contract-radar {
    position: relative;
    overflow: hidden;
}
.po-profit-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 12px;
    margin: 16px 0;
}
.po-profit-grid > article,
.po-profit-segment,
.po-profit-account,
.po-profit-action,
.po-profit-report {
    border: 1px solid rgba(120, 130, 160, 0.20);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}
.po-profit-grid span,
.po-profit-segment span,
.po-profit-account span,
.po-profit-report span {
    display: block;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .72;
}
.po-profit-grid strong,
.po-profit-segment strong {
    display: block;
    font-size: 24px;
    margin-top: 4px;
}
.po-profit-segments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.po-profit-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}
.po-profit-accounts,
.po-profit-actions,
.po-profit-reports {
    display: grid;
    gap: 10px;
}
.po-profit-account,
.po-profit-action,
.po-profit-report {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-profit-action > span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.06);
    font-weight: 700;
}
.po-profit-account small,
.po-profit-action small,
.po-profit-report small {
    display: block;
    margin-top: 3px;
    opacity: .72;
}
.po-profit-score--healthy,
.po-profit-account--healthy,
.po-profit-segment--healthy {
    border-color: rgba(34, 197, 94, .35);
}
.po-profit-score--attention,
.po-profit-account--attention,
.po-profit-segment--attention {
    border-color: rgba(245, 158, 11, .42);
}
.po-profit-score--critical,
.po-profit-account--critical,
.po-profit-segment--critical,
.po-profit-action--urgent,
.po-profit-action--high {
    border-color: rgba(239, 68, 68, .38);
}


.po-proposal-scope-engine {
    border-color: rgba(99, 102, 241, .24);
}
.po-proposal-grid,
.po-proposal-timeline {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-bottom: 16px;
}
.po-proposal-grid article,
.po-proposal-segment,
.po-proposal-timeline article,
.po-proposal-draft,
.po-proposal-action,
.po-proposal-report {
    border: 1px solid rgba(120, 130, 160, 0.20);
    border-radius: 18px;
    padding: 14px;
    background: rgba(255, 255, 255, 0.72);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}
.po-proposal-grid span,
.po-proposal-segment span,
.po-proposal-timeline span,
.po-proposal-draft span,
.po-proposal-report span {
    display: block;
    font-size: 11px;
    letter-spacing: .04em;
    text-transform: uppercase;
    opacity: .72;
}
.po-proposal-grid strong,
.po-proposal-segment strong,
.po-proposal-timeline strong {
    display: block;
    font-size: 24px;
    margin-top: 4px;
}
.po-proposal-segments {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;
    margin-bottom: 16px;
}
.po-proposal-body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 14px;
}
.po-proposal-drafts,
.po-proposal-actions,
.po-proposal-reports {
    display: grid;
    gap: 10px;
}
.po-proposal-draft,
.po-proposal-action,
.po-proposal-report {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-proposal-action > span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: grid;
    place-items: center;
    background: rgba(15, 23, 42, 0.06);
    font-weight: 700;
}
.po-proposal-draft small,
.po-proposal-action small,
.po-proposal-report small,
.po-proposal-timeline small {
    display: block;
    margin-top: 3px;
    opacity: .72;
}
.po-proposal-score--healthy,
.po-proposal-draft--healthy,
.po-proposal-segment--healthy {
    border-color: rgba(34, 197, 94, .35);
}
.po-proposal-score--attention,
.po-proposal-draft--attention,
.po-proposal-segment--attention {
    border-color: rgba(245, 158, 11, .42);
}
.po-proposal-score--critical,
.po-proposal-draft--critical,
.po-proposal-segment--critical,
.po-proposal-action--urgent,
.po-proposal-action--high {
    border-color: rgba(239, 68, 68, .38);
}

/* ProjectOS Planning Hub v5.25.0 */
.po-gantt-summary .po-stat-card small {
    line-height: 1.45;
}

.po-gantt-board {
    overflow: hidden;
}

.po-gantt-range {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin: 10px 0 14px;
    font-size: 12px;
    opacity: .72;
}

.po-gantt-milestones {
    position: relative;
    min-height: 34px;
    margin: 6px 0 10px;
    border-radius: 18px;
    background: rgba(99, 91, 255, .08);
    overflow: hidden;
}

.po-gantt-milestones span {
    position: absolute;
    left: var(--po-marker, 0%);
    top: 7px;
    transform: translateX(-10px);
    max-width: 170px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.po-gantt-milestones i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    background: currentColor;
}

.po-gantt-lane {
    display: grid;
    grid-template-columns: minmax(120px, 190px) minmax(260px, 1fr);
    gap: 14px;
    align-items: start;
    padding: 12px 0;
    border-top: 1px solid rgba(148, 163, 184, .18);
}

.po-gantt-lane header {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    font-size: 13px;
    opacity: .86;
}

.po-gantt-lane header span {
    font-size: 11px;
    opacity: .7;
}

.po-gantt-task {
    position: relative;
    min-height: 42px;
    margin: 7px 0;
}

.po-gantt-task button {
    position: relative;
    left: var(--po-start, 0%);
    width: var(--po-width, 12%);
    min-width: 132px;
    max-width: 100%;
    min-height: 42px;
    border: 1px solid rgba(99, 91, 255, .24);
    border-radius: 15px;
    padding: 8px 10px;
    text-align: left;
    background: rgba(99, 91, 255, .12);
    color: inherit;
    cursor: pointer;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .08);
}

.po-gantt-task button strong,
.po-gantt-task button small {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.po-gantt-task button small {
    margin-top: 2px;
    font-size: 11px;
    opacity: .72;
}

.po-gantt-task.is-critical button {
    border-style: dashed;
    box-shadow: 0 0 0 2px rgba(245, 158, 11, .16), 0 12px 24px rgba(15, 23, 42, .08);
}

.po-gantt-task.is-overdue button {
    border-color: rgba(239, 68, 68, .44);
}

.po-gantt-task.is-done button {
    opacity: .68;
}

.po-gantt-task.is-unscheduled button {
    border-style: dotted;
}

.po-gantt-blockers,
.po-planning-blueprints {
    display: grid;
    gap: 12px;
}

.po-gantt-blockers article,
.po-template-blueprint {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(255, 255, 255, .05);
}

.po-gantt-blockers strong,
.po-gantt-blockers small,
.po-template-blueprint strong,
.po-template-blueprint small,
.po-template-blueprint span {
    display: block;
}

.po-gantt-blockers small,
.po-template-blueprint small,
.po-template-blueprint span {
    margin-top: 3px;
    opacity: .72;
    font-size: 12px;
}

.po-timeline-row.is-critical {
    border-color: rgba(245, 158, 11, .36);
}

@media (max-width: 860px) {
    .po-gantt-lane {
        grid-template-columns: 1fr;
    }
    .po-gantt-task button {
        left: 0;
        width: 100%;
    }
    .po-gantt-milestones span {
        position: static;
        display: block;
        transform: none;
        padding: 8px 10px;
    }
}
.po-import-preview {
    border: 1px dashed var(--po-border, #d7dbe8);
    border-radius: 18px;
    padding: 14px;
    margin-top: 14px;
    background: rgba(255,255,255,.65);
}
.po-import-preview__errors,
.po-import-preview__rows {
    display: grid;
    gap: 8px;
    margin-top: 10px;
}
.po-import-preview__errors span,
.po-import-preview__rows article {
    border: 1px solid var(--po-border, #d7dbe8);
    border-radius: 12px;
    padding: 9px 11px;
    background: #fff;
}
.po-import-preview__rows article {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.po-import-preview__rows small {
    color: var(--po-muted, #6b7280);
}

/* Commerce Hub v5.26 */
.po-commerce-hub {
    overflow: hidden;
}
.po-commerce-gate {
    display: grid;
    gap: 12px;
}
.po-commerce-metrics .po-stat-card strong {
    word-break: break-word;
}
.po-commerce-grid {
    align-items: stretch;
}
.po-commerce-form {
    margin-top: 12px;
}
.po-commerce-form + .po-commerce-form {
    border-top: 1px solid var(--po-border, #d7dbe8);
    padding-top: 14px;
    margin-top: 16px;
}
.po-commerce-list {
    display: grid;
    gap: 10px;
}
.po-commerce-row,
.po-commerce-renewal {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--po-border, #d7dbe8);
    border-radius: 16px;
    padding: 12px 14px;
    background: rgba(255,255,255,.72);
}
.po-commerce-row > div,
.po-commerce-renewal > div {
    display: grid;
    gap: 4px;
}
.po-commerce-row > div:last-child,
.po-commerce-renewal > div:last-child {
    justify-items: end;
    text-align: right;
}
.po-commerce-row small,
.po-commerce-renewal small {
    color: var(--po-muted, #6b7280);
}
.po-commerce-status {
    text-transform: uppercase;
}
.po-commerce-status--paid,
.po-commerce-status--accepted,
.po-commerce-status--confirmed,
.po-commerce-renewal--healthy {
    border-color: rgba(34,197,94,.32);
}
.po-commerce-status--overdue,
.po-commerce-status--void,
.po-commerce-renewal--urgent {
    border-color: rgba(239,68,68,.34);
}
.po-commerce-status--partial,
.po-commerce-status--sent,
.po-commerce-renewal--watch,
.po-commerce-renewal--attention {
    border-color: rgba(245,158,11,.34);
}
.po-commerce-row .po-icon-btn {
    margin-top: 6px;
}
@media (max-width: 760px) {
    .po-commerce-row,
    .po-commerce-renewal {
        align-items: flex-start;
        flex-direction: column;
    }
    .po-commerce-row > div:last-child,
    .po-commerce-renewal > div:last-child {
        justify-items: start;
        text-align: left;
    }
}

/* v5.27 Commerce document export and hosted payment links */
.po-commerce-doc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    align-items: center;
    justify-content: flex-end;
}

.po-commerce-payment-link-row a {
    white-space: nowrap;
}

.po-commerce-form select,
.po-commerce-form input[type="url"] {
    min-height: 38px;
}

.po-commerce-kpis article small {
    display: block;
    margin-top: 0.25rem;
}

/* ProjectOS Mobile PWA v5.28 */
.po-mobile-pwa-card{border:1px solid rgba(109,94,248,.18);background:linear-gradient(135deg,rgba(109,94,248,.08),rgba(24,160,251,.06));}
.projectos-mobile-pwa-ready .projectos-app-shell{--projectos-pwa-ready:1;}


/* ProjectOS v5.28 Mobile & Integration Hub */
.po-mobile-hub { position: relative; overflow: hidden; }
.po-mobile-checklist, .po-mobile-recipe-list { display: grid; gap: 12px; }
.po-mobile-check, .po-mobile-recipe-card { display: flex; gap: 14px; align-items: flex-start; justify-content: space-between; padding: 14px; border: 1px solid rgba(91, 108, 153, .16); border-radius: 18px; background: rgba(255,255,255,.72); }
.po-mobile-check span { width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; font-weight: 800; flex: 0 0 auto; }
.po-mobile-check span.is-ok { background: rgba(31, 154, 104, .12); }
.po-mobile-check span.is-missing { background: rgba(236, 148, 47, .14); }
.po-mobile-recipe-card p { margin: 6px 0; }
.po-mobile-recipe-card em { display: block; font-size: 12px; opacity: .74; font-style: normal; }


/* ProjectOS v5.28 Integration Hub and PWA shell */
.po-integration-hub .po-pill-row { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.75rem; }
.po-integration-hub .po-badge { text-transform:none; }
.po-mini-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(110px,1fr)); gap:.75rem; margin-top:1rem; }
.po-mini-stat { border:1px solid rgba(116,126,150,.18); border-radius:18px; padding:.85rem; background:rgba(255,255,255,.72); }
.po-mini-stat span { display:block; font-size:.75rem; opacity:.72; }
.po-mini-stat strong { display:block; font-size:1.35rem; margin-top:.2rem; }

/* ProjectOS v5.29 Launch Readiness & Onboarding Hub */
.po-launch-hub {
    position: relative;
    overflow: hidden;
}
.po-launch-checklist,
.po-launch-blueprints,
.po-launch-budget,
.po-launch-files,
.po-launch-e2e {
    display: grid;
    gap: 12px;
}
.po-launch-check,
.po-launch-file,
.po-launch-e2e article {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 14px;
    border: 1px solid rgba(91, 108, 153, .16);
    border-radius: 18px;
    background: rgba(255,255,255,.72);
}
.po-launch-check h4,
.po-launch-check p,
.po-launch-blueprint p {
    margin: 4px 0 0;
}
.po-launch-check.is-ready,
.po-launch-file.is-ready {
    border-color: rgba(34,197,94,.26);
    background: linear-gradient(135deg, rgba(34,197,94,.08), rgba(255,255,255,.78));
}
.po-launch-check.needs-attention,
.po-launch-file.needs-attention {
    border-color: rgba(245,158,11,.32);
    background: linear-gradient(135deg, rgba(245,158,11,.10), rgba(255,255,255,.78));
}
.po-launch-blueprint ol {
    display: grid;
    gap: 8px;
    margin: 14px 0 0;
    padding-left: 18px;
}
.po-launch-blueprint li {
    padding: 8px 0;
}
.po-launch-blueprint li span,
.po-launch-file em {
    display: block;
    font-size: 12px;
    opacity: .74;
    font-style: normal;
}
.po-launch-budget {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
.po-launch-files .po-launch-file {
    align-items: center;
}
.po-launch-file span {
    font-size: 12px;
    opacity: .72;
    word-break: break-word;
}
.po-launch-e2e code {
    display: block;
    max-width: 100%;
    padding: 6px 8px;
    border-radius: 10px;
    white-space: normal;
    word-break: break-word;
    background: rgba(15,23,42,.06);
}
@media (max-width: 760px) {
    .po-launch-check,
    .po-launch-file,
    .po-launch-e2e article {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* ProjectOS v5.30 Runtime Preflight & Release Sign-off */
.po-launch-runtime,
.po-launch-signoff {
    display: grid;
    gap: 12px;
}
.po-launch-runtime__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid rgba(109, 94, 248, 0.22);
    border-radius: 18px;
    background: rgba(109, 94, 248, 0.08);
}
.po-launch-runtime__summary strong {
    font-size: 1.35rem;
    letter-spacing: -0.03em;
}
.po-launch-runtime__summary span {
    color: var(--po-muted, #64748b);
    font-size: 0.86rem;
}
.po-launch-acks {
    display: grid;
    gap: 8px;
    padding: 12px;
    border: 1px dashed rgba(148, 163, 184, 0.42);
    border-radius: 14px;
}
.po-launch-acks label {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
}
.po-launch-files--manifest .po-launch-file span {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-size: 0.75rem;
}


/* v5.33 Data Preservation Guard polish */
.po-data-preservation-banner,
.po-safe-mode-banner {
    border: 1px solid rgba(109, 94, 248, 0.22);
    background: linear-gradient(135deg, rgba(255,255,255,0.88), rgba(226,235,255,0.82));
    box-shadow: 0 22px 55px rgba(17, 39, 95, 0.10);
    border-radius: 24px;
    padding: 16px 18px;
    color: #1a2b4d;
}
.po-data-safe-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(91,111,255,0.16), rgba(100,192,235,0.20));
    border: 1px solid rgba(91,111,255,0.22);
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #22345f;
}


/* v5.34 Data Vault Recovery & Ultra Premium Continuity */
.po-alert--success span,
.po-data-safe-pill {
    text-shadow: 0 1px 0 rgba(255,255,255,0.55);
}
.po-recovery-vault-card,
.po-panel[data-guard="v5.34-data-vault"],
.po-vault-glass {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(99, 121, 255, 0.24);
    background: radial-gradient(circle at top right, rgba(199, 210, 254, 0.34), transparent 35%), linear-gradient(145deg, rgba(255,255,255,0.94), rgba(229,240,255,0.86));
    box-shadow: 0 28px 70px rgba(18, 42, 92, 0.14), inset 0 1px 0 rgba(255,255,255,0.74);
}
.po-recovery-vault-card::before,
.po-vault-glass::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(120deg, rgba(255,255,255,0.42), rgba(255,255,255,0) 42%, rgba(124, 181, 255, 0.12));
}
.po-vault-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(82, 101, 255, 0.28);
    background: linear-gradient(135deg, rgba(91, 111, 255, 0.18), rgba(100, 192, 235, 0.24));
    color: #1b2d5a;
    font-weight: 900;
    letter-spacing: .06em;
    text-transform: uppercase;
    box-shadow: 0 12px 30px rgba(47, 77, 160, 0.12);
}
.po-readonly-ribbon {
    display: inline-flex;
    align-items: center;
    padding: 5px 9px;
    border-radius: 999px;
    color: #29416e;
    background: rgba(255,255,255,0.62);
    border: 1px solid rgba(148, 163, 184, 0.28);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.po-admin-safe-mode {
    border-left: 5px solid #6d5ef8;
    background: linear-gradient(135deg, #ffffff, #edf4ff);
}

/* v5.35 Emergency Data Vault premium continuity */
.po-emergency-vault-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(105, 132, 255, 0.24);
    background:
        radial-gradient(circle at 8% 12%, rgba(126, 87, 255, 0.16), transparent 32%),
        radial-gradient(circle at 92% 20%, rgba(75, 181, 255, 0.18), transparent 28%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(229, 240, 255, 0.82));
    box-shadow: 0 24px 60px rgba(26, 53, 96, 0.16), inset 0 1px 0 rgba(255,255,255,0.82);
    text-align: left;
    padding: 28px;
}
.po-emergency-vault-card:before {
    content: '';
    position: absolute;
    inset: -40% auto auto -15%;
    width: 360px;
    height: 360px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(95, 123, 255, 0.14), transparent 66%);
    pointer-events: none;
}
.po-emergency-vault-card h3 {
    margin: 10px 0 8px;
    font-size: clamp(24px, 3vw, 42px);
    letter-spacing: -0.04em;
    color: var(--po-ink, #16233d);
}
.po-emergency-vault-card p {
    max-width: 820px;
    color: rgba(26, 45, 78, 0.74);
}
.po-vault-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 12px;
    margin: 20px 0;
}
.po-vault-metrics article {
    border-radius: 22px;
    padding: 16px;
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(104, 132, 255, 0.18);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.78), 0 12px 28px rgba(31, 53, 91, 0.08);
}
.po-vault-metrics strong {
    display: block;
    font-size: 24px;
    color: #15233f;
}
.po-vault-metrics small {
    color: rgba(36, 55, 88, 0.62);
    font-weight: 700;
}
.po-vault-actions {
    justify-content: flex-start;
    margin-top: 14px;
}
.po-workspace-card[data-recovery-vault="1"],
.po-workspace-card.is-recovery-vault {
    border-color: rgba(104, 132, 255, 0.34);
    background: linear-gradient(135deg, rgba(255,255,255,0.88), rgba(219,232,255,0.86));
    box-shadow: 0 22px 52px rgba(25, 50, 93, 0.16);
}
@media (max-width: 760px) {
    .po-vault-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* v5.36 Forensic Data Loader: ultra premium no-mutation recovery surface */
.po-forensic-vault-card,
.po-empty--vault {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(107, 92, 255, .20);
  box-shadow: 0 28px 80px rgba(18, 34, 72, .16), inset 0 1px 0 rgba(255,255,255,.66);
}
.po-forensic-vault-card::after,
.po-empty--vault::after {
  content: '';
  position: absolute;
  inset: auto -18% -42% 38%;
  height: 190px;
  background: radial-gradient(circle, rgba(105, 185, 255, .28), rgba(124, 92, 255, .14) 42%, transparent 70%);
  pointer-events: none;
}
.po-workspace-card[data-guard="v5.36-forensic-read-only"],
.po-workspace-card[data-guard="PROJECTOS_V536_FORENSIC_DATA_VAULT"] {
  border-color: rgba(99, 91, 255, .38);
  background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(230,239,255,.76));
}
.po-vault-metrics article strong {
  letter-spacing: -.04em;
}

/* ===== ProjectOS 5.41 Live Data Visibility Restore ===== */
#projectos-app .po-drawer,
#projectos-site-app .po-drawer {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    max-height: calc(100vh - 48px) !important;
    display: flex !important;
    flex-direction: column !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
#projectos-app .po-drawer .po-form,
#projectos-site-app .po-drawer .po-form {
    min-height: 0 !important;
    padding-bottom: 88px !important;
}
#projectos-app .po-drawer__actions,
#projectos-site-app .po-drawer__actions {
    position: sticky !important;
    bottom: -22px !important;
    z-index: 8 !important;
    margin: 18px -22px -22px !important;
    padding: 14px 22px calc(18px + env(safe-area-inset-bottom)) !important;
    background: linear-gradient(180deg, rgba(238,243,252,.78), rgba(232,240,252,.98)) !important;
    border-top: 1px solid rgba(128,145,182,.18) !important;
    box-shadow: 0 -18px 34px rgba(74,93,128,.10) !important;
    backdrop-filter: blur(14px) !important;
    display: flex !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
}
#projectos-app .po-drawer__actions .po-btn,
#projectos-site-app .po-drawer__actions .po-btn {
    min-height: 46px;
}
#projectos-app .po-drawer[data-structure-drawer] .po-drawer__actions .po-btn--primary,
#projectos-site-app .po-drawer[data-structure-drawer] .po-drawer__actions .po-btn--primary {
    flex: 1 1 180px;
}
@media (max-width: 720px) {
    #projectos-app .po-drawer,
    #projectos-site-app .po-drawer {
        inset: 8px !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100vh - 16px) !important;
        border-radius: 22px !important;
    }
    #projectos-app .po-drawer__actions,
    #projectos-site-app .po-drawer__actions {
        bottom: -22px !important;
        flex-direction: column !important;
    }
    #projectos-app .po-drawer__actions .po-btn,
    #projectos-site-app .po-drawer__actions .po-btn {
        width: 100%;
    }
}

/* ===== ProjectOS 5.41.7 Stable Data Vault ===== */
#projectos-app .po-main > .po-alert,
#projectos-site-app .po-main > .po-alert {
    position: fixed !important;
    top: 18px !important;
    right: 22px !important;
    left: auto !important;
    z-index: 100000 !important;
    width: min(720px, calc(100vw - 44px)) !important;
    max-height: 38vh !important;
    overflow: auto !important;
    box-shadow: 0 20px 58px rgba(21, 38, 74, .18), inset 0 1px 0 rgba(255,255,255,.64) !important;
    backdrop-filter: blur(18px) saturate(1.08) !important;
}
#projectos-app .po-main > .po-alert + .po-alert,
#projectos-site-app .po-main > .po-alert + .po-alert { top: 88px !important; }
#projectos-app .po-main > .po-alert + .po-alert + .po-alert,
#projectos-site-app .po-main > .po-alert + .po-alert + .po-alert { top: 158px !important; }
#projectos-app .po-task-row.is-saving,
#projectos-site-app .po-task-row.is-saving {
    opacity: .86;
    pointer-events: auto;
    position: relative;
}
#projectos-app .po-task-row.is-saving::after,
#projectos-site-app .po-task-row.is-saving::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
    transform: translateX(-100%);
    animation: projectosSavingSweep 1.35s ease-in-out infinite;
}
#projectos-app .po-task-row.is-pending-sync,
#projectos-site-app .po-task-row.is-pending-sync {
    border-style: dashed !important;
    border-color: rgba(245, 158, 11, .42) !important;
}
#projectos-app .po-task-row__stamp--saving,
#projectos-site-app .po-task-row__stamp--saving {
    background: rgba(59,130,246,.12);
    color: #1d4ed8;
}
#projectos-app .po-task-row__stamp--pending,
#projectos-site-app .po-task-row__stamp--pending {
    background: rgba(245,158,11,.16);
    color: #92400e;
}
#projectos-app .po-btn[disabled],
#projectos-site-app .po-btn[disabled] {
    cursor: wait !important;
    filter: saturate(.85);
}
@keyframes projectosSavingSweep {
    from { transform: translateX(-100%); }
    to { transform: translateX(100%); }
}
@media (max-width: 720px) {
    #projectos-app .po-main > .po-alert,
    #projectos-site-app .po-main > .po-alert {
        top: 12px !important;
        right: 12px !important;
        width: calc(100vw - 24px) !important;
    }
    #projectos-app .po-main > .po-alert + .po-alert,
    #projectos-site-app .po-main > .po-alert + .po-alert { top: 82px !important; }
}


.po-form--premium-compact {
    gap: 14px;
}
.po-premium-disclosure {
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.88), rgba(248, 250, 252, 0.72));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.75), 0 18px 46px rgba(15, 23, 42, 0.08);
    padding: 6px;
    overflow: hidden;
}
.po-premium-disclosure summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border-radius: 18px;
    font-weight: 800;
    color: #101828;
}
.po-premium-disclosure summary::-webkit-details-marker { display: none; }
.po-premium-disclosure summary::after {
    content: '+';
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    background: rgba(99, 91, 255, 0.12);
    color: #4f46e5;
    font-weight: 900;
    flex: 0 0 auto;
}
.po-premium-disclosure[open] summary::after { content: '−'; }
.po-premium-disclosure summary span { display: block; }
.po-premium-disclosure summary small {
    display: block;
    color: #64748b;
    font-weight: 600;
    margin-top: 3px;
}
.po-premium-disclosure[open] {
    border-color: rgba(99, 91, 255, 0.28);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(238, 242, 255, 0.82));
}
.po-premium-disclosure[open] > .po-field,
.po-premium-disclosure[open] > .po-form__grid {
    margin: 10px 10px 12px;
}

/* ProjectOS v5.43.0: unified trash and shell recovery polish */
.po-trash-hero {
    position: relative;
    overflow: hidden;
}
.po-trash-hero::after {
    content: '';
    position: absolute;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    right: -72px;
    top: -96px;
    background: radial-gradient(circle, rgba(99, 91, 255, 0.22), rgba(59, 130, 246, 0.04) 62%, transparent 70%);
    pointer-events: none;
}
.po-trash-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}
.po-trash-tabs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.74);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 18px 34px rgba(15, 23, 42, 0.06);
}
.po-trash-tabs button {
    border: 0;
    border-radius: 999px;
    padding: 9px 14px;
    background: transparent;
    color: #475569;
    font-weight: 800;
    cursor: pointer;
}
.po-trash-tabs button.is-active {
    background: linear-gradient(135deg, rgba(79, 70, 229, 0.96), rgba(37, 99, 235, 0.94));
    color: #fff;
    box-shadow: 0 14px 30px rgba(79, 70, 229, 0.24);
}
.po-grid--trash {
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    align-items: start;
}
.po-trash-card {
    min-height: 220px;
}
.po-trash-list {
    display: grid;
    gap: 12px;
}
.po-trash-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(248, 250, 252, 0.78));
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}
.po-trash-item strong,
.po-trash-item small {
    display: block;
}
.po-trash-item strong {
    margin-top: 8px;
    color: #0f172a;
    font-size: 15px;
}
.po-trash-item small {
    margin-top: 4px;
    color: #64748b;
    line-height: 1.45;
}
.po-trash-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.po-icon-btn--danger {
    border-color: rgba(239, 68, 68, 0.2) !important;
    color: #b91c1c !important;
    background: rgba(254, 242, 242, 0.86) !important;
}
@media (max-width: 720px) {
    .po-trash-item {
        align-items: stretch;
        flex-direction: column;
    }
    .po-trash-actions {
        justify-content: flex-start;
    }
    .po-trash-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }
}

/* v5.45.0 Board Compact & Toast Discipline */
#projectos-app .po-status-manager.is-collapsed,
#projectos-site-app .po-status-manager.is-collapsed {
    padding-bottom: 18px;
}
#projectos-app .po-section-head--collapsible,
#projectos-site-app .po-section-head--collapsible {
    align-items: center;
    gap: 18px;
}
#projectos-app .po-section-head__actions,
#projectos-site-app .po-section-head__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}
#projectos-app .po-status-summary,
#projectos-site-app .po-status-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 14px;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .12);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.62), rgba(236,244,255,.48));
}
#projectos-app .po-status-manager.is-open .po-status-summary,
#projectos-site-app .po-status-manager.is-open .po-status-summary {
    margin-bottom: 12px;
}
#projectos-app .po-status-chip,
#projectos-site-app .po-status-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 7px 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: #274060;
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-chip i,
#projectos-site-app .po-status-chip i {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--status-accent, #6D5EF8);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--status-accent, #6D5EF8) 16%, transparent);
}
#projectos-app .po-status-chip b,
#projectos-site-app .po-status-chip b {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .1);
    color: #203469;
}
#projectos-app .po-status-chip em,
#projectos-site-app .po-status-chip em {
    font-style: normal;
    color: #64748b;
    font-weight: 700;
}
#projectos-app .po-status-chip.is-wip-over,
#projectos-site-app .po-status-chip.is-wip-over {
    border-color: rgba(245, 158, 11, .36);
    background: rgba(255, 251, 235, .86);
}
#projectos-app .po-alert--transient,
#projectos-site-app .po-alert--transient {
    animation: projectosAlertFloatIn .22s ease-out both;
}
@keyframes projectosAlertFloatIn {
    from { opacity: 0; transform: translate3d(0, -10px, 0) scale(.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@media (max-width: 760px) {
    #projectos-app .po-section-head__actions,
    #projectos-site-app .po-section-head__actions {
        justify-content: flex-start;
        width: 100%;
    }
    #projectos-app .po-status-chip,
    #projectos-site-app .po-status-chip {
        max-width: 100%;
    }
}

/* v5.45.0 Quiet Board Control */
#projectos-app .po-status-manager,
#projectos-site-app .po-status-manager {
    overflow: hidden;
}
#projectos-app .po-status-manager__head,
#projectos-site-app .po-status-manager__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
#projectos-app .po-status-manager__head p,
#projectos-site-app .po-status-manager__head p {
    max-width: 680px;
    margin: 6px 0 0;
}
#projectos-app .po-status-manager__actions,
#projectos-site-app .po-status-manager__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    min-width: 220px;
}
#projectos-app .po-status-manager__count,
#projectos-site-app .po-status-manager__count {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .72);
    border: 1px solid rgba(109, 94, 248, .12);
    color: #42526e;
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .01em;
}
#projectos-app .po-status-manager.is-collapsed,
#projectos-site-app .po-status-manager.is-collapsed {
    padding-bottom: 16px;
}
#projectos-app .po-status-manager.is-collapsed .po-status-summary,
#projectos-site-app .po-status-manager.is-collapsed .po-status-summary {
    margin-bottom: 0;
}
#projectos-app .po-status-summary,
#projectos-site-app .po-status-summary {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    margin: 14px 0 14px;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .12);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.70), rgba(236,244,255,.52));
}
#projectos-app .po-status-summary__chip,
#projectos-site-app .po-status-summary__chip,
#projectos-app .po-status-summary__meta,
#projectos-site-app .po-status-summary__meta {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 7px 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-radius: 999px;
    background: rgba(255,255,255,.82);
    color: #274060;
    font-size: .78rem;
    font-weight: 900;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-summary__chip i,
#projectos-site-app .po-status-summary__chip i {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 999px;
    background: var(--status-accent, #6D5EF8);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--status-accent, #6D5EF8) 16%, transparent);
}
#projectos-app .po-status-summary__chip b,
#projectos-site-app .po-status-summary__chip b {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .1);
    color: #203469;
}
#projectos-app .po-status-summary__chip--more,
#projectos-site-app .po-status-summary__chip--more {
    color: #4f46e5;
}
#projectos-app .po-status-summary__meta,
#projectos-site-app .po-status-summary__meta {
    color: #64748b;
    background: rgba(248,250,252,.84);
}
#projectos-app .po-status-summary__meta--warn,
#projectos-site-app .po-status-summary__meta--warn {
    color: #92400e;
    border-color: rgba(245, 158, 11, .32);
    background: rgba(255, 251, 235, .86);
}
#projectos-app .po-status-manager__collapsed-note,
#projectos-site-app .po-status-manager__collapsed-note {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 18px;
    background: rgba(255, 255, 255, .54);
    border: 1px dashed rgba(109, 94, 248, .16);
    color: #475569;
    font-weight: 800;
}
#projectos-app .po-status-manager__collapsed-note small,
#projectos-site-app .po-status-manager__collapsed-note small {
    color: #64748b;
    font-weight: 700;
}
#projectos-app .po-status-create-shell,
#projectos-site-app .po-status-create-shell {
    margin-top: 12px;
    border: 1px solid rgba(109, 94, 248, .12);
    border-radius: 22px;
    background: rgba(255,255,255,.52);
    padding: 10px;
}
#projectos-app .po-status-create-shell__head,
#projectos-site-app .po-status-create-shell__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
#projectos-app .po-status-create-shell__head strong,
#projectos-site-app .po-status-create-shell__head strong {
    display: block;
    color: #1e2f50;
    font-size: .9rem;
}
#projectos-app .po-status-create-shell__head small,
#projectos-site-app .po-status-create-shell__head small {
    color: #64748b;
    font-weight: 700;
}
#projectos-app .po-status-create-shell .po-status-create,
#projectos-site-app .po-status-create-shell .po-status-create {
    margin-top: 10px;
}
#projectos-app .po-alert--transient,
#projectos-site-app .po-alert--transient {
    animation: projectosAlertFloatIn .22s ease-out both, projectosAlertAutoFade .38s ease-in 4.15s forwards;
}
@keyframes projectosAlertAutoFade {
    to { opacity: 0; transform: translate3d(0, -8px, 0) scale(.985); pointer-events: none; }
}
@media (max-width: 760px) {
    #projectos-app .po-status-manager__head,
    #projectos-site-app .po-status-manager__head,
    #projectos-app .po-status-create-shell__head,
    #projectos-site-app .po-status-create-shell__head,
    #projectos-app .po-status-manager__collapsed-note,
    #projectos-site-app .po-status-manager__collapsed-note {
        flex-direction: column;
        align-items: flex-start;
    }
    #projectos-app .po-status-manager__actions,
    #projectos-site-app .po-status-manager__actions {
        justify-content: flex-start;
        min-width: 0;
    }
}

/* v5.45.0 Status Card Accordions */
#projectos-app .po-status-manager__body,
#projectos-site-app .po-status-manager__body {
    display: grid;
    gap: 12px;
}
#projectos-app .po-status-card,
#projectos-site-app .po-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-left: 4px solid var(--status-accent, #6D5EF8);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 12px 32px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-card.is-wip-over,
#projectos-site-app .po-status-card.is-wip-over {
    border-color: rgba(245, 158, 11, .42);
    border-left-color: rgba(245, 158, 11, .88);
    background: rgba(255, 251, 235, .86);
}
#projectos-app .po-status-card__main,
#projectos-site-app .po-status-card__main {
    appearance: none;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    display: grid;
    grid-template-columns: minmax(48px, auto) minmax(160px, 1fr) auto auto auto;
    align-items: center;
    gap: 12px;
    width: 100%;
    cursor: pointer;
}
#projectos-app .po-status-card__main:disabled,
#projectos-site-app .po-status-card__main:disabled {
    cursor: not-allowed;
    opacity: .72;
}
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
}
#projectos-app .po-status-card__order i,
#projectos-site-app .po-status-card__order i {
    width: 16px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
    opacity: .42;
}
#projectos-app .po-status-card__identity,
#projectos-site-app .po-status-card__identity {
    display: grid;
    gap: 2px;
}
#projectos-app .po-status-card__identity strong,
#projectos-site-app .po-status-card__identity strong {
    color: #15233f;
    font-size: .92rem;
}
#projectos-app .po-status-card__identity small,
#projectos-site-app .po-status-card__identity small,
#projectos-app .po-status-card__meta small,
#projectos-site-app .po-status-card__meta small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}
#projectos-app .po-status-card__meta,
#projectos-site-app .po-status-card__meta {
    display: grid;
    gap: 1px;
    justify-items: end;
    min-width: 48px;
}
#projectos-app .po-status-card__meta strong,
#projectos-site-app .po-status-card__meta strong {
    color: #1e2f50;
    font-size: .98rem;
}
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(99, 102, 241, .09);
    color: #31406f;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}
#projectos-app .po-status-card__actions,
#projectos-site-app .po-status-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
#projectos-app .po-status-row--editor,
#projectos-site-app .po-status-row--editor {
    border-left-width: 4px;
}
#projectos-app .po-status-create-toggle,
#projectos-site-app .po-status-create-toggle {
    width: 100%;
    min-height: 48px;
    border: 1px dashed rgba(109, 94, 248, .24);
    border-radius: 18px;
    background: rgba(255, 255, 255, .64);
    color: #274060;
    font-weight: 900;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#projectos-app .po-status-create-toggle span,
#projectos-site-app .po-status-create-toggle span {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: rgba(99, 102, 241, .12);
    color: #4f46e5;
}
#projectos-app .po-status-manager__hint,
#projectos-site-app .po-status-manager__hint {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px dashed rgba(109, 94, 248, .16);
    border-radius: 18px;
    background: rgba(255, 255, 255, .54);
    color: #64748b;
    font-size: .84rem;
    font-weight: 800;
}
@media (max-width: 980px) {
    #projectos-app .po-status-card,
    #projectos-site-app .po-status-card,
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: 1fr;
    }
    #projectos-app .po-status-card__meta,
    #projectos-site-app .po-status-card__meta {
        justify-items: start;
    }
    #projectos-app .po-status-card__actions,
    #projectos-site-app .po-status-card__actions {
        justify-content: flex-start;
    }
}

/* v5.45.0 inline board editor and next-step bulk category polish */
#projectos-app .po-status-manager__body,
#projectos-site-app .po-status-manager__body {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}
#projectos-app .po-status-manager__hint,
#projectos-site-app .po-status-manager__hint {
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 16px;
    color: #51647f;
    background: rgba(255,255,255,.5);
    border: 1px dashed rgba(109, 94, 248, .18);
    font-size: .83rem;
    font-weight: 700;
}
#projectos-app .po-status-card,
#projectos-site-app .po-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-left: 4px solid var(--status-accent, #6D5EF8);
    border-radius: 18px;
    background: rgba(255,255,255,.76);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-card.is-wip-over,
#projectos-site-app .po-status-card.is-wip-over {
    border-color: rgba(245, 158, 11, .42);
    background: rgba(255, 251, 235, .86);
}
#projectos-app .po-status-card__main,
#projectos-site-app .po-status-card__main {
    appearance: none;
    border: 0;
    background: transparent;
    display: grid;
    grid-template-columns: auto minmax(120px, 1fr) repeat(3, auto);
    gap: 10px;
    align-items: center;
    text-align: left;
    color: inherit;
    cursor: pointer;
    min-width: 0;
}
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-weight: 900;
}
#projectos-app .po-status-card__order i,
#projectos-site-app .po-status-card__order i {
    width: 14px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
    opacity: .42;
}
#projectos-app .po-status-card__identity,
#projectos-site-app .po-status-card__identity,
#projectos-app .po-status-card__meta,
#projectos-site-app .po-status-card__meta {
    display: grid;
    gap: 2px;
    min-width: 0;
}
#projectos-app .po-status-card__identity strong,
#projectos-site-app .po-status-card__identity strong {
    color: #132342;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#projectos-app .po-status-card__identity small,
#projectos-site-app .po-status-card__identity small,
#projectos-app .po-status-card__meta small,
#projectos-site-app .po-status-card__meta small {
    color: #64748b;
    font-weight: 700;
}
#projectos-app .po-status-card__meta strong,
#projectos-site-app .po-status-card__meta strong {
    color: #10203f;
    font-size: .96rem;
}
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state {
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(109, 94, 248, .09);
    color: #24396d;
    font-size: .72rem;
    font-weight: 900;
    white-space: nowrap;
}
#projectos-app .po-status-card__actions,
#projectos-site-app .po-status-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}
#projectos-app .po-status-create-shell,
#projectos-site-app .po-status-create-shell {
    display: grid;
    gap: 10px;
}
#projectos-app .po-status-create-toggle,
#projectos-site-app .po-status-create-toggle {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: fit-content;
    border: 1px solid rgba(109, 94, 248, .18);
    border-radius: 999px;
    padding: 9px 14px;
    background: rgba(255,255,255,.76);
    color: #274060;
    font-weight: 900;
    cursor: pointer;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .06);
}
#projectos-app .po-status-create-toggle span,
#projectos-site-app .po-status-create-toggle span {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .11);
}
#projectos-app .po-status-create--drawer,
#projectos-site-app .po-status-create--drawer {
    grid-template-columns: minmax(120px, .8fr) minmax(150px, 1fr) auto minmax(90px, .5fr) auto auto;
}
#projectos-app .po-bulkbar__category,
#projectos-site-app .po-bulkbar__category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}
#projectos-app .po-bulkbar__category select,
#projectos-site-app .po-bulkbar__category select {
    min-height: 32px;
    border-radius: 999px;
    border: 1px solid rgba(109, 94, 248, .16);
    background: rgba(255,255,255,.86);
    padding: 0 10px;
    color: #273a5f;
    font-weight: 800;
    max-width: 220px;
}
@media (max-width: 980px) {
    #projectos-app .po-status-card,
    #projectos-site-app .po-status-card {
        grid-template-columns: 1fr;
    }
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
    #projectos-app .po-status-card__state,
    #projectos-site-app .po-status-card__state {
        grid-column: 2 / -1;
        width: fit-content;
    }
    #projectos-app .po-status-create--drawer,
    #projectos-site-app .po-status-create--drawer {
        grid-template-columns: 1fr;
    }
}

/* v5.45.0 Final: collapsible board column cards and bulk category move */
#projectos-app .po-status-manager__body,
#projectos-site-app .po-status-manager__body {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}
#projectos-app .po-status-manager__hint,
#projectos-site-app .po-status-manager__hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 10px 12px;
    border-radius: 18px;
    border: 1px dashed rgba(109, 94, 248, .18);
    background: rgba(255, 255, 255, .58);
    color: #52627a;
    font-size: .82rem;
    font-weight: 800;
}
#projectos-app .po-status-card,
#projectos-site-app .po-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-left: 4px solid var(--status-accent, #6D5EF8);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(243,247,255,.72));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-card.is-wip-over,
#projectos-site-app .po-status-card.is-wip-over {
    border-color: rgba(245, 158, 11, .38);
    border-left-color: #f59e0b;
    background: linear-gradient(135deg, rgba(255,251,235,.92), rgba(255,255,255,.76));
}
#projectos-app .po-status-card__main,
#projectos-site-app .po-status-card__main {
    display: grid;
    grid-template-columns: 54px minmax(160px, 1fr) repeat(3, minmax(72px, .4fr));
    align-items: center;
    gap: 10px;
    width: 100%;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
#projectos-app .po-status-card__main:disabled,
#projectos-site-app .po-status-card__main:disabled { cursor: default; opacity: .72; }
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #64748b;
    font-weight: 900;
}
#projectos-app .po-status-card__order i,
#projectos-site-app .po-status-card__order i {
    width: 16px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
    opacity: .42;
}
#projectos-app .po-status-card__identity,
#projectos-site-app .po-status-card__identity,
#projectos-app .po-status-card__meta,
#projectos-site-app .po-status-card__meta {
    display: grid;
    gap: 2px;
    min-width: 0;
}
#projectos-app .po-status-card__identity strong,
#projectos-site-app .po-status-card__identity strong {
    overflow: hidden;
    color: #1e2f50;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: .92rem;
    font-weight: 900;
}
#projectos-app .po-status-card__identity small,
#projectos-site-app .po-status-card__identity small,
#projectos-app .po-status-card__meta small,
#projectos-site-app .po-status-card__meta small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}
#projectos-app .po-status-card__meta strong,
#projectos-site-app .po-status-card__meta strong {
    color: #0f172a;
    font-size: .95rem;
    font-weight: 900;
}
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state {
    justify-self: start;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .08);
    color: #2f4777;
    font-size: .72rem;
    font-weight: 900;
}
#projectos-app .po-status-card__actions,
#projectos-site-app .po-status-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
#projectos-app .po-status-create-toggle,
#projectos-site-app .po-status-create-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    width: 100%;
    border: 1px dashed rgba(109, 94, 248, .28);
    border-radius: 18px;
    background: rgba(255,255,255,.66);
    color: #31507f;
    font-weight: 900;
    cursor: pointer;
}
#projectos-app .po-bulkbar__category,
#projectos-site-app .po-bulkbar__category {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px;
    border: 1px solid rgba(109, 94, 248, .12);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
}
#projectos-app .po-bulkbar__category select,
#projectos-site-app .po-bulkbar__category select {
    min-height: 30px;
    max-width: 190px;
    border: 0;
    background: transparent;
    color: #22345a;
    font-size: .76rem;
    font-weight: 800;
    outline: none;
}
@media (max-width: 900px) {
    #projectos-app .po-status-card,
    #projectos-site-app .po-status-card,
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: 1fr;
    }
    #projectos-app .po-status-card__actions,
    #projectos-site-app .po-status-card__actions { justify-content: flex-start; }
    #projectos-app .po-bulkbar__category,
    #projectos-site-app .po-bulkbar__category { width: 100%; justify-content: space-between; border-radius: 18px; }
    #projectos-app .po-bulkbar__category select,
    #projectos-site-app .po-bulkbar__category select { max-width: none; width: 100%; }
}

/* v5.45.0 Final Board Accordion Polish */
#projectos-app .po-status-chip strong,
#projectos-site-app .po-status-chip strong {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#projectos-app .po-status-chip small,
#projectos-site-app .po-status-chip small {
    display: inline-grid;
    place-items: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .1);
    color: #203469;
    font-size: .72rem;
    font-weight: 900;
}
#projectos-app .po-status-manager__hint,
#projectos-site-app .po-status-manager__hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px dashed rgba(109, 94, 248, .18);
    border-radius: 18px;
    background: rgba(255,255,255,.58);
    color: #52637d;
    font-weight: 800;
}
#projectos-app .po-status-manager__body,
#projectos-site-app .po-status-manager__body {
    margin-top: 12px;
}
#projectos-app .po-status-card,
#projectos-site-app .po-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-left: 4px solid var(--status-accent, #6D5EF8);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.84), rgba(248,250,252,.72));
    box-shadow: 0 14px 34px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-card.is-wip-over,
#projectos-site-app .po-status-card.is-wip-over {
    border-color: rgba(245, 158, 11, .36);
    background: rgba(255, 251, 235, .86);
}
#projectos-app .po-status-card__main,
#projectos-site-app .po-status-card__main {
    display: grid;
    grid-template-columns: 54px minmax(160px, 1fr) repeat(3, minmax(72px, auto));
    align-items: center;
    gap: 10px;
    width: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    text-align: left;
    cursor: pointer;
}
#projectos-app .po-status-card__main:focus-visible,
#projectos-site-app .po-status-card__main:focus-visible,
#projectos-app .po-status-create-toggle:focus-visible,
#projectos-site-app .po-status-create-toggle:focus-visible {
    outline: 3px solid rgba(99, 91, 255, .26);
    outline-offset: 3px;
}
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order,
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state,
#projectos-app .po-status-card__meta,
#projectos-site-app .po-status-card__meta {
    display: inline-grid;
    gap: 2px;
    align-items: center;
    color: #64748b;
    font-size: .76rem;
    font-weight: 900;
}
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order {
    grid-auto-flow: column;
    justify-content: start;
    color: #475569;
}
#projectos-app .po-status-card__order i,
#projectos-site-app .po-status-card__order i {
    width: 12px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
    opacity: .45;
}
#projectos-app .po-status-card__identity,
#projectos-site-app .po-status-card__identity {
    display: grid;
    gap: 2px;
    min-width: 0;
}
#projectos-app .po-status-card__identity strong,
#projectos-site-app .po-status-card__identity strong {
    color: #15294d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#projectos-app .po-status-card__identity small,
#projectos-site-app .po-status-card__identity small,
#projectos-app .po-status-card__meta small,
#projectos-site-app .po-status-card__meta small {
    color: #7b8aa5;
    font-weight: 800;
}
#projectos-app .po-status-card__meta strong,
#projectos-site-app .po-status-card__meta strong {
    color: #172b4d;
    font-size: .95rem;
}
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state {
    justify-self: end;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(99, 91, 255, .09);
    color: #3346a3;
}
#projectos-app .po-status-card__actions,
#projectos-site-app .po-status-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
#projectos-app .po-status-create-toggle,
#projectos-site-app .po-status-create-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    min-height: 46px;
    border: 1px dashed rgba(99, 91, 255, .26);
    border-radius: 18px;
    background: rgba(255,255,255,.62);
    color: #3346a3;
    font-weight: 900;
    cursor: pointer;
}
#projectos-app .po-status-create-toggle span,
#projectos-site-app .po-status-create-toggle span {
    display: inline-grid;
    place-items: center;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, #6D5EF8, #2f80ed);
    color: #fff;
}
@media (max-width: 980px) {
    #projectos-app .po-status-card,
    #projectos-site-app .po-status-card {
        grid-template-columns: 1fr;
    }
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: 42px minmax(0, 1fr) repeat(2, minmax(60px, auto));
    }
    #projectos-app .po-status-card__state,
    #projectos-site-app .po-status-card__state {
        justify-self: start;
    }
    #projectos-app .po-status-card__actions,
    #projectos-site-app .po-status-card__actions {
        justify-content: flex-start;
    }
}
@media (max-width: 640px) {
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: 34px minmax(0, 1fr);
    }
    #projectos-app .po-status-card__meta,
    #projectos-site-app .po-status-card__meta,
    #projectos-app .po-status-card__state,
    #projectos-site-app .po-status-card__state {
        display: none;
    }
}

/* v5.45.0 Compact board column accordion hardening */
#projectos-app .po-status-manager__body,
#projectos-site-app .po-status-manager__body {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}
#projectos-app .po-status-manager__hint,
#projectos-site-app .po-status-manager__hint {
    margin-top: 10px;
    padding: 10px 12px;
    border: 1px dashed rgba(109, 94, 248, .18);
    border-radius: 16px;
    background: rgba(255, 255, 255, .56);
    color: #52627a;
    font-size: .82rem;
    font-weight: 800;
}
#projectos-app .po-status-chip strong,
#projectos-site-app .po-status-chip strong {
    max-width: 128px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#projectos-app .po-status-chip small,
#projectos-site-app .po-status-chip small {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .1);
    color: #203469;
    font-weight: 900;
}
#projectos-app .po-status-card,
#projectos-site-app .po-status-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px;
    border: 1px solid rgba(109, 94, 248, .14);
    border-left: 4px solid var(--status-accent, #6D5EF8);
    border-radius: 18px;
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .055);
}
#projectos-app .po-status-card.is-wip-over,
#projectos-site-app .po-status-card.is-wip-over {
    border-color: rgba(245, 158, 11, .38);
    background: rgba(255, 251, 235, .82);
}
#projectos-app .po-status-card__main,
#projectos-site-app .po-status-card__main {
    display: grid;
    grid-template-columns: 54px minmax(170px, 1fr) minmax(64px, auto) minmax(64px, auto) minmax(88px, auto);
    gap: 10px;
    align-items: center;
    width: 100%;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-align: left;
}
#projectos-app .po-status-card__order,
#projectos-site-app .po-status-card__order {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: .78rem;
    font-weight: 900;
}
#projectos-app .po-status-card__order i,
#projectos-site-app .po-status-card__order i {
    width: 14px;
    height: 3px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 5px 0 currentColor, 0 -5px 0 currentColor;
    opacity: .42;
}
#projectos-app .po-status-card__identity,
#projectos-site-app .po-status-card__identity,
#projectos-app .po-status-card__meta,
#projectos-site-app .po-status-card__meta {
    display: grid;
    gap: 2px;
}
#projectos-app .po-status-card__identity strong,
#projectos-site-app .po-status-card__identity strong {
    color: #1e2f50;
    font-size: .9rem;
}
#projectos-app .po-status-card__identity small,
#projectos-site-app .po-status-card__identity small,
#projectos-app .po-status-card__meta small,
#projectos-site-app .po-status-card__meta small {
    color: #64748b;
    font-size: .72rem;
    font-weight: 800;
}
#projectos-app .po-status-card__meta strong,
#projectos-site-app .po-status-card__meta strong {
    color: #0f172a;
    font-size: .95rem;
}
#projectos-app .po-status-card__state,
#projectos-site-app .po-status-card__state {
    justify-self: end;
    padding: 6px 9px;
    border-radius: 999px;
    background: rgba(109, 94, 248, .1);
    color: #33417b;
    font-size: .72rem;
    font-weight: 900;
}
#projectos-app .po-status-card__actions,
#projectos-site-app .po-status-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    flex-wrap: wrap;
}
#projectos-app .po-status-create-toggle,
#projectos-site-app .po-status-create-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    width: 100%;
    border: 1px dashed rgba(109, 94, 248, .26);
    border-radius: 16px;
    background: rgba(255, 255, 255, .68);
    color: #33417b;
    font-weight: 900;
    cursor: pointer;
}
#projectos-app .po-status-create-toggle:hover,
#projectos-site-app .po-status-create-toggle:hover {
    background: rgba(244, 247, 255, .92);
    border-color: rgba(109, 94, 248, .42);
}
#projectos-app .po-alert--transient,
#projectos-site-app .po-alert--transient {
    animation: projectosAlertFloatIn .22s ease-out both, projectosAlertAutoFade .35s ease-in 2.9s forwards;
}
@media (max-width: 980px) {
    #projectos-app .po-status-card,
    #projectos-site-app .po-status-card {
        grid-template-columns: 1fr;
    }
    #projectos-app .po-status-card__main,
    #projectos-site-app .po-status-card__main {
        grid-template-columns: 44px minmax(0, 1fr) minmax(56px, auto);
    }
    #projectos-app .po-status-card__state,
    #projectos-site-app .po-status-card__state {
        justify-self: start;
    }
    #projectos-app .po-status-card__actions,
    #projectos-site-app .po-status-card__actions {
        justify-content: flex-start;
    }
}
#projectos-app .po-status-chip strong,
#projectos-site-app .po-status-chip strong {
    color: #24385f;
    font-size: .78rem;
}
#projectos-app .po-status-chip small,
#projectos-site-app .po-status-chip small {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(57, 89, 255, .1);
    color: #203469;
    font-weight: 900;
}

/* v5.46.0 checklist hydration + trash bulk polish */
#projectos-app .po-checklist-loading,
#projectos-site-app .po-checklist-loading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid rgba(82, 112, 255, .18);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(235,243,255,.92));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 14px 32px rgba(67, 90, 145, .08);
    color: #2f426b;
}
#projectos-app .po-checklist-loading strong,
#projectos-site-app .po-checklist-loading strong {
    color: #17264a;
    font-size: .86rem;
}
#projectos-app .po-checklist-loading span,
#projectos-site-app .po-checklist-loading span {
    flex: 1;
    min-width: 160px;
    color: #607196;
    font-size: .78rem;
    font-weight: 700;
}
#projectos-app .po-trash-bulkbar,
#projectos-site-app .po-trash-bulkbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px;
    margin: 12px 0;
    border: 1px solid rgba(109, 94, 248, .14);
    border-radius: 22px;
    background: rgba(255,255,255,.78);
    box-shadow: 0 18px 40px rgba(31, 45, 88, .08);
}
#projectos-app .po-trash-bulkbar strong,
#projectos-site-app .po-trash-bulkbar strong {
    display: block;
    color: #17264a;
    font-size: 1rem;
}
#projectos-app .po-trash-bulkbar small,
#projectos-site-app .po-trash-bulkbar small {
    color: #6d7da3;
    font-weight: 800;
}
#projectos-app .po-trash-bulkbar__actions,
#projectos-site-app .po-trash-bulkbar__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}
#projectos-app .po-trash-item,
#projectos-site-app .po-trash-item {
    position: relative;
    padding-left: 58px;
}
#projectos-app .po-trash-item.is-selected,
#projectos-site-app .po-trash-item.is-selected {
    border-color: rgba(63, 99, 255, .38);
    background: linear-gradient(135deg, rgba(243,247,255,.96), rgba(255,255,255,.9));
    box-shadow: 0 18px 42px rgba(63, 99, 255, .12);
}
#projectos-app .po-trash-select,
#projectos-site-app .po-trash-select {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    border: 1px solid rgba(82, 112, 255, .28);
    background: rgba(255,255,255,.86);
    color: #3455ff;
    font-weight: 1000;
    cursor: pointer;
}
#projectos-app .po-trash-item.is-selected .po-trash-select,
#projectos-site-app .po-trash-item.is-selected .po-trash-select {
    color: #fff;
    background: linear-gradient(135deg, #4568ff, #8a5cff);
    border-color: transparent;
}
@media (max-width: 760px) {
    #projectos-app .po-checklist-loading,
    #projectos-site-app .po-checklist-loading,
    #projectos-app .po-trash-bulkbar,
    #projectos-site-app .po-trash-bulkbar {
        align-items: stretch;
        flex-direction: column;
    }
    #projectos-app .po-trash-bulkbar__actions,
    #projectos-site-app .po-trash-bulkbar__actions {
        justify-content: flex-start;
    }
}

/* v5.47.0 checklist visibility authority */
#projectos-app .po-row-action--checklist,
#projectos-site-app .po-row-action--checklist {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
#projectos-app .po-row-action__count,
#projectos-site-app .po-row-action__count {
    display: inline-grid;
    place-items: center;
    min-height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    color: #405278;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .01em;
    box-shadow: inset 0 0 0 1px rgba(82, 112, 255, .12);
}
#projectos-app .po-inline-checklist-panel .po-badge,
#projectos-site-app .po-inline-checklist-panel .po-badge,
#projectos-app .po-checklist-section .po-section-head__actions span,
#projectos-site-app .po-checklist-section .po-section-head__actions span {
    min-width: 48px;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

/* v5.48.0 checklist open guarantee + ultra premium foundation */
#projectos-app .po-checklist-loading--authority,
#projectos-site-app .po-checklist-loading--authority {
    border-color: rgba(56, 117, 255, .28);
    background:
        radial-gradient(circle at top left, rgba(118, 145, 255, .18), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.94), rgba(232,241,255,.96));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 18px 46px rgba(53, 76, 129, .12);
}
#projectos-app .po-checklist-loading--authority strong::before,
#projectos-site-app .po-checklist-loading--authority strong::before {
    content: '↻';
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    margin-right: 8px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4568ff, #21a8ff);
    color: #fff;
    font-size: .72rem;
    box-shadow: 0 10px 24px rgba(51, 92, 255, .28);
}
#projectos-app .po-inline-checklist-panel,
#projectos-site-app .po-inline-checklist-panel {
    position: relative;
}
#projectos-app .po-inline-checklist-panel::before,
#projectos-site-app .po-inline-checklist-panel::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, rgba(88, 101, 242, .92), rgba(33, 168, 255, .82), rgba(16, 185, 129, .72));
    opacity: .82;
    pointer-events: none;
}

/* v5.48.0 checklist authority strip */
#projectos-app .po-checklist-authority-strip,
#projectos-site-app .po-checklist-authority-strip {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 10px 0;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(77, 109, 255, .22);
    background:
        radial-gradient(circle at top left, rgba(90, 116, 255, .18), transparent 42%),
        rgba(255, 255, 255, .9);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 14px 34px rgba(32, 48, 94, .1);
}
#projectos-app .po-checklist-authority-strip strong,
#projectos-site-app .po-checklist-authority-strip strong {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #17264a;
    font-size: .78rem;
    font-weight: 1000;
    letter-spacing: .02em;
    text-transform: uppercase;
}
#projectos-app .po-checklist-authority-strip strong::before,
#projectos-site-app .po-checklist-authority-strip strong::before {
    content: '✓';
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: linear-gradient(135deg, #4568ff, #21a8ff);
    color: #fff;
    box-shadow: 0 10px 24px rgba(51, 92, 255, .26);
}
#projectos-app .po-checklist-authority-strip span,
#projectos-site-app .po-checklist-authority-strip span {
    flex: 1 1 auto;
    color: #5f6f93;
    font-size: .76rem;
    font-weight: 800;
    line-height: 1.45;
}
@media (max-width: 760px) {
    #projectos-app .po-checklist-authority-strip,
    #projectos-site-app .po-checklist-authority-strip {
        align-items: stretch;
        flex-direction: column;
    }
}

/* v5.49.0 Ultra Premium UX Authority: dense dashboard, cleaner empty states, stable counters */
#projectos-app .po-premium-dashboard,
#projectos-site-app .po-premium-dashboard {
    gap: 16px !important;
    max-width: 1200px;
    margin-inline: auto;
}
#projectos-app .po-premium-dashboard__hero,
#projectos-site-app .po-premium-dashboard__hero,
#projectos-app .po-view-head--premium,
#projectos-site-app .po-view-head--premium {
    padding: 24px 26px !important;
    border-radius: 28px !important;
}
#projectos-app .po-premium-actions,
#projectos-site-app .po-premium-actions,
#projectos-app .po-ultra-command-strip,
#projectos-site-app .po-ultra-command-strip {
    margin-block: 0 !important;
    gap: 10px !important;
}
#projectos-app .po-premium-dashboard-grid,
#projectos-site-app .po-premium-dashboard-grid {
    display: grid !important;
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
    gap: 14px !important;
    align-items: start !important;
}
#projectos-app .po-premium-dashboard-grid > .po-premium-widget,
#projectos-site-app .po-premium-dashboard-grid > .po-premium-widget {
    grid-column: span 4 !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 42px rgba(37, 55, 112, .10) !important;
}
#projectos-app .po-premium-widget__head,
#projectos-site-app .po-premium-widget__head {
    margin-bottom: 12px !important;
}
#projectos-app .po-premium-widget__head h3,
#projectos-site-app .po-premium-widget__head h3 {
    letter-spacing: -.02em;
}
#projectos-app .po-dash-empty,
#projectos-site-app .po-dash-empty {
    display: grid;
    gap: 7px;
    min-height: 92px;
    align-content: center;
    padding: 16px;
    border: 1px dashed rgba(91, 124, 250, .25);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(235,243,255,.68));
    color: #293a5f;
}
#projectos-app .po-dash-empty strong,
#projectos-site-app .po-dash-empty strong {
    font-size: .92rem;
    font-weight: 1000;
}
#projectos-app .po-dash-empty small,
#projectos-site-app .po-dash-empty small {
    color: #627190;
    line-height: 1.45;
}
#projectos-app .po-progress-summary,
#projectos-site-app .po-progress-summary {
    padding: 16px 18px !important;
    border-radius: 24px !important;
    gap: 14px !important;
    margin-top: 0 !important;
}
#projectos-app .po-grid--notes,
#projectos-site-app .po-grid--notes {
    gap: 16px !important;
    align-items: start !important;
}
#projectos-app .po-note-category-panel,
#projectos-site-app .po-note-category-panel,
#projectos-app .po-notes-composer,
#projectos-site-app .po-notes-composer {
    border-radius: 26px !important;
    box-shadow: 0 18px 42px rgba(37, 55, 112, .10) !important;
}
#projectos-app .po-note-category-create,
#projectos-site-app .po-note-category-create {
    position: relative;
    z-index: 1;
}
#projectos-app .po-task-card .po-checklist-count,
#projectos-site-app .po-task-card .po-checklist-count,
#projectos-app [data-open-task] .po-checklist-count,
#projectos-site-app [data-open-task] .po-checklist-count {
    visibility: visible !important;
}
@media (max-width: 1180px) {
    #projectos-app .po-premium-dashboard-grid > .po-premium-widget,
    #projectos-site-app .po-premium-dashboard-grid > .po-premium-widget {
        grid-column: span 6 !important;
    }
}
@media (max-width: 760px) {
    #projectos-app .po-premium-dashboard-grid,
    #projectos-site-app .po-premium-dashboard-grid {
        grid-template-columns: 1fr !important;
    }
    #projectos-app .po-premium-dashboard-grid > .po-premium-widget,
    #projectos-site-app .po-premium-dashboard-grid > .po-premium-widget {
        grid-column: 1 / -1 !important;
    }
}
#projectos-app .po-row-action--checklist,
#projectos-site-app .po-row-action--checklist {
    min-width: 118px;
    justify-content: center;
}
#projectos-app .po-row-action--checklist .po-row-action__count,
#projectos-site-app .po-row-action--checklist .po-row-action__count {
    display: inline-flex !important;
    margin-left: 7px;
    padding: 3px 7px;
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: #3154cf;
    font-size: 10px;
    font-weight: 1000;
}

/* ProjectOS v5.50.0 Notes Authority + Ultra Premium polish */
#projectos-app .po-notes-authority-strip,
#projectos-site-app .po-notes-authority-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}
#projectos-app .po-notes-authority-strip article,
#projectos-site-app .po-notes-authority-strip article {
    position: relative;
    overflow: hidden;
    min-height: 74px;
    padding: 15px 17px;
    border: 1px solid rgba(117, 143, 196, .22);
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(224,238,255,.76));
    box-shadow: 0 16px 34px rgba(34, 56, 104, .10);
}
#projectos-app .po-notes-authority-strip article::after,
#projectos-site-app .po-notes-authority-strip article::after {
    content: '';
    position: absolute;
    inset: auto -20% -42% 35%;
    height: 80px;
    background: radial-gradient(circle, rgba(93, 126, 255, .18), rgba(93, 126, 255, 0) 66%);
    pointer-events: none;
}
#projectos-app .po-notes-authority-strip strong,
#projectos-site-app .po-notes-authority-strip strong {
    display: block;
    margin-bottom: 4px;
    color: #203451;
    font-size: 13px;
    font-weight: 1000;
    letter-spacing: .04em;
    text-transform: uppercase;
}
#projectos-app .po-notes-authority-strip small,
#projectos-site-app .po-notes-authority-strip small {
    color: #627397;
    font-size: 11px;
    line-height: 1.45;
}
#projectos-app .po-note-pending,
#projectos-site-app .po-note-pending {
    margin: 9px 0 4px;
    padding: 8px 10px;
    border: 1px solid rgba(245, 158, 11, .28);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(255,247,237,.95), rgba(255,255,255,.78));
    color: #8a4b00;
    font-size: 11px;
    font-weight: 900;
}
#projectos-app .po-badge--warning,
#projectos-site-app .po-badge--warning {
    background: linear-gradient(135deg, rgba(255,244,214,.98), rgba(255,255,255,.9)) !important;
    color: #946200 !important;
    border-color: rgba(245,158,11,.32) !important;
}
#projectos-app .po-note-card,
#projectos-site-app .po-note-card {
    border: 1px solid rgba(119, 145, 198, .18) !important;
    border-left: 5px solid var(--note-accent, #6D5EF8) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(238,246,255,.84)) !important;
    box-shadow: 0 18px 40px rgba(37, 55, 112, .11) !important;
}
#projectos-app .po-note-card p,
#projectos-site-app .po-note-card p {
    color: #334766;
    line-height: 1.6;
}
#projectos-app .po-note-attachments--preview,
#projectos-site-app .po-note-attachments--preview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 10px;
    margin-top: 12px;
}
#projectos-app .po-note-attachments--preview a,
#projectos-site-app .po-note-attachments--preview a,
#projectos-app .po-note-attachment-card,
#projectos-site-app .po-note-attachment-card {
    border-radius: 16px !important;
    border: 1px solid rgba(113, 142, 196, .24) !important;
    background: rgba(255,255,255,.86) !important;
    box-shadow: 0 10px 22px rgba(45, 70, 120, .08) !important;
}
#projectos-app .po-note-category-create--soft,
#projectos-site-app .po-note-category-create--soft {
    padding: 14px !important;
    border: 1px solid rgba(120,145,196,.20) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(233,244,255,.82)) !important;
}
#projectos-app .po-note-category-panel .po-empty,
#projectos-site-app .po-note-category-panel .po-empty,
#projectos-app .po-panel > .po-empty,
#projectos-site-app .po-panel > .po-empty {
    min-height: 58px !important;
    padding: 18px !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, rgba(236,244,255,.86), rgba(226,232,255,.78)) !important;
}
#projectos-app .po-notes-composer input[type="file"],
#projectos-site-app .po-notes-composer input[type="file"] {
    cursor: pointer;
    border: 1px dashed rgba(92, 118, 174, .34) !important;
    background: rgba(255,255,255,.92) !important;
}
@media (max-width: 980px) {
    #projectos-app .po-notes-authority-strip,
    #projectos-site-app .po-notes-authority-strip {
        grid-template-columns: 1fr;
    }
}

/* ProjectOS v5.51.0 Notes No-Loss Studio */
#projectos-app .po-notes-hero,
#projectos-site-app .po-notes-hero {
    position: relative;
    overflow: hidden;
}
#projectos-app .po-notes-hero::after,
#projectos-site-app .po-notes-hero::after {
    content: "";
    position: absolute;
    inset: auto -80px -120px auto;
    width: 260px;
    height: 260px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(91,124,250,.18), rgba(56,189,248,.08) 55%, transparent 70%);
    pointer-events: none;
}
#projectos-app .po-notes-authority-strip--v551,
#projectos-site-app .po-notes-authority-strip--v551 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}
#projectos-app .po-notes-authority-strip--v551 article,
#projectos-site-app .po-notes-authority-strip--v551 article,
#projectos-app .po-note-warning-strip,
#projectos-site-app .po-note-warning-strip {
    border: 1px solid rgba(101, 130, 190, .20);
    border-radius: 24px;
    padding: 16px 18px;
    background: linear-gradient(135deg, rgba(255,255,255,.78), rgba(224,238,255,.82));
    box-shadow: 0 18px 38px rgba(44, 66, 112, .10);
}
#projectos-app .po-note-warning-strip,
#projectos-site-app .po-note-warning-strip {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    border-color: rgba(245, 158, 11, .34);
    background: linear-gradient(135deg, rgba(255,251,235,.94), rgba(255,241,214,.82));
}
#projectos-app .po-note-warning-strip strong,
#projectos-site-app .po-note-warning-strip strong {
    color: #92400e;
}
#projectos-app .po-note-warning-strip span,
#projectos-site-app .po-note-warning-strip span {
    flex: 1;
    color: #24324a;
    font-weight: 800;
}
#projectos-app .po-notes-toolbar,
#projectos-site-app .po-notes-toolbar {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 18px;
    padding: 12px;
    border: 1px solid rgba(101,130,190,.18);
    border-radius: 24px;
    background: rgba(244,249,255,.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 14px 28px rgba(44,66,112,.07);
}
#projectos-app .po-notes-search,
#projectos-site-app .po-notes-search {
    flex: 1 1 320px;
    display: grid;
    gap: 5px;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: #5e7198;
}
#projectos-app .po-notes-search input,
#projectos-site-app .po-notes-search input {
    width: 100%;
    border: 1px solid rgba(94,113,152,.18);
    border-radius: 18px;
    padding: 12px 14px;
    background: rgba(255,255,255,.95);
    color: #16213a;
    outline: none;
}
#projectos-app .po-segmented,
#projectos-site-app .po-segmented {
    display: inline-flex;
    gap: 6px;
    padding: 5px;
    border-radius: 999px;
    background: rgba(255,255,255,.78);
    border: 1px solid rgba(114,139,188,.18);
}
#projectos-app .po-segmented button,
#projectos-site-app .po-segmented button {
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 900;
    color: #233653;
    background: transparent;
    cursor: pointer;
}
#projectos-app .po-segmented button.is-active,
#projectos-site-app .po-segmented button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #6366f1, #0ea5e9);
    box-shadow: 0 10px 18px rgba(59,130,246,.22);
}
#projectos-app .po-notes-studio-layout,
#projectos-site-app .po-notes-studio-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(320px, .8fr);
    gap: 18px;
    align-items: start;
}
#projectos-app .po-notes-composer--studio,
#projectos-site-app .po-notes-composer--studio,
#projectos-app .po-note-results-panel,
#projectos-site-app .po-note-results-panel {
    background: linear-gradient(145deg, rgba(255,255,255,.88), rgba(232,244,255,.78)) !important;
    border: 1px solid rgba(113,142,196,.18) !important;
    box-shadow: 0 22px 45px rgba(44,66,112,.10) !important;
}
#projectos-app .po-note-template-row,
#projectos-site-app .po-note-template-row,
#projectos-app .po-note-editor-toolbar,
#projectos-site-app .po-note-editor-toolbar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 12px 0;
}
#projectos-app .po-note-template,
#projectos-site-app .po-note-template,
#projectos-app .po-note-editor-toolbar button,
#projectos-site-app .po-note-editor-toolbar button {
    border: 1px solid rgba(101,130,190,.18);
    border-radius: 16px;
    padding: 10px 12px;
    background: rgba(255,255,255,.86);
    color: #1d2d48;
    cursor: pointer;
    box-shadow: 0 8px 18px rgba(44,66,112,.06);
}
#projectos-app .po-note-template strong,
#projectos-site-app .po-note-template strong {
    display: block;
    font-size: 12px;
}
#projectos-app .po-note-template small,
#projectos-site-app .po-note-template small {
    display: block;
    opacity: .68;
    margin-top: 2px;
}
#projectos-app .po-note-card,
#projectos-site-app .po-note-card {
    position: relative;
    border-left: 5px solid var(--note-accent, #6d5ef8) !important;
}
#projectos-app .po-note-list.is-compact,
#projectos-site-app .po-note-list.is-compact {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
}
#projectos-app .po-note-list.is-compact .po-note-card,
#projectos-site-app .po-note-list.is-compact .po-note-card {
    padding: 14px 16px !important;
}
#projectos-app .po-note-list.is-compact .po-note-body,
#projectos-site-app .po-note-list.is-compact .po-note-body {
    max-height: 72px;
    overflow: hidden;
}
#projectos-app .po-md-h1,
#projectos-site-app .po-md-h1,
#projectos-app .po-md-h2,
#projectos-site-app .po-md-h2,
#projectos-app .po-md-h3,
#projectos-site-app .po-md-h3 {
    display: block;
    margin: 6px 0;
    color: #17243d;
}
#projectos-app .po-md-check,
#projectos-site-app .po-md-check,
#projectos-app .po-md-bullet,
#projectos-site-app .po-md-bullet {
    display: block;
    margin: 4px 0;
}
#projectos-app .po-md-check.is-done,
#projectos-site-app .po-md-check.is-done {
    text-decoration: line-through;
    opacity: .68;
}
#projectos-app .po-note-attachment-card.is-pending,
#projectos-site-app .po-note-attachment-card.is-pending {
    border-color: rgba(59,130,246,.28) !important;
    background: linear-gradient(135deg, rgba(239,246,255,.96), rgba(224,242,254,.88)) !important;
}
#projectos-app .po-note-attachment-card.is-failed,
#projectos-site-app .po-note-attachment-card.is-failed {
    border-color: rgba(245,158,11,.32) !important;
    background: linear-gradient(135deg, rgba(255,251,235,.96), rgba(254,243,199,.82)) !important;
}
#projectos-app .po-note-pending--warn,
#projectos-site-app .po-note-pending--warn {
    border-color: rgba(245,158,11,.28) !important;
    color: #92400e !important;
    background: rgba(255,251,235,.86) !important;
}
@media (max-width: 1040px) {
    #projectos-app .po-notes-studio-layout,
    #projectos-site-app .po-notes-studio-layout,
    #projectos-app .po-notes-authority-strip--v551,
    #projectos-site-app .po-notes-authority-strip--v551 {
        grid-template-columns: 1fr;
    }
}


/* ProjectOS v5.51.0 Notes Capture Authority hardening */
.po-note-attachment-card.is-failed,
.po-note-attachment-card.is-pending { border-style:dashed; background:rgba(255,248,225,.92); color:#7a5812; cursor:default; }
.po-note-attachment-card.is-failed .po-note-attachment-card__icon,
.po-note-attachment-card.is-pending .po-note-attachment-card__icon { background:rgba(245,158,11,.16); }
.po-notes-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:end; margin:0 0 18px; padding:14px; border-radius:24px; background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(223,235,255,.66)); box-shadow:0 18px 50px rgba(48,79,130,.10); }
.po-notes-search { flex:1 1 280px; display:grid; gap:6px; font-size:12px; font-weight:900; color:#334a70; }
.po-notes-search input { min-height:44px; border-radius:16px; border:1px solid rgba(118,146,195,.25); padding:0 14px; background:rgba(255,255,255,.86); }
.po-note-results-panel { border-radius:28px; }
.po-note-pending--warn { background:rgba(255,245,217,.92); border-color:rgba(245,158,11,.26); color:#8a5d00; }

/* ProjectOS v5.51.0 Notes Studio micro-interactions */
#projectos-app .po-note-card .po-note-meta,
#projectos-site-app .po-note-card .po-note-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
#projectos-app .po-note-tag,
#projectos-site-app .po-note-tag,
#projectos-app .po-note-source,
#projectos-site-app .po-note-source { display:inline-flex; align-items:center; gap:6px; min-height:26px; padding:4px 9px; border-radius:999px; border:1px solid rgba(101,130,190,.18); background:rgba(255,255,255,.76); color:#294066; font-size:11px; font-weight:900; letter-spacing:.01em; text-decoration:none; }
#projectos-app .po-note-source:hover,
#projectos-site-app .po-note-source:hover { transform:translateY(-1px); box-shadow:0 10px 24px rgba(47,83,145,.10); }
#projectos-app .po-file-drop,
#projectos-site-app .po-file-drop { border:1px dashed rgba(89,124,184,.26); border-radius:20px; padding:12px; background:rgba(255,255,255,.52); }
#projectos-app .po-file-drop input[type="file"],
#projectos-site-app .po-file-drop input[type="file"] { width:100%; border-radius:14px; border:1px solid rgba(101,130,190,.16); background:rgba(255,255,255,.92); padding:10px; }
#projectos-app .po-note-mode-grid article,
#projectos-site-app .po-note-mode-grid article { transition:transform .16s ease, box-shadow .16s ease; }
#projectos-app .po-note-mode-grid article:hover,
#projectos-site-app .po-note-mode-grid article:hover { transform:translateY(-1px); box-shadow:0 14px 30px rgba(51,80,132,.10); }
#projectos-app .po-notes-toolbar .po-segmented button,
#projectos-site-app .po-notes-toolbar .po-segmented button { min-height:34px; }
@media (max-width: 720px) {
  #projectos-app .po-notes-toolbar,
  #projectos-site-app .po-notes-toolbar { padding:12px; border-radius:20px; }
  #projectos-app .po-note-template-row,
  #projectos-site-app .po-note-template-row { display:grid; grid-template-columns:1fr 1fr; }
  #projectos-app .po-note-template,
  #projectos-site-app .po-note-template { padding:10px; }
}

/* ProjectOS v5.52.0 Notes Studio Keep UX + Ultra Premium */
#projectos-app .po-notes-hero--keep,
#projectos-site-app .po-notes-hero--keep {
    min-height: 150px;
    padding: 28px 30px !important;
    border-radius: 30px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(231,242,255,.78)) !important;
    box-shadow: 0 22px 52px rgba(34,58,108,.10) !important;
}
#projectos-app .po-notes-authority-strip--v552,
#projectos-site-app .po-notes-authority-strip--v552 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}
#projectos-app .po-notes-authority-strip--v552 article,
#projectos-site-app .po-notes-authority-strip--v552 article {
    min-height: auto;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid rgba(102,127,185,.18);
    background: linear-gradient(135deg, rgba(255,255,255,.88), rgba(233,242,255,.78));
    box-shadow: 0 12px 26px rgba(42,65,112,.075);
}
#projectos-app .po-notes-authority-strip--v552 strong,
#projectos-site-app .po-notes-authority-strip--v552 strong {
    display: block;
    margin-bottom: 3px;
    color: #1f314d;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
}
#projectos-app .po-notes-authority-strip--v552 small,
#projectos-site-app .po-notes-authority-strip--v552 small {
    color: #657595;
    line-height: 1.42;
}
#projectos-app .po-notes-toolbar--keep,
#projectos-site-app .po-notes-toolbar--keep {
    position: sticky;
    top: 10px;
    z-index: 5;
    border-radius: 22px;
    padding: 10px;
    margin-bottom: 14px;
    background: rgba(244,248,255,.82);
    backdrop-filter: blur(18px);
    box-shadow: 0 14px 32px rgba(41,64,112,.08);
}
#projectos-app .po-notes-keep-layout,
#projectos-site-app .po-notes-keep-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(300px, .78fr);
    gap: 16px;
    align-items: start;
    margin-bottom: 16px;
}
#projectos-app .po-notes-composer--keep,
#projectos-site-app .po-notes-composer--keep,
#projectos-app .po-note-category-panel--keep,
#projectos-site-app .po-note-category-panel--keep,
#projectos-app .po-note-results-panel--keep,
#projectos-site-app .po-note-results-panel--keep {
    border-radius: 28px !important;
    border: 1px solid rgba(113,139,190,.16) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,246,255,.80)) !important;
    box-shadow: 0 20px 44px rgba(39,61,108,.09) !important;
}
#projectos-app .po-note-quick-form,
#projectos-site-app .po-note-quick-form {
    gap: 10px;
}
#projectos-app .po-note-quick-top,
#projectos-site-app .po-note-quick-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 4px;
}
#projectos-app .po-note-mode-tabs,
#projectos-site-app .po-note-mode-tabs {
    flex-wrap: wrap;
}
#projectos-app .po-note-save-state,
#projectos-site-app .po-note-save-state {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(226,236,255,.80);
    color: #43577b;
    font-size: 11px;
    font-weight: 900;
    white-space: nowrap;
}
#projectos-app .po-note-title-input,
#projectos-site-app .po-note-title-input {
    width: 100%;
    min-height: 46px;
    padding: 0 8px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(103,126,178,.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #17233b !important;
    font-size: 22px !important;
    font-weight: 1000 !important;
    box-shadow: none !important;
}
#projectos-app .po-note-body-input,
#projectos-site-app .po-note-body-input {
    width: 100%;
    min-height: 142px;
    padding: 12px 8px !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.42) !important;
    box-shadow: inset 0 0 0 1px rgba(104,126,178,.11) !important;
    color: #25334d !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    resize: vertical;
}
#projectos-app .po-note-fast-row,
#projectos-site-app .po-note-fast-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
#projectos-app .po-note-fast-row label,
#projectos-site-app .po-note-fast-row label,
#projectos-app .po-note-edit-grid label,
#projectos-site-app .po-note-edit-grid label {
    display: grid;
    gap: 5px;
    color: #50617f;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
}
#projectos-app .po-note-fast-row input,
#projectos-app .po-note-fast-row select,
#projectos-site-app .po-note-fast-row input,
#projectos-site-app .po-note-fast-row select,
#projectos-app .po-note-edit-grid input,
#projectos-app .po-note-edit-grid select,
#projectos-site-app .po-note-edit-grid input,
#projectos-site-app .po-note-edit-grid select {
    min-height: 42px;
    border: 1px solid rgba(101,127,184,.16) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.88) !important;
    color: #1b2942 !important;
    padding: 0 12px !important;
}
#projectos-app .po-note-capture-extra,
#projectos-site-app .po-note-capture-extra {
    border: 1px solid rgba(101,127,184,.14);
    border-radius: 20px;
    background: rgba(244,248,255,.72);
    padding: 10px 12px;
}
#projectos-app .po-note-capture-extra summary,
#projectos-site-app .po-note-capture-extra summary {
    cursor: pointer;
    color: #344867;
    font-size: 12px;
    font-weight: 1000;
}
#projectos-app .po-note-template-row--keep,
#projectos-site-app .po-note-template-row--keep {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
    gap: 8px;
}
#projectos-app .po-note-quick-actions,
#projectos-site-app .po-note-quick-actions,
#projectos-app .po-note-edit-actions,
#projectos-site-app .po-note-edit-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}
#projectos-app .po-note-category-create-row,
#projectos-site-app .po-note-category-create-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px 72px;
    gap: 8px;
    align-items: center;
}
#projectos-app .po-note-category-manager,
#projectos-site-app .po-note-category-manager {
    display: grid;
    gap: 8px;
    margin: 12px 0;
}
#projectos-app .po-note-category-row,
#projectos-site-app .po-note-category-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 6px;
    align-items: center;
    padding: 6px;
    border-radius: 18px;
    background: rgba(255,255,255,.55);
    border: 1px solid rgba(101,127,184,.12);
}
#projectos-app .po-note-category-row--all,
#projectos-site-app .po-note-category-row--all {
    grid-template-columns: 1fr;
}
#projectos-app .po-note-category-row .po-chip,
#projectos-site-app .po-note-category-row .po-chip {
    width: 100%;
    justify-content: flex-start;
    min-height: 34px;
    box-shadow: none !important;
}
#projectos-app .po-note-category-mini,
#projectos-site-app .po-note-category-mini {
    min-height: 30px;
    border: 1px solid rgba(101,127,184,.14);
    border-radius: 999px;
    background: rgba(255,255,255,.85);
    color: #314866;
    cursor: pointer;
    font-size: 10px;
    font-weight: 1000;
    padding: 0 9px;
}
#projectos-app .po-note-category-mini.is-danger,
#projectos-site-app .po-note-category-mini.is-danger {
    color: #b42338;
    background: rgba(255,241,242,.84);
    border-color: rgba(244,63,94,.18);
}
#projectos-app .po-note-category-edit,
#projectos-site-app .po-note-category-edit {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px 78px auto auto;
    gap: 7px;
    align-items: center;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 28%, transparent);
    background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(238,246,255,.82));
}
#projectos-app .po-note-category-edit > div,
#projectos-site-app .po-note-category-edit > div {
    grid-column: 1 / -1;
}
#projectos-app .po-note-category-edit input,
#projectos-site-app .po-note-category-edit input {
    min-height: 36px;
    border: 1px solid rgba(101,127,184,.16);
    border-radius: 12px;
    background: rgba(255,255,255,.94);
    padding: 0 9px;
}
#projectos-app .po-note-list--keep,
#projectos-site-app .po-note-list--keep {
    display: block !important;
    column-count: 3;
    column-gap: 14px;
}
#projectos-app .po-note-list--keep.is-compact,
#projectos-site-app .po-note-list--keep.is-compact {
    column-count: 1;
}
#projectos-app .po-note-card--keep,
#projectos-site-app .po-note-card--keep {
    display: inline-block;
    width: 100%;
    break-inside: avoid;
    vertical-align: top;
    margin: 0 0 14px;
    padding: 16px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(103,126,178,.18) !important;
    border-top: 4px solid var(--note-accent, #6D5EF8) !important;
    border-left: 1px solid rgba(103,126,178,.18) !important;
    background: linear-gradient(160deg, rgba(255,255,255,.96), rgba(247,251,255,.90)) !important;
    box-shadow: 0 14px 30px rgba(37,56,100,.08) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#projectos-app .po-note-card--keep:hover,
#projectos-site-app .po-note-card--keep:hover {
    transform: translateY(-2px);
    box-shadow: 0 22px 42px rgba(37,56,100,.12) !important;
}
#projectos-app .po-note-card--keep.is-pinned::after,
#projectos-site-app .po-note-card--keep.is-pinned::after {
    content: '●';
    position: absolute;
    top: 11px;
    right: 14px;
    color: var(--note-accent, #6D5EF8);
    font-size: 10px;
}
#projectos-app .po-note-card__head--keep,
#projectos-site-app .po-note-card__head--keep {
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 8px;
}
#projectos-app .po-note-card__head--keep strong,
#projectos-site-app .po-note-card__head--keep strong {
    color: #1b2942 !important;
    font-size: 15px !important;
    font-weight: 1000 !important;
    letter-spacing: -.01em;
}
#projectos-app .po-note-card__head--keep small,
#projectos-site-app .po-note-card__head--keep small {
    color: #6b7a94 !important;
    font-size: 11px !important;
}
#projectos-app .po-note-body--keep,
#projectos-site-app .po-note-body--keep {
    display: grid;
    gap: 5px;
    margin: 10px 0 4px;
    color: #2c3c59;
    font-size: 13px;
    line-height: 1.52;
}
#projectos-app .po-note-body--keep p,
#projectos-site-app .po-note-body--keep p {
    margin: 0 !important;
    color: #2c3c59 !important;
    line-height: 1.52 !important;
    word-break: break-word;
}
#projectos-app .po-note-keep-check,
#projectos-site-app .po-note-keep-check {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-height: 28px;
    padding: 4px 0;
    color: #24344f;
    cursor: pointer;
}
#projectos-app .po-note-keep-check input,
#projectos-site-app .po-note-keep-check input {
    width: 17px;
    height: 17px;
    margin: 1px 0 0;
    accent-color: var(--note-accent, #5B7CFA);
    flex: 0 0 auto;
}
#projectos-app .po-note-keep-check.is-done span,
#projectos-site-app .po-note-keep-check.is-done span {
    color: #7a879a;
    text-decoration: line-through;
}
#projectos-app .po-note-more,
#projectos-site-app .po-note-more {
    display: inline-flex;
    margin-top: 4px;
    color: #6c7a92;
    font-weight: 900;
}
#projectos-app .po-note-progress,
#projectos-site-app .po-note-progress {
    background: linear-gradient(135deg, rgba(236,248,255,.95), rgba(255,255,255,.82)) !important;
    color: #2563eb !important;
}
#projectos-app .po-note-card__actions--keep,
#projectos-site-app .po-note-card__actions--keep {
    display: flex !important;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid rgba(103,126,178,.11);
}
#projectos-app .po-note-icon-action,
#projectos-site-app .po-note-icon-action {
    min-height: 30px;
    padding: 0 9px;
    border: 1px solid rgba(103,126,178,.15);
    border-radius: 999px;
    background: rgba(255,255,255,.86);
    color: #2d4264;
    cursor: pointer;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .02em;
    box-shadow: 0 8px 16px rgba(37,56,100,.05);
}
#projectos-app .po-note-icon-action.is-primary,
#projectos-site-app .po-note-icon-action.is-primary,
#projectos-app .po-note-icon-action.is-active,
#projectos-site-app .po-note-icon-action.is-active {
    color: #fff;
    border-color: rgba(91,124,250,.38);
    background: linear-gradient(135deg, #6478ff, #24a7e3);
}
#projectos-app .po-note-icon-action.is-danger,
#projectos-site-app .po-note-icon-action.is-danger {
    color: #b42338;
    background: rgba(255,241,242,.88);
    border-color: rgba(244,63,94,.16);
}
#projectos-app .po-note-attachment-more,
#projectos-site-app .po-note-attachment-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 14px;
    border: 1px dashed rgba(103,126,178,.22);
    color: #60708f;
    font-size: 12px;
    font-weight: 900;
}
#projectos-app .po-note-keep-editor,
#projectos-site-app .po-note-keep-editor {
    display: grid;
    gap: 10px;
}
#projectos-app .po-note-edit-title,
#projectos-site-app .po-note-edit-title {
    min-height: 42px;
    border: 0 !important;
    border-bottom: 1px solid rgba(103,126,178,.16) !important;
    background: transparent !important;
    color: #16243d !important;
    font-size: 20px !important;
    font-weight: 1000 !important;
    border-radius: 0 !important;
    padding: 0 2px !important;
}
#projectos-app .po-note-edit-body,
#projectos-site-app .po-note-edit-body {
    min-height: 170px;
    border: 1px solid rgba(103,126,178,.14) !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.80) !important;
    color: #24334e !important;
    padding: 12px !important;
    line-height: 1.6;
}
#projectos-app .po-note-edit-grid,
#projectos-site-app .po-note-edit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}
#projectos-app .po-note-edit-extra,
#projectos-site-app .po-note-edit-extra {
    border: 1px solid rgba(103,126,178,.14);
    border-radius: 18px;
    padding: 10px;
    background: rgba(244,248,255,.72);
}
#projectos-app .po-note-edit-extra summary,
#projectos-site-app .po-note-edit-extra summary {
    cursor: pointer;
    color: #334761;
    font-weight: 1000;
}
#projectos-app .po-note-edit-extra textarea,
#projectos-site-app .po-note-edit-extra textarea {
    width: 100%;
    min-height: 80px;
    margin-top: 8px;
    border: 1px solid rgba(103,126,178,.14);
    border-radius: 14px;
    background: rgba(255,255,255,.9);
    padding: 10px;
}
#projectos-app .po-note-edit-extra input[type="file"],
#projectos-site-app .po-note-edit-extra input[type="file"] {
    width: 100%;
    margin-top: 8px;
    border-radius: 14px;
    background: rgba(255,255,255,.92);
    padding: 9px;
}
@media (max-width: 1280px) {
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep { column-count: 2; }
}
@media (max-width: 1040px) {
    #projectos-app .po-notes-authority-strip--v552,
    #projectos-site-app .po-notes-authority-strip--v552,
    #projectos-app .po-notes-keep-layout,
    #projectos-site-app .po-notes-keep-layout { grid-template-columns: 1fr; }
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep { column-count: 2; }
}
@media (max-width: 760px) {
    #projectos-app .po-notes-authority-strip--v552,
    #projectos-site-app .po-notes-authority-strip--v552 { grid-template-columns: 1fr; }
    #projectos-app .po-note-fast-row,
    #projectos-site-app .po-note-fast-row,
    #projectos-app .po-note-edit-grid,
    #projectos-site-app .po-note-edit-grid { grid-template-columns: 1fr; }
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep { column-count: 1; }
    #projectos-app .po-note-category-edit,
    #projectos-site-app .po-note-category-edit { grid-template-columns: 1fr 48px 72px; }
    #projectos-app .po-note-category-edit .po-btn,
    #projectos-site-app .po-note-category-edit .po-btn { grid-column: auto; }
}

/* ProjectOS v5.53.0 Notes Keep Checklist Polish + Ultra Premium */
#projectos-app .po-notes-authority-strip--v554,
#projectos-site-app .po-notes-authority-strip--v554 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}
#projectos-app .po-notes-authority-strip--v554 article,
#projectos-site-app .po-notes-authority-strip--v554 article {
    min-height: auto;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid rgba(102,127,185,.18);
    background: linear-gradient(135deg, rgba(255,255,255,.90), rgba(231,243,255,.78));
    box-shadow: 0 12px 26px rgba(42,65,112,.075);
}
#projectos-app .po-notes-authority-strip--v554 strong,
#projectos-site-app .po-notes-authority-strip--v554 strong {
    display: block;
    margin-bottom: 3px;
    color: #1f314d;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
}
#projectos-app .po-notes-authority-strip--v554 small,
#projectos-site-app .po-notes-authority-strip--v554 small {
    color: #657595;
    line-height: 1.42;
}
#projectos-app .po-note-list--keep,
#projectos-site-app .po-note-list--keep {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)) !important;
    column-count: initial !important;
    column-gap: 0 !important;
    gap: 16px !important;
    align-items: start !important;
}
#projectos-app .po-note-list--keep.is-compact,
#projectos-site-app .po-note-list--keep.is-compact {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;
}
#projectos-app .po-note-card--keep,
#projectos-site-app .po-note-card--keep {
    display: grid !important;
    width: auto !important;
    min-width: 0 !important;
    break-inside: auto !important;
    margin: 0 !important;
    gap: 10px !important;
    padding: 15px !important;
    overflow: hidden !important;
    position: relative !important;
    border-radius: 24px !important;
    border: 1px solid rgba(103,126,178,.16) !important;
    border-top: 4px solid var(--note-accent, #6D5EF8) !important;
    background: linear-gradient(165deg, rgba(255,255,255,.98), rgba(246,250,255,.92)) !important;
    box-shadow: 0 16px 34px rgba(37,56,100,.085) !important;
}
#projectos-app .po-note-card__head--keep,
#projectos-site-app .po-note-card__head--keep {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-width: 0 !important;
    margin: 0 !important;
}
#projectos-app .po-note-card__head--keep > div,
#projectos-site-app .po-note-card__head--keep > div {
    min-width: 0;
}
#projectos-app .po-note-card__head--keep strong,
#projectos-site-app .po-note-card__head--keep strong {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#projectos-app .po-note-body--keep,
#projectos-site-app .po-note-body--keep {
    display: grid !important;
    gap: 10px !important;
    margin: 2px 0 0 !important;
    color: #273956 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    min-width: 0 !important;
}
#projectos-app .po-note-text-stack,
#projectos-site-app .po-note-text-stack {
    display: grid;
    gap: 5px;
    min-width: 0;
}
#projectos-app .po-note-checklist-box,
#projectos-site-app .po-note-checklist-box {
    display: grid;
    gap: 8px;
    min-width: 0;
    border-radius: 18px;
    padding: 10px;
    background: linear-gradient(145deg, rgba(245,249,255,.90), rgba(255,255,255,.74));
    border: 1px solid rgba(103,126,178,.12);
}
#projectos-app .po-note-checklist-summary,
#projectos-site-app .po-note-checklist-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #425675;
    font-size: 11px;
    font-weight: 1000;
    letter-spacing: .04em;
    text-transform: uppercase;
}
#projectos-app .po-note-checklist-summary strong,
#projectos-site-app .po-note-checklist-summary strong {
    color: var(--note-accent, #5B7CFA);
    font-size: 11px;
}
#projectos-app .po-note-checklist-meter,
#projectos-site-app .po-note-checklist-meter {
    height: 5px;
    border-radius: 999px;
    background: rgba(224,233,247,.94);
    overflow: hidden;
}
#projectos-app .po-note-checklist-meter span,
#projectos-site-app .po-note-checklist-meter span {
    display: block;
    width: var(--note-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--note-accent, #6D5EF8), #24a7e3);
}
#projectos-app .po-note-checklist-list,
#projectos-site-app .po-note-checklist-list {
    display: grid;
    gap: 7px;
    min-width: 0;
}
#projectos-app .po-note-checklist-item,
#projectos-site-app .po-note-checklist-item {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: start;
    gap: 9px;
    min-width: 0;
    min-height: 28px;
    padding: 4px 2px;
    border-radius: 12px;
    color: #24344f;
    cursor: pointer;
    text-transform: none !important;
    letter-spacing: 0 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}
#projectos-app .po-note-checklist-item:hover,
#projectos-site-app .po-note-checklist-item:hover {
    background: rgba(255,255,255,.78);
}
#projectos-app .po-note-checklist-item input,
#projectos-site-app .po-note-checklist-item input {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
}
#projectos-app .po-note-checkmark,
#projectos-site-app .po-note-checkmark {
    display: grid !important;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 7px;
    border: 1.5px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 52%, #cbd5e1);
    background: rgba(255,255,255,.94);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 5px 12px rgba(39,61,108,.08);
}
#projectos-app .po-note-checklist-item input:checked + .po-note-checkmark,
#projectos-site-app .po-note-checklist-item input:checked + .po-note-checkmark,
#projectos-app .po-note-checklist-item.is-done .po-note-checkmark,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checkmark {
    border-color: transparent;
    background: linear-gradient(135deg, var(--note-accent, #6D5EF8), #24a7e3);
    color: #fff;
}
#projectos-app .po-note-checklist-item input:checked + .po-note-checkmark::before,
#projectos-site-app .po-note-checklist-item input:checked + .po-note-checkmark::before,
#projectos-app .po-note-checklist-item.is-done .po-note-checkmark::before,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checkmark::before {
    content: '✓';
    font-size: 13px;
    font-weight: 1000;
    line-height: 1;
}
#projectos-app .po-note-checktext,
#projectos-site-app .po-note-checktext {
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    color: #22334d !important;
    line-height: 1.42 !important;
}
#projectos-app .po-note-checklist-item.is-done .po-note-checktext,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checktext {
    color: #7a879a !important;
    text-decoration: line-through;
}
#projectos-app .po-note-keep-check,
#projectos-site-app .po-note-keep-check {
    display: grid !important;
    grid-template-columns: 22px minmax(0, 1fr) !important;
    align-items: start !important;
    min-width: 0 !important;
}
#projectos-app .po-note-keep-check span,
#projectos-site-app .po-note-keep-check span {
    display: block !important;
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    color: #22334d !important;
}
#projectos-app .po-note-fast-row,
#projectos-site-app .po-note-fast-row {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
}
#projectos-app .po-note-card__actions--keep,
#projectos-site-app .po-note-card__actions--keep {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-top: 4px !important;
    padding-top: 9px !important;
    border-top: 1px solid rgba(103,126,178,.10) !important;
}
#projectos-app .po-note-icon-action,
#projectos-site-app .po-note-icon-action {
    min-height: 28px !important;
    padding: 0 9px !important;
    font-size: 10px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    box-shadow: 0 6px 14px rgba(37,56,100,.045) !important;
}
#projectos-app .po-note-visibility-row,
#projectos-site-app .po-note-visibility-row {
    display: grid;
    gap: 5px;
    color: #50617f;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
}
#projectos-app .po-note-visibility-row select,
#projectos-site-app .po-note-visibility-row select {
    min-height: 42px;
    border: 1px solid rgba(101,127,184,.16) !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.88) !important;
    color: #1b2942 !important;
    padding: 0 12px !important;
}
#projectos-app .po-note-reminder,
#projectos-site-app .po-note-reminder,
#projectos-app .po-note-share,
#projectos-site-app .po-note-share {
    background: linear-gradient(135deg, rgba(255,247,237,.95), rgba(255,255,255,.82)) !important;
    color: #b45309 !important;
}
@media (max-width: 1040px) {
    #projectos-app .po-notes-authority-strip--v554,
    #projectos-site-app .po-notes-authority-strip--v554 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    #projectos-app .po-notes-authority-strip--v554,
    #projectos-site-app .po-notes-authority-strip--v554 { grid-template-columns: 1fr; }
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep,
    #projectos-app .po-note-list--keep.is-compact,
    #projectos-site-app .po-note-list--keep.is-compact { grid-template-columns: 1fr !important; }
}

/* ProjectOS v5.53.0 Notes Checklist Card Authority + Ultra Premium */
#projectos-app .po-note-list--keep,
#projectos-site-app .po-note-list--keep {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 14px !important;
    column-count: initial !important;
    column-gap: initial !important;
    align-items: start !important;
}
#projectos-app .po-note-list--keep.is-compact,
#projectos-site-app .po-note-list--keep.is-compact {
    grid-template-columns: 1fr !important;
}
#projectos-app .po-note-card--keep,
#projectos-site-app .po-note-card--keep {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
    break-inside: auto !important;
    margin: 0 !important;
    align-content: start !important;
    gap: 10px !important;
    overflow: hidden !important;
    border-top-width: 3px !important;
    border-left-width: 1px !important;
}
#projectos-app .po-note-card--keep .po-chip,
#projectos-site-app .po-note-card--keep .po-chip {
    max-width: 100%;
}
#projectos-app .po-note-body--keep,
#projectos-site-app .po-note-body--keep {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
    margin: 6px 0 0 !important;
}
#projectos-app .po-note-text-stack,
#projectos-site-app .po-note-text-stack {
    display: grid;
    gap: 5px;
    min-width: 0;
}
#projectos-app .po-note-checklist-box,
#projectos-site-app .po-note-checklist-box {
    display: grid;
    gap: 8px;
    min-width: 0;
    padding: 10px;
    border-radius: 18px;
    border: 1px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 18%, rgba(101,127,184,.14));
    background: linear-gradient(180deg, rgba(255,255,255,.88), rgba(241,247,255,.72));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}
#projectos-app .po-note-checklist-summary,
#projectos-site-app .po-note-checklist-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: #3a4f73;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
}
#projectos-app .po-note-checklist-summary strong,
#projectos-site-app .po-note-checklist-summary strong {
    color: var(--note-accent, #5B7CFA) !important;
    font-size: 11px !important;
    letter-spacing: .03em;
}
#projectos-app .po-note-checklist-meter,
#projectos-site-app .po-note-checklist-meter {
    width: 100%;
    height: 5px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(111,130,166,.14);
}
#projectos-app .po-note-checklist-meter span,
#projectos-site-app .po-note-checklist-meter span {
    display: block;
    width: var(--note-progress, 0%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--note-accent, #5B7CFA), #2fb8d8);
    transition: width .16s ease;
}
#projectos-app .po-note-checklist-list,
#projectos-site-app .po-note-checklist-list {
    display: grid;
    gap: 4px;
    min-width: 0;
}
#projectos-app .po-note-checklist-item,
#projectos-site-app .po-note-checklist-item {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    min-width: 0;
    min-height: 30px;
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    align-items: start;
    gap: 8px;
    padding: 5px 6px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #20324f;
    text-align: left;
    cursor: pointer;
    font: inherit;
}
#projectos-app .po-note-checklist-item:hover,
#projectos-site-app .po-note-checklist-item:hover {
    background: rgba(255,255,255,.72);
}
#projectos-app .po-note-checkmark,
#projectos-site-app .po-note-checkmark {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    border: 2px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 55%, #d9e4f6);
    background: rgba(255,255,255,.86);
    color: #fff;
    font-size: 11px;
    font-weight: 1000;
    line-height: 1;
    margin-top: 1px;
    box-shadow: 0 4px 10px rgba(52,76,128,.08);
}
#projectos-app .po-note-checkmark::after,
#projectos-site-app .po-note-checkmark::after {
    content: '';
}
#projectos-app .po-note-checklist-item.is-done .po-note-checkmark,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checkmark {
    border-color: transparent;
    background: linear-gradient(135deg, var(--note-accent, #5B7CFA), #19a7d8);
}
#projectos-app .po-note-checklist-item.is-done .po-note-checkmark::after,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checkmark::after {
    content: '✓';
}
#projectos-app .po-note-checktext,
#projectos-site-app .po-note-checktext {
    min-width: 0;
    color: #223551 !important;
    font-size: 13px;
    line-height: 1.42;
    overflow-wrap: anywhere;
    word-break: normal;
}
#projectos-app .po-note-checklist-item.is-done .po-note-checktext,
#projectos-site-app .po-note-checklist-item.is-done .po-note-checktext {
    color: #7b879b !important;
    text-decoration: line-through;
}
#projectos-app .po-note-visibility-row,
#projectos-site-app .po-note-visibility-row {
    display: grid;
    gap: 5px;
    color: #50617f;
    font-size: 10px;
    font-weight: 1000;
    letter-spacing: .08em;
    text-transform: uppercase;
}
#projectos-app .po-note-visibility-row select,
#projectos-site-app .po-note-visibility-row select {
    min-height: 40px;
    border: 1px solid rgba(101,127,184,.16) !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.90) !important;
    color: #1b2942 !important;
    padding: 0 12px !important;
}
#projectos-app .po-note-reminder,
#projectos-site-app .po-note-reminder,
#projectos-app .po-note-share,
#projectos-site-app .po-note-share {
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(237,246,255,.82)) !important;
    color: #2a557e !important;
}
#projectos-app .po-note-body-input--checklist,
#projectos-site-app .po-note-body-input--checklist {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
    background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(244,249,255,.80)) !important;
}
#projectos-app .po-note-checklist-composer-guide,
#projectos-site-app .po-note-checklist-composer-guide {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    color: #4f6382;
    font-size: 11px;
    font-weight: 850;
}
#projectos-app .po-note-card__actions--keep,
#projectos-site-app .po-note-card__actions--keep {
    gap: 5px !important;
}
#projectos-app .po-note-icon-action,
#projectos-site-app .po-note-icon-action {
    min-height: 28px !important;
    padding: 0 8px !important;
}
@media (max-width: 1280px) {
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important; }
}
@media (max-width: 760px) {
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep { grid-template-columns: 1fr !important; }
}
#projectos-app .po-notes-authority-strip--v554,
#projectos-site-app .po-notes-authority-strip--v554 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin: 0 0 16px;
}
#projectos-app .po-notes-authority-strip--v554 article,
#projectos-site-app .po-notes-authority-strip--v554 article {
    min-height: auto;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid rgba(102,127,185,.18);
    background: linear-gradient(135deg, rgba(255,255,255,.90), rgba(232,243,255,.80));
    box-shadow: 0 12px 26px rgba(42,65,112,.075);
}
#projectos-app .po-notes-authority-strip--v554 strong,
#projectos-site-app .po-notes-authority-strip--v554 strong {
    display: block;
    margin-bottom: 3px;
    color: #1f314d;
    font-size: 12px;
    font-weight: 1000;
    letter-spacing: .06em;
    text-transform: uppercase;
}
#projectos-app .po-notes-authority-strip--v554 small,
#projectos-site-app .po-notes-authority-strip--v554 small {
    color: #657595;
    line-height: 1.42;
}
@media (max-width: 1040px) {
    #projectos-app .po-notes-authority-strip--v554,
    #projectos-site-app .po-notes-authority-strip--v554 { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
    #projectos-app .po-notes-authority-strip--v554,
    #projectos-site-app .po-notes-authority-strip--v554 { grid-template-columns: 1fr; }
}

/* ProjectOS v5.54.0 Notes Checklist Studio Authority + Ultra Premium */
#projectos-app .po-note-list--keep,
#projectos-site-app .po-note-list--keep {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
    gap: 14px !important;
    column-count: initial !important;
    column-gap: initial !important;
    align-items: start !important;
}
#projectos-app .po-note-list--keep.is-compact,
#projectos-site-app .po-note-list--keep.is-compact {
    grid-template-columns: 1fr !important;
}
#projectos-app .po-note-card--keep,
#projectos-site-app .po-note-card--keep {
    display: grid !important;
    grid-template-rows: auto !important;
    align-content: start !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    overflow: hidden !important;
    break-inside: avoid !important;
    border-top-width: 3px !important;
}
#projectos-app .po-note-card__head--keep,
#projectos-site-app .po-note-card__head--keep,
#projectos-app .po-note-meta,
#projectos-site-app .po-note-meta {
    min-width: 0 !important;
}
#projectos-app .po-note-checklist-box,
#projectos-site-app .po-note-checklist-box {
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(242,248,255,.78)) !important;
    border: 1px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 18%, rgba(101,127,184,.14)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
#projectos-app .po-note-checklist-list,
#projectos-site-app .po-note-checklist-list {
    display: grid !important;
    gap: 5px !important;
    min-width: 0 !important;
}
#projectos-app button.po-note-checklist-item,
#projectos-site-app button.po-note-checklist-item {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: grid !important;
    grid-template-columns: 20px minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 9px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 30px !important;
    margin: 0 !important;
    padding: 6px 7px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: #20324f !important;
    font: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.42 !important;
    text-align: left !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}
#projectos-app button.po-note-checklist-item:hover,
#projectos-site-app button.po-note-checklist-item:hover,
#projectos-app button.po-note-checklist-item:focus-visible,
#projectos-site-app button.po-note-checklist-item:focus-visible {
    background: rgba(255,255,255,.76) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--note-accent, #5B7CFA) 24%, transparent) !important;
}
#projectos-app .po-note-checkmark,
#projectos-site-app .po-note-checkmark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    margin-top: 1px !important;
    border-radius: 999px !important;
    border: 2px solid color-mix(in srgb, var(--note-accent, #5B7CFA) 55%, #d9e4f6) !important;
    background: rgba(255,255,255,.95) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    line-height: 1 !important;
    box-shadow: 0 4px 10px rgba(52,76,128,.08) !important;
}
#projectos-app .po-note-checkmark::after,
#projectos-site-app .po-note-checkmark::after {
    content: '' !important;
}
#projectos-app button.po-note-checklist-item.is-done .po-note-checkmark,
#projectos-site-app button.po-note-checklist-item.is-done .po-note-checkmark {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--note-accent, #5B7CFA), #19a7d8) !important;
}
#projectos-app button.po-note-checklist-item.is-done .po-note-checkmark::after,
#projectos-site-app button.po-note-checklist-item.is-done .po-note-checkmark::after {
    content: '✓' !important;
}
#projectos-app .po-note-checktext,
#projectos-site-app .po-note-checktext {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    color: #223551 !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    white-space: normal !important;
    line-height: 1.42 !important;
}
#projectos-app button.po-note-checklist-item.is-done .po-note-checktext,
#projectos-site-app button.po-note-checklist-item.is-done .po-note-checktext {
    color: #7b879b !important;
    text-decoration: line-through !important;
}
#projectos-app .po-note-check-add,
#projectos-site-app .po-note-check-add {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px !important;
    min-width: 0 !important;
    padding: 8px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.68) !important;
    border: 1px dashed color-mix(in srgb, var(--note-accent, #5B7CFA) 22%, rgba(101,127,184,.16)) !important;
}
#projectos-app .po-note-check-add input,
#projectos-site-app .po-note-check-add input {
    min-width: 0 !important;
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.92) !important;
    color: #20324f !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}
#projectos-app .po-note-check-add button,
#projectos-site-app .po-note-check-add button {
    min-height: 34px !important;
    border: 0 !important;
    border-radius: 12px !important;
    padding: 0 12px !important;
    background: linear-gradient(135deg, var(--note-accent, #5B7CFA), #26a6df) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 1000 !important;
    cursor: pointer !important;
}
#projectos-app .po-note-editor-toolbar,
#projectos-site-app .po-note-editor-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}
#projectos-app .po-note-editor-toolbar button,
#projectos-site-app .po-note-editor-toolbar button {
    min-height: 30px !important;
    border: 1px solid rgba(103,126,178,.14) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.86) !important;
    color: #304763 !important;
    padding: 0 10px !important;
    font-size: 10px !important;
    font-weight: 1000 !important;
    cursor: pointer !important;
}
@media (max-width: 760px) {
    #projectos-app .po-note-list--keep,
    #projectos-site-app .po-note-list--keep,
    #projectos-app .po-note-list--keep.is-compact,
    #projectos-site-app .po-note-list--keep.is-compact {
        grid-template-columns: 1fr !important;
    }
}

/* ProjectOS v5.54.0 Notes Keep Masonry Final Guard */
#projectos-app .po-note-list--keep:not(.is-compact),
#projectos-site-app .po-note-list--keep:not(.is-compact) {
    display: block !important;
    column-count: 3 !important;
    column-gap: 14px !important;
    grid-template-columns: none !important;
    align-items: initial !important;
}
#projectos-app .po-note-list--keep:not(.is-compact) > .po-note-card--keep,
#projectos-site-app .po-note-list--keep:not(.is-compact) > .po-note-card--keep {
    display: inline-grid !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    break-inside: avoid !important;
    page-break-inside: avoid !important;
    vertical-align: top !important;
}
#projectos-app .po-note-list--keep.is-compact,
#projectos-site-app .po-note-list--keep.is-compact {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    column-count: initial !important;
}
#projectos-app .po-note-body--keep,
#projectos-site-app .po-note-body--keep,
#projectos-app .po-note-checklist-box,
#projectos-site-app .po-note-checklist-box {
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}
#projectos-app .po-note-checklist-list,
#projectos-site-app .po-note-checklist-list {
    max-height: 340px !important;
    overflow: hidden !important;
}
#projectos-app .po-note-card--keep.is-editing,
#projectos-site-app .po-note-card--keep.is-editing {
    display: grid !important;
    column-span: all;
    break-inside: avoid !important;
}
@media (max-width: 1280px) {
    #projectos-app .po-note-list--keep:not(.is-compact),
    #projectos-site-app .po-note-list--keep:not(.is-compact) { column-count: 2 !important; }
}
@media (max-width: 760px) {
    #projectos-app .po-note-list--keep:not(.is-compact),
    #projectos-site-app .po-note-list--keep:not(.is-compact) { column-count: 1 !important; }
}


/* ProjectOS v5.55.0 Notes Persistence Vault + Ultra Premium */
.po-notes-authority-strip--v555 article {
    position: relative;
    overflow: hidden;
}
.po-notes-authority-strip--v555 article::after {
    content: "";
    position: absolute;
    inset: auto 14px 10px 14px;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(91, 124, 250, .82), rgba(46, 190, 225, .72));
    opacity: .68;
}
.po-note-results-panel--keep .po-empty,
.po-note-category-panel--keep .po-empty {
    border-style: dashed;
    background: linear-gradient(135deg, rgba(255,255,255,.72), rgba(217,228,255,.46));
}
.po-note-card[data-pending-sync="1"],
.po-note-card.is-pending-sync {
    box-shadow: 0 18px 42px rgba(91, 124, 250, .18);
}

/* ProjectOS v5.57.0 Program Table & Notes Delete Bridge Authority + Ultra Premium */
.po-profile-hero--authority,
.po-program-hero--v56 {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(107, 139, 204, .24);
    background:
        radial-gradient(circle at 12% 18%, rgba(91, 124, 250, .16), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(230,240,255,.78));
    box-shadow: 0 18px 42px rgba(31, 58, 112, .10);
}
.po-profile-hero--authority::after,
.po-program-hero--v56::after {
    content: "";
    position: absolute;
    inset: auto 22px 16px 22px;
    height: 3px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(91, 124, 250, .84), rgba(41, 180, 222, .72));
    opacity: .48;
}
.po-profile-save-status,
.po-program-save-status {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;
    margin-top: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(91, 124, 250, .24);
    background: rgba(255,255,255,.78);
    color: #24406f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .02em;
    box-shadow: 0 12px 26px rgba(72, 106, 170, .12);
}
.po-profile-save-status::before,
.po-program-save-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: linear-gradient(135deg, #5b7cfa, #22b8cf);
    box-shadow: 0 0 0 5px rgba(91, 124, 250, .12);
}
.po-profile-suite--authority {
    display: grid;
    gap: 18px;
}
.po-profile-suite--authority .po-profile-suite__top,
.po-program-tabs--premium {
    padding: 10px;
    border-radius: 24px;
    background: rgba(255,255,255,.66);
    border: 1px solid rgba(123, 148, 190, .18);
    box-shadow: 0 12px 30px rgba(35, 61, 111, .08);
}
.po-profile-suite--authority .po-profile-tabs,
.po-program-tabs--premium {
    gap: 9px;
}
.po-profile-suite--authority .po-profile-tabs button,
.po-program-tabs--premium button {
    min-height: 42px;
    border-radius: 999px;
    border: 1px solid rgba(113, 138, 183, .2);
    background: rgba(255,255,255,.74);
    color: #1f355d;
    font-weight: 900;
    letter-spacing: .04em;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.po-profile-suite--authority .po-profile-tabs button:hover,
.po-program-tabs--premium button:hover {
    transform: translateY(-1px);
    box-shadow: 0 12px 22px rgba(42, 82, 148, .12);
}
.po-profile-suite--authority .po-profile-tabs button.is-active,
.po-program-tabs--premium button.is-active {
    color: #fff;
    background: linear-gradient(135deg, #5b7cfa, #18a6d6);
    border-color: transparent;
    box-shadow: 0 14px 30px rgba(56, 105, 214, .22);
}
.po-profile-editor--tabs,
.po-program-card.po-program-card--premium,
.po-program-stage--premium .po-program-card,
.po-program-stage--premium .po-program-form {
    border: 1px solid rgba(114, 142, 190, .18);
    background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(237,246,255,.72));
    box-shadow: 0 18px 45px rgba(39, 67, 118, .10);
}
.po-profile-editor--tabs .po-field input,
.po-profile-editor--tabs .po-field textarea,
.po-profile-editor--tabs .po-field select,
.po-program-stage--premium input,
.po-program-stage--premium textarea,
.po-program-stage--premium select {
    border-radius: 16px;
    border: 1px solid rgba(123, 149, 196, .28);
    background: rgba(255,255,255,.86);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
}
.po-profile-editor--tabs .po-field input:focus,
.po-profile-editor--tabs .po-field textarea:focus,
.po-profile-editor--tabs .po-field select:focus,
.po-program-stage--premium input:focus,
.po-program-stage--premium textarea:focus,
.po-program-stage--premium select:focus {
    outline: none;
    border-color: rgba(91, 124, 250, .7);
    box-shadow: 0 0 0 4px rgba(91, 124, 250, .12), inset 0 1px 0 rgba(255,255,255,.8);
}
.po-program-row.is-local-draft,
.po-program-list-item.is-local-draft,
.po-program-card[data-local-draft="1"] {
    border-color: rgba(255, 169, 77, .48) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(255,246,227,.78)) !important;
    box-shadow: 0 16px 34px rgba(203, 132, 48, .14) !important;
}
.po-program-local-warning {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    margin-top: 6px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255, 245, 224, .92);
    border: 1px solid rgba(255, 174, 84, .34);
    color: #8a5521;
    font-weight: 800;
}
.po-program-form .po-field span,
.po-profile-editor--tabs .po-field span {
    color: #304c7b;
    font-weight: 900;
    letter-spacing: .03em;
}
.po-program-form .po-drawer__actions,
.po-profile-editor--tabs .po-drawer__actions {
    position: sticky;
    bottom: 0;
    z-index: 2;
    margin: 18px -4px -4px;
    padding: 12px;
    border-radius: 20px;
    background: rgba(239,247,255,.88);
    backdrop-filter: blur(10px);
    box-shadow: 0 -10px 26px rgba(41, 70, 118, .08);
}
@media (max-width: 900px) {
    .po-profile-suite--authority .po-profile-tabs,
    .po-program-tabs--premium {
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .po-profile-suite--authority .po-profile-tabs button,
    .po-program-tabs--premium button {
        white-space: nowrap;
    }
}

/* v5.57.0 Program Table & Notes Delete Bridge Authority */
#projectos-app .po-program-hero--v57,
#projectos-site-app .po-program-hero--v57 {
    border: 1px solid rgba(91, 124, 250, .18);
    box-shadow: 0 22px 54px rgba(38, 78, 138, .10), inset 0 1px 0 rgba(255,255,255,.88);
}
#projectos-app .po-program-row,
#projectos-site-app .po-program-row {
    align-items: center;
    gap: 18px;
    border: 1px solid rgba(102, 126, 176, .14);
    box-shadow: 0 18px 38px rgba(36, 60, 104, .07);
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#projectos-app .po-program-row:hover,
#projectos-site-app .po-program-row:hover {
    transform: translateY(-1px);
    border-color: rgba(91, 124, 250, .30);
    box-shadow: 0 24px 48px rgba(36, 60, 104, .11);
}
#projectos-app .po-program-detail-card,
#projectos-site-app .po-program-detail-card {
    overflow: hidden;
}
#projectos-app .po-program-table-wrap,
#projectos-site-app .po-program-table-wrap {
    border-radius: 22px;
    border: 1px solid rgba(105, 132, 183, .16);
    background: rgba(255,255,255,.76);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 16px 34px rgba(34, 68, 120, .06);
}
#projectos-app .po-program-table th,
#projectos-site-app .po-program-table th {
    background: linear-gradient(180deg, rgba(242,247,255,.98), rgba(232,241,255,.94));
    color: #244267;
    font-weight: 1000;
    letter-spacing: .055em;
}
#projectos-app .po-note-card.is-delete-pending,
#projectos-site-app .po-note-card.is-delete-pending {
    opacity: .68;
    transform: scale(.99);
    pointer-events: none;
}
#projectos-app .po-note-icon-action.is-danger,
#projectos-site-app .po-note-icon-action.is-danger {
    min-width: 42px;
    border-color: rgba(244,63,94,.22) !important;
    box-shadow: 0 8px 16px rgba(190,18,60,.07);
}
#projectos-app .po-note-icon-action.is-danger:hover,
#projectos-site-app .po-note-icon-action.is-danger:hover {
    background: linear-gradient(135deg, rgba(255,241,242,.98), rgba(255,255,255,.9));
    border-color: rgba(244,63,94,.38) !important;
    color: #9f1239;
}

/* v5.59.0 Admin Broadcast Bridge Authority + Ultra Premium */
.po-messages-hero {
    overflow: hidden;
}
.po-message-authority-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 16px 0;
}
.po-message-authority-strip article {
    padding: 16px 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(255,255,255,.82), rgba(210,228,255,.72));
    border: 1px solid rgba(120,154,210,.18);
    box-shadow: 0 18px 36px rgba(33,70,115,.08);
}
.po-message-authority-strip strong,
.po-message-authority-strip small {
    display: block;
}
.po-message-authority-strip strong {
    color: var(--po-ink, #1d2c48);
    font-weight: 900;
    letter-spacing: -.01em;
}
.po-message-authority-strip small {
    margin-top: 6px;
    color: var(--po-muted, #5f708b);
    font-weight: 700;
}
.po-messages-premium {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 18px;
    align-items: start;
}
.po-message-composer,
.po-message-side,
.po-message-log {
    box-shadow: 0 20px 48px rgba(30,67,114,.10);
}
.po-field-title {
    display: block;
    margin: 8px 0 10px;
    color: var(--po-ink, #1d2c48);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .09em;
    text-transform: uppercase;
}
.po-message-platform-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 12px;
}
.po-message-platform {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 18px;
    border: 1px solid rgba(117,151,208,.22);
    background: rgba(255,255,255,.72);
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.po-message-platform:hover,
.po-message-platform.is-selected {
    transform: translateY(-1px);
    border-color: rgba(36,143,219,.42);
    background: linear-gradient(135deg, rgba(236,245,255,.96), rgba(221,237,255,.86));
    box-shadow: 0 12px 26px rgba(31,97,166,.13);
}
.po-message-platform input {
    width: 18px;
    height: 18px;
    accent-color: #2b8fe8;
}
.po-message-platform span,
.po-message-platform strong,
.po-message-platform small {
    display: block;
}
.po-message-platform strong {
    font-size: 13px;
    color: var(--po-ink, #1d2c48);
    font-weight: 950;
}
.po-message-platform small {
    margin-top: 2px;
    color: var(--po-muted, #5f708b);
    font-size: 11px;
    font-weight: 700;
}
.po-template-row {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin: 8px 0 12px;
}
.po-message-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 14px;
}
.po-message-card,
.po-message-announcement {
    padding: 16px;
    border-radius: 22px;
    background: rgba(255,255,255,.86);
    border: 1px solid rgba(112,148,205,.20);
    box-shadow: 0 14px 32px rgba(31,68,116,.08);
}
.po-message-card__top {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 10px;
}
.po-message-card__top strong,
.po-message-announcement strong {
    display: block;
    color: var(--po-ink, #1d2c48);
    font-weight: 950;
    letter-spacing: -.01em;
}
.po-message-card__top small,
.po-message-announcement small {
    display: block;
    margin-top: 4px;
    color: var(--po-muted, #5f708b);
    font-size: 11px;
    font-weight: 700;
}
.po-message-card p,
.po-message-announcement p {
    color: var(--po-text, #2d3c56);
    font-weight: 650;
    line-height: 1.58;
}
.po-message-channel-row {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 12px;
}
.po-message-channel-chip,
.po-message-pending {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(226,236,255,.92);
    color: #294367;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}
.po-message-channel-chip--success {
    background: rgba(215,247,231,.94);
    color: #12653d;
}
.po-message-channel-chip--warning,
.po-message-pending {
    background: rgba(255,239,190,.94);
    color: #7d520d;
}
.po-message-side {
    display: grid;
    gap: 10px;
}
.po-message-announcement.is-read {
    opacity: .72;
}
.po-empty--compact {
    padding: 18px;
    min-height: auto;
    border-radius: 20px;
}
@media (max-width: 960px) {
    .po-message-authority-strip,
    .po-messages-premium {
        grid-template-columns: 1fr;
    }
    .po-message-platform-grid {
        grid-template-columns: 1fr;
    }
}

/* v5.59.0 Admin Broadcast Bridge Authority + Ultra Premium */
.po-messages-hero::after {
    content: '';
    position: absolute;
    inset: auto 28px 24px auto;
    width: 160px;
    height: 160px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(86,160,240,.18), rgba(86,160,240,0) 68%);
    pointer-events: none;
}
.po-message-card--broadcast,
.po-message-announcement--broadcast {
    position: relative;
    border-color: rgba(59,130,246,.34);
    background: linear-gradient(135deg, rgba(255,255,255,.96), rgba(229,241,255,.92));
    box-shadow: 0 18px 42px rgba(37,99,235,.13);
}
.po-message-card--broadcast::before,
.po-message-announcement--broadcast::before {
    content: 'Duyuru';
    display: inline-flex;
    align-items: center;
    width: max-content;
    min-height: 24px;
    padding: 5px 10px;
    margin-bottom: 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(14,165,233,.14));
    color: #1e4d96;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.po-message-card--broadcast .po-badge {
    background: linear-gradient(135deg, #3b82f6, #0ea5e9);
    color: #fff;
    border: 0;
    box-shadow: 0 12px 24px rgba(37,99,235,.22);
}
.po-message-platform.is-selected input,
.projectos-channel-card.is-selected input {
    filter: drop-shadow(0 4px 10px rgba(37,99,235,.18));
}
.projectos-channel-fieldset--v559 .projectos-channel-card.is-required {
    border-color: rgba(37,99,235,.42);
    background: linear-gradient(135deg, rgba(239,246,255,.98), rgba(224,242,254,.9));
}
.projectos-channel-fieldset--v559 .projectos-channel-card.is-required small::after {
    content: ' · otomatik korunur';
    color: #1e60a8;
    font-weight: 900;
}

/* v5.60.0 Admin Broadcast Inbox Authority + Ultra Premium */
.po-message-platform-suite {
    margin: 10px 0 14px;
    padding: 12px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(255,255,255,.86), rgba(230,241,255,.72));
    border: 1px solid rgba(104,144,204,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 18px 36px rgba(27,63,112,.08);
}
.po-message-platform-suite__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
}
.po-message-platform-suite__head strong,
.po-message-platform-suite__head small,
.po-message-platform-suite__head .po-kicker {
    display: block;
}
.po-message-platform-suite__head strong {
    color: var(--po-ink, #1d2c48);
    font-weight: 950;
}
.po-message-platform-suite__head small {
    color: var(--po-muted, #5f708b);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
}
.po-message-platform-grid--v560 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 0;
}
.po-message-platform--v560 {
    position: relative;
    min-height: 68px;
    gap: 8px;
    padding: 10px 12px;
    border-radius: 20px;
    background: rgba(255,255,255,.82);
    overflow: hidden;
}
.po-message-platform--v560 input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.po-message-platform__icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(96,165,250,.18), rgba(14,165,233,.12));
    color: #1e4d96;
    font-size: 10px;
    font-weight: 950;
    letter-spacing: .02em;
}
.po-message-platform__text {
    min-width: 0;
    flex: 1 1 auto;
}
.po-message-platform__text strong {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po-message-platform__text small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.po-message-platform__check {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 22px;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    background: rgba(226,235,247,.78);
    color: transparent;
    font-size: 12px;
    font-weight: 950;
}
.po-message-platform--v560.is-selected {
    border-color: rgba(37,99,235,.48);
    background: linear-gradient(135deg, rgba(239,246,255,.98), rgba(222,241,255,.94));
    box-shadow: 0 14px 28px rgba(37,99,235,.14);
}
.po-message-platform--v560.is-selected .po-message-platform__check {
    background: linear-gradient(135deg, #2f6df5, #0ea5e9);
    color: #fff;
    box-shadow: 0 10px 20px rgba(37,99,235,.22);
}
.po-message-platform--v560.is-selected .po-message-platform__icon {
    background: linear-gradient(135deg, #e0ecff, #c7f1ff);
    color: #183a75;
}
.po-messages-hero .po-view-head__main p {
    max-width: 760px;
}
.po-message-authority-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.po-message-list {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}
.po-message-card {
    min-height: 190px;
}
.po-message-card p,
.po-message-announcement p {
    color: #31425f;
    line-height: 1.55;
}
.po-module-health-grid--v560 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin: 16px 0;
}
.po-module-health-grid--v560 article {
    min-height: 150px;
    padding: 18px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(235,246,255,.82));
    border: 1px solid rgba(112,148,205,.22);
    box-shadow: 0 18px 42px rgba(30,67,114,.09);
}
.po-module-health-grid--v560 span,
.po-module-health-grid--v560 strong,
.po-module-health-grid--v560 small,
.po-module-health-grid--v560 button {
    display: block;
}
.po-module-health-grid--v560 span {
    color: var(--po-muted, #5f708b);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.po-module-health-grid--v560 strong {
    margin: 8px 0 4px;
    color: var(--po-ink, #1d2c48);
    font-size: 30px;
    font-weight: 950;
    letter-spacing: -.04em;
}
.po-module-health-grid--v560 small {
    color: var(--po-muted, #5f708b);
    font-weight: 700;
    min-height: 36px;
}
.po-module-health-grid--v560 button {
    margin-top: 14px;
    border: 0;
    border-radius: 999px;
    padding: 8px 12px;
    background: rgba(60,120,198,.14);
    color: #1f4f94;
    font-weight: 950;
    cursor: pointer;
}
.po-module-score-card {
    background: radial-gradient(circle at top right, rgba(37,99,235,.18), transparent 38%), linear-gradient(135deg, rgba(255,255,255,.95), rgba(224,242,254,.9)) !important;
}
.po-module-flow-panel {
    margin-top: 12px;
}
.po-module-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}
.po-module-flow article {
    padding: 14px;
    border-radius: 20px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(112,148,205,.18);
}
.po-module-flow strong,
.po-module-flow small {
    display: block;
}
.po-module-flow strong {
    color: var(--po-ink, #1d2c48);
    font-weight: 950;
}
.po-module-flow small {
    margin-top: 6px;
    color: var(--po-muted, #5f708b);
    font-weight: 700;
}
@media (max-width: 1120px) {
    .po-message-platform-grid--v560,
    .po-module-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .po-module-health-grid--v560 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 720px) {
    .po-message-platform-grid--v560,
    .po-message-authority-strip,
    .po-module-health-grid--v560,
    .po-module-flow {
        grid-template-columns: 1fr;
    }
    .po-message-platform-suite__head {
        align-items: flex-start;
        flex-direction: column;
    }
    .po-message-platform-suite__head small {
        text-align: left;
    }
}

/* ProjectOS v5.62.0 Task Delete Authority + Premium Guidance Foundation */
.po-app input[type="checkbox"].po-native-checkbox--tick-source,
.po-auth input[type="checkbox"].po-native-checkbox--tick-source {
    position: absolute !important;
    inline-size: 1px !important;
    block-size: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
    margin: 0 !important;
    overflow: hidden !important;
}
.po-blue-tick-toggle {
    display: inline-grid;
    place-items: center;
    flex: 0 0 auto;
    inline-size: 26px;
    block-size: 26px;
    border-radius: 999px;
    border: 1px solid rgba(78, 116, 245, .28);
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(225,236,255,.92));
    color: transparent;
    font-size: 15px;
    font-weight: 1000;
    line-height: 1;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(58, 91, 168, .13);
    transition: transform .14s ease, box-shadow .14s ease, background .14s ease, border-color .14s ease, color .14s ease;
    user-select: none;
}
.po-blue-tick-toggle:hover,
.po-blue-tick-toggle:focus-visible {
    transform: translateY(-1px) scale(1.03);
    outline: none;
    border-color: rgba(56, 116, 255, .62);
    box-shadow: 0 0 0 5px rgba(53, 118, 255, .12), 0 16px 34px rgba(45, 92, 185, .22);
}
.po-blue-tick-toggle.is-on,
.po-tick-only-card.is-selected > .po-blue-tick-toggle,
.po-tick-only-card.is-active > .po-blue-tick-toggle {
    color: #fff;
    border-color: rgba(40, 120, 255, .82);
    background: radial-gradient(circle at 35% 25%, rgba(255,255,255,.28), transparent 34%), linear-gradient(135deg, #4f63ff 0%, #13a8ef 100%);
    box-shadow: 0 0 0 5px rgba(50, 121, 255, .13), 0 18px 38px rgba(39, 97, 201, .28);
}
.po-blue-tick-toggle.is-disabled {
    opacity: .55;
    cursor: not-allowed;
}
.po-tick-only-card {
    cursor: default !important;
}
.po-checkline,
.po-checkbox,
.po-launch-acks label,
.po-message-platform,
.po-task-checklist-row label {
    gap: 10px;
    align-items: center;
}
.po-checkline .po-blue-tick-toggle,
.po-checkbox .po-blue-tick-toggle,
.po-task-checklist-row .po-blue-tick-toggle {
    inline-size: 24px;
    block-size: 24px;
}
.po-message-platform.po-tick-only-card {
    position: relative;
    cursor: default !important;
}
.po-message-platform .po-message-platform__check.po-blue-tick-toggle {
    inline-size: 30px;
    block-size: 30px;
    margin-inline-start: auto;
    color: transparent;
}
.po-message-platform.is-selected .po-message-platform__check.po-blue-tick-toggle,
.po-message-platform .po-message-platform__check.po-blue-tick-toggle.is-on {
    color: #fff;
}
.po-guidance-rail {
    display: grid;
    grid-template-columns: minmax(240px, 1.2fr) minmax(180px, .85fr) minmax(180px, .85fr) auto;
    gap: 14px;
    align-items: stretch;
    margin: 18px 0 22px;
    padding: 12px;
    border: 1px solid rgba(94, 132, 223, .18);
    border-radius: 28px;
    background: radial-gradient(circle at 5% 0, rgba(90, 116, 255, .14), transparent 34%), linear-gradient(135deg, rgba(255,255,255,.80), rgba(226,238,255,.72));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 18px 46px rgba(64, 89, 146, .12);
}
.po-guidance-rail__lead,
.po-guidance-step {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 22px;
    border: 1px solid rgba(100, 133, 203, .14);
    background: rgba(255,255,255,.64);
}
.po-guidance-rail strong,
.po-guidance-rail small {
    display: block;
    min-width: 0;
}
.po-guidance-rail strong {
    color: #172744;
    font-weight: 1000;
    letter-spacing: -.01em;
}
.po-guidance-rail small {
    color: #5e6e86;
    line-height: 1.35;
}
.po-guidance-orb,
.po-guidance-step > span,
.po-guidance-pill > span {
    display: inline-grid;
    place-items: center;
    inline-size: 30px;
    block-size: 30px;
    border-radius: 999px;
    color: #fff;
    font-weight: 1000;
    background: linear-gradient(135deg, #4f63ff, #18acee);
    box-shadow: 0 12px 28px rgba(44, 105, 214, .26);
}
.po-guidance-close,
.po-guidance-pill {
    border: 0;
    cursor: pointer;
    border-radius: 999px;
    color: #183050;
    font-weight: 1000;
    background: rgba(255,255,255,.78);
    box-shadow: 0 12px 28px rgba(47, 83, 144, .12);
}
.po-guidance-close {
    inline-size: 36px;
    block-size: 36px;
    align-self: center;
}
.po-guidance-rail--collapsed {
    grid-template-columns: auto 1fr;
    align-items: center;
    padding: 10px 14px;
}
.po-guidance-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 8px 8px;
}
@media (max-width: 980px) {
    .po-guidance-rail { grid-template-columns: 1fr; }
    .po-guidance-close { justify-self: end; }
}

/* ProjectOS v5.62.0 Task Delete Authority + Ultra Premium interaction polish */
#projectos-app .po-btn--danger,
#projectos-site-app .po-btn--danger,
.po-btn--danger {
    border-color: rgba(225, 29, 72, .28);
    background: linear-gradient(135deg, rgba(255, 241, 242, .96), rgba(255, 255, 255, .86));
    color: #be123c;
    box-shadow: 0 14px 34px rgba(225, 29, 72, .13);
}

#projectos-app .po-btn--danger:hover,
#projectos-site-app .po-btn--danger:hover,
.po-btn--danger:hover {
    transform: translateY(-1px);
    border-color: rgba(225, 29, 72, .46);
    background: linear-gradient(135deg, rgba(255, 228, 230, .98), rgba(255, 241, 242, .92));
    box-shadow: 0 18px 42px rgba(225, 29, 72, .2);
}

#projectos-app .po-task-delete-authority,
#projectos-site-app .po-task-delete-authority {
    position: relative;
    overflow: hidden;
}

#projectos-app .po-task-delete-authority::before,
#projectos-site-app .po-task-delete-authority::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top left, rgba(255, 255, 255, .72), transparent 42%);
    pointer-events: none;
}

[data-ui-theme="midnight"] #projectos-app .po-btn--danger,
[data-ui-theme="midnight"] #projectos-site-app .po-btn--danger,
#projectos-app[data-ui-theme="midnight"] .po-btn--danger,
#projectos-site-app[data-ui-theme="midnight"] .po-btn--danger {
    border-color: rgba(251, 113, 133, .38);
    background: linear-gradient(135deg, rgba(127, 29, 29, .54), rgba(76, 5, 25, .38));
    color: #fecdd3;
    box-shadow: 0 18px 46px rgba(127, 29, 29, .3);
}

/* ===== ProjectOS v5.63.0 Resilient Write Bridge + Ultra Premium Structure Drawer ===== */
#projectos-app .po-drawer[data-structure-drawer="category-create"],
#projectos-site-app .po-drawer[data-structure-drawer="category-create"],
#projectos-app .po-drawer[data-structure-drawer="workspace-create"],
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] {
    width: min(560px, calc(100vw - 32px)) !important;
    max-width: 560px !important;
    overflow-x: visible !important;
    border: 1px solid rgba(93, 127, 189, .20) !important;
    box-shadow: 0 28px 90px rgba(23, 43, 82, .18), inset 0 1px 0 rgba(255,255,255,.70) !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-form__grid,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-form__grid,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] .po-form__grid,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] .po-form__grid {
    grid-template-columns: 1fr !important;
    overflow: visible !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-field,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-field,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] .po-field,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] .po-field {
    min-width: 0 !important;
    overflow: visible !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] select {
    min-height: 54px !important;
    height: auto !important;
    white-space: normal !important;
    text-overflow: clip !important;
    padding-right: 44px !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] option,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] option,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] option,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] option {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    color: #18263b !important;
    background: #f8fbff !important;
}
#projectos-app .po-premium-disclosure,
#projectos-site-app .po-premium-disclosure {
    overflow: visible !important;
}

/* ===== ProjectOS v6.0.1 Real Write Hotfix Ultra Premium Drawer + Write Authority ===== */
#projectos-app .po-drawer[data-structure-drawer="category-create"],
#projectos-site-app .po-drawer[data-structure-drawer="category-create"],
#projectos-app .po-drawer[data-structure-drawer="workspace-create"],
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] {
    width: min(980px, calc(100vw - 40px)) !important;
    max-width: min(980px, calc(100vw - 40px)) !important;
    overflow-x: visible !important;
    background:
        radial-gradient(circle at 10% 0%, rgba(83, 121, 255, .16), transparent 34%),
        radial-gradient(circle at 96% 14%, rgba(44, 183, 255, .16), transparent 30%),
        linear-gradient(145deg, rgba(246, 249, 255, .98), rgba(226, 236, 251, .94)) !important;
    border: 1px solid rgba(113, 137, 196, .24) !important;
    box-shadow: 0 38px 96px rgba(25, 42, 78, .20), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#projectos-app .po-drawer-field-stack,
#projectos-app .po-drawer-field-stack--category,
#projectos-site-app .po-drawer-field-stack--category,
#projectos-site-app .po-drawer-field-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
    min-width: 0 !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-form__grid,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-form__grid,
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-form,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-form {
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-field,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-field,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] .po-field,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] .po-field {
    width: 100% !important;
    min-width: 0 !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] select {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 56px !important;
    padding: 14px 46px 14px 16px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] option,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] option,
#projectos-app .po-drawer[data-structure-drawer="workspace-create"] option,
#projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] option {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}
#projectos-app .po-task-delete-authority,
#projectos-site-app .po-task-delete-authority {
    border-color: rgba(220, 54, 95, .28) !important;
    background: linear-gradient(145deg, rgba(255, 244, 247, .98), rgba(255, 226, 234, .92)) !important;
    color: #a7193d !important;
    box-shadow: 0 14px 30px rgba(196, 44, 82, .12), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
#projectos-app .po-task-row.is-saving,
#projectos-site-app .po-task-row.is-saving {
    outline: 2px solid rgba(77, 132, 255, .24) !important;
    outline-offset: 2px !important;
}
@media (max-width: 820px) {
    #projectos-app .po-drawer[data-structure-drawer="category-create"],
    #projectos-site-app .po-drawer[data-structure-drawer="category-create"],
    #projectos-app .po-drawer[data-structure-drawer="workspace-create"],
    #projectos-site-app .po-drawer[data-structure-drawer="workspace-create"] {
        inset: 8px !important;
        width: auto !important;
        max-width: none !important;
    }
}


/* ===== ProjectOS v6.0.1 Real Write Hotfix + Drawer Readability Lock ===== */
#projectos-app .po-drawer[data-structure-drawer="category-create"],
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] {
    inset: 18px 18px 18px auto !important;
    width: min(760px, calc(100vw - 36px)) !important;
    max-width: min(760px, calc(100vw - 36px)) !important;
    padding: 26px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-form,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-form,
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-drawer-field-stack,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-drawer-field-stack {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    gap: 18px !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-field,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-field {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-app .po-drawer[data-structure-drawer="category-create"] input,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] input,
#projectos-app .po-drawer[data-structure-drawer="category-create"] textarea,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] textarea {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: 16px !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] select,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] select {
    min-height: 58px !important;
    padding: 14px 48px 14px 16px !important;
    line-height: 1.4 !important;
}
#projectos-app .po-drawer[data-structure-drawer="category-create"] .po-drawer__actions,
#projectos-site-app .po-drawer[data-structure-drawer="category-create"] .po-drawer__actions {
    position: sticky !important;
    bottom: 0 !important;
    z-index: 2 !important;
    padding-top: 16px !important;
    background: linear-gradient(180deg, rgba(246,249,255,0), rgba(246,249,255,.98) 36%) !important;
}
@media (max-width: 820px) {
    #projectos-app .po-drawer[data-structure-drawer="category-create"],
    #projectos-site-app .po-drawer[data-structure-drawer="category-create"] {
        inset: 8px !important;
        width: auto !important;
        max-width: none !important;
        border-radius: 24px !important;
    }
}

/* ProjectOS v6.0.4 Stability Lock: projectos-category-select-readable marker keeps category drawer select readability covered by the CRUD regression lock. */

/* ProjectOS v6.0.5 Task Card UX Premium: data-projectos-task-card-ux marker adds ClickUp/Asana-style task card polish without changing CRUD/write bridges. */
.po-task-row[data-projectos-task-card-ux="6.0.5"] {
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(99, 91, 255, .10);
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--row-accent, var(--projectos-accent)) 14%, transparent), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(248,251,255,.94) 100%);
}

.po-task-row[data-projectos-task-card-ux="6.0.5"]::before {
    top: 14px;
    bottom: 14px;
    box-shadow: 0 0 22px color-mix(in srgb, var(--row-accent, var(--projectos-accent)) 42%, transparent);
}

.po-task-row[data-projectos-task-card-ux="6.0.5"]:hover {
    border-color: color-mix(in srgb, var(--row-accent, var(--projectos-accent)) 28%, rgba(16,24,40,.08));
}

.po-task-row[data-projectos-task-card-ux="6.0.5"] .po-task-row__lead {
    min-width: 52px;
}

.po-task-row__progress-ring {
    --task-progress: 0;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(255,255,255,.98) 0 56%, transparent 58%),
        conic-gradient(var(--row-accent, var(--projectos-accent)) calc(var(--task-progress) * 1%), rgba(99,91,255,.12) 0);
    box-shadow: 0 12px 24px rgba(16,24,40,.08), inset 0 1px 0 rgba(255,255,255,.90);
    color: var(--po-heading);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: -.02em;
}

.po-task-row__progress-ring span {
    display: inline-grid;
    place-items: center;
    min-width: 26px;
    min-height: 26px;
    border-radius: 999px;
}

.po-task-row__insight {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: var(--po-muted);
    font-size: 12px;
    font-weight: 800;
}

.po-task-row__insight > span:not(.po-task-row__health) {
    min-height: 24px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 999px;
    background: rgba(16,24,40,.04);
    border: 1px solid rgba(16,24,40,.045);
}

.po-task-row__health {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border-radius: 999px;
    color: var(--po-heading);
    background: rgba(99,91,255,.08);
    border: 1px solid rgba(99,91,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72);
}

.po-task-row__health i {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 12%, transparent);
}

.po-task-row__health--active { color: #4f46e5; background: rgba(99,91,255,.08); border-color: rgba(99,91,255,.12); }
.po-task-row__health--saving,
.po-task-row__health--loading { color: #2563eb; background: rgba(37,99,235,.08); border-color: rgba(37,99,235,.12); }
.po-task-row__health--pending { color: #b54708; background: rgba(247,144,9,.10); border-color: rgba(247,144,9,.16); }
.po-task-row__health--danger { color: #b42318; background: rgba(240,68,56,.10); border-color: rgba(240,68,56,.16); }
.po-task-row__health--done { color: #067647; background: rgba(18,183,106,.10); border-color: rgba(18,183,106,.16); }
.po-task-row__health--neutral { color: #475467; background: rgba(16,24,40,.045); border-color: rgba(16,24,40,.06); }

.po-task-row.is-saving::after,
.po-task-row.is-pending-sync::after {
    content: '';
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 0;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: linear-gradient(90deg, transparent, var(--row-accent, var(--projectos-accent)), transparent);
    animation: poTaskCardSavingSweep 1.35s ease-in-out infinite;
    z-index: 2;
}

@keyframes poTaskCardSavingSweep {
    0% { transform: translateX(-36%); opacity: .35; }
    50% { opacity: 1; }
    100% { transform: translateX(36%); opacity: .35; }
}

.po-task-row[data-card-state="danger"] {
    border-color: rgba(240,68,56,.18);
    background:
        radial-gradient(circle at 0% 0%, rgba(240,68,56,.10), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,250,250,.94) 100%);
}

.po-task-row[data-card-state="done"] .po-task-row__progress-ring {
    background:
        radial-gradient(circle, rgba(255,255,255,.98) 0 56%, transparent 58%),
        conic-gradient(#12b76a 100%, rgba(18,183,106,.12) 0);
}

#projectos-site-app[data-ui-theme="midnight"] .po-task-row[data-projectos-task-card-ux="6.0.5"],
#projectos-app[data-ui-theme="midnight"] .po-task-row[data-projectos-task-card-ux="6.0.5"] {
    background:
        radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--row-accent, var(--projectos-accent)) 20%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(15,23,42,.96) 0%, rgba(9,17,31,.92) 100%);
    border-color: rgba(255,255,255,.09);
}

#projectos-site-app[data-ui-theme="midnight"] .po-task-row__progress-ring,
#projectos-app[data-ui-theme="midnight"] .po-task-row__progress-ring {
    background:
        radial-gradient(circle, rgba(15,23,42,.98) 0 56%, transparent 58%),
        conic-gradient(var(--row-accent, var(--projectos-accent)) calc(var(--task-progress) * 1%), rgba(255,255,255,.10) 0);
    color: rgba(255,255,255,.92);
}

#projectos-site-app[data-ui-theme="midnight"] .po-task-row__insight > span:not(.po-task-row__health),
#projectos-app[data-ui-theme="midnight"] .po-task-row__insight > span:not(.po-task-row__health) {
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.08);
}

@media (max-width: 980px) {
    .po-task-row[data-projectos-task-card-ux="6.0.5"] {
        grid-template-columns: auto minmax(0, 1fr);
    }
    .po-task-row[data-projectos-task-card-ux="6.0.5"] .po-task-row__side {
        grid-column: 1 / -1;
        min-width: 0;
        width: 100%;
        justify-items: stretch;
    }
    .po-task-row[data-projectos-task-card-ux="6.0.5"] .po-state-switch {
        min-width: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .po-task-row.is-saving::after,
    .po-task-row.is-pending-sync::after {
        animation: none;
    }
}


/* ProjectOS v6.0.6 Category Panel Polish: non-invasive category/subcategory drawer readability layer. */
#projectos-app .po-drawer[data-category-panel-polish="6.0.6"],
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] {
    width: min(820px, calc(100vw - 36px)) !important;
    max-width: min(820px, calc(100vw - 36px)) !important;
    padding: 28px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border-radius: 30px !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__head,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__head {
    align-items: flex-start !important;
    gap: 16px !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid rgba(99, 91, 255, .12) !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-form,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-form,
#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer-field-stack--category,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer-field-stack--category {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
    min-width: 0 !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-field,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    min-width: 0 !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] select,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] select,
#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] input,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] input,
#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] textarea,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    font-size: 16px !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] select,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] select {
    min-height: 60px !important;
    padding: 15px 52px 15px 16px !important;
    line-height: 1.42 !important;
    white-space: normal !important;
    text-overflow: clip !important;
}

#projectos-app .po-select-preview,
#projectos-site-app .po-select-preview {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 3px !important;
    margin-top: 2px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(99, 91, 255, .14) !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.86), rgba(243,247,255,.76)) !important;
    color: #344054 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

#projectos-app .po-select-preview strong,
#projectos-site-app .po-select-preview strong {
    display: block !important;
    color: #101828 !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
}

#projectos-app .po-select-preview span,
#projectos-site-app .po-select-preview span {
    color: #667085 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

#projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__actions,
#projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__actions {
    position: sticky !important;
    bottom: -2px !important;
    z-index: 3 !important;
    margin: 4px -4px -6px !important;
    padding: 18px 4px 6px !important;
    background: linear-gradient(180deg, rgba(246,249,255,0), rgba(246,249,255,.98) 34%, rgba(246,249,255,1)) !important;
    backdrop-filter: blur(10px) !important;
}

@media (max-width: 820px) {
    #projectos-app .po-drawer[data-category-panel-polish="6.0.6"],
    #projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] {
        inset: 8px !important;
        width: auto !important;
        max-width: none !important;
        padding: 18px !important;
        border-radius: 24px !important;
    }
    #projectos-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__actions,
    #projectos-site-app .po-drawer[data-category-panel-polish="6.0.6"] .po-drawer__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }
}

/* ProjectOS v6.0.7 Quick Task Add Quality: non-invasive quick create UX, no disappearing rows, no CRUD endpoint changes. */
#projectos-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"],
#projectos-site-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(99,91,255,.14);
    background:
        radial-gradient(circle at 0% 0%, rgba(99,91,255,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.94));
}

#projectos-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] .po-inline-create,
#projectos-site-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] .po-inline-create {
    align-items: end;
    gap: 12px;
}

#projectos-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] [data-quick-task-title="1"],
#projectos-site-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] [data-quick-task-title="1"] {
    min-height: 46px;
    font-weight: 750;
    letter-spacing: -.01em;
}

#projectos-app .po-quick-task-status,
#projectos-site-app .po-quick-task-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 10px 12px;
    border-radius: 16px;
    border: 1px solid rgba(16,24,40,.07);
    background: rgba(255,255,255,.74);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
    color: var(--po-muted);
}

#projectos-app .po-quick-task-status span,
#projectos-site-app .po-quick-task-status span {
    color: var(--po-heading);
    font-weight: 800;
}

#projectos-app .po-quick-task-status small,
#projectos-site-app .po-quick-task-status small {
    color: var(--po-muted);
    font-weight: 650;
    text-align: right;
}

#projectos-app .po-quick-task-status--saving,
#projectos-site-app .po-quick-task-status--saving {
    color: #2563eb;
    border-color: rgba(37,99,235,.15);
    background: linear-gradient(90deg, rgba(37,99,235,.10), rgba(255,255,255,.80));
}

#projectos-app .po-quick-task-status--success,
#projectos-site-app .po-quick-task-status--success {
    color: #067647;
    border-color: rgba(18,183,106,.18);
    background: linear-gradient(90deg, rgba(18,183,106,.10), rgba(255,255,255,.80));
}

#projectos-app .po-quick-task-status--warning,
#projectos-site-app .po-quick-task-status--warning,
#projectos-app .po-quick-task-status--pending,
#projectos-site-app .po-quick-task-status--pending {
    color: #b54708;
    border-color: rgba(247,144,9,.20);
    background: linear-gradient(90deg, rgba(247,144,9,.12), rgba(255,255,255,.80));
}

#projectos-app .po-quick-task-status--saving::before,
#projectos-site-app .po-quick-task-status--saving::before {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 5px color-mix(in srgb, currentColor 13%, transparent);
    animation: poQuickTaskPulse 1.1s ease-in-out infinite;
}

@keyframes poQuickTaskPulse {
    0%, 100% { transform: scale(.92); opacity: .55; }
    50% { transform: scale(1.12); opacity: 1; }
}

@media (max-width: 980px) {
    #projectos-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] .po-inline-create,
    #projectos-site-app .po-quick-panel[data-projectos-quick-add-quality="6.0.7"] .po-inline-create,
    #projectos-app .po-quick-task-status,
    #projectos-site-app .po-quick-task-status {
        grid-template-columns: minmax(0, 1fr);
        flex-direction: column;
        align-items: stretch;
    }
    #projectos-app .po-quick-task-status small,
    #projectos-site-app .po-quick-task-status small {
        text-align: left;
    }
}

/* ProjectOS v6.0.9 Premium Visual Cleanup: CSS-only visual polish; preserves CRUD/write bridges and v6.0.4-v6.0.8 stability locks. */
#projectos-app,
#projectos-site-app {
    --po-visual-cleanup-version: "6.0.9";
    --po-focus-ring: 0 0 0 4px rgba(99, 91, 255, .16);
    --po-focus-border: rgba(99, 91, 255, .44);
    --po-card-hover-lift: translateY(-1px);
}

#projectos-app .po-card,
#projectos-site-app .po-card,
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-board-card,
#projectos-site-app .po-board-card,
#projectos-app .po-drawer-section,
#projectos-site-app .po-drawer-section,
#projectos-app .po-agency-card,
#projectos-site-app .po-agency-card,
#projectos-app .po-empty,
#projectos-site-app .po-empty {
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease, background .18s ease;
}

#projectos-app .po-task-row:hover,
#projectos-site-app .po-task-row:hover,
#projectos-app .po-board-card:hover,
#projectos-site-app .po-board-card:hover,
#projectos-app .po-agency-card:hover,
#projectos-site-app .po-agency-card:hover {
    transform: var(--po-card-hover-lift);
    box-shadow: 0 18px 42px rgba(16, 24, 40, .10);
}

#projectos-app :is(button, .po-btn, input, select, textarea, [role="button"], a):focus-visible,
#projectos-site-app :is(button, .po-btn, input, select, textarea, [role="button"], a):focus-visible {
    outline: none !important;
    box-shadow: var(--po-focus-ring) !important;
    border-color: var(--po-focus-border) !important;
}

#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app button.po-icon-btn,
#projectos-site-app button.po-icon-btn {
    min-height: 38px;
    touch-action: manipulation;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;
}

#projectos-app .po-btn:hover,
#projectos-site-app .po-btn:hover,
#projectos-app button.po-icon-btn:hover,
#projectos-site-app button.po-icon-btn:hover {
    transform: translateY(-1px);
}

#projectos-app .po-btn:active,
#projectos-site-app .po-btn:active,
#projectos-app button.po-icon-btn:active,
#projectos-site-app button.po-icon-btn:active {
    transform: translateY(0) scale(.99);
}

#projectos-app .po-btn--primary,
#projectos-site-app .po-btn--primary {
    box-shadow: 0 14px 30px rgba(99, 91, 255, .20), inset 0 1px 0 rgba(255,255,255,.28);
}

#projectos-app .po-btn--danger,
#projectos-site-app .po-btn--danger,
#projectos-app .po-icon-btn--danger,
#projectos-site-app .po-icon-btn--danger {
    box-shadow: 0 12px 24px rgba(240, 68, 56, .12);
}

#projectos-app :is(input, select, textarea),
#projectos-site-app :is(input, select, textarea) {
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

#projectos-app :is(input, select, textarea):hover,
#projectos-site-app :is(input, select, textarea):hover {
    border-color: rgba(99, 91, 255, .24);
}

#projectos-app .po-drawer,
#projectos-site-app .po-drawer {
    box-shadow: 0 30px 90px rgba(16, 24, 40, .18);
}

#projectos-app .po-drawer__head,
#projectos-site-app .po-drawer__head {
    min-width: 0;
}

#projectos-app .po-drawer__head :is(h2, h3, p),
#projectos-site-app .po-drawer__head :is(h2, h3, p),
#projectos-app .po-task-row :is(h3, h4, p, small, span),
#projectos-site-app .po-task-row :is(h3, h4, p, small, span) {
    overflow-wrap: anywhere;
}

#projectos-app .po-chip,
#projectos-site-app .po-chip,
#projectos-app .po-badge,
#projectos-site-app .po-badge,
#projectos-app .po-task-row__health,
#projectos-site-app .po-task-row__health {
    backdrop-filter: blur(8px);
}

#projectos-app .po-quick-task-status,
#projectos-site-app .po-quick-task-status,
#projectos-app .po-select-preview,
#projectos-site-app .po-select-preview {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 10px 24px rgba(16,24,40,.045);
}

#projectos-app[data-ui-theme="midnight"] .po-task-row:hover,
#projectos-site-app[data-ui-theme="midnight"] .po-task-row:hover,
#projectos-app[data-ui-theme="midnight"] .po-board-card:hover,
#projectos-site-app[data-ui-theme="midnight"] .po-board-card:hover,
#projectos-app[data-ui-theme="midnight"] .po-agency-card:hover,
#projectos-site-app[data-ui-theme="midnight"] .po-agency-card:hover {
    box-shadow: 0 20px 52px rgba(0, 0, 0, .30);
}

#projectos-app[data-ui-theme="midnight"] :is(button, .po-btn, input, select, textarea, [role="button"], a):focus-visible,
#projectos-site-app[data-ui-theme="midnight"] :is(button, .po-btn, input, select, textarea, [role="button"], a):focus-visible {
    box-shadow: 0 0 0 4px rgba(129, 140, 248, .22) !important;
    border-color: rgba(165, 180, 252, .46) !important;
}

@media (max-width: 720px) {
    #projectos-app,
    #projectos-site-app {
        --po-card-hover-lift: translateY(0);
    }
    #projectos-app .po-btn,
    #projectos-site-app .po-btn,
    #projectos-app button.po-icon-btn,
    #projectos-site-app button.po-icon-btn {
        min-height: 42px;
    }
    #projectos-app .po-task-card__actions,
    #projectos-site-app .po-task-card__actions,
    #projectos-app .po-task-row__actions,
    #projectos-site-app .po-task-row__actions,
    #projectos-app .po-drawer__actions,
    #projectos-site-app .po-drawer__actions {
        gap: 8px;
        flex-wrap: wrap;
    }
}

@media (prefers-reduced-motion: reduce) {
    #projectos-app *,
    #projectos-site-app * {
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
    }
}


/* ProjectOS v6.0.12 Performance Guard */
#projectos-app,
#projectos-site-app {
  --po-performance-guard-version: "6.0.12";
  --po-render-budget-ms: 60ms;
}
#projectos-app[data-projectos-render-budget="review"],
#projectos-site-app[data-projectos-render-budget="review"] {
  --po-performance-budget-state: "review";
}


/* ProjectOS v6.0.12 Empty State & Loading UX: CSS-only premium feedback polish; preserves task/checklist/category CRUD, v6.0.4-v6.0.10 stability locks and Performance Guard. */
#projectos-app,
#projectos-site-app {
    --po-empty-loading-ux-version: "6.0.12";
    --po-empty-accent: rgba(99, 91, 255, .16);
    --po-empty-surface: linear-gradient(145deg, rgba(255,255,255,.94), rgba(241,246,255,.88));
    --po-empty-border: rgba(99, 91, 255, .18);
    --po-skeleton-base: rgba(99, 91, 255, .08);
    --po-skeleton-sheen: rgba(255,255,255,.72);
}

#projectos-app .po-empty,
#projectos-site-app .po-empty,
#projectos-app .po-sub-empty,
#projectos-site-app .po-sub-empty,
#projectos-app .po-board__empty,
#projectos-site-app .po-board__empty {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    gap: 10px;
    border-style: solid;
    border-color: var(--po-empty-border);
    background: var(--po-empty-surface);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 32px rgba(16,24,40,.055);
    color: var(--po-muted);
}

#projectos-app .po-empty::before,
#projectos-site-app .po-empty::before,
#projectos-app .po-sub-empty::before,
#projectos-site-app .po-sub-empty::before,
#projectos-app .po-board__empty::before,
#projectos-site-app .po-board__empty::before {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 14px;
    background:
        radial-gradient(circle at 32% 30%, rgba(255,255,255,.92), transparent 38%),
        linear-gradient(135deg, rgba(99,91,255,.18), rgba(14,165,233,.12));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 10px 24px rgba(99,91,255,.12);
}

#projectos-app .po-empty::after,
#projectos-site-app .po-empty::after,
#projectos-app .po-sub-empty::after,
#projectos-site-app .po-sub-empty::after,
#projectos-app .po-board__empty::after,
#projectos-site-app .po-board__empty::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 18% 0%, rgba(99,91,255,.10), transparent 34%), radial-gradient(circle at 92% 90%, rgba(14,165,233,.08), transparent 32%);
    opacity: .9;
    z-index: -1;
}

#projectos-app .po-empty--large,
#projectos-site-app .po-empty--large {
    min-height: 300px;
    padding: clamp(28px, 5vw, 48px);
}

#projectos-app .po-empty :is(h2,h3,strong),
#projectos-site-app .po-empty :is(h2,h3,strong),
#projectos-app .po-sub-empty :is(h2,h3,strong),
#projectos-site-app .po-sub-empty :is(h2,h3,strong) {
    color: var(--po-heading, var(--po-ink));
    letter-spacing: -.02em;
}

#projectos-app .po-empty .po-btn,
#projectos-site-app .po-empty .po-btn,
#projectos-app .po-empty button,
#projectos-site-app .po-empty button {
    margin-top: 4px;
}

#projectos-app .po-inline-loading,
#projectos-site-app .po-inline-loading,
#projectos-app .po-checklist-loading,
#projectos-site-app .po-checklist-loading,
#projectos-app .projectos-app-loading,
#projectos-site-app .projectos-app-loading {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    border: 1px solid rgba(99,91,255,.14);
    background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(239,246,255,.82));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78), 0 12px 28px rgba(16,24,40,.06);
}

#projectos-app .po-inline-loading::after,
#projectos-site-app .po-inline-loading::after,
#projectos-app .po-checklist-loading::after,
#projectos-site-app .po-checklist-loading::after,
#projectos-app .projectos-app-loading::after,
#projectos-site-app .projectos-app-loading::after,
#projectos-app [aria-busy="true"]::after,
#projectos-site-app [aria-busy="true"]::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 0%, var(--po-skeleton-sheen) 44%, transparent 72%);
    transform: translateX(-100%);
    animation: poPremiumSkeletonSweep 1.45s ease-in-out infinite;
}

#projectos-app .po-view-crash,
#projectos-site-app .po-view-crash,
#projectos-app .po-error,
#projectos-site-app .po-error,
#projectos-app .po-alert--error,
#projectos-site-app .po-alert--error {
    border-color: rgba(240,68,56,.20) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(255,245,245,.88)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 16px 34px rgba(240,68,56,.08) !important;
}

#projectos-app .po-view-crash .po-badge,
#projectos-site-app .po-view-crash .po-badge {
    background: rgba(240,68,56,.09);
    color: #b42318;
    border-color: rgba(240,68,56,.18);
}

@keyframes poPremiumSkeletonSweep {
    0% { transform: translateX(-100%); opacity: .55; }
    55% { opacity: .95; }
    100% { transform: translateX(100%); opacity: .55; }
}

#projectos-app[data-ui-theme="midnight"],
#projectos-site-app[data-ui-theme="midnight"] {
    --po-empty-surface: linear-gradient(145deg, rgba(15,23,42,.94), rgba(30,41,59,.88));
    --po-empty-border: rgba(129,140,248,.24);
    --po-skeleton-base: rgba(129,140,248,.12);
    --po-skeleton-sheen: rgba(255,255,255,.10);
}

#projectos-app[data-ui-theme="midnight"] .po-empty,
#projectos-site-app[data-ui-theme="midnight"] .po-empty,
#projectos-app[data-ui-theme="midnight"] .po-sub-empty,
#projectos-site-app[data-ui-theme="midnight"] .po-sub-empty,
#projectos-app[data-ui-theme="midnight"] .po-board__empty,
#projectos-site-app[data-ui-theme="midnight"] .po-board__empty {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 36px rgba(0,0,0,.24);
}

@media (max-width: 720px) {
    #projectos-app .po-empty,
    #projectos-site-app .po-empty,
    #projectos-app .po-sub-empty,
    #projectos-site-app .po-sub-empty,
    #projectos-app .po-board__empty,
    #projectos-site-app .po-board__empty {
        padding: 20px 16px;
        border-radius: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    #projectos-app .po-inline-loading::after,
    #projectos-site-app .po-inline-loading::after,
    #projectos-app .po-checklist-loading::after,
    #projectos-site-app .po-checklist-loading::after,
    #projectos-app .projectos-app-loading::after,
    #projectos-site-app .projectos-app-loading::after,
    #projectos-app [aria-busy="true"]::after,
    #projectos-site-app [aria-busy="true"]::after {
        animation: none !important;
        transform: none !important;
        opacity: .18;
    }
}

/* ProjectOS v6.0.12 Premium Toast System */
#projectos-app,
#projectos-site-app {
    --po-premium-toast-version: "6.0.12";
    --po-toast-bg: rgba(255, 255, 255, 0.94);
    --po-toast-border: rgba(148, 163, 184, 0.24);
    --po-toast-text: #101828;
    --po-toast-muted: #64748b;
}
#projectos-app .po-toast-stack,
#projectos-site-app .po-toast-stack {
    position: fixed;
    z-index: 999999;
    top: 22px;
    right: 22px;
    display: grid;
    gap: 10px;
    width: min(420px, calc(100vw - 32px));
    pointer-events: none;
    contain: layout style;
}
#projectos-app .po-toast,
#projectos-site-app .po-toast {
    pointer-events: auto;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    gap: 12px;
    align-items: start;
    padding: 14px;
    border: 1px solid var(--po-toast-border);
    border-radius: 22px;
    background:
        radial-gradient(circle at 8% 0%, rgba(99, 102, 241, 0.12), transparent 32%),
        linear-gradient(135deg, var(--po-toast-bg), rgba(248, 250, 252, 0.9));
    color: var(--po-toast-text);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(18px) saturate(135%);
    animation: poPremiumToastEnter 0.22s ease-out both;
}
#projectos-app .po-toast__icon,
#projectos-site-app .po-toast__icon {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    border-radius: 14px;
    font-weight: 950;
    background: rgba(99, 102, 241, 0.13);
    color: #4f46e5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
#projectos-app .po-toast__body,
#projectos-site-app .po-toast__body {
    min-width: 0;
}
#projectos-app .po-toast__body strong,
#projectos-site-app .po-toast__body strong {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.01em;
}
#projectos-app .po-toast__body p,
#projectos-site-app .po-toast__body p {
    margin: 5px 0 0;
    color: var(--po-toast-muted);
    font-size: 12.5px;
    line-height: 1.45;
    overflow-wrap: anywhere;
}
#projectos-app .po-toast__meta,
#projectos-site-app .po-toast__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-top: 10px;
}
#projectos-app .po-toast__meta small,
#projectos-site-app .po-toast__meta small {
    color: #94a3b8;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}
#projectos-app .po-toast__action,
#projectos-site-app .po-toast__action {
    border: 1px solid rgba(99, 102, 241, 0.18);
    border-radius: 999px;
    background: rgba(99, 102, 241, 0.1);
    color: #4338ca;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 10px;
}
#projectos-app .po-toast__action:hover,
#projectos-site-app .po-toast__action:hover {
    background: rgba(99, 102, 241, 0.16);
    transform: translateY(-1px);
}
#projectos-app .po-toast__close,
#projectos-site-app .po-toast__close {
    display: inline-grid;
    place-items: center;
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.06);
    color: #64748b;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}
#projectos-app .po-toast__close:hover,
#projectos-site-app .po-toast__close:hover {
    background: rgba(15, 23, 42, 0.1);
    color: #0f172a;
}
#projectos-app .po-toast--success .po-toast__icon,
#projectos-site-app .po-toast--success .po-toast__icon {
    background: rgba(18, 183, 106, 0.13);
    color: #0f8f62;
}
#projectos-app .po-toast--error .po-toast__icon,
#projectos-site-app .po-toast--error .po-toast__icon {
    background: rgba(239, 68, 68, 0.13);
    color: #b42318;
}
#projectos-app .po-toast--warning .po-toast__icon,
#projectos-site-app .po-toast--warning .po-toast__icon,
#projectos-app .po-toast--offline .po-toast__icon,
#projectos-site-app .po-toast--offline .po-toast__icon {
    background: rgba(245, 158, 11, 0.14);
    color: #b45309;
}
#projectos-app .po-toast--saving .po-toast__icon,
#projectos-site-app .po-toast--saving .po-toast__icon {
    background: rgba(59, 130, 246, 0.13);
    color: #1d4ed8;
}
#projectos-app .po-toast--saving .po-toast__icon,
#projectos-site-app .po-toast--saving .po-toast__icon {
    animation: poPremiumToastPulse 1s ease-in-out infinite;
}
#projectos-app[data-ui-theme="midnight"] .po-toast,
#projectos-site-app[data-ui-theme="midnight"] .po-toast,
#projectos-app[data-ui-theme="graphite"] .po-toast,
#projectos-site-app[data-ui-theme="graphite"] .po-toast {
    --po-toast-bg: rgba(15, 23, 42, 0.92);
    --po-toast-border: rgba(148, 163, 184, 0.2);
    --po-toast-text: #f8fafc;
    --po-toast-muted: #cbd5e1;
    box-shadow: 0 24px 70px rgba(2, 6, 23, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
#projectos-app[data-ui-theme="midnight"] .po-toast__close,
#projectos-site-app[data-ui-theme="midnight"] .po-toast__close,
#projectos-app[data-ui-theme="graphite"] .po-toast__close,
#projectos-site-app[data-ui-theme="graphite"] .po-toast__close {
    background: rgba(255, 255, 255, 0.09);
    color: #e2e8f0;
}
@keyframes poPremiumToastEnter {
    from { opacity: 0; transform: translate3d(10px, -8px, 0) scale(0.985); }
    to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes poPremiumToastPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(0.94); }
}
@media (max-width: 720px) {
    #projectos-app .po-toast-stack,
    #projectos-site-app .po-toast-stack {
        top: auto;
        right: 12px;
        bottom: 14px;
        width: calc(100vw - 24px);
    }
    #projectos-app .po-toast,
    #projectos-site-app .po-toast {
        grid-template-columns: 32px minmax(0, 1fr) 28px;
        border-radius: 20px;
        padding: 12px;
    }
}
@media (prefers-reduced-motion: reduce) {
    #projectos-app .po-toast,
    #projectos-site-app .po-toast,
    #projectos-app .po-toast--saving .po-toast__icon,
    #projectos-site-app .po-toast--saving .po-toast__icon {
        animation: none !important;
        transition: none !important;
    }
}

/* ProjectOS v6.0.13 Premium Filter Quality */
:root {
  --po-filter-quality-version: "6.0.13";
}
.po-task-toolbar--filter-quality {
  gap: 14px;
  border: 1px solid rgba(129, 140, 248, .18);
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,252,.78));
  box-shadow: 0 18px 48px rgba(15,23,42,.08);
}
.po-filterbar__searchline {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: end;
}
.po-task-search-premium {
  display: grid;
  gap: 6px;
  min-width: 0;
}
.po-task-search-premium span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--po-muted, #64748b);
}
.po-task-search-premium input {
  width: 100%;
  min-height: 44px;
  border-radius: 16px;
  border: 1px solid rgba(148,163,184,.28);
  background: rgba(255,255,255,.92);
  padding: 0 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7);
}
.po-task-search-premium input:focus-visible {
  outline: 3px solid rgba(99,102,241,.18);
  border-color: rgba(99,102,241,.45);
}
.po-filter-stats {
  display: grid;
  grid-template-columns: repeat(8, minmax(82px, 1fr));
  gap: 8px;
}
.po-filter-stat {
  display: grid;
  gap: 2px;
  align-content: center;
  min-height: 58px;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: 18px;
  background: rgba(255,255,255,.74);
  color: var(--po-text, #0f172a);
  cursor: pointer;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}
.po-filter-stat strong {
  font-size: 18px;
  line-height: 1;
}
.po-filter-stat span {
  font-size: 11px;
  font-weight: 800;
  color: var(--po-muted, #64748b);
}
.po-filter-stat:hover,
.po-filter-stat:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(99,102,241,.42);
  box-shadow: 0 16px 34px rgba(99,102,241,.13);
  outline: none;
}
.po-filter-stat.is-active {
  color: #fff;
  border-color: transparent;
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  box-shadow: 0 16px 36px rgba(79,70,229,.24);
}
.po-filter-stat.is-active span { color: rgba(255,255,255,.82); }
.po-active-filter-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  padding: 10px;
  border-radius: 18px;
  background: rgba(241,245,249,.7);
  border: 1px solid rgba(148,163,184,.18);
}
.po-active-filter-chips > span {
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--po-muted, #64748b);
}
.po-active-filter-chips--empty {
  justify-content: center;
  color: var(--po-muted, #64748b);
}
.po-active-filter-chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(99,102,241,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.84);
  color: var(--po-text, #0f172a);
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}
.po-active-filter-chip em {
  display: inline-grid;
  place-items: center;
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: rgba(15,23,42,.08);
  font-style: normal;
}
.po-active-filter-chip:hover,
.po-active-filter-chip:focus-visible {
  border-color: rgba(99,102,241,.42);
  box-shadow: 0 10px 26px rgba(99,102,241,.12);
  outline: none;
}
.po-active-filter-chip--clear {
  margin-left: auto;
  color: #b91c1c;
  border-color: rgba(239,68,68,.22);
}
[data-theme="midnight"] .po-task-toolbar--filter-quality,
.projectos-theme-midnight .po-task-toolbar--filter-quality {
  background: linear-gradient(135deg, rgba(15,23,42,.88), rgba(30,41,59,.78));
  border-color: rgba(148,163,184,.18);
}
[data-theme="midnight"] .po-task-search-premium input,
[data-theme="midnight"] .po-filter-stat,
[data-theme="midnight"] .po-active-filter-chip,
.projectos-theme-midnight .po-task-search-premium input,
.projectos-theme-midnight .po-filter-stat,
.projectos-theme-midnight .po-active-filter-chip {
  background: rgba(15,23,42,.72);
  color: #e5edf9;
  border-color: rgba(148,163,184,.22);
}
[data-theme="midnight"] .po-active-filter-chips,
.projectos-theme-midnight .po-active-filter-chips {
  background: rgba(15,23,42,.48);
}
@media (max-width: 1100px) {
  .po-filter-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .po-filterbar__searchline { grid-template-columns: 1fr; }
  .po-filter-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .po-active-filter-chip--clear { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .po-filter-stat { transition: none; }
  .po-filter-stat:hover,
  .po-filter-stat:focus-visible { transform: none; }
}

/* ProjectOS v6.0.14 Density View Mode */
:root {
  --po-density-view-mode-version: "6.0.14";
}
.po-density-segment {
  display: inline-flex;
  align-items: stretch;
  gap: 4px;
  padding: 4px;
  border-radius: 18px;
  border: 1px solid rgba(148, 163, 184, .22);
  background: rgba(255,255,255,.72);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 10px 24px rgba(15,23,42,.06);
}
.po-density-segment button {
  display: grid;
  gap: 1px;
  min-width: 78px;
  min-height: 38px;
  padding: 6px 10px;
  border: 0;
  border-radius: 14px;
  background: transparent;
  color: var(--po-muted, #64748b);
  cursor: pointer;
  text-align: left;
  transition: background .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.po-density-segment button strong {
  font-size: 12px;
  font-weight: 900;
  line-height: 1.1;
  color: inherit;
}
.po-density-segment button small {
  font-size: 10px;
  font-weight: 700;
  line-height: 1.1;
  opacity: .78;
}
.po-density-segment button:hover,
.po-density-segment button:focus-visible {
  color: var(--po-text, #0f172a);
  background: rgba(99,102,241,.08);
  outline: none;
}
.po-density-segment button.is-active {
  color: #fff;
  background: linear-gradient(135deg, #4f46e5, #7c3aed);
  box-shadow: 0 10px 24px rgba(79,70,229,.22);
}
#projectos-app[data-task-row-density="compact"] .po-task-list,
#projectos-site-app[data-task-row-density="compact"] .po-task-list {
  gap: 8px;
}
#projectos-app[data-task-row-density="compact"] .po-task-row,
#projectos-site-app[data-task-row-density="compact"] .po-task-row {
  min-height: 68px !important;
  padding: 10px 12px !important;
  border-radius: 18px !important;
}
#projectos-app[data-task-row-density="compact"] .po-task-row__main,
#projectos-site-app[data-task-row-density="compact"] .po-task-row__main {
  gap: 6px;
}
#projectos-app[data-task-row-density="compact"] .po-task-row__titleline h4,
#projectos-site-app[data-task-row-density="compact"] .po-task-row__titleline h4 {
  font-size: 15px !important;
  line-height: 1.2;
}
#projectos-app[data-task-row-density="compact"] .po-task-row__meta,
#projectos-site-app[data-task-row-density="compact"] .po-task-row__meta {
  gap: 5px;
}
#projectos-app[data-task-row-density="compact"] .po-task-row__meta .po-pill,
#projectos-site-app[data-task-row-density="compact"] .po-task-row__meta .po-pill {
  min-height: 22px;
  padding: 0 7px;
  font-size: 10px;
}
#projectos-app[data-task-row-density="compact"] .po-task-card-progress,
#projectos-site-app[data-task-row-density="compact"] .po-task-card-progress {
  transform: scale(.86);
  transform-origin: center;
}
#projectos-app[data-task-row-density="compact"] .po-board,
#projectos-site-app[data-task-row-density="compact"] .po-board {
  gap: 10px;
}
#projectos-app[data-task-row-density="compact"] .po-board-card,
#projectos-site-app[data-task-row-density="compact"] .po-board-card {
  padding: 10px !important;
  border-radius: 16px !important;
}
#projectos-app[data-task-row-density="focus"] .po-task-list,
#projectos-site-app[data-task-row-density="focus"] .po-task-list {
  gap: 14px;
}
#projectos-app[data-task-row-density="focus"] .po-task-row,
#projectos-site-app[data-task-row-density="focus"] .po-task-row {
  min-height: 112px !important;
  padding: 20px 22px !important;
  border-radius: 28px !important;
}
#projectos-app[data-task-row-density="focus"] .po-task-row__titleline h4,
#projectos-site-app[data-task-row-density="focus"] .po-task-row__titleline h4 {
  font-size: 20px !important;
  line-height: 1.25;
}
#projectos-app[data-task-row-density="focus"] .po-task-row__meta .po-pill,
#projectos-site-app[data-task-row-density="focus"] .po-task-row__meta .po-pill {
  min-height: 30px;
  padding: 0 11px;
}
#projectos-app[data-task-row-density="focus"] .po-board-card,
#projectos-site-app[data-task-row-density="focus"] .po-board-card {
  padding: 16px !important;
  border-radius: 24px !important;
}
#projectos-app[data-task-row-density="balanced"] .po-task-row,
#projectos-site-app[data-task-row-density="balanced"] .po-task-row {
  min-height: 88px;
}
#projectos-app[data-ui-theme="midnight"] .po-density-segment,
#projectos-site-app[data-ui-theme="midnight"] .po-density-segment,
#projectos-app[data-ui-theme="graphite"] .po-density-segment,
#projectos-site-app[data-ui-theme="graphite"] .po-density-segment {
  background: rgba(15,23,42,.66);
  border-color: rgba(148,163,184,.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 30px rgba(2,6,23,.18);
}
#projectos-app[data-ui-theme="midnight"] .po-density-segment button:hover,
#projectos-site-app[data-ui-theme="midnight"] .po-density-segment button:hover,
#projectos-app[data-ui-theme="graphite"] .po-density-segment button:hover,
#projectos-site-app[data-ui-theme="graphite"] .po-density-segment button:hover {
  color: #f8fafc;
  background: rgba(255,255,255,.08);
}
@media (max-width: 860px) {
  .po-density-segment {
    width: 100%;
  }
  .po-density-segment button {
    min-width: 0;
    flex: 1 1 0;
    text-align: center;
  }
}
@media (max-width: 520px) {
  .po-density-segment button small {
    display: none;
  }
  .po-density-segment button {
    min-height: 34px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .po-density-segment button {
    transition: none !important;
  }
}


/* ProjectOS v6.0.16 Keyboard & Power User UX: visual-only shortcuts layer; no CRUD/write bridge changes. */
:root { --po-keyboard-power-ux-version: "6.0.16"; }
#projectos-app .po-keyboard-help-trigger kbd,
#projectos-site-app .po-keyboard-help-trigger kbd {
    display: inline-flex;
    min-width: 1.55rem;
    height: 1.55rem;
    align-items: center;
    justify-content: center;
    margin-left: .35rem;
    border-radius: .55rem;
    border: 1px solid color-mix(in srgb, var(--po-border, #d8e0ee) 78%, transparent);
    background: color-mix(in srgb, var(--po-surface, #fff) 88%, var(--po-primary, #5577ff) 12%);
    font-size: .78rem;
    font-weight: 800;
}
#projectos-app .po-keyboard-backdrop,
#projectos-site-app .po-keyboard-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
    padding: clamp(1rem, 3vw, 2rem);
    background: color-mix(in srgb, #0f172a 52%, transparent);
    backdrop-filter: blur(10px);
}
#projectos-app .po-keyboard-shortcuts,
#projectos-site-app .po-keyboard-shortcuts {
    width: min(760px, 100%);
    max-height: min(760px, calc(100vh - 2rem));
    overflow: auto;
    border: 1px solid color-mix(in srgb, var(--po-border, #d8e0ee) 72%, transparent);
    border-radius: 28px;
    background: linear-gradient(145deg, color-mix(in srgb, var(--po-surface, #fff) 94%, var(--po-primary, #5577ff) 6%), color-mix(in srgb, var(--po-surface, #fff) 88%, #ffffff 12%));
    box-shadow: 0 30px 90px rgba(15, 23, 42, .28);
    padding: clamp(1rem, 2.6vw, 1.6rem);
}
#projectos-app .po-keyboard-shortcuts__head,
#projectos-site-app .po-keyboard-shortcuts__head,
#projectos-app .po-keyboard-shortcuts__foot,
#projectos-site-app .po-keyboard-shortcuts__foot {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
#projectos-app .po-keyboard-shortcuts__head h3,
#projectos-site-app .po-keyboard-shortcuts__head h3 {
    margin: .25rem 0;
    font-size: clamp(1.35rem, 2.6vw, 2rem);
}
#projectos-app .po-keyboard-shortcuts__head p,
#projectos-site-app .po-keyboard-shortcuts__head p,
#projectos-app .po-keyboard-shortcuts__foot,
#projectos-site-app .po-keyboard-shortcuts__foot {
    color: var(--po-muted, #64748b);
}
#projectos-app .po-keyboard-last,
#projectos-site-app .po-keyboard-last {
    margin: .55rem 0 0;
    font-weight: 800;
    color: var(--po-primary, #5577ff);
}
#projectos-app .po-keyboard-shortcuts__grid,
#projectos-site-app .po-keyboard-shortcuts__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 1.1rem 0;
}
#projectos-app .po-keyboard-shortcut,
#projectos-site-app .po-keyboard-shortcut {
    display: grid;
    gap: .45rem;
    text-align: left;
    border: 1px solid color-mix(in srgb, var(--po-border, #d8e0ee) 75%, transparent);
    border-radius: 20px;
    background: color-mix(in srgb, var(--po-surface, #fff) 94%, var(--po-primary, #5577ff) 6%);
    padding: 1rem;
    color: inherit;
    cursor: pointer;
}
#projectos-app .po-keyboard-shortcut:hover,
#projectos-site-app .po-keyboard-shortcut:hover,
#projectos-app .po-keyboard-shortcut:focus-visible,
#projectos-site-app .po-keyboard-shortcut:focus-visible {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--po-primary, #5577ff) 58%, var(--po-border, #d8e0ee));
    box-shadow: 0 16px 34px rgba(15, 23, 42, .12);
    outline: none;
}
#projectos-app .po-shortcut-keys,
#projectos-site-app .po-shortcut-keys {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    flex-wrap: wrap;
}
#projectos-app .po-shortcut-keys kbd,
#projectos-site-app .po-shortcut-keys kbd {
    min-width: 1.8rem;
    min-height: 1.8rem;
    padding: .22rem .52rem;
    border-radius: .7rem;
    border: 1px solid color-mix(in srgb, var(--po-border, #d8e0ee) 72%, transparent);
    background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.54));
    box-shadow: inset 0 -1px 0 rgba(15,23,42,.08);
    font-weight: 900;
    font-size: .78rem;
    text-align: center;
}
#projectos-app .po-shortcut-keys em,
#projectos-site-app .po-shortcut-keys em {
    font-style: normal;
    font-weight: 900;
    color: var(--po-muted, #64748b);
}
#projectos-app .po-keyboard-shortcut strong,
#projectos-site-app .po-keyboard-shortcut strong { font-size: 1rem; }
#projectos-app .po-keyboard-shortcut small,
#projectos-site-app .po-keyboard-shortcut small { color: var(--po-muted, #64748b); line-height: 1.45; }
@media (max-width: 720px) {
    #projectos-app .po-keyboard-shortcuts__grid,
    #projectos-site-app .po-keyboard-shortcuts__grid { grid-template-columns: 1fr; }
    #projectos-app .po-keyboard-shortcuts__head,
    #projectos-site-app .po-keyboard-shortcuts__head,
    #projectos-app .po-keyboard-shortcuts__foot,
    #projectos-site-app .po-keyboard-shortcuts__foot { flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    #projectos-app .po-keyboard-shortcut,
    #projectos-site-app .po-keyboard-shortcut { transition: none !important; transform: none !important; }
}


/* ProjectOS v6.0.17 Micro Motion Polish: CSS-only premium motion; no CRUD/write bridge changes. */
:root { --po-micro-motion-polish-version: "6.0.17"; }
#projectos-app,
#projectos-site-app {
  --po-motion-fast: 120ms;
  --po-motion-base: 180ms;
  --po-motion-slow: 260ms;
  --po-motion-ease: cubic-bezier(.2,.8,.2,1);
}
#projectos-app .po-task-row,
#projectos-site-app .po-task-row,
#projectos-app .po-board-card,
#projectos-site-app .po-board-card,
#projectos-app .po-panel,
#projectos-site-app .po-panel {
  will-change: transform, box-shadow;
  transition: transform var(--po-motion-base) var(--po-motion-ease), box-shadow var(--po-motion-base) var(--po-motion-ease), border-color var(--po-motion-fast) ease, background-color var(--po-motion-fast) ease;
}
#projectos-app .po-task-row:hover,
#projectos-site-app .po-task-row:hover,
#projectos-app .po-board-card:hover,
#projectos-site-app .po-board-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 42px rgba(15, 23, 42, .10);
}
#projectos-app .po-task-row.is-just-added,
#projectos-site-app .po-task-row.is-just-added,
#projectos-app .po-task-row.is-saving,
#projectos-site-app .po-task-row.is-saving,
#projectos-app .po-checklist-item.is-saving,
#projectos-site-app .po-checklist-item.is-saving {
  animation: poMicroMotionCommitPulse 900ms var(--po-motion-ease) 1;
}
#projectos-app .po-drawer,
#projectos-site-app .po-drawer,
#projectos-app .po-drawer-panel,
#projectos-site-app .po-drawer-panel,
#projectos-app .po-keyboard-shortcuts,
#projectos-site-app .po-keyboard-shortcuts {
  animation: poMicroMotionPanelIn var(--po-motion-slow) var(--po-motion-ease) 1;
}
#projectos-app .po-toast,
#projectos-site-app .po-toast,
#projectos-app .po-alert,
#projectos-site-app .po-alert {
  animation: poMicroMotionToastIn var(--po-motion-base) var(--po-motion-ease) 1;
}
#projectos-app .po-filter-chip,
#projectos-site-app .po-filter-chip,
#projectos-app .po-density-segment button,
#projectos-site-app .po-density-segment button,
#projectos-app .po-btn,
#projectos-site-app .po-btn,
#projectos-app .po-icon-btn,
#projectos-site-app .po-icon-btn {
  transition: transform var(--po-motion-fast) var(--po-motion-ease), box-shadow var(--po-motion-fast) var(--po-motion-ease), background-color var(--po-motion-fast) ease, border-color var(--po-motion-fast) ease, color var(--po-motion-fast) ease;
}
#projectos-app .po-filter-chip:hover,
#projectos-site-app .po-filter-chip:hover,
#projectos-app .po-density-segment button:hover,
#projectos-site-app .po-density-segment button:hover,
#projectos-app .po-btn:hover,
#projectos-site-app .po-btn:hover,
#projectos-app .po-icon-btn:hover,
#projectos-site-app .po-icon-btn:hover {
  transform: translateY(-1px);
}
#projectos-app .po-btn:active,
#projectos-site-app .po-btn:active,
#projectos-app .po-icon-btn:active,
#projectos-site-app .po-icon-btn:active,
#projectos-app .po-filter-chip:active,
#projectos-site-app .po-filter-chip:active {
  transform: translateY(0) scale(.985);
}
#projectos-app .po-skeleton,
#projectos-site-app .po-skeleton,
#projectos-app .po-loading-block,
#projectos-site-app .po-loading-block {
  animation-duration: 1.35s;
  animation-timing-function: ease-in-out;
}
@keyframes poMicroMotionPanelIn {
  from { opacity: .72; transform: translateY(10px) scale(.985); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes poMicroMotionToastIn {
  from { opacity: 0; transform: translateY(-8px) scale(.98); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
@keyframes poMicroMotionCommitPulse {
  0% { box-shadow: 0 0 0 0 rgba(99,102,241,.00); }
  30% { box-shadow: 0 0 0 5px rgba(99,102,241,.12); }
  100% { box-shadow: 0 0 0 0 rgba(99,102,241,.00); }
}
@media (prefers-reduced-motion: reduce) {
  #projectos-app,
  #projectos-site-app,
  #projectos-app *,
  #projectos-site-app * {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
  #projectos-app .po-task-row:hover,
  #projectos-site-app .po-task-row:hover,
  #projectos-app .po-board-card:hover,
  #projectos-site-app .po-board-card:hover,
  #projectos-app .po-btn:hover,
  #projectos-site-app .po-btn:hover,
  #projectos-app .po-icon-btn:hover,
  #projectos-site-app .po-icon-btn:hover {
    transform: none !important;
  }
}