/* Scoped personal panel: one work queue, readable type and explicit deadline colors. */ #view-painel-usuario[data-command-dashboard] { --pd-ink: #172b49; --pd-muted: #566780; --pd-line: #d7e1ee; --pd-red: #c42e49; padding: 22px 0 26px; max-width: 1600px; margin: 0 auto; color: var(--pd-ink); font-family: "Segoe UI", system-ui, sans-serif; font-size: 14px; } #view-painel-usuario[data-command-dashboard] [hidden] { display: none !important; } #view-painel-usuario[data-command-dashboard] .pd-overview { padding: 0; overflow: hidden; border: 0; border-radius: 18px; margin-bottom: 20px; background: #132d52; box-shadow: 0 8px 24px #193b6512; } #view-painel-usuario[data-command-dashboard] .pd-overview-heading { min-height: 118px; padding: 23px 28px; margin: 0; gap: 20px; background: radial-gradient(ellipse at 85% 0%, #2c5283 0%, transparent 65%), #132d52; color: #fff; } #view-painel-usuario[data-command-dashboard] .pd-eyebrow { color: #becfeb; font-size: 11px; letter-spacing: .13em; margin-bottom: 6px; } #view-painel-usuario[data-command-dashboard] .pd-overview-heading h2 { font-size: 30px; color: #fff; font-weight: 650; letter-spacing: -.8px; } #view-painel-usuario[data-command-dashboard] .pd-overview-heading .pd-greeting { color: #d8e4f5 !important; font-size: 14px !important; margin-top: 6px; } #view-painel-usuario[data-command-dashboard] .pd-overview-actions { justify-content: flex-end; gap: 10px; max-width: 60%; } #view-painel-usuario[data-command-dashboard] #pu-last-updated { color: #d0ddf0 !important; font-size: 12px; margin: 0 4px 0 0; } #view-painel-usuario[data-command-dashboard] .pd-health { color: #e8f0fd; background: #ffffff12; border: 1px solid #ffffff40; padding: 7px 11px; border-radius: 8px; font-size: 12px; font-weight: 600; } #view-painel-usuario[data-command-dashboard] .pd-health[data-tone="danger"] { color: #ffe5eb; border-color: #e38b9c; background: #79394c; } #view-painel-usuario[data-command-dashboard] .pd-health[data-tone="success"] { color: #d6fff2; border-color: #5ac4a6; background: #185e57; } #view-painel-usuario[data-command-dashboard] .pd-health[data-tone="warning"] { color: #fff0ce; border-color: #d7b563; background: #735a27; } #view-painel-usuario[data-command-dashboard] .pd-overview-actions .btn { min-height: 40px; padding: 9px 13px; font-size: 13px; border-radius: 8px; } #view-painel-usuario[data-command-dashboard] #btn-pu-resumo { color: #fff; background: #ffffff13; border-color: #ffffff50; } #view-painel-usuario[data-command-dashboard] #btn-pu-refresh { color: #173760; background: #fff; border-color: #fff; } #view-painel-usuario[data-command-dashboard] .pd-signals { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-bottom: 24px; } #view-painel-usuario[data-command-dashboard] .pd-signal { --signal: #285dde; --signal-bg: #eaf0ff; --signal-line: #c3d3fb; position: relative; display: flex; align-items: center; gap: 14px; min-width: 0; min-height: 116px; padding: 18px; background: var(--signal-bg); border: 1px solid var(--signal-line); border-radius: 14px; text-align: left; color: var(--pd-ink); box-shadow: 0 3px 8px #193b6504; cursor: pointer; } #view-painel-usuario[data-command-dashboard] .pd-signal-overdue { --signal: #bd2443; --signal-bg: #ffe8ed; --signal-line: #edb7c3; } #view-painel-usuario[data-command-dashboard] .pd-signal-today { --signal: #99600a; --signal-bg: #fff3d8; --signal-line: #e8ce98; } #view-painel-usuario[data-command-dashboard] .pd-signal-week { --signal: #245cd5; --signal-bg: #e8efff; --signal-line: #bdcff7; } #view-painel-usuario[data-command-dashboard] .pd-signal-undated { --signal: #5d43b4; --signal-bg: #f0eaff; --signal-line: #d0c3ef; } #view-painel-usuario[data-command-dashboard] .pd-signal > i:first-child { display: grid; place-items: center; width: 46px; height: 46px; flex: 0 0 46px; border-radius: 13px; color: #fff; background: var(--signal); font-size: 21px; } #view-painel-usuario[data-command-dashboard] .pd-signal > i:last-child { align-self: flex-start; margin-left: auto; color: var(--signal); font-size: 15px; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy { display: grid; grid-template-columns: auto 1fr; gap: 0 8px; align-items: baseline; min-width: 0; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy > span { grid-column: 1/-1; font-size: 14px; font-weight: 600; color: var(--signal); } #view-painel-usuario[data-command-dashboard] .pd-signal-copy strong { grid-column: 1/-1; font-size: 34px; line-height: 1.2; font-weight: 700; letter-spacing: -1px; color: var(--signal); } #view-painel-usuario[data-command-dashboard] .pd-signal-copy small { grid-column: 1/-1; font-size: 12px; line-height: 1.4; color: #4c5870; margin-top: 3px; } #view-painel-usuario[data-command-dashboard] .pd-signal[aria-pressed="true"] { outline: 2px solid var(--signal); outline-offset: 2px; } #view-painel-usuario[data-command-dashboard] .pd-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 352px; gap: 20px; align-items: stretch; margin: 0; height: auto; } #view-painel-usuario[data-command-dashboard] .pd-surface { min-width: 0; padding: 0; border: 1px solid var(--pd-line); border-radius: 16px; background: #fff; overflow: hidden; box-shadow: 0 5px 20px #17314e06; } #view-painel-usuario[data-command-dashboard] .pd-kicker { display: block; font-size: 10px; letter-spacing: .11em; font-weight: 700; color: #5b6e89; margin-bottom: 5px; } #view-painel-usuario[data-command-dashboard] .pd-queues { display: flex; flex-direction: column; height: 760px; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading { display: flex; align-items: center; gap: 12px; padding: 24px 24px 20px; background: #fff; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading > div:first-child { margin-right: auto; min-width: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading h3 { font-size: 23px; font-weight: 650; letter-spacing: -.5px; margin: 0; color: var(--pd-ink); } #view-painel-usuario[data-command-dashboard] .pd-queue-heading p { font-size: 13px; color: var(--pd-muted); margin: 6px 0 0; line-height: 1.5; } #view-painel-usuario[data-command-dashboard] .pd-expand { display: inline-flex; align-items: center; gap: 8px; border: 1px solid #cad7e9; background: #f3f7ff; color: #28559e; padding: 8px 11px; border-radius: 8px; font-size: 12px; white-space: nowrap; } #view-painel-usuario[data-command-dashboard] .pd-queue-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding: 0 24px 18px; flex-shrink: 0; border: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab { border: 1px solid #d3deed; border-radius: 9px; background: #f3f6fb; color: #3e5270; font-size: 13px; font-weight: 600; min-height: 44px; padding: 10px 12px; display: flex; align-items: center; gap: 8px; min-width: 0; text-align: left; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab i { font-size: 16px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab[aria-selected="true"] { color: #fff; border-color: #285dde; background: #285dde; box-shadow: 0 3px 8px #285dde24; } #view-painel-usuario[data-command-dashboard] .pd-queue-count { margin-left: auto; padding: 2px 6px; border-radius: 5px; font-size: 12px; font-weight: 700; background: #e1e8f3; color: #3b5275; font-variant-numeric: tabular-nums; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab[aria-selected="true"] .pd-queue-count { background: #ffffff29; color: #fff; } #view-painel-usuario[data-command-dashboard] .pd-queue-tools { display: flex; gap: 10px; padding: 0 24px 18px; } #view-painel-usuario[data-command-dashboard] .pd-search { display: flex; align-items: center; gap: 9px; flex: 1; min-width: 0; height: 42px; padding: 0 12px; background: #fff; border: 1px solid #c9d5e5; border-radius: 8px; color: #57708d; } #view-painel-usuario[data-command-dashboard] .pd-search input { min-width: 0; width: 100%; border: 0; outline: none; background: transparent; font-size: 13px; color: #213953; } #view-painel-usuario[data-command-dashboard] .pd-search input::placeholder { color: #64758b; opacity: 1; } #view-painel-usuario[data-command-dashboard] .pd-queue-filter { width: 170px; max-width: 48%; height: 42px; border: 1px solid #c9d5e5; background: #f5f8fd; border-radius: 8px; padding: 0 10px; font-size: 13px; color: #334d70; } #view-painel-usuario[data-command-dashboard] .pd-queue-columns { display: grid; grid-template-columns: minmax(0, 1fr) 110px 106px; gap: 16px; background: #edf2f9; padding: 12px 24px; font-size: 10px; letter-spacing: .06em; font-weight: 700; color: #526782; border-block: 1px solid #dce5f0; flex-shrink: 0; } #view-painel-usuario[data-command-dashboard] .pu-details-grid { display: block !important; flex: 1; min-height: 0; overflow: hidden; } #view-painel-usuario[data-command-dashboard] .pd-queue-panel { height: 100%; width: 100%; padding: 0; margin: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-panel > .card { display: flex; flex-direction: column; height: 100% !important; border: 0 !important; border-radius: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-panel .card-header { display: none !important; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll { display: block; height: 100% !important; max-height: 100% !important; min-height: 0; overflow-y: auto !important; overflow-x: hidden !important; scrollbar-gutter: stable; overscroll-behavior: contain; padding: 0 17px 0 24px; background: #fff; } #view-painel-usuario[data-command-dashboard] .pd-queue-row { display: grid !important; grid-template-columns: minmax(0, 1fr) 110px 106px; align-items: center; gap: 16px; min-height: 78px; width: 100%; border: 0; border-bottom: 1px solid #e0e7f1; border-radius: 0; padding: 12px 0; margin: 0; background: #fff; text-align: left; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy { display: flex; align-items: center; gap: 12px; min-width: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy > i { display: grid; place-items: center; width: 36px; height: 36px; flex: 0 0 36px; color: #285dde; background: #eaf0ff; border-radius: 9px; font-size: 17px; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy > .pd-type-checklists { color: #067969; background: #e1f5ee; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy > .pd-type-plans { color: #6942bd; background: #f0e9ff; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy > .pd-type-workflows { color: #a96508; background: #fff0d6; } #view-painel-usuario[data-command-dashboard] .pd-queue-text { display: block; min-width: 0; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy .pu-title { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-width: 0; color: #203957; font-size: 14px; font-weight: 600; line-height: 1.5; white-space: normal !important; overflow-wrap: anywhere; } #view-painel-usuario[data-command-dashboard] .pd-queue-context { display: block; color: #566981; font-size: 12px; line-height: 1.5; margin-top: 4px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #view-painel-usuario[data-command-dashboard] .pd-queue-due { font-size: 12px; font-weight: 600; color: #526782; font-variant-numeric: tabular-nums; } #view-painel-usuario[data-command-dashboard] .pd-item-overdue .pd-queue-due { color: #b32240; } #view-painel-usuario[data-command-dashboard] .pd-item-critical .pd-queue-due { font-weight: 700; } #view-painel-usuario[data-command-dashboard] .pd-queue-status { justify-self: start; padding: 5px 8px; font-size: 11px; font-weight: 600; border-radius: 6px; color: #36567d; background: #eaf0f9; white-space: nowrap; } #view-painel-usuario[data-command-dashboard] .pd-item-overdue .pd-queue-status { color: #ae1e3d; background: #ffe6ec; } #view-painel-usuario[data-command-dashboard] .pd-item-today .pd-queue-status { color: #895207; background: #fff0ce; } #view-painel-usuario[data-command-dashboard] .pd-queue-pager { flex-shrink: 0; display: flex; align-items: center; gap: 8px; min-height: 48px; padding: 10px 24px; border-top: 1px solid var(--pd-line); font-size: 12px; color: #526782; background: #f8fafd; } #view-painel-usuario[data-command-dashboard] .pd-queue-pager > span { margin-right: auto; } #view-painel-usuario[data-command-dashboard] .pd-page-button { min-height: 30px; padding: 4px 9px; font-size: 12px; border: 1px solid #cbd7e7; border-radius: 6px; background: #fff; color: #35567e; } #view-painel-usuario[data-command-dashboard] .pd-page-button:disabled { opacity: .45; } #view-painel-usuario[data-command-dashboard] .pd-sidebar { display: flex; flex-direction: column; gap: 18px; min-width: 0; align-items: stretch; } #view-painel-usuario[data-command-dashboard] .pd-sidebar > * { width: 100%; max-width: none; align-self: stretch; } #view-painel-usuario[data-command-dashboard] .pd-performance { border: 1px solid #163760; border-radius: 16px; background: #173657; overflow: hidden; } #view-painel-usuario[data-command-dashboard] .pd-performance > .card { height: auto !important; border: 0 !important; border-radius: 0; background: #173657; color: #fff; } #view-painel-usuario[data-command-dashboard] .pu-performance-card .card-header { padding: 21px 20px 16px; font-size: 16px; font-weight: 600 !important; border-bottom: 0 !important; background: transparent !important; color: #fff; gap: 6px !important; } #view-painel-usuario[data-command-dashboard] .pd-performance .card-header > span i { color: #b6cffb; } #view-painel-usuario[data-command-dashboard] #pu-perf-badge { font-size: 10px; font-weight: 600; padding: 5px 7px; border-radius: 5px; background: #405a78 !important; color: #fff !important; } #view-painel-usuario[data-command-dashboard] #pu-perf-badge[data-tone="danger"] { background: #a92b48 !important; } #view-painel-usuario[data-command-dashboard] #pu-perf-badge[data-tone="success"] { background: #087666 !important; } #view-painel-usuario[data-command-dashboard] #pu-perf-badge[data-tone="warning"] { background: #946412 !important; } #view-painel-usuario[data-command-dashboard] .pu-performance-card .card-body { display: block; padding: 0 20px 18px; overflow: visible; } #view-painel-usuario[data-command-dashboard] .pu-gauge-wrap { display: none; } #view-painel-usuario[data-command-dashboard] .pd-score-layout { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 18px; } #view-painel-usuario[data-command-dashboard] .pd-score-ring { width: 112px; height: 112px; border-radius: 50%; background: conic-gradient(#3dd9b2 var(--pd-score, 0%), #ef6b85 0); display: grid; place-items: center; } #view-painel-usuario[data-command-dashboard] .pd-score-ring[data-empty="true"] { background: #49617e; } #view-painel-usuario[data-command-dashboard] .pd-score-center { width: 90px; height: 90px; background: #173657; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-direction: column; } #view-painel-usuario[data-command-dashboard] #pu-perf-score { font-size: 28px; color: #fff; padding: 0; border: 0; background: transparent; min-width: 0; line-height: 1.1; font-weight: 650; } #view-painel-usuario[data-command-dashboard] .pd-score-center > span:last-child { font-size: 12px; color: #d0deef; margin-top: 5px; } #view-painel-usuario[data-command-dashboard] .pu-perf-sub { font-size: 11px; line-height: 1.5; margin: 12px 0 0 !important; color: #c8d8ed !important; text-align: left !important; } #view-painel-usuario[data-command-dashboard] .pu-performance-card .row.g-2 { --bs-gutter-x: 0; --bs-gutter-y: 0; display: grid; grid-template-columns: 1fr auto; margin: 0 !important; padding: 0; font-size: 12px; gap: 9px 6px; border: 0; border-radius: 0; background: transparent; } #view-painel-usuario[data-command-dashboard] .pu-performance-card .row.g-2 > div { width: auto; padding: 0; margin: 0; line-height: 1.4; color: #d4e1f2 !important; } #view-painel-usuario[data-command-dashboard] .pu-performance-card .row.g-2 > div:nth-child(even) { font-size: 15px; font-weight: 650 !important; color: #fff !important; } #view-painel-usuario[data-command-dashboard] #pu-perf-ontime::before, #view-painel-usuario[data-command-dashboard] #pu-perf-late::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: #3dd9b2; vertical-align: middle; } #view-painel-usuario[data-command-dashboard] #pu-perf-late::before { background: #ef6b85; } #view-painel-usuario[data-command-dashboard] .pd-oldest { display: flex; align-items: center; gap: 7px; padding: 10px; margin-top: 14px; background: #ffffff0c; color: #ffced8; border: 1px solid #ffffff20; border-radius: 7px; font-size: 12px; } #view-painel-usuario[data-command-dashboard] .pd-oldest strong { margin-left: auto; font-weight: 650; } #view-painel-usuario[data-command-dashboard] .pd-performance-notice { font-size: 12px; color: #ffe1a1; margin: 10px 0 0; } #view-painel-usuario[data-command-dashboard] .pd-workload { flex: 1; display: flex; flex-direction: column; } #view-painel-usuario[data-command-dashboard] .pd-section-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 21px 20px 16px; } #view-painel-usuario[data-command-dashboard] .pd-section-heading h3 { font-size: 17px; font-weight: 650; margin: 0; color: var(--pd-ink); } #view-painel-usuario[data-command-dashboard] .pd-workload-total { display: grid; place-items: center; min-width: 42px; min-height: 36px; padding: 4px 9px; border-radius: 9px; background: #edf2fc; color: #2857ab; font-size: 21px; font-weight: 650; } #view-painel-usuario[data-command-dashboard] .pd-workload-bars { padding: 0 20px; display: grid; gap: 14px; } #view-painel-usuario[data-command-dashboard] .pd-workload-row { --front: #285dde; display: grid; grid-template-rows: 19px 8px 16px; gap: 4px; min-height: 51px; background: none; border: 0; padding: 0; text-align: left; color: #354f72; min-width: 0; } #view-painel-usuario[data-command-dashboard] .pd-workload-row.pd-type-checklists { --front: #07836e; } #view-painel-usuario[data-command-dashboard] .pd-workload-row.pd-type-plans { --front: #7952cd; } #view-painel-usuario[data-command-dashboard] .pd-workload-row.pd-type-workflows { --front: #c17a10; } #view-painel-usuario[data-command-dashboard] .pd-workload-label { display: flex; align-items: center; font-size: 13px; line-height: 19px; gap: 7px; } #view-painel-usuario[data-command-dashboard] .pd-workload-label i { color: var(--front); font-size: 15px; } #view-painel-usuario[data-command-dashboard] .pd-workload-label strong { margin-left: auto; font-size: 14px; font-weight: 650; color: #172b49; } #view-painel-usuario[data-command-dashboard] .pd-bar-track { display: block; height: 8px; background: #e9eef6; border-radius: 4px; overflow: hidden; } #view-painel-usuario[data-command-dashboard] .pd-bar-fill { display: block; height: 100%; background: var(--front); border-radius: 4px; overflow: hidden; } #view-painel-usuario[data-command-dashboard] .pd-bar-late { display: block; height: 100%; background: #d23855; } #view-painel-usuario[data-command-dashboard] .pd-workload-row small { display: block; line-height: 16px; font-size: 11px; color: #5d6d83; } #view-painel-usuario[data-command-dashboard] .pd-chart-legend { margin: 12px 20px 16px; font-size: 10px; line-height: 1.5; color: #596d88; } #view-painel-usuario[data-command-dashboard] .pd-chart-legend::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 2px; background: #d23855; } #view-painel-usuario[data-command-dashboard] .pd-aging { border-top: 1px solid var(--pd-line); background: #f4f7fc; padding: 14px 20px; margin-top: auto; } #view-painel-usuario[data-command-dashboard] .pd-aging-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 7px; } #view-painel-usuario[data-command-dashboard] .pd-aging-grid > div { display: flex; align-items: baseline; gap: 6px; } #view-painel-usuario[data-command-dashboard] .pd-aging-grid strong { color: #b92744; font-size: 22px; font-weight: 650; } #view-painel-usuario[data-command-dashboard] .pd-aging-grid span { font-size: 11px; color: #536580; white-space: nowrap; } #view-painel-usuario[data-command-dashboard] .pd-scope-note { display: block; margin: 14px 2px 0; font-size: 11px; color: #596d87; line-height: 1.6; } #view-painel-usuario[data-command-dashboard] .pd-empty { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 240px; padding: 24px; text-align: center; } #view-painel-usuario[data-command-dashboard] .pd-empty > i { color: #396cd0; font-size: 36px; margin-bottom: 12px; } #view-painel-usuario[data-command-dashboard] .pd-empty strong { font-size: 16px; color: #263f61; } #view-painel-usuario[data-command-dashboard] .pd-empty p { color: #566981; margin: 8px 0 0; font-size: 13px; } #view-painel-usuario[data-command-dashboard] .pd-state { font-size: 14px; padding: 36px 16px; color: #526782; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll { scrollbar-width: thin; scrollbar-color: #9aaeca #f1f5fb; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll::-webkit-scrollbar { width: 7px; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll::-webkit-scrollbar-thumb { background: #9aaeca; border-radius: 5px; } #view-painel-usuario[data-command-dashboard] .pd-queue-row:hover { background: #f1f5ff; } #view-painel-usuario[data-command-dashboard] .pd-workload-row:hover { color: #285dde; } #view-painel-usuario[data-command-dashboard] .pd-signal:hover { border-color: var(--signal); } #view-painel-usuario[data-command-dashboard] .pd-queue-tab:hover:not([aria-selected="true"]) { background: #e8effd; border-color: #9db6e4; } #view-painel-usuario[data-command-dashboard] :is(button, select, .pu-list-scroll):focus-visible { outline: 3px solid #3478eb; outline-offset: 3px; } #view-painel-usuario[data-command-dashboard] .pd-search:focus-within { outline: 3px solid #3478eb; outline-offset: 2px; } @media (min-width: 1450px) { #view-painel-usuario[data-command-dashboard] .pd-workspace { grid-template-columns: minmax(0, 1fr) 378px; gap: 24px; } } @media (max-width: 1100px) { #view-painel-usuario[data-command-dashboard] .pd-workspace { grid-template-columns: minmax(0, 1fr) 310px; gap: 16px; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading { padding: 20px 16px 16px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tabs { padding-inline: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); } #view-painel-usuario[data-command-dashboard] .pd-queue-tools { padding-inline: 16px; } #view-painel-usuario[data-command-dashboard] .pd-queue-columns, #view-painel-usuario[data-command-dashboard] .pd-queue-row { grid-template-columns: minmax(0, 1fr) 96px; gap: 10px; } #view-painel-usuario[data-command-dashboard] .pd-queue-columns > span:last-child, #view-painel-usuario[data-command-dashboard] .pd-queue-status { display: none; } #view-painel-usuario[data-command-dashboard] .pd-queue-columns { padding-inline: 16px; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll { padding-left: 16px; padding-right: 9px; } #view-painel-usuario[data-command-dashboard] .pd-score-layout { grid-template-columns: 96px minmax(0, 1fr); gap: 12px; } #view-painel-usuario[data-command-dashboard] .pd-score-ring { width: 96px; height: 96px; } #view-painel-usuario[data-command-dashboard] .pd-score-center { width: 76px; height: 76px; } #view-painel-usuario[data-command-dashboard] .pd-signal { padding: 16px 12px; gap: 10px; } #view-painel-usuario[data-command-dashboard] .pd-signal > i:first-child { width: 36px; height: 36px; flex-basis: 36px; font-size: 18px; } #view-painel-usuario[data-command-dashboard] .pd-signal > i:last-child { display: none; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy small { font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-overview-actions { max-width: 65%; } } @media (max-width: 900px) { #view-painel-usuario[data-command-dashboard] .pd-workspace { grid-template-columns: 1fr; } #view-painel-usuario[data-command-dashboard] .pd-sidebar { display: grid; grid-template-columns: 1fr 1fr; align-items: start; } #view-painel-usuario[data-command-dashboard] .pd-queues { height: 680px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tabs { grid-template-columns: repeat(3, minmax(0, 1fr)); } #view-painel-usuario[data-command-dashboard] .pd-overview-heading { padding: 22px; align-items: flex-start; } #view-painel-usuario[data-command-dashboard] .pd-overview-actions { max-width: 100%; justify-content: flex-start; } #view-painel-usuario[data-command-dashboard] .pd-signals { grid-template-columns: 1fr 1fr; gap: 12px; } } @media (max-width: 540px) { #view-painel-usuario[data-command-dashboard] { padding-top: 12px; } #view-painel-usuario[data-command-dashboard] .pd-overview { border-radius: 12px; margin-bottom: 14px; } #view-painel-usuario[data-command-dashboard] .pd-overview-heading { padding: 20px 16px; gap: 18px; } #view-painel-usuario[data-command-dashboard] .pd-overview-heading h2 { font-size: 28px; } #view-painel-usuario[data-command-dashboard] .pd-overview-actions { width: 100%; gap: 8px; } #view-painel-usuario[data-command-dashboard] .pd-health, #view-painel-usuario[data-command-dashboard] #pu-last-updated { font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-signals { margin-bottom: 18px; gap: 10px; } #view-painel-usuario[data-command-dashboard] .pd-signal { min-height: 112px; padding: 12px; align-items: flex-start; gap: 9px; } #view-painel-usuario[data-command-dashboard] .pd-signal > i:first-child { width: 30px; height: 30px; flex-basis: 30px; font-size: 15px; border-radius: 8px; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy > span { font-size: 12px; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy strong { font-size: 30px; margin-top: 4px; } #view-painel-usuario[data-command-dashboard] .pd-signal-copy small { font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading { flex-wrap: wrap; padding: 20px 14px 16px; } #view-painel-usuario[data-command-dashboard] .pd-queue-heading h3 { font-size: 21px; } #view-painel-usuario[data-command-dashboard] .pd-expand span { display: none; } #view-painel-usuario[data-command-dashboard] .pd-queue-tabs { padding-inline: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab { padding: 10px 8px; font-size: 12px; gap: 6px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tab i { font-size: 14px; } #view-painel-usuario[data-command-dashboard] .pd-queue-count { font-size: 11px; padding: 2px 5px; } #view-painel-usuario[data-command-dashboard] .pd-queue-tools { padding-inline: 12px; flex-wrap: wrap; } #view-painel-usuario[data-command-dashboard] .pd-search { flex-basis: 100%; } #view-painel-usuario[data-command-dashboard] .pd-queue-filter { width: 100%; max-width: none; } #view-painel-usuario[data-command-dashboard] .pd-queues { height: 790px; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy > i { width: 28px; height: 28px; flex-basis: 28px; font-size: 14px; border-radius: 7px; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy { gap: 8px; } #view-painel-usuario[data-command-dashboard] .pd-queue-copy .pu-title { font-size: 13px; } #view-painel-usuario[data-command-dashboard] .pd-queue-context { font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-queue-row, #view-painel-usuario[data-command-dashboard] .pd-queue-columns { grid-template-columns: minmax(0, 1fr) 79px; gap: 8px; } #view-painel-usuario[data-command-dashboard] .pd-queue-due { font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-queue-pager { padding-inline: 14px; font-size: 11px; } #view-painel-usuario[data-command-dashboard] .pd-sidebar { display: flex; } #view-painel-usuario[data-command-dashboard] .pd-workload { flex: none; } #view-painel-usuario[data-command-dashboard] .pd-score-layout { grid-template-columns: 112px minmax(0, 1fr); gap: 18px; } #view-painel-usuario[data-command-dashboard] .pd-score-ring { width: 112px; height: 112px; } #view-painel-usuario[data-command-dashboard] .pd-score-center { width: 90px; height: 90px; } #view-painel-usuario[data-command-dashboard] .pu-list-scroll > .pu-list-item:nth-child(n+4) { display: grid !important; } }