/* Projects r001 implementation · P116 / decision 831. Module-only layout. */
#project_management-panel .pm-page { --pm-line:var(--s-border); --pm-muted:var(--s-text-secondary); }
#project_management-panel .pm-page .mod-reading {max-width:1440px;width:100%;margin-inline:auto;min-width:0;}
#project_management-panel .pm-page h1 {font-size:18px;line-height:1.4;color:var(--s-text-heading,var(--s-accent));margin:0 0 8px;overflow-wrap:anywhere;}
#project_management-panel .pm-page h2 {font-size:16px;line-height:1.4;color:var(--s-text-heading,var(--s-accent));margin:0;}
#project_management-panel .pm-page .pm-meta {display:block;color:var(--pm-muted);font-size:12px;margin-top:5px;line-height:1.5;}
#project_management-panel .pm-page .pm-filterline,#project_management-panel .pm-page .pm-board-toolbar {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;}
#project_management-panel .pm-select-wrap {display:inline-block;min-width:0;max-width:100%;}
#project_management-panel .pm-select,.pm-modal .pm-select {width:100%;min-height:40px;max-width:100%;font:inherit;color:var(--s-text-primary);background:var(--s-bg-surface);padding:8px 34px 8px 12px;border:1px solid var(--s-border);border-radius:8px;}
#project_management-panel .pm-filterline .pm-select-wrap,#project_management-panel .pm-board-toolbar .pm-select-wrap {max-width:min(100%,440px);}
#project_management-panel .pm-project-grid {display:grid;gap:12px;}
#project_management-panel .pm-page .pm-project-row {display:grid;grid-template-columns:minmax(180px,1fr) 110px 180px 16px;gap:24px;align-items:center;text-align:left;width:100%;padding:22px 24px;min-width:0;color:var(--s-text-primary);font:inherit;background:var(--workspace-surface-bg,var(--s-bg-surface));border:1px solid var(--s-border);border-radius:12px;cursor:pointer;box-shadow:none;}
#project_management-panel .pm-page .pm-project-row:hover {border-color:var(--s-accent);}
#project_management-panel .pm-project-name {font-size:16px;font-weight:500;overflow-wrap:anywhere;}
#project_management-panel .pm-project-progress {font-size:12px;color:var(--pm-muted);}
#project_management-panel .pm-state {color:var(--pm-muted);text-transform:capitalize;}
#project_management-panel .pm-progress-bar-track {display:block;height:3px;background:var(--s-border);border-radius:4px;margin:9px 0;overflow:hidden;}
#project_management-panel .pm-progress-bar-fill {display:block;height:100%;background:var(--s-accent);}
#project_management-panel .pm-page .pm-back {align-self:flex-start;margin:0 0 16px;padding-left:0;}
#project_management-panel .pm-identity {display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px;}
#project_management-panel .pm-identity>div {min-width:0;}
#project_management-panel .pm-project-actions {position:relative;flex-shrink:0;}
#project_management-panel .pm-project-actions>summary {list-style:none;cursor:pointer;min-height:40px;padding:8px 14px;border:1px solid var(--s-border);border-radius:8px;}
#project_management-panel .pm-project-actions>summary::-webkit-details-marker {display:none;}
#project_management-panel .pm-action-menu {position:absolute;right:0;top:48px;z-index:30;min-width:195px;padding:8px;border:1px solid var(--s-border);border-radius:12px;background:var(--s-bg-surface);}
#project_management-panel .pm-action-menu .mod-btn {display:block;text-align:left;width:100%;white-space:normal;}
#project_management-panel .pm-page .pm-detail-nav {display:flex;min-height:64px;flex-wrap:nowrap;margin:0 0 20px;padding:0;border-bottom:1px solid var(--s-border);background:transparent;}
#project_management-panel .pm-page .pm-detail-nav .mod-nav-tabs {display:flex;flex:1;flex-wrap:nowrap;min-width:0;overflow-x:auto;gap:24px;padding:3px;scrollbar-width:thin;}
#project_management-panel .pm-detail-nav .mod-nav-btn {flex:0 0 auto;white-space:nowrap;}
#project_management-panel .pm-detail-page>.mod-page-body {padding-top:0;}
#project_management-panel .pm-project-details {margin:0 0 24px;border-bottom:1px solid var(--s-border);padding:0 0 16px;}
#project_management-panel summary,.pm-modal summary {cursor:pointer;min-height:40px;padding:10px 0;color:var(--s-text-secondary);}
#project_management-panel .pm-purpose {white-space:pre-wrap;overflow-wrap:anywhere;max-width:1000px;line-height:1.65;}
#project_management-panel .pm-project-details dl {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin:20px 0 4px;}
#project_management-panel .pm-project-details dt {font-size:12px;color:var(--pm-muted);}
#project_management-panel .pm-project-details dd {margin:4px 0 0;overflow-wrap:anywhere;}
#project_management-panel .pm-page .pm-card {min-width:0;margin-bottom:24px;padding:0;border:1px solid var(--s-border);border-radius:12px;overflow:hidden;background:var(--workspace-surface-bg,var(--s-bg-surface));box-shadow:none;}
#project_management-panel .pm-page .pm-card-head {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;padding:16px 20px;margin:0;border-bottom:1px solid var(--s-border);}
#project_management-panel .pm-card-head .mod-section-title {font-size:16px;}
#project_management-panel .pm-card-head .mod-section-count {display:none;}
#project_management-panel .pm-tab-actions {display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0;}
#project_management-panel .pm-completed {border:1px solid var(--s-border);border-radius:12px;overflow:hidden;margin-bottom:24px;}
#project_management-panel .pm-completed>summary {padding:18px 20px;}
#project_management-panel .pm-page .mod-table-wrap {border:0;background:transparent;padding:0;margin:0;max-width:100%;min-width:0;overflow-x:auto;}
#project_management-panel .pm-page .mod-table {width:100%;table-layout:auto;border-collapse:collapse;margin:0;}
#project_management-panel .pm-page .mod-table th,#project_management-panel .pm-page .mod-table td {padding:16px 20px;vertical-align:top;white-space:normal;overflow-wrap:anywhere;}
#project_management-panel .pm-page .mod-table th {font-size:12px;color:var(--pm-muted);font-weight:500;}
#project_management-panel .pm-page .mod-table td {font-size:13px;}
#project_management-panel .pm-page .mod-table .pm-numeric {text-align:right;font-variant-numeric:tabular-nums;}
#project_management-panel .pm-page .mod-table .col-actions {white-space:nowrap;text-align:right;}
#project_management-panel .pm-task-table th:first-child {width:46%;}
#project_management-panel .pm-task-table td:first-child {font-weight:500;}
#project_management-panel .pm-page .mod-badge {display:inline;color:inherit!important;background:none!important;border:0!important;padding:0!important;font:inherit!important;text-transform:capitalize;white-space:normal;}
#project_management-panel .pm-page .mod-badge-danger {color:var(--s-status-error-text,var(--s-text-primary))!important;}
#project_management-panel .pm-tag {font-size:12px;color:var(--pm-muted);}
#project_management-panel .pm-record-details p,#project_management-panel .pm-ms-desc,#project_management-panel .pm-decision-desc,#project_management-panel .pm-time-notes {white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;margin:8px 0;}
#project_management-panel .pm-timeline-item,#project_management-panel .pm-decision-row {padding:20px;border-bottom:1px solid var(--s-border);min-width:0;}
#project_management-panel .pm-timeline-item:last-child,#project_management-panel .pm-decision-row:last-child {border-bottom:0;}
#project_management-panel .pm-timeline-header,#project_management-panel .pm-decision-header {display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
#project_management-panel .pm-milestone-name,#project_management-panel .pm-decision-title {font-size:13px;font-weight:500;overflow-wrap:anywhere;min-width:0;flex:1 1 180px;}
#project_management-panel .pm-ms-actions {display:flex;gap:4px;flex-wrap:wrap;}
#project_management-panel .pm-drag-handle {color:var(--pm-muted);font-size:18px;cursor:grab;}
#project_management-panel .pm-timeline-meta,#project_management-panel .pm-decision-meta {display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--pm-muted);margin-top:12px;}
#project_management-panel .pm-decision-alts {margin-top:12px;}
#project_management-panel .pm-decision-alts li {overflow-wrap:anywhere;}
#project_management-panel .pm-ms-bar {max-width:440px;}
#project_management-panel .pm-activity-item {padding:18px 20px;border-bottom:1px solid var(--s-border);}
#project_management-panel .pm-activity-content {display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;}
#project_management-panel .pm-activity-time {grid-column:1;grid-row:1;color:var(--pm-muted);font-size:12px;}
#project_management-panel .pm-activity-desc {grid-column:2;overflow-wrap:anywhere;}
#project_management-panel .pm-kanban-board {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:start;}
#project_management-panel .pm-kanban-col {min-width:0;border:1px solid var(--s-border);border-radius:12px;overflow:hidden;background:var(--workspace-surface-bg,var(--s-bg-surface));}
#project_management-panel .pm-kanban-col-header {padding:18px 16px;border-bottom:1px solid var(--s-border);display:flex;justify-content:space-between;gap:8px;}
#project_management-panel .pm-kanban-col-header .mod-badge {color:var(--pm-muted);font-size:12px;}
#project_management-panel .pm-kanban-col-body {min-height:100px;padding:12px;display:grid;gap:12px;}
#project_management-panel .pm-task-row {padding:14px;border:1px solid var(--s-border);border-radius:8px;min-width:0;cursor:grab;background:transparent;}
#project_management-panel .pm-task-title {font-weight:500;overflow-wrap:anywhere;cursor:pointer;}
#project_management-panel .pm-task-meta {font-size:12px;color:var(--pm-muted);margin-top:8px;}
#project_management-panel .pm-board-move {display:block;margin-top:14px;font-size:12px;color:var(--pm-muted);}
#project_management-panel .pm-board-move>span:first-child {display:block;margin-bottom:5px;}
#project_management-panel .pm-board-move .pm-select-wrap {width:100%;}
#project_management-panel .pm-dragging {opacity:.6;}
#project_management-panel .pm-rep-body>.pm-tab-actions {padding:12px 20px;}
#project_management-panel .pm-card>.pm-filterline {padding:16px 20px;margin:0;border-bottom:1px solid var(--s-border);}
#project_management-panel .pm-sk-lg {height:220px;} #project_management-panel .pm-sk-md {height:140px;} #project_management-panel .pm-sk-sm {height:80px;}
.pm-modal .mod-modal {width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);}
.pm-modal .mod-modal-body {overflow:auto;min-width:0;}
.pm-modal .mod-form-group {min-width:0;}
.pm-modal .mod-input {max-width:100%;}
.pm-modal .pm-form-details {border-top:1px solid var(--s-border);margin-top:20px;}
.pm-modal .pm-form-details>.mod-form-group {margin-top:14px;}
.pm-modal .pm-dep-list {display:grid;gap:8px;max-height:220px;overflow:auto;padding:8px 0;}
.pm-modal .pm-dep-item,.pm-modal .pm-check {display:flex;align-items:flex-start;gap:10px;}
.pm-modal .pm-dep-item input,.pm-modal .pm-check input {flex:0 0 auto;margin-top:4px;}
.pm-modal .pm-client-result,.pm-modal .pm-job-result,.pm-modal .pm-thread-result {display:block;width:100%;white-space:normal;text-align:left;overflow-wrap:anywhere;padding:12px;}
.pm-modal .pm-client-linked {display:flex;gap:12px;align-items:center;}
.pm-modal .pm-tpl-row {display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--s-border);}
.pm-modal .pm-tpl-row>div {min-width:0;overflow-wrap:anywhere;}
.pm-modal .pm-tpl-meta {font-size:12px;color:var(--s-text-secondary);}
.pm-modal .pm-form-error {color:var(--s-status-error-text,var(--s-text-primary));}
#project_management-panel :is(button,select,summary,[role=button]):focus-visible,.pm-modal :is(button,input,select,textarea,summary):focus-visible {outline:2px solid var(--s-accent);outline-offset:2px;}
#project_management-panel .pm-detail-nav button:focus-visible {outline-offset:-2px;}
@media(max-width:1100px){#project_management-panel .pm-kanban-board {grid-template-columns:repeat(2,minmax(0,1fr));} #project_management-panel .pm-page .mod-table th,#project_management-panel .pm-page .mod-table td {padding:14px 12px;}}
@media(max-width:760px){
 #project_management-panel .pm-page .pm-project-row {grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:18px;}
 #project_management-panel .pm-project-progress {grid-column:1/-1;}#project_management-panel .pm-project-row>span:last-child {display:none;}
 #project_management-panel .pm-project-details dl {grid-template-columns:repeat(2,minmax(0,1fr));}
 #project_management-panel .pm-page .pm-card-head {padding:16px;flex-wrap:wrap;}
 #project_management-panel .pm-activity-content {grid-template-columns:1fr;gap:8px;}
 #project_management-panel .pm-activity-desc {grid-column:1;grid-row:2;}
 #project_management-panel .pm-ms-actions {width:100%;}
 #project_management-panel .pm-page table,#project_management-panel .pm-page tbody,#project_management-panel .pm-page tr {display:block;width:100%;}
 #project_management-panel .pm-page thead {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 #project_management-panel .pm-page tbody tr {padding:16px;border-bottom:1px solid var(--s-border);}
 #project_management-panel .pm-page .mod-table tbody td,#project_management-panel .pm-page .mod-table tbody td.pm-numeric {display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;text-align:left;white-space:normal;padding:7px 0;border:0;width:100%;min-width:0;}
 #project_management-panel .pm-page .mod-table td:before {content:attr(data-label);color:var(--pm-muted);font-size:12px;font-weight:400;}
 #project_management-panel .pm-page .mod-table td>* {grid-column:2;min-width:0;}
 #project_management-panel .pm-page .mod-table td.col-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;}
 #project_management-panel .pm-page .mod-table td.col-actions:before {margin-right:auto;}
 #project_management-panel .pm-page .mod-table td[colspan] {display:block;}
 #project_management-panel .pm-page .mod-table td[colspan]:before {display:none;}
 #project_management-panel .pm-detail-nav .mod-nav-tabs {gap:22px;}
 #project_management-panel .pm-select,.pm-modal .pm-select,#project_management-panel .pm-project-actions>summary {min-height:44px;}
}
@media(max-width:480px){#project_management-panel .pm-kanban-board {grid-template-columns:1fr;}#project_management-panel .pm-project-details dl {grid-template-columns:1fr;} .pm-modal .mod-form-row {display:block;} #project_management-panel .pm-page .pm-project-row {grid-template-columns:1fr;} #project_management-panel .pm-project-progress {grid-column:1;}}
/* Override only Projects' legacy shared card padding/frame ownership. */
html[data-theme] #project_management-panel .pm-page .pm-card {padding:0!important;}
html[data-theme] #project_management-panel .pm-page .pm-card .pm-decision-row {background:transparent!important;border:0!important;border-bottom:1px solid var(--s-border)!important;border-radius:0!important;padding:20px!important;margin:0!important;}
html[data-theme] #project_management-panel .pm-page .pm-project-row {padding:22px 24px!important;margin:0!important;}
/* Align identity to the content gutter; the platform page itself is full bleed. */
html[data-theme] #project_management-panel .pm-detail-page .pm-identity {margin-inline:20px;}
html[data-theme] #project_management-panel .pm-detail-page>.pm-back {margin-left:20px;}
html[data-theme] #project_management-panel .pm-detail-page .pm-detail-nav {margin-inline:20px!important;padding-inline:0!important;}
html[data-theme] #project_management-panel .pm-page .pm-action-menu {background:rgb(var(--workspace-tint-raised));}
html[data-theme] #project_management-panel .pm-page .mod-table .mod-badge {text-transform:none!important;}
@media(max-width:760px){
 html[data-theme] #project_management-panel .pm-detail-page .pm-identity {margin-inline:12px;}
 html[data-theme] #project_management-panel .pm-detail-page>.pm-back {margin-left:12px;}
 html[data-theme] #project_management-panel .pm-detail-page .pm-detail-nav {margin-inline:12px!important;}
 html[data-theme] #project_management-panel .pm-page .mod-table tbody td {border:0!important;background:transparent!important;}
}
/* Task sheet follows the approved r001 hierarchy, with its heading outside. */
html[data-theme] #project_management-panel .pm-page .pm-task-section {background:transparent!important;border:0!important;border-radius:0!important;overflow:visible;}
html[data-theme] #project_management-panel .pm-page .pm-task-section>.pm-card-head {border:0;padding:0 0 16px;min-height:60px;}
html[data-theme] #project_management-panel .pm-page .pm-task-section>.mod-table-wrap {border:1px solid var(--s-border)!important;border-radius:12px!important;background:var(--s-bg-surface);overflow:hidden;}
html[data-theme] #project_management-panel .pm-page .pm-completed {border:0;border-radius:0;}
html[data-theme] #project_management-panel .pm-page .pm-completed>summary {padding-inline:0;}
@media(max-width:760px){
 html[data-theme] #project_management-panel .pm-page .pm-task-table tbody tr {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 12px;padding:20px 16px;}
 html[data-theme] #project_management-panel .pm-page .pm-task-table tbody td {grid-column:1;display:block;padding:4px 0!important;}
 html[data-theme] #project_management-panel .pm-page .pm-task-table td[data-label=Task] {grid-column:1/-1;margin-bottom:12px;}
 html[data-theme] #project_management-panel .pm-page .pm-task-table td[data-label=Task]:before,
 html[data-theme] #project_management-panel .pm-page .pm-task-table td[data-label=Status]:before,
 html[data-theme] #project_management-panel .pm-page .pm-task-table td.col-actions:before {display:none;}
 html[data-theme] #project_management-panel .pm-page .pm-task-table td[data-label=Owner]:before {content:'Owner: ';}
 html[data-theme] #project_management-panel .pm-page .pm-task-table td[data-label=Due]:before {content:'Due: ';}
 html[data-theme] #project_management-panel .pm-page .pm-task-table td.col-actions {grid-column:2;grid-row:2 / span 3;display:flex;align-items:center;align-self:start;flex-wrap:wrap;max-width:96px;}
}
html[data-theme] .app.voice-app #project_management-panel .pm-page.ui-launchpad .mod-nav .mod-nav-btn.active {color:var(--s-text-heading)!important;border-bottom-color:var(--s-text-heading)!important;}

html[data-theme="dark"] #project_management-panel .pm-page .mod-table .mod-badge-danger {color:color-mix(in srgb,var(--s-status-error-text) 65%,var(--s-text-primary))!important;}
