/* EliteDesk action-plan workspace. Styles are confined to this module. */ @media screen { #view-plano-acao { --pa-accent:#2855a6; --pa-ink:#172b48; --pa-muted:#64748b; --pa-line:#dce3ed; --pa-paper:#f5f7fb; color:var(--pa-ink); } #view-plano-acao [hidden] { display:none !important; } #view-plano-acao .pa-drawer-content, #view-plano-acao .pa-drawer-content * { box-sizing:border-box; } #view-plano-acao .btn { box-shadow:none !important; border-radius:6px !important; font-weight:500; } #view-plano-acao .btn-primary { background:#2855a6 !important; border-color:#2855a6 !important; color:#fff !important; } #view-plano-acao .btn-primary:hover { background:#1d4287 !important; } #view-plano-acao .btn-outline-primary { background:#fff !important; border-color:#a9bcde !important; color:#2855a6 !important; } #view-plano-acao .btn-outline-secondary { background:#fff !important; border-color:var(--pa-line) !important; color:#52647e !important; } #view-plano-acao .btn-outline-danger { background:#fff !important; border-color:#f0c9c7 !important; color:#b13e38 !important; } #view-plano-acao :is(input,select,textarea).form-control, #view-plano-acao .form-select { background-color:#fff !important; color:var(--pa-ink) !important; border:1px solid #ced8e6 !important; border-radius:6px !important; box-shadow:none !important; font-size:13px; min-height:34px; } #view-plano-acao :is(button,input,select,textarea,summary,[tabindex]):focus-visible { outline:3px solid #8aace3 !important; outline-offset:2px; } #view-plano-acao .pa-command-bar { background:#fff !important; border:1px solid var(--pa-line) !important; border-radius:12px !important; box-shadow:none !important; padding:22px !important; } #view-plano-acao .pa-command-row { border:0 !important; background:transparent !important; } #view-plano-acao .pa-title { color:var(--pa-ink) !important; } #view-plano-acao .pa-title i { color:var(--pa-accent); } #view-plano-acao .pa-subtitle { color:var(--pa-muted) !important; } #view-plano-acao .pa-command-left, #view-plano-acao .pa-command-right { flex-wrap:wrap; min-width:0; } #view-plano-acao .pa-quick-stats { gap:8px !important; } #view-plano-acao .pa-quick-stat { background:#fff !important; border:1px solid var(--pa-line) !important; color:#52647e !important; box-shadow:none !important; border-radius:8px !important; } #view-plano-acao .pa-quick-stat.active { background:#edf3fd !important; border-color:#a9bcde !important; color:#2855a6 !important; } #view-plano-acao .pa-quick-stat-value { background:transparent !important; color:var(--pa-ink) !important; } #view-plano-acao .pa-view-switcher { background:#f0f4fa !important; box-shadow:none !important; } #view-plano-acao .pa-view-btn { color:#52647e !important; background:transparent !important; box-shadow:none !important; } #view-plano-acao .pa-view-btn.active { background:#2855a6 !important; color:#fff !important; } #view-plano-acao .pa-list-container, #view-plano-acao .pa-empty-card { background:#fff !important; border:1px solid var(--pa-line) !important; border-radius:12px !important; box-shadow:none !important; } #view-plano-acao .pa-table th { background:#f3f6fb !important; color:#52647e !important; text-transform:none !important; letter-spacing:0 !important; } #view-plano-acao .pa-plan-row td { background:#fff !important; border-bottom:1px solid var(--pa-line) !important; } #view-plano-acao .pa-plan-row:hover td { background:#f6f9fe !important; } #view-plano-acao .pa-plan-title { color:var(--pa-ink) !important; } #view-plano-acao .pa-plan-desc { color:var(--pa-muted) !important; } #view-plano-acao .pa-progress-bar { background:#e9eef6 !important; height:5px !important; } #view-plano-acao .pa-progress-bar span { background:#2855a6 !important; } #view-plano-acao .pa-empty-icon { background:#edf3fd !important; color:#2855a6 !important; } #view-plano-acao .pa-board-col { background:#f4f7fc !important; border:1px solid var(--pa-line) !important; border-radius:10px !important; box-shadow:none !important; } #view-plano-acao .pa-board-col-header { background:transparent !important; border-bottom:1px solid var(--pa-line) !important; color:#52647e !important; } #view-plano-acao .pa-board-col-title-icon { background:#eaf0fb !important; color:#2855a6 !important; } #view-plano-acao .pa-board-card { background:#fff !important; border:1px solid var(--pa-line) !important; box-shadow:none !important; } #view-plano-acao .pa-board-card-title { color:var(--pa-ink) !important; } #view-plano-acao .pa-drawer-backdrop { background:rgba(20,34,55,.4) !important; backdrop-filter:blur(2px); } #view-plano-acao .pa-drawer-content::before, #view-plano-acao .pa-drawer-content::after { display:none !important; } #view-plano-acao .pa-drawer-content, #view-plano-acao .pa-drawer.full .pa-drawer-content { position:absolute !important; inset:16px !important; width:auto !important; max-width:none !important; height:auto !important; max-height:none !important; padding:0 !important; margin:0 !important; border:1px solid var(--pa-line) !important; border-radius:12px !important; display:flex !important; flex-direction:column !important; background:#fff !important; overflow:hidden !important; box-shadow:0 20px 70px #172b4833 !important; } #view-plano-acao .pa-studio-top { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 24px; border-bottom:1px solid var(--pa-line); flex-shrink:0; background:#fff; } #view-plano-acao .pa-studio-breadcrumb { display:flex; gap:10px; align-items:center; color:#64748b; font-size:12px; } #view-plano-acao .pa-studio-breadcrumb > i { font-size:17px; color:#2855a6; } #view-plano-acao .pa-studio-breadcrumb > span { color:#b9c5d6; } #view-plano-acao .pa-studio-top-actions { display:flex; align-items:center; gap:10px; } #view-plano-acao .pa-drawer-close { position:static !important; border:1px solid var(--pa-line) !important; border-radius:6px !important; background:#f6f8fc !important; color:#52647e !important; width:34px !important; height:34px !important; flex-shrink:0; } #view-plano-acao .pa-studio-tools { position:relative; } #view-plano-acao .pa-studio-tools > summary { list-style:none; cursor:pointer; color:#52647e; border:1px solid var(--pa-line); padding:7px 10px; border-radius:6px; font-size:12px; } #view-plano-acao .pa-studio-tools > summary::-webkit-details-marker { display:none; } #view-plano-acao .pa-studio-tools-content { position:absolute; z-index:20; right:0; top:calc(100% + 8px); width:260px; max-height:calc(100dvh - 100px); overflow:auto; padding:12px; background:#fff; border:1px solid var(--pa-line); border-radius:9px; box-shadow:0 12px 32px #172b4822; } #view-plano-acao .pa-studio-tools .pa-meta-actions { display:grid !important; grid-template-columns:1fr; gap:6px; background:transparent !important; padding:0 !important; margin:0 !important; border:0 !important; } #view-plano-acao .pa-studio-tools .pa-meta-actions > .btn { width:100%; text-align:left; } #view-plano-acao #pa-btn-expandir { display:none !important; } #view-plano-acao .pa-plan-masthead { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:20px 24px 16px; flex-shrink:0; } #view-plano-acao .pa-plan-heading { min-width:0; } #view-plano-acao .pa-title-line { display:flex; flex-wrap:wrap; gap:12px; align-items:center; } #view-plano-acao #pa-studio-title { font-size:24px; letter-spacing:-.5px; color:var(--pa-ink); margin:0; line-height:1.3; overflow-wrap:anywhere; } #view-plano-acao #pa-studio-description { font-size:13px; line-height:1.5; margin:7px 0; color:var(--pa-muted); white-space:pre-wrap; max-height:58px; overflow:auto; } #view-plano-acao .pa-plan-owner { display:flex; gap:6px; font-size:12px; color:#64748b; } #view-plano-acao .pa-plan-owner strong { font-weight:600; color:#334a69; } #view-plano-acao .pa-plan-progress { width:180px; flex-shrink:0; } #view-plano-acao .pa-plan-progress > div { display:flex; justify-content:space-between; align-items:center; gap:10px; } #view-plano-acao #pa-studio-progress-value { color:#2855a6; font-size:22px; } #view-plano-acao #pa-studio-progress-caption { font-size:11px; color:#64748b; } #view-plano-acao #pa-studio-progress { appearance:none; width:100%; height:5px; display:block; margin-top:8px; border:0; border-radius:4px; overflow:hidden; } #view-plano-acao #pa-studio-progress::-webkit-progress-bar { background:#e7edf7; } #view-plano-acao #pa-studio-progress::-webkit-progress-value { background:#2855a6; } #view-plano-acao .pa-status-tag { display:inline-flex; align-items:center; white-space:nowrap; color:#52647e; background:#eef2f7; border:1px solid #e1e7f0; border-radius:5px; padding:4px 7px; font-size:11px; line-height:1.3; } #view-plano-acao .pa-status-tag[data-status="em_andamento"], #view-plano-acao .pa-status-tag[data-status="concluido"] { color:#2855a6; background:#edf3fd; border-color:#d8e4f8; } #view-plano-acao .pa-status-tag[data-status="bloqueado"] { color:#a45a18; background:#fff5e9; border-color:#f3dfc9; } #view-plano-acao .pa-studio-navigation { display:flex; gap:4px; padding:0 24px; border-bottom:1px solid var(--pa-line); flex-shrink:0; overflow-x:auto; } #view-plano-acao .pa-studio-navigation button { border:0; border-bottom:3px solid transparent; background:transparent; padding:12px 14px; color:#64748b; font-size:13px; font-weight:500; white-space:nowrap; } #view-plano-acao .pa-studio-navigation button.selected { color:#2855a6; border-bottom-color:#2855a6; background:#f5f8fe; } #view-plano-acao .pa-studio-navigation i { margin-right:6px; } #view-plano-acao .pa-studio-main { padding:20px 24px 28px; overflow:auto; flex:1; min-height:0; background:#f7f9fc; } #view-plano-acao .pa-studio-section-head { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; } #view-plano-acao #pa-studio-section-title { font-size:17px; font-weight:650; color:var(--pa-ink); margin:0; } #view-plano-acao .pa-studio-primary .btn { min-height:36px; font-size:13px; } #view-plano-acao #pa-kpis { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0 !important; border:1px solid var(--pa-line); background:#fff; border-radius:8px; overflow:hidden; margin:0 0 16px !important; } #view-plano-acao .pa-kpi-card { display:block !important; background:#fff !important; border:0 !important; border-right:1px solid var(--pa-line) !important; border-radius:0 !important; box-shadow:none !important; padding:10px 14px !important; min-height:66px !important; box-sizing:border-box; } #view-plano-acao .pa-kpi-head { display:grid !important; grid-template-columns:28px minmax(0,1fr) !important; gap:8px; } #view-plano-acao .pa-kpi-head, #view-plano-acao .pa-kpi-copy, #view-plano-acao .pa-kpi-mainline { min-height:0 !important; } #view-plano-acao .pa-kpi-mainline { display:flex !important; flex-wrap:wrap; gap:6px; } #view-plano-acao .pa-kpi-label { line-height:1.4 !important; } #view-plano-acao .pa-kpi-sub { line-height:1.3 !important; } #view-plano-acao .pa-kpi-card:last-child { border-right:0 !important; } #view-plano-acao .pa-kpi-icon { grid-row:1 / 4; background:#eff4fd !important; color:#2855a6 !important; width:28px !important; height:28px !important; border-radius:6px !important; } #view-plano-acao .pa-kpi-label { font-size:10px !important; letter-spacing:.3px !important; color:#64748b !important; } #view-plano-acao .pa-kpi-value { color:var(--pa-ink) !important; font-size:21px !important; line-height:1.1 !important; } #view-plano-acao .pa-kpi-sub { color:#64748b !important; font-size:10px !important; } #view-plano-acao [data-kpi="overdue"] .pa-kpi-icon { color:#be403a !important; background:#fff0ee !important; } #view-plano-acao [data-kpi="blocked"] .pa-kpi-icon { color:#a45a18 !important; background:#fff5e9 !important; } #view-plano-acao .pa-workspace-main, #view-plano-acao .pa-etapas-wrapper, #view-plano-acao .pa-etapas-shell { min-width:0 !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; } #view-plano-acao .pa-etapas-toolbar { display:block !important; padding:0 !important; margin:0 0 14px !important; border:0 !important; background:transparent !important; position:static !important; box-shadow:none !important; } #view-plano-acao .pa-etapas-toolbar-text { display:flex; justify-content:space-between; margin-bottom:8px; } #view-plano-acao .pa-etapas-toolbar-title { font-size:12px !important; color:#52647e !important; } #view-plano-acao .pa-etapas-toolbar-sub { font-size:11px !important; color:#64748b !important; } #view-plano-acao .pa-etapas-toolbar-controls { display:flex !important; flex-wrap:wrap; gap:8px !important; align-items:center; } #view-plano-acao .pa-etapas-search-wrap { flex:1 1 320px !important; width:auto !important; order:-2; } #view-plano-acao #pa-etapas-sort { width:200px !important; order:-1; } #view-plano-acao .pa-filter-pill-group { display:flex !important; flex-wrap:wrap !important; min-width:0 !important; max-width:100%; gap:5px; } #view-plano-acao .pa-filter-pill { background:#fff !important; border:1px solid var(--pa-line) !important; color:#52647e !important; box-shadow:none !important; border-radius:5px !important; padding:6px 9px !important; min-height:30px !important; font-size:11px !important; } #view-plano-acao .pa-filter-pill.active { background:#edf3fd !important; border-color:#a9bcde !important; color:#2855a6 !important; } #view-plano-acao .pa-filter-pill-count { background:transparent !important; color:inherit !important; margin-left:5px; } #view-plano-acao [data-action="pa-save-view"] { margin-left:auto; font-size:11px; } #view-plano-acao .pa-etapas-table { overflow-x:auto; border:1px solid var(--pa-line) !important; border-radius:8px !important; background:#fff !important; box-shadow:none !important; } #view-plano-acao .pa-etapas-head, #view-plano-acao .pa-etapa-row { display:grid !important; grid-template-columns:28px 42px minmax(240px,1fr) 100px 105px 146px 115px 96px 72px 100px !important; align-items:center; gap:8px !important; min-width:1220px; } #view-plano-acao .pa-etapas-head { position:static !important; padding:10px 12px !important; background:#f1f5fb !important; border:0 !important; border-bottom:1px solid var(--pa-line) !important; font-size:11px; color:#52647e; } #view-plano-acao .pa-etapas-head-cell { padding:0 !important; white-space:nowrap; text-transform:none !important; letter-spacing:0 !important; font-size:11px !important; } #view-plano-acao .pa-etapas-rows { display:block !important; gap:0 !important; min-width:1220px; } #view-plano-acao .pa-etapa-card { border:0 !important; border-bottom:1px solid #e5eaf2 !important; border-radius:0 !important; background:#fff !important; box-shadow:none !important; margin:0 !important; padding:0 !important; overflow:visible !important; min-width:0 !important; } #view-plano-acao .pa-etapa-card:last-child { border-bottom:0 !important; } #view-plano-acao .pa-etapa-row { padding:10px 12px !important; min-height:66px !important; box-sizing:border-box; cursor:pointer; background:transparent !important; border:0 !important; } #view-plano-acao .pa-etapa-row:hover { background:#f8faff !important; } #view-plano-acao .pa-etapa-expanded > .pa-etapa-row { background:#eef4ff !important; } #view-plano-acao .pa-etapa-cell { min-width:0 !important; min-height:0 !important; padding:0 !important; border:0 !important; font-size:12px; } #view-plano-acao .pa-etapa-cell--select { grid-column:1;grid-row:1; } #view-plano-acao .pa-etapa-cell--codigo { grid-column:2;grid-row:1; } #view-plano-acao .pa-etapa-cell--what { grid-column:3;grid-row:1; } #view-plano-acao .pa-etapa-cell--fase { grid-column:4;grid-row:1; } #view-plano-acao .pa-etapa-cell--who { grid-column:5;grid-row:1; } #view-plano-acao .pa-etapa-cell--period { grid-column:6;grid-row:1; } #view-plano-acao .pa-etapa-cell--status { grid-column:7;grid-row:1; } #view-plano-acao .pa-etapa-cell--farol { grid-column:8;grid-row:1; } #view-plano-acao .pa-etapa-cell--dependencies { grid-column:9;grid-row:1; color:#52647e; } #view-plano-acao .pa-etapa-cell--actions { grid-column:10;grid-row:1; display:flex !important; justify-content:flex-end; gap:5px !important; } #view-plano-acao .pa-drag-handle { display:none !important; } #view-plano-acao .pa-etapa-num { background:transparent !important; color:#64748b !important; border:0 !important; border-radius:0 !important; padding:0 !important; font-size:11px !important; } #view-plano-acao .pa-etapa-row-title { color:#172b48 !important; font-size:14px !important; font-weight:600 !important; line-height:1.4 !important; white-space:normal !important; overflow:visible !important; display:block !important; } #view-plano-acao .pa-etapa-row-flags { display:none !important; } #view-plano-acao .pa-chip-fase { font-size:12px !important; font-weight:500 !important; color:#64748b !important; background:transparent !important; white-space:normal !important; padding:0 !important; border:0 !important; } #view-plano-acao .pa-etapa-row-period, #view-plano-acao .pa-etapa-row-user { font-size:12px !important; color:#52647e !important; line-height:1.4 !important; white-space:normal !important; } #view-plano-acao .pa-etapa-row-period::before, #view-plano-acao .pa-etapa-row-user::before { display:none !important; } #view-plano-acao .pa-row-pill { min-height:0 !important; height:auto !important; padding:4px 6px !important; border-radius:5px !important; font-size:11px !important; line-height:1.2 !important; width:auto !important; max-width:100%; box-shadow:none !important; } #view-plano-acao .pa-row-pill--status { background:#f0f3f8 !important; border:1px solid #e1e7f0 !important; color:#52647e !important; } #view-plano-acao .pa-status-em_andamento, #view-plano-acao .pa-status-concluido { background:#edf3fd !important; border-color:#d8e4f8 !important; color:#2855a6 !important; } #view-plano-acao .pa-status-bloqueado { background:#fff5e9 !important; border-color:#f3dfc9 !important; color:#a45a18 !important; } #view-plano-acao .pa-row-pill--farol { background:transparent !important; border:0 !important; color:#64748b !important; padding:0 !important; gap:5px !important; } #view-plano-acao .pa-dot { width:6px !important; height:6px !important; box-shadow:none !important; } #view-plano-acao .pa-dot-verde { background:#6483b9 !important; } #view-plano-acao .pa-anexos-btn { visibility:visible !important; opacity:1 !important; display:inline-flex !important; } #view-plano-acao .pa-etapa-cell--actions .btn { font-size:11px !important; padding:5px 7px !important; min-height:30px; } #view-plano-acao .pa-etapa-cell--actions .btn i { font-size:11px; } #view-plano-acao .pa-etapa-details { padding:18px 20px !important; background:#f7faff !important; border:0 !important; border-top:1px solid #d9e5fa !important; } #view-plano-acao .pa-etapa-details-grid { display:grid !important; grid-template-columns:repeat(4,minmax(0,1fr)) !important; gap:14px 18px !important; } #view-plano-acao .pa-editor-heading { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; gap:10px; color:#2855a6; font-size:13px; } #view-plano-acao [data-save-status] { font-size:11px; font-weight:400; color:#64748b; } #view-plano-acao [data-save-status][data-state="error"] { color:#b13e38; } #view-plano-acao .pa-detail-field { min-width:0 !important; padding:0 !important; margin:0 !important; border:0 !important; background:transparent !important; } #view-plano-acao .pa-detail-field label { color:#334a69 !important; font-size:12px !important; } #view-plano-acao .pa-detail-field label { text-transform:none !important; letter-spacing:0 !important; } #view-plano-acao .pa-etapa-card.done :is(input,textarea,.pa-etapa-row-title) { text-decoration:none !important; } #view-plano-acao .pa-detail-field--what { grid-column:1 / 3;grid-row:2; } #view-plano-acao .pa-detail-field--why { grid-column:3 / 5;grid-row:2; } #view-plano-acao .pa-detail-field--who { grid-column:1;grid-row:3; } #view-plano-acao .pa-detail-field--where { grid-column:2;grid-row:3; } #view-plano-acao .pa-detail-field--how { grid-column:3 / 5;grid-row:3; } #view-plano-acao .pa-detail-field--date { grid-row:4; } #view-plano-acao .pa-detail-field--cost { grid-column:3;grid-row:4; } #view-plano-acao .pa-detail-field--status { grid-column:4;grid-row:4; } #view-plano-acao .pa-detail-field--phase { grid-row:5;grid-column:1; } #view-plano-acao .pa-detail-field--code { grid-row:5;grid-column:2; } #view-plano-acao .pa-detail-field--farol { grid-row:5;grid-column:3; } #view-plano-acao .pa-detail-field--deps { grid-row:6;grid-column:1 / 3; } #view-plano-acao .pa-detail-field--criteria { grid-row:6;grid-column:3 / 5; } #view-plano-acao .pa-detail-field--footer { grid-column:1 / -1; display:flex; justify-content:space-between; align-items:center; padding-top:10px !important; border-top:1px solid #dce5f3 !important; } #view-plano-acao .pa-detail-field--footer :is(.pa-footer-inline,.pa-etapa-actions) { flex:0 0 auto !important; width:auto !important; display:flex !important; margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; } #view-plano-acao .pa-etapa-done-wrap { margin:0 !important; } #view-plano-acao .pa-detail-field textarea { min-height:58px !important; resize:vertical; font-size:13px !important; line-height:1.5; } #view-plano-acao [data-action="pa-move-up"], #view-plano-acao [data-action="pa-move-down"] { display:none !important; } #view-plano-acao .pa-studio-help { color:#64748b; font-size:12px; margin:0 0 12px; } #view-plano-acao .pa-matrix-scroll { overflow:auto; border:1px solid var(--pa-line); border-radius:8px; background:#fff; } #view-plano-acao .pa-method-table { width:100%; min-width:1480px; table-layout:fixed; border-collapse:collapse; font-size:12px; color:#334a69; } #view-plano-acao .pa-method-table th, #view-plano-acao .pa-method-table td { padding:12px; text-align:left; vertical-align:top; border-bottom:1px solid #e5eaf2; border-right:1px solid #e5eaf2; line-height:1.5; overflow-wrap:anywhere; } #view-plano-acao .pa-method-table thead th { background:#f1f5fb; color:#52647e; font-size:11px; font-weight:600; } #view-plano-acao .pa-method-table th:first-child { width:270px; position:sticky; left:0; background:#fff; z-index:1; } #view-plano-acao .pa-method-table thead th:first-child { background:#f1f5fb; } #view-plano-acao .pa-method-table th:nth-child(2), #view-plano-acao .pa-method-table th:nth-child(6) { width:210px; } #view-plano-acao .pa-method-table th:nth-child(3) { width:140px; } #view-plano-acao .pa-method-table th:nth-child(4) { width:112px; } #view-plano-acao .pa-method-table th:nth-child(5), #view-plano-acao .pa-method-table th:nth-child(7) { width:120px; } #view-plano-acao .pa-method-table th:nth-child(8) { width:126px; } #view-plano-acao .pa-method-table th:nth-child(9) { width:76px; } #view-plano-acao .pa-method-table .btn { white-space:nowrap; font-size:11px; padding:5px 8px; } #view-plano-acao .pa-method-table small { display:block; color:#64748b; font-size:10px; margin-top:4px; font-weight:400; } #view-plano-acao .pa-text-link { color:#172b48; background:transparent; border:0; padding:0; text-align:left; line-height:1.5; font-weight:600; } #view-plano-acao .pa-text-link:hover { color:#2855a6; text-decoration:underline; } #view-plano-acao .pa-sequence { font-size:10px; color:#64748b; margin-right:7px; font-weight:400; } #view-plano-acao .pa-nowrap { white-space:nowrap; } #view-plano-acao .pa-view-empty { padding:36px 20px; color:#64748b; text-align:center; font-size:13px; margin:0; background:#fff; } #view-plano-acao .pa-schedule-controls { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:12px; } #view-plano-acao .pa-schedule-pager, #view-plano-acao .pa-schedule-zoom { display:flex; gap:5px; align-items:center; } #view-plano-acao #pa-schedule-month { width:185px; text-transform:capitalize; } #view-plano-acao .pa-schedule-caption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:12px; color:#64748b; margin:0 0 10px; } #view-plano-acao .pa-schedule-caption strong { color:#334a69; text-transform:capitalize; font-size:13px; } #view-plano-acao .pa-gantt-scroll { overflow:auto; border:1px solid var(--pa-line); border-radius:8px; background:#fff; } #view-plano-acao .pa-gantt { min-width:920px; } #view-plano-acao .pa-gantt-header, #view-plano-acao .pa-gantt-row { display:grid; grid-template-columns:330px minmax(0,1fr); } #view-plano-acao .pa-gantt-header { background:#f1f5fb; font-size:11px; color:#52647e; min-height:40px; border-bottom:1px solid var(--pa-line); } #view-plano-acao .pa-gantt-header > div:first-child { padding:12px 16px; } #view-plano-acao .pa-gantt-scale { display:flex; align-items:stretch; } #view-plano-acao .pa-gantt-scale > div { border-left:1px solid var(--pa-line); min-width:0; } #view-plano-acao .pa-gantt-scale strong { display:block; text-align:center; padding:12px 4px; text-transform:capitalize; font-weight:600; white-space:nowrap; overflow:hidden; } #view-plano-acao .pa-gantt-days { display:flex; border-top:1px solid var(--pa-line); background:#f9fbff; } #view-plano-acao .pa-gantt-days span { flex:1; text-align:center; font-size:9px; padding:5px 0; border-left:1px solid #e9edf5; } #view-plano-acao .pa-gantt-row { border-bottom:1px solid #e5eaf2; min-height:64px; } #view-plano-acao .pa-gantt-task { position:sticky; left:0; z-index:2; border:0; border-right:1px solid var(--pa-line); background:#fff; padding:10px 16px; text-align:left; font-size:12px; color:#172b48; line-height:1.4; } #view-plano-acao .pa-gantt-task:hover { background:#f1f6ff; } #view-plano-acao .pa-gantt-task strong { font-weight:600; } #view-plano-acao .pa-gantt-task small { display:block; font-size:10px; color:#64748b; margin-top:4px; } #view-plano-acao .pa-gantt-track { position:relative; min-height:64px; } #view-plano-acao .pa-gantt-month-line { position:absolute; top:0; bottom:0; width:1px; background:#e8edf6; pointer-events:none; } #view-plano-acao .pa-gantt-bar { position:absolute; top:20px; height:24px; border:1px solid #9ab5e4; background:#dce8fc; border-radius:4px; padding:0; color:#2855a6; overflow:hidden; min-width:5px; } #view-plano-acao .pa-gantt-bar span { display:block; padding:4px 8px; text-align:right; font-size:10px; white-space:nowrap; } #view-plano-acao .pa-gantt-bar[data-status="concluido"] { background:#426baa; color:#fff; border-color:#426baa; } #view-plano-acao .pa-gantt-bar[data-status="bloqueado"] { background:#ffe5c7; color:#9a5315; border-color:#e6b883; } #view-plano-acao .pa-gantt-bar[data-status="nao_iniciado"] { background:#edf1f7; color:#64748b; border-color:#cbd5e4; } #view-plano-acao .pa-gantt-bar.continues-before { border-left:0; border-top-left-radius:0; border-bottom-left-radius:0; } #view-plano-acao .pa-gantt-bar.continues-after { border-right:0; border-top-right-radius:0; border-bottom-right-radius:0; } #view-plano-acao .pa-gantt-milestone { border:0 !important; background:transparent !important; overflow:visible; min-width:18px; max-width:18px; font-size:18px; line-height:24px; } #view-plano-acao .pa-gantt-today { position:absolute; top:0; bottom:0; width:1px; background:#d95148; z-index:1; pointer-events:none; } #view-plano-acao .pa-gantt-legend { display:flex; flex-wrap:wrap; gap:18px; margin-top:12px; font-size:10px; color:#64748b; } #view-plano-acao .pa-gantt-legend span { display:flex; align-items:center; gap:5px; } #view-plano-acao .pa-legend-line { width:18px;height:7px;background:#dce8fc;border:1px solid #9ab5e4;border-radius:2px; } #view-plano-acao .pa-legend-today { height:12px;width:1px;background:#d95148; } #view-plano-acao .pa-unscheduled { margin-top:20px; border:1px solid var(--pa-line); border-radius:8px; background:#fff; overflow:hidden; } #view-plano-acao .pa-unscheduled h4 { font-size:12px; color:#52647e; background:#f1f5fb; padding:12px 16px; margin:0; } #view-plano-acao .pa-unscheduled h4 span { margin-left:6px;color:#a45a18; } #view-plano-acao .pa-unscheduled button { display:flex; justify-content:space-between; gap:16px; width:100%; text-align:left; border:0; border-top:1px solid #e5eaf2; background:#fff; padding:12px 16px; font-size:12px; color:#334a69; } #view-plano-acao .pa-unscheduled button span { color:#a45a18; white-space:nowrap; } #view-plano-acao .pa-studio-main .pa-drawer-header { background:#fff !important; border:1px solid var(--pa-line) !important; padding:20px !important; border-radius:8px !important; } #view-plano-acao .pa-plan-header-card { background:#fff !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #view-plano-acao .pa-workspace-side { width:100% !important; background:#fff !important; border:1px solid var(--pa-line) !important; border-radius:8px; padding:18px !important; box-shadow:none !important; } /* Compact command area and stronger hierarchy. */ #view-plano-acao { --pa-accent:#194987; --pa-muted:#445875; } #view-plano-acao .btn-primary { background:#194987 !important; border-color:#194987 !important; } #view-plano-acao .btn-outline-primary { color:#194987 !important; border-color:#8ba9d0 !important; } #view-plano-acao .pa-command-bar { padding:18px 22px !important; } #view-plano-acao .pa-command-row { padding:0 !important; margin:0 !important; gap:12px; min-height:0 !important; } #view-plano-acao .pa-command-row-1 { margin-bottom:16px !important; } #view-plano-acao .pa-command-row-2 { margin-bottom:12px !important; flex-wrap:wrap; } #view-plano-acao .pa-command-row-2 .pa-command-left { flex:1; } #view-plano-acao .pa-command-row-2 .pa-command-right { gap:8px; } #view-plano-acao .pa-command-row-3 > .pa-command-right:empty { display:none; } #view-plano-acao .pa-command-row-3 .pa-command-left { width:100%; } #view-plano-acao .pa-search { font-size:14px !important; color:#213954 !important; box-shadow:none !important; } #view-plano-acao .pa-subtitle { font-size:14px !important; color:#445875 !important; } #view-plano-acao .pa-quick-stat { font-size:12px !important; font-weight:600; color:#334c6e !important; } #view-plano-acao .pa-quick-stat.active { background:#194987 !important; color:#fff !important; border-color:#194987 !important; } #view-plano-acao .pa-quick-stat.active .pa-quick-stat-value { color:#fff !important; } #view-plano-acao .pa-studio-top { padding-top:8px; padding-bottom:8px; } #view-plano-acao .pa-plan-masthead { padding-top:16px; padding-bottom:12px; } #view-plano-acao .pa-studio-navigation button { color:#3d5271; font-weight:600; } #view-plano-acao .pa-studio-navigation button.selected { background:#194987; color:#fff; border-bottom-color:#103567; } #view-plano-acao .pa-studio-main { padding-top:14px; } #view-plano-acao .pa-studio-section-head { display:grid; grid-template-columns:180px minmax(0,1fr) auto; gap:16px; margin-bottom:14px; } #view-plano-acao #pa-studio-section-title { font-size:18px; line-height:1.3; color:#143763; } #view-plano-acao #pa-studio-metrics { min-width:0; } #view-plano-acao #pa-kpis { margin:0 !important; } #view-plano-acao .pa-kpi-card { min-height:60px !important; padding:8px 10px !important; display:flex !important; align-items:center; } #view-plano-acao .pa-kpi-head { width:100%; } #view-plano-acao .pa-kpi-icon { grid-row:auto !important; width:30px !important; height:30px !important; background:#194987 !important; color:#fff !important; border:0 !important; } #view-plano-acao [data-kpi="progress"] .pa-kpi-icon { background:#13804b !important; } #view-plano-acao [data-kpi="overdue"] .pa-kpi-icon { background:#c2393c !important; color:#fff !important; } #view-plano-acao [data-kpi="dueSoon"] .pa-kpi-icon { background:#a96809 !important; color:#fff !important; } #view-plano-acao [data-kpi="blocked"] .pa-kpi-icon { background:#bd6420 !important; color:#fff !important; } #view-plano-acao .pa-kpi-icon i { font-size:16px !important; } #view-plano-acao .pa-kpi-label { font-size:11px !important; font-weight:650; color:#3d5271 !important; letter-spacing:0 !important; } #view-plano-acao .pa-kpi-value { font-size:23px !important; color:#123969 !important; } #view-plano-acao .pa-kpi-sub { color:#425873 !important; } #view-plano-acao .pa-etapas-toolbar-text { display:flex !important; flex-direction:row !important; align-items:center !important; justify-content:space-between !important; gap:12px; } #view-plano-acao .pa-etapas-toolbar-title { font-size:14px !important; font-weight:650; color:#203e67 !important; } #view-plano-acao .pa-etapas-toolbar-sub { font-size:12px !important; color:#445875 !important; } #view-plano-acao .pa-filter-pill { font-size:12px !important; font-weight:600 !important; color:#2d4669 !important; padding:6px 10px !important; } #view-plano-acao .pa-filter-pill.active { background:#194987 !important; border-color:#194987 !important; color:#fff !important; } #view-plano-acao .pa-filter-pill[data-filter="atrasadas"] { color:#ad2d35 !important; border-color:#e4afb4 !important; } #view-plano-acao .pa-filter-pill[data-filter="bloqueadas"] { color:#a05517 !important; border-color:#e8c29e !important; } #view-plano-acao .pa-filter-pill[data-filter="atrasadas"].active { color:#fff !important; background:#b93039 !important; border-color:#b93039 !important; } #view-plano-acao .pa-filter-pill[data-filter="bloqueadas"].active { color:#fff !important; background:#a95d1c !important; border-color:#a95d1c !important; } #view-plano-acao .pa-etapas-head, #view-plano-acao .pa-method-table thead th, #view-plano-acao .pa-method-table thead th:first-child, #view-plano-acao .pa-table thead th { background:#194987 !important; color:#fff !important; } #view-plano-acao .pa-etapas-head-cell { color:#fff !important; font-size:12px !important; font-weight:600 !important; text-align:left !important; } #view-plano-acao .pa-method-table thead th { font-size:12px; border-color:#42649a; } #view-plano-acao .pa-method-table { color:#243e61; font-size:13px; } #view-plano-acao .pa-etapa-cell--farol { display:flex; justify-content:flex-start !important; text-align:left !important; } /* Status and deadline signals keep their labels as well as their colors. */ #view-plano-acao :is(.pa-status-concluido,[data-status="concluido"]) { --pa-signal:#16824c; --pa-signal-bg:#e6f5ed; --pa-signal-ink:#11673b; } #view-plano-acao :is(.pa-status-em_andamento,[data-status="em_andamento"]) { --pa-signal:#d69512; --pa-signal-bg:#fff3d6; --pa-signal-ink:#80500a; } #view-plano-acao :is(.pa-status-bloqueado,[data-status="bloqueado"]) { --pa-signal:#cd3540; --pa-signal-bg:#fce9eb; --pa-signal-ink:#a42632; } #view-plano-acao :is(.pa-status-em_validacao,[data-status="em_validacao"]) { --pa-signal:#8053bc; --pa-signal-bg:#f1eafa; --pa-signal-ink:#61398f; } #view-plano-acao :is(.pa-status-nao_iniciado,.pa-status-rascunho,.pa-status-cancelado,.pa-status-arquivado,[data-status="nao_iniciado"],[data-status="rascunho"],[data-status="cancelado"],[data-status="arquivado"]) { --pa-signal:#7c8ca2; --pa-signal-bg:#edf1f6; --pa-signal-ink:#42546d; } #view-plano-acao :is(.pa-status-tag,.pa-row-pill--status,.pa-board-badge--status,.pa-chip-status) { background:var(--pa-signal-bg,#edf1f6) !important; color:var(--pa-signal-ink,#42546d) !important; border:1px solid var(--pa-signal-bg,#edf1f6) !important; display:inline-flex; align-items:center; justify-content:flex-start; gap:6px; font-size:12px !important; font-weight:600; padding:4px 7px !important; text-align:left; } #view-plano-acao :is(.pa-status-tag,.pa-row-pill--status,.pa-board-badge--status,.pa-chip-status)::before { content:''; width:7px; height:7px; border-radius:50%; background:var(--pa-signal,#7c8ca2); flex:0 0 7px; } #view-plano-acao .pa-board-badge--status > i { display:none; } #view-plano-acao .pa-row-pill--farol { justify-content:flex-start !important; text-align:left !important; font-weight:600; color:var(--pa-risk,#536780) !important; } #view-plano-acao .pa-row-pill--farol-verde { --pa-risk:#16824c; } #view-plano-acao .pa-row-pill--farol-amarelo { --pa-risk:#9a650d; } #view-plano-acao .pa-row-pill--farol-vermelho { --pa-risk:#bd303b; } #view-plano-acao .pa-row-pill--farol-cinza { --pa-risk:#536780; } #view-plano-acao .pa-row-pill--farol[data-risk="blocked"] { --pa-risk:#ab5919; } #view-plano-acao .pa-row-pill--farol .pa-dot { width:7px !important; height:7px !important; border:0 !important; background:currentColor !important; } #view-plano-acao .pa-gantt-header { background:#194987; color:#fff; } #view-plano-acao .pa-gantt-bar[data-status="concluido"] { background:#2d8b5b; border-color:#2d8b5b; } #view-plano-acao .pa-gantt-bar[data-status="em_andamento"] { background:#f9e2ab; border-color:#d7a246; color:#80500a; } #view-plano-acao .pa-gantt-bar[data-status="bloqueado"] { background:#f5c4c9; border-color:#d56d77; color:#a42632; } /* Data and team: ordinary fields, live workload, no inherited absolute labels. */ #view-plano-acao .pa-studio-main .pa-drawer-header.pa-planning-grid { display:grid !important; grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr); gap:18px; padding:0 !important; border:0 !important; background:transparent !important; align-items:start; } #view-plano-acao .pa-plan-settings, #view-plano-acao .pa-team-panel { min-width:0; background:#fff; border:1px solid var(--pa-line); border-radius:8px; overflow:hidden; } #view-plano-acao .pa-plan-settings > h4, #view-plano-acao .pa-team-heading { background:#194987; color:#fff; margin:0; padding:14px 16px; } #view-plano-acao .pa-plan-settings > h4, #view-plano-acao .pa-team-heading h4 { font-size:15px; font-weight:600; } #view-plano-acao .pa-team-heading h4 { margin:0; color:#fff; } #view-plano-acao .pa-team-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; } #view-plano-acao #pa-team-summary { margin:5px 0 0; font-size:11px; color:#e0eafd; } #view-plano-acao .pa-team-manage .btn { color:#fff !important; border-color:#7999c8 !important; background:transparent !important; white-space:nowrap; font-size:12px; } #view-plano-acao .pa-plan-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:18px; } #view-plano-acao .pa-plan-field--title, #view-plano-acao .pa-plan-form-grid .pa-drawer-desc { grid-column:1 / -1; } #view-plano-acao .pa-plan-form-grid .pa-plan-header-card { display:block !important; position:static !important; min-height:0 !important; height:auto !important; overflow:visible !important; padding:0 !important; margin:0 !important; } #view-plano-acao .pa-plan-form-grid .form-label { display:block; position:static !important; inset:auto !important; transform:none !important; color:#203e67 !important; font:600 13px/1.5 'Segoe UI',sans-serif !important; letter-spacing:0 !important; text-transform:none !important; margin:0 0 7px !important; } #view-plano-acao .pa-plan-form-grid .form-label i { color:#194987; } #view-plano-acao .pa-plan-form-grid :is(input,select,textarea) { width:100% !important; position:static !important; min-height:38px !important; font-size:14px !important; } #view-plano-acao .pa-plan-form-grid .pa-title-input { max-width:none !important; } #view-plano-acao #pa-drawer-descricao { height:144px !important; min-height:144px !important; max-height:340px; resize:vertical; line-height:1.55 !important; padding:10px !important; overflow:auto !important; } #view-plano-acao .pa-plan-audit { padding:0 18px 16px; } #view-plano-acao .pa-plan-audit .pa-header-meta { margin:0 !important; padding:0 !important; min-height:0 !important; background:transparent !important; border:0 !important; } #view-plano-acao .pa-plan-audit .pa-meta-updated { margin:0 !important; padding:0 !important; background:transparent !important; border:0 !important; color:#445875 !important; font-size:11px; } #view-plano-acao .pa-plan-audit .pa-header-team-row { display:none; } #view-plano-acao .pa-team-table-scroll { overflow:auto; } #view-plano-acao .pa-team-table { width:100%; min-width:570px; border-collapse:collapse; color:#203e67; font-size:13px; } #view-plano-acao .pa-team-table th, #view-plano-acao .pa-team-table td { padding:14px 12px; border-bottom:1px solid #e3eaf4; text-align:left; vertical-align:middle; } #view-plano-acao .pa-team-table thead th { background:#f0f4fb; color:#254570; font-size:11px; white-space:nowrap; } #view-plano-acao .pa-team-person { display:flex; align-items:center; gap:9px; } #view-plano-acao .pa-team-person strong { font-weight:600; } #view-plano-acao .pa-team-person small { display:block; font-size:10px; color:#536780; font-weight:400; margin-top:3px; } #view-plano-acao .pa-team-avatar { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex-shrink:0; border-radius:8px; color:#fff; background:#194987; font-size:11px; font-weight:600; } #view-plano-acao .pa-team-table :is([data-team-total],[data-team-done],[data-team-pending]) { font-weight:650; font-size:17px; } #view-plano-acao .pa-team-completed { color:#16824c; } #view-plano-acao .pa-team-alert { display:block; white-space:nowrap; font-size:11px; font-weight:600; line-height:1.7; } #view-plano-acao .pa-team-alert--overdue { color:#bd303b; } #view-plano-acao .pa-team-alert--blocked { color:#ab5919; } #view-plano-acao .pa-team-no-alert { font-size:11px; color:#536780; white-space:nowrap; } #view-plano-acao .pa-team-note { padding:12px 16px; margin:0; color:#536780; font-size:11px; line-height:1.5; } /* Plan board uses the same hierarchy and status signals. */ #view-plano-acao .pa-board-container { background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; } #view-plano-acao .pa-board { padding:0 !important; gap:16px !important; background:transparent !important; } #view-plano-acao .pa-board-col { padding:0 !important; overflow:hidden; } #view-plano-acao .pa-board-col-header { background:#194987 !important; padding:12px 14px !important; color:#fff !important; } #view-plano-acao .pa-board-col-title { color:#fff !important; font-size:14px !important; font-weight:600; } #view-plano-acao .pa-board-col-title-icon { width:28px !important; height:28px !important; border-radius:7px !important; color:#fff !important; background:#587292 !important; box-shadow:none !important; } #view-plano-acao .pa-board-col--em_andamento .pa-board-col-title-icon { background:#b77912 !important; } #view-plano-acao .pa-board-col--bloqueado .pa-board-col-title-icon { background:#c23944 !important; } #view-plano-acao .pa-board-col--concluido .pa-board-col-title-icon { background:#16824c !important; } #view-plano-acao .pa-board-col-header .badge { background:#fff !important; color:#194987 !important; border:0 !important; font-size:12px; } #view-plano-acao .pa-board-col-body { padding:12px !important; min-height:170px; } #view-plano-acao .pa-board-col-body > .text-muted { font-size:13px !important; color:#445875 !important; padding:6px; } #view-plano-acao .pa-board-card { padding:14px !important; border-radius:8px !important; } #view-plano-acao .pa-board-card:hover { border-color:#9fb6d8 !important; } #view-plano-acao .pa-board-card-head { display:flex !important; flex-direction:column; align-items:flex-start; gap:8px !important; } #view-plano-acao .pa-board-card-title { font-size:16px !important; line-height:1.4; font-weight:650 !important; } #view-plano-acao .pa-board-card-desc { color:#445875 !important; font-size:12px; line-height:1.5; margin:9px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } #view-plano-acao .pa-board-badges { margin:8px 0; gap:6px; } #view-plano-acao .pa-board-badge:not(.pa-board-badge--status) { font-size:12px !important; color:#334f77 !important; border-color:#d7e1ef !important; background:#f4f7fc !important; } #view-plano-acao .pa-board-card-meta { gap:5px; } #view-plano-acao .pa-board-chip { color:#334f77 !important; background:transparent !important; border:0 !important; padding:0 !important; font-size:12px !important; } #view-plano-acao .pa-board-chip--muted { font-size:11px !important; color:#536780 !important; } #view-plano-acao .pa-board-card-actions { gap:6px !important; margin-top:12px; } #view-plano-acao .pa-board-card-actions .btn { font-size:12px !important; min-height:32px; } } /* Read-only 5W2H preview and personal work list share the workspace's visual rules. */ @media screen { #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-dialog { width:calc(100% - 48px); max-width:1520px; margin:24px auto; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-content { background:#fff; border:1px solid var(--pa-line); border-radius:12px; box-shadow:0 20px 70px #172b4833; overflow:hidden; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-header { padding:16px 22px; gap:12px; border-bottom:1px solid var(--pa-line); background:#194987; color:#fff; align-items:center; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-title { font-size:19px; font-weight:600; color:#fff; line-height:1.4; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-header .btn-close { filter:invert(1) grayscale(1) brightness(2); opacity:1; flex-shrink:0; margin-left:0; } #view-plano-acao #pa-preview-modal .modal-header > div { flex:1; min-width:0; } #view-plano-acao #pa-minhas-pendencias-modal .modal-title { flex:1; } #view-plano-acao #pa-preview-subtitle { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; color:#e1eafa !important; font-size:12px; } #view-plano-acao #pa-preview-subtitle .pa-status-tag { font-size:11px !important; padding:3px 6px !important; } #view-plano-acao .pa-preview-expand { background:transparent !important; border-color:#809bc5 !important; color:#fff !important; white-space:nowrap; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-body { background:#f7f9fc; padding:20px 22px; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-footer { padding:12px 22px; background:#fff; border-color:var(--pa-line); } #view-plano-acao #pa-preview-modal.pa-modal-expanded .modal-dialog { max-width:none; width:calc(100% - 24px); height:calc(100dvh - 24px); max-height:calc(100dvh - 24px); margin:12px; } #view-plano-acao #pa-preview-modal.pa-modal-expanded .modal-content { height:100%; } #view-plano-acao .pa-preview-wrap { display:block; padding:0; border-radius:0; background:transparent; --pa-accent:#194987; } #view-plano-acao .pa-preview-description { color:#3d5270; font-size:13px; line-height:1.6; margin:0 0 16px; max-height:96px; overflow:auto; white-space:pre-wrap; } #view-plano-acao .pa-modal-overview { display:flex; align-items:center; gap:24px; margin-bottom:18px; } #view-plano-acao .pa-modal-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; background:#fff; border:1px solid var(--pa-line); border-radius:8px; overflow:hidden; flex:1; min-width:0; } #view-plano-acao .pa-modal-metric { padding:10px 14px; display:flex; gap:10px; align-items:center; border-right:1px solid var(--pa-line); min-width:0; min-height:65px; } #view-plano-acao .pa-modal-metric:last-child { border-right:0; } #view-plano-acao .pa-modal-metric > i { display:flex; justify-content:center; align-items:center; width:32px; height:32px; background:#194987; color:#fff; font-size:17px; border-radius:7px; flex-shrink:0; } #view-plano-acao .pa-modal-metric[data-tone="success"] > i { background:#16824c; } #view-plano-acao .pa-modal-metric[data-tone="warning"] > i { background:#a9680c; } #view-plano-acao .pa-modal-metric[data-tone="danger"] > i { background:#c23944; } #view-plano-acao .pa-modal-metric[data-tone="slate"] > i { background:#587292; } #view-plano-acao .pa-modal-metric > div { display:flex; align-items:baseline; gap:9px; flex-wrap:wrap; } #view-plano-acao .pa-modal-metric span { font-size:12px; font-weight:600; color:#3d5270; } #view-plano-acao .pa-modal-metric strong { font-size:23px; line-height:1.2; color:#123969; } #view-plano-acao .pa-preview-completion { flex:0 0 150px; display:grid; grid-template-columns:auto 1fr; align-items:center; gap:8px; } #view-plano-acao .pa-preview-completion > strong { font-size:22px; color:#194987; } #view-plano-acao .pa-preview-completion > span { font-size:11px; color:#536780; text-align:right; } #view-plano-acao .pa-preview-completion progress { grid-column:1 / -1; appearance:none; width:100%; height:5px; border:0; border-radius:4px; overflow:hidden; } #view-plano-acao .pa-preview-completion progress::-webkit-progress-bar { background:#e2eaf6; } #view-plano-acao .pa-preview-completion progress::-webkit-progress-value { background:#194987; } #view-plano-acao .pa-preview-matrix-title { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px; } #view-plano-acao .pa-preview-matrix-title h6 { font-size:15px; font-weight:600; color:#203e67; margin:0; } #view-plano-acao .pa-preview-matrix-title > span { font-size:12px; color:#536780; } #view-plano-acao #pa-preview-modal .pa-method-table { min-width:1360px; } #view-plano-acao #pa-preview-modal .pa-text-link:hover { text-decoration:none; color:#172b48; } #view-plano-acao .pa-preview-label { margin-left:4px; } #view-plano-acao .pa-pending-shell { display:grid; gap:16px; } #view-plano-acao .pa-pending-intro { display:flex; gap:12px; align-items:center; justify-content:space-between; } #view-plano-acao #pa-minhas-pendencias-summary { margin:0; color:#3d5270; font-size:13px; line-height:1.5; } #view-plano-acao #pa-minhas-pendencias-health { display:inline-flex; align-items:center; gap:6px; border-radius:5px; background:#e6f5ed; color:#11673b; font-size:12px; font-weight:600; padding:5px 9px; white-space:nowrap; } #view-plano-acao #pa-minhas-pendencias-health[data-tone="danger"] { background:#fce9eb; color:#a42632; } #view-plano-acao #pa-minhas-pendencias-health[data-tone="warning"] { background:#fff3d6; color:#80500a; } #view-plano-acao .pa-pending-toolbar { display:flex; align-items:center; gap:10px; flex-wrap:wrap; } #view-plano-acao .pa-pending-search { flex:1; min-width:200px; position:relative; margin:0; } #view-plano-acao .pa-pending-search > i { position:absolute; left:12px; top:11px; color:#536780; } #view-plano-acao .pa-pending-search > input { padding-left:36px; height:40px; } #view-plano-acao #pa-my-filter { width:230px; height:40px; } #view-plano-acao #pa-my-count { color:#536780; font-size:12px; white-space:nowrap; } #view-plano-acao .pa-pending-table-scroll { overflow:auto; background:#fff; border:1px solid var(--pa-line); border-radius:8px; } #view-plano-acao .pa-pending-table { width:100%; min-width:900px; border-collapse:collapse; table-layout:fixed; color:#243e61; font-size:13px; } #view-plano-acao .pa-pending-table thead { background:#194987; color:#fff; } #view-plano-acao .pa-pending-table th { font-size:12px; font-weight:600; } #view-plano-acao .pa-pending-table :is(th,td) { padding:12px 14px; text-align:left; vertical-align:middle; border-bottom:1px solid #e5eaf2; overflow-wrap:anywhere; } #view-plano-acao .pa-pending-table th:first-child { width:35%; } #view-plano-acao .pa-pending-table th:nth-child(2) { width:26%; } #view-plano-acao .pa-pending-table th:nth-child(3) { width:130px; } #view-plano-acao .pa-pending-table th:nth-child(4) { width:132px; } #view-plano-acao .pa-pending-table th:last-child { width:128px; } #view-plano-acao .pa-pending-table tbody tr:hover { background:#f7faff; } #view-plano-acao .pa-pending-activity { display:block; font-weight:600; color:#172b48; } #view-plano-acao .pa-pending-table small { display:block; font-size:11px; font-weight:400; color:#536780; margin-top:4px; } #view-plano-acao .pa-pending-risk { display:inline-flex; gap:6px; align-items:center; font-size:12px; font-weight:600; color:#536780; white-space:nowrap; } #view-plano-acao .pa-pending-risk::before { content:''; width:7px; height:7px; border-radius:50%; background:currentColor; } #view-plano-acao .pa-pending-risk[data-tone="danger"] { color:#bd303b; } #view-plano-acao .pa-pending-risk[data-tone="warning"] { color:#9a650d; } #view-plano-acao .pa-pending-risk[data-tone="success"] { color:#16824c; } #view-plano-acao .pa-pending-table .btn { white-space:nowrap; font-size:12px; } #view-plano-acao .pa-pending-error { border:1px solid #e4afb4; border-radius:8px; padding:18px; color:#a42632; background:#fce9eb; font-size:13px; } } @media screen and (max-width:900px) { #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-dialog { margin:0; width:100%; max-width:none; height:100dvh; max-height:100dvh; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-content { border-radius:0; height:100%; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-header { padding:12px 14px; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-body { padding:14px; } #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-footer { padding:10px 14px; } #view-plano-acao .pa-preview-expand { display:none; } #view-plano-acao .pa-modal-overview { flex-wrap:wrap; gap:12px; } #view-plano-acao .pa-modal-metrics { flex-basis:100%; } #view-plano-acao .pa-preview-completion { flex:1; grid-template-columns:auto auto 1fr; } #view-plano-acao .pa-preview-completion progress { grid-column:3; } #view-plano-acao .pa-pending-intro { flex-wrap:wrap; } } @media screen and (max-width:600px) { #view-plano-acao :is(#pa-preview-modal,#pa-minhas-pendencias-modal) .modal-title { font-size:16px; } #view-plano-acao .pa-modal-metric { padding:9px; gap:7px; } #view-plano-acao .pa-modal-metric > i { width:24px; height:24px; font-size:13px; } #view-plano-acao .pa-modal-metric > div { display:block; } #view-plano-acao .pa-modal-metric span { font-size:10px; } #view-plano-acao .pa-modal-metric strong { display:block; font-size:20px; } #view-plano-acao .pa-modal-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); } #view-plano-acao .pa-modal-metric:nth-child(2) { border-right:0; } #view-plano-acao .pa-modal-metric:nth-child(-n+2) { border-bottom:1px solid var(--pa-line); } #view-plano-acao .pa-pending-search { min-width:0; flex-basis:100%; } #view-plano-acao #pa-my-filter { width:auto; flex:1; min-width:0; } #view-plano-acao #pa-my-count { font-size:11px; } } @media screen and (max-width:900px) { #view-plano-acao .pa-studio-section-head { grid-template-columns:minmax(0,1fr) auto; gap:12px; } #view-plano-acao #pa-studio-metrics { grid-row:2; grid-column:1 / -1; } #view-plano-acao .pa-studio-primary { grid-column:2; grid-row:1; } #view-plano-acao .pa-studio-main .pa-drawer-header.pa-planning-grid { grid-template-columns:minmax(0,1fr); } #view-plano-acao .pa-drawer-content, #view-plano-acao .pa-drawer.full .pa-drawer-content { inset:8px !important; } #view-plano-acao .pa-studio-top, #view-plano-acao .pa-plan-masthead { padding-left:16px; padding-right:16px; } #view-plano-acao .pa-studio-navigation { padding:0 10px; } #view-plano-acao .pa-studio-main { padding:16px; } #view-plano-acao #pa-studio-title { font-size:20px; } #view-plano-acao .pa-kpi-card { padding:10px !important; grid-template-columns:1fr; } #view-plano-acao .pa-kpi-icon { display:none !important; } #view-plano-acao .pa-kpi-head { grid-template-columns:minmax(0,1fr) !important; } #view-plano-acao .pa-bulk-bar { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #view-plano-acao .pa-bulk-title { grid-column:1 / -1; } #view-plano-acao .pa-kpi-sub { font-size:9px !important; } #view-plano-acao .pa-etapa-details { position:sticky; left:0; width:calc(100vw - 52px); } #view-plano-acao .pa-etapa-details-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; } #view-plano-acao .pa-detail-field { grid-row:auto !important; grid-column:auto !important; } #view-plano-acao .pa-editor-heading { order:0; } #view-plano-acao .pa-detail-field--what { order:1; } #view-plano-acao .pa-detail-field--why { order:2; } #view-plano-acao .pa-detail-field--who { order:3; } #view-plano-acao .pa-detail-field--where { order:4; } #view-plano-acao .pa-detail-field--how { order:5; } #view-plano-acao .pa-detail-field--date { order:6; } #view-plano-acao .pa-detail-field--cost { order:7; } #view-plano-acao .pa-detail-field--status { order:8; } #view-plano-acao .pa-detail-field--phase { order:9; } #view-plano-acao .pa-detail-field--code { order:10; } #view-plano-acao .pa-detail-field--farol { order:11; } #view-plano-acao .pa-detail-field--deps { order:12; } #view-plano-acao .pa-detail-field--criteria { order:13; } #view-plano-acao .pa-detail-field--footer { order:14; } #view-plano-acao .pa-detail-field--what, #view-plano-acao .pa-detail-field--why, #view-plano-acao .pa-detail-field--how, #view-plano-acao .pa-detail-field--deps, #view-plano-acao .pa-detail-field--criteria, #view-plano-acao .pa-detail-field--footer { grid-column:1 / -1 !important; } } @media screen and (max-width:600px) { #view-plano-acao .pa-drawer-content, #view-plano-acao .pa-drawer.full .pa-drawer-content { inset:0 !important; border-radius:0 !important; } #view-plano-acao .pa-studio-top { padding:8px 12px; } #view-plano-acao .pa-studio-breadcrumb { font-size:11px; gap:6px; } #view-plano-acao .pa-studio-breadcrumb > span { display:none; } #view-plano-acao .pa-plan-masthead { padding:12px; gap:10px; align-items:flex-start; } #view-plano-acao .pa-plan-progress { width:85px; } #view-plano-acao .pa-plan-progress > div { display:block; } #view-plano-acao #pa-studio-progress-value { font-size:18px; } #view-plano-acao #pa-studio-progress-caption { display:block; font-size:9px; } #view-plano-acao #pa-studio-title { font-size:17px; } #view-plano-acao #pa-studio-description { display:none; } #view-plano-acao .pa-plan-owner { font-size:10px; flex-wrap:wrap; } #view-plano-acao .pa-title-line { gap:6px; } #view-plano-acao .pa-studio-navigation { padding:0 8px; } #view-plano-acao .pa-studio-navigation button { font-size:12px; padding:10px; } #view-plano-acao .pa-studio-main { padding:12px; } #view-plano-acao #pa-studio-section-title { font-size:15px; } #view-plano-acao .pa-studio-primary .btn { font-size:11px; } #view-plano-acao .pa-kpi-card { padding:8px 6px !important; min-height:54px !important; } #view-plano-acao .pa-kpi-label { font-size:8px !important; letter-spacing:0 !important; } #view-plano-acao .pa-kpi-value { font-size:18px !important; } #view-plano-acao .pa-kpi-sub { display:none !important; } #view-plano-acao #pa-etapas-sort { width:100% !important; } #view-plano-acao .pa-etapas-search-wrap { flex-basis:100% !important; } #view-plano-acao .pa-etapas-head { display:none !important; } #view-plano-acao .pa-etapas-rows { min-width:0 !important; } #view-plano-acao .pa-etapa-row { min-width:0 !important; grid-template-columns:20px 1fr 1fr !important; padding:12px !important; gap:8px !important; } #view-plano-acao .pa-etapa-cell { grid-row:auto !important;grid-column:auto !important; } #view-plano-acao .pa-etapa-cell--select { grid-column:1 !important;grid-row:1 !important; } #view-plano-acao .pa-etapa-cell--what { grid-column:2 / 4 !important;grid-row:1 !important; } #view-plano-acao .pa-etapa-cell--codigo { display:none; } #view-plano-acao .pa-etapa-cell--fase { grid-column:2 !important;grid-row:2 !important; } #view-plano-acao .pa-etapa-cell--status { grid-column:3 !important;grid-row:2 !important; } #view-plano-acao .pa-etapa-cell--who { grid-column:2 !important;grid-row:3 !important; } #view-plano-acao .pa-etapa-cell--period { grid-column:3 !important;grid-row:3 !important; } #view-plano-acao .pa-etapa-cell--who::before { content:'Quem'; } #view-plano-acao .pa-etapa-cell--period::before { content:'Quando'; } #view-plano-acao .pa-etapa-cell--who::before, #view-plano-acao .pa-etapa-cell--period::before { display:block; font-size:9px;color:#64748b;margin-bottom:3px; } #view-plano-acao .pa-etapa-cell--farol { grid-column:2 !important;grid-row:4 !important; } #view-plano-acao .pa-etapa-cell--dependencies { grid-column:3 !important;grid-row:4 !important; } #view-plano-acao .pa-etapa-cell--dependencies::before { content:'Depende de: ';font-size:10px; } #view-plano-acao .pa-etapa-cell--actions { grid-column:2 / 4 !important;grid-row:5 !important; } #view-plano-acao .pa-etapa-cell--actions .btn { min-height:36px; } #view-plano-acao .pa-etapa-details { padding:14px !important; position:static; width:auto; } #view-plano-acao .pa-etapa-details-grid { gap:12px !important; } #view-plano-acao .pa-editor-heading { display:block; } #view-plano-acao [data-save-status] { display:block; margin-top:4px; } #view-plano-acao .pa-gantt { min-width:850px; } #view-plano-acao .pa-gantt-header, #view-plano-acao .pa-gantt-row { grid-template-columns:200px minmax(0,1fr); } #view-plano-acao .pa-gantt-task { padding:10px; } #view-plano-acao .pa-method-table th:first-child { width:200px; } #view-plano-acao .pa-schedule-caption span { font-size:10px; } #view-plano-acao .pa-schedule-pager { width:100%; } #view-plano-acao #pa-schedule-month { flex:1; min-width:0; width:140px; } #view-plano-acao .pa-unscheduled button { flex-wrap:wrap; gap:6px; } #view-plano-acao .pa-plan-form-grid { grid-template-columns:minmax(0,1fr); padding:14px; } #view-plano-acao .pa-plan-field--title, #view-plano-acao .pa-plan-form-grid .pa-drawer-desc { grid-column:auto; } #view-plano-acao .pa-team-heading { flex-wrap:wrap; padding:12px 14px; } #view-plano-acao .pa-command-row-2 .pa-command-left { flex-basis:100%; } #view-plano-acao .pa-command-row-2 .pa-command-left { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; width:100%; } #view-plano-acao .pa-command-row-2 .pa-search-wrapper { grid-column:1 / -1; width:100% !important; min-width:0 !important; } #view-plano-acao .pa-command-row-2 .pa-filter { width:100% !important; min-width:0 !important; } #view-plano-acao .pa-command-row-2 .pa-command-right { display:grid !important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; width:100%; } #view-plano-acao :is(#pa-btn-clear-filters,#pa-btn-minhas-pendencias) { grid-column:span 3; width:100% !important; padding:8px 5px !important; font-size:11px !important; } #view-plano-acao .pa-command-row-2 .pa-command-right .d-none { display:inline !important; } #view-plano-acao .pa-command-row-2 .pa-view-switcher { grid-column:span 5; width:auto !important; } #view-plano-acao .pa-command-row-2 .pa-view-btn { justify-content:center; font-size:12px; } #view-plano-acao #pa-btn-recarregar { grid-column:6; width:100% !important; padding:8px 0 !important; } } @media screen and (min-width:901px) and (max-width:1240px) { #view-plano-acao .pa-studio-section-head { grid-template-columns:minmax(0,1fr) auto; gap:12px; } #view-plano-acao #pa-studio-metrics { grid-row:2; grid-column:1 / -1; } #view-plano-acao .pa-studio-primary { grid-column:2; grid-row:1; } #view-plano-acao .pa-studio-main .pa-drawer-header.pa-planning-grid { grid-template-columns:minmax(0,1fr); } }