/* Task tables in the Work detail panels: one readable type scale (12px secondary, 14px primary).
   Loaded last by build-static.py. The !important flags are deliberate: older refinement rules
   in app-fragment.html and work-*.css each set their own sizes with !important. */

/* Column headings and date-group rows: no longer smaller than the cells under them. */
html body #aem-overview.aem-shell .aem-task-table thead th {
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
  white-space: nowrap !important;
}
html body #aem-overview.aem-shell .aem-task-table .aem-task-day th {
  font-size: 12px !important;
}

/* Project code and client (and the task title below them) share one primary size.
   The older rule sets the size on .aem-task-project and its children inherit it. */
html body #aem-overview.aem-shell .aem-task-table td:first-child > .aem-task-project {
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 700 !important;
}
html body #aem-overview.aem-shell .aem-task-table .aem-task-title {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Everything else in a row (badges, deadline, person, KPI, buttons) is 12px. */
html body #aem-overview.aem-shell .aem-task-table :is(.ao-stage, .ao-deadline-chip, .aem-issue-badge, .aem-assign-trigger, .aem-assign-trigger span),
html body #aem-overview.aem-shell .aem-task-table tbody td:not(:first-child),
html body #aem-overview.aem-shell .aem-task-table tbody td:not(:first-child) button {
  font-size: 12px !important;
}
html body #aem-overview.aem-shell .aem-task-table .aem-person-avatar {
  font-size: 10px !important;
}

/* PL cards: when every count is hidden because it is zero, do not leave an empty band. */
#aem-overview .aem-pl-workload-stats:empty {
  display: none;
}

/* Task not started yet: one compact row (just the Start button) instead of 00:00:00 + Bắt đầu + Chưa bắt đầu. */
html body #aem-overview.aem-shell .aem-timer-layout.is-idle{grid-template-columns:1fr;gap:0}
html body #aem-overview.aem-shell .aem-timer-layout.is-idle .aem-timer-main>strong[data-clock],
html body #aem-overview.aem-shell .aem-timer-layout.is-idle .aem-timer-meta{display:none!important}

/* Overview table (#ao-rows): column widths follow content instead of 10 equal 99px columns. */
/* Status selector: full label visible; person name and result button stay on one line. */
html body #aem-overview.aem-shell .ao-table #ao-rows select.aem-status-control,
html body #aem-overview.aem-shell .ao-table #ao-rows tr td:nth-child(2) select{font-size:12px!important;width:100%!important;min-width:0;text-overflow:clip}
html body #aem-overview.aem-shell .ao-table #ao-rows td:nth-child(6) :is(.aem-assign-trigger,.aem-assign-trigger span,.aem-person-name){white-space:nowrap!important}
html body #aem-overview.aem-shell .ao-table #ao-rows td:last-child{overflow-wrap:anywhere;word-break:normal}
html body #aem-overview.aem-shell .ao-table #ao-rows td:last-child button{white-space:nowrap!important}
html body #aem-overview.aem-shell .ao-table #ao-rows .ao-notepreview{width:auto!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}

/* Plain data tables (e.g. Project Manager stage lists): headings no smaller than the cells. */
html body #aem-overview.aem-shell table:is(:not([class]),[class=""]) thead th{font-size:12px!important;font-weight:600!important;letter-spacing:0!important;white-space:nowrap}

/* Overview rows: chips, buttons and selectors at 12px like the rest of the row. */
html body #aem-overview.aem-shell .ao-table #ao-rows :is(.ao-deadline-chip,.aem-issue-badge,.ao-stage,select.aem-role-control,select.aem-status-control,td:nth-child(2) select,button.cursor-interaction,.ao-more){font-size:12px!important}
html body #aem-overview.aem-shell .ao-table #ao-rows .ao-deadline-chip{color:light-dark(#8a1c1c,#ff9aa5)}

/* ---- Global floor: no text under 12px (avatars 11px), small controls get a usable hit area. ---- */
html body #aem-overview.aem-shell :is(small,.aem-nav-group,.ao-more,label,th,td,.at-loadbadge,.aem-pl-state,.wc-growth,.aem-report-clients,.aem-lifecycle-text,.aem-time-text,.at-card small,.at-projectcard small){font-size:12px!important}
html body #aem-overview.aem-shell :is(.aem-person-avatar,.at-avatar){font-size:11px!important}
html body #aem-overview.aem-shell :is(.ao-more){min-width:28px!important;min-height:28px!important}
html body #aem-overview.aem-shell .acm-completion-circle{min-width:24px!important;min-height:24px!important}
html body #aem-overview.aem-shell select.aem-role-control{min-height:28px!important}
html body #aem-overview.aem-shell #ao-rows .acm-completion-circle{width:24px!important;height:24px!important}

/* KPI by person table: "% đạt HSC" must hold "Chưa nhập HSC" on one line. */
html body #aem-overview.aem-shell table:is(:not([class]),[class=""]):has(thead th:nth-child(10)) thead th:nth-child(7){min-width:132px!important}
html body #aem-overview.aem-shell table:is(:not([class]),[class=""]):has(thead th:nth-child(10)) thead th:nth-child(1){width:168px!important}
html body #aem-overview.aem-shell table:is(:not([class]),[class=""]):has(thead th:nth-child(10)) tbody td:nth-child(7),html body #aem-overview.aem-shell table:is(:not([class]),[class=""]):has(thead th:nth-child(10)) tbody td:nth-child(7) *{white-space:nowrap!important}

/* Overview table: proportional columns; table never narrower than 1150px (wrapper scrolls). */
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(1){width:19%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(2){width:12%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(3){width:6%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(4){width:8%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(5){width:9%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(6){width:11%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(7){width:10%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(8){width:5%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(9){width:10%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows){min-width:1150px!important}
/* KPI cell in the overview: input on top, "dự kiến" label underneath (it used to spill into the next column). */
html body #aem-overview.aem-shell .ao-table #ao-rows td:nth-child(7) input[data-kpi]{width:72px!important;max-width:100%!important}
html body #aem-overview.aem-shell .ao-table #ao-rows td:nth-child(7) small{display:block!important;margin-top:2px}
/* Status selector: wide enough for "Chờ Comment", never stretched with the column. */
html body #aem-overview.aem-shell .ao-table #ao-rows tr td:nth-child(2) select{width:100%!important;max-width:136px!important}

/* Task detail panel */
html body #aem-overview.aem-shell #ao-sidebar .aem-timer-meta{display:flex!important;flex-wrap:wrap;justify-content:flex-end;gap:2px 14px;text-align:right}
html body #aem-overview.aem-shell #ao-sidebar .aem-timer-meta>span:empty{display:none}
html body #aem-overview.aem-shell .aem-empty-dash{color:light-dark(#6b7280,#aab2bd)}

/* Deadline-extension request: state under the approver name, note and cancel button on their own lines. */
html body #aem-overview.aem-shell .aem-approval-roles section>small{display:block!important;margin:2px 0 8px}
html body #aem-overview.aem-shell .aem-extension-pending>small{display:block!important;margin:8px 0}
html body #aem-overview.aem-shell .aem-extension-pending [data-extension-decision="cancelled"]{margin-top:2px}
html body #aem-overview.aem-shell .aem-extension-reason{margin:4px 0 8px}
html body #aem-overview.aem-shell .aem-extension-notify{margin:4px 0 10px;font-size:12px;line-height:1.5;color:light-dark(#4b5563,#b4bcc8)}

/* Task detail header row: status column wide enough for the longest status ("Đang Render", "Chờ Comment") plus the done circle. */
html body #aem-overview.aem-shell #ao-sidebar .aem-task-context .aem-task-control-row{grid-template-columns:minmax(196px,1.6fr) minmax(120px,1fr) minmax(132px,1.1fr) minmax(120px,1fr) minmax(72px,.6fr)!important}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-control-row select[data-status]{text-overflow:clip}

/* ---- Task detail drawer ---- */
/* 1. Narrower: the list behind stays readable. */
html body #aem-overview.aem-shell #aem-task-modal>#ao-sidebar{width:min(820px,calc(100vw - 40px))!important}
/* 4. One column: main content first, the secondary info (followers, facts, history) underneath. */
html body #aem-overview.aem-shell #ao-sidebar>.aem-task-layout{display:flex!important;flex-direction:column;align-items:stretch!important;overflow-y:auto!important;overflow-x:hidden!important}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-primary{flex:none!important;overflow:visible!important;height:auto!important;max-height:none!important}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary{flex:none!important;overflow:visible!important;height:auto!important;max-height:none!important;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;align-items:start;border-left:0!important;border-top:1px solid var(--ao-line);padding:12px 16px 20px}
/* 2. One scrollbar: the page behind does not scroll while the drawer is open. */
html:has(#aem-overview.aem-drawer-task-open){overflow:hidden}

/* "Công việc của tôi" and other task tables: status selector never stretches with the column. */
html body #aem-overview#aem-overview.aem-shell table td select.ao-status[data-status]{max-width:150px!important;font-size:12px!important}

/* Drawer footer: facts as one compact row, then followers and history as plain full-width rows. */
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary{display:flex!important;flex-direction:column;gap:6px;padding:12px 16px 18px}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-overview{display:contents}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts{order:1;margin:0;padding:10px 12px;width:auto;box-sizing:border-box}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts h3{margin:0 0 6px;font-size:13px}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 16px;margin:0}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts dl>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts dd{margin:0;text-align:left;font-weight:700;overflow-wrap:anywhere}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-follow-summary{order:2}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-history{order:3}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary .aem-task-facts{align-self:stretch}
html body #aem-overview.aem-shell #ao-sidebar .aem-task-secondary :is(.aem-follow-summary,.aem-task-history)>summary{font-size:13px!important;font-weight:600}
html body #aem-overview #aem-work-success [data-undo]{margin-left:8px;padding:3px 10px;border:1px solid currentColor;border-radius:6px;background:transparent;color:inherit;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
/* Issue badge in the Ghi nhận column stays on one line */
html body #aem-overview#aem-overview.aem-shell #ao-rows td [data-issue-tone],html body #aem-overview#aem-overview.aem-shell #ao-rows td .aem-issue-content{white-space:nowrap!important}
html body #aem-overview#aem-overview.aem-shell button.aem-issue-badge{white-space:nowrap!important;width:auto!important;max-width:none!important;padding-inline:8px!important}
.aem-sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Bulk edit */
td:has(>input.aem-bulk-check){position:relative;padding-right:32px!important}
html body #aem-overview#aem-overview.aem-shell input.aem-bulk-check{min-width:0!important;min-height:0!important;max-width:16px!important;max-height:16px!important;padding:0!important;box-shadow:none!important;width:16px!important;height:16px!important;appearance:none;-webkit-appearance:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);margin:0!important;width:16px;height:16px;margin:0;border:1.5px solid light-dark(#94a3b8,#64748b);border-radius:4px;background:light-dark(#fff,#1e293b);cursor:pointer;opacity:0;transition:opacity .12s,background .12s}
html body #aem-overview#aem-overview.aem-shell :is(tr:hover>td>input.aem-bulk-check,input.aem-bulk-check:checked,input.aem-bulk-check:focus-visible){opacity:1!important}
html body #aem-overview#aem-overview.aem-shell input.aem-bulk-check{opacity:0}
html body #aem-overview#aem-overview.aem-shell:has(#aem-bulk-bar:not([hidden])) input.aem-bulk-check{opacity:1!important}
html body #aem-overview#aem-overview.aem-shell input.aem-bulk-check:checked{background:#2563eb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;border-color:#2563eb}
#aem-bulk-bar{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:60;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;max-width:calc(100vw - 32px);padding:12px 16px;border-radius:12px;border:1px solid light-dark(#cbd5e1,#475569);background:light-dark(#fff,#1e293b);color:light-dark(#0f172a,#f1f5f9);box-shadow:0 10px 30px rgba(15,23,42,.25);font-size:13px}
#aem-bulk-bar[hidden]{display:none}
#aem-bulk-bar label{display:grid;gap:3px;font-size:12px;font-weight:600}
#aem-bulk-bar select,#aem-bulk-bar input{min-height:32px;font-size:13px}
#aem-bulk-bar button{min-height:32px;padding:0 12px;border-radius:8px;font-size:13px;cursor:pointer}
#aem-bulk-bar [data-bulk-apply]{background:#2563eb;color:#fff;border:1px solid #2563eb;font-weight:700}
#aem-bulk-bar [data-bulk-result]{flex-basis:100%;color:light-dark(#b91c1c,#fca5a5)}
/* Status selects share one width so their right edges line up */
html body #aem-overview#aem-overview.aem-shell table td select.ao-status[data-status]{width:136px!important;min-width:136px!important;max-width:136px!important;box-sizing:border-box!important}
/* MODEL scheduling board: no extra strip above the table, so it lines up with INT / EXT */
html body #aem-overview#aem-overview.aem-shell .ap-model-gantt-note{display:none!important}
/* Light theme follows the main page: sage top bar, sage-tinted sidebar, warm off-white content */
html:not([data-aem-theme=dark]) body{background:#f7f7f5!important}
html:not([data-aem-theme=dark]) #aem-suite-bar{background:#b5c1a8!important;color:#1f2a22!important;border-bottom:1px solid #a0ae93!important}
html:not([data-aem-theme=dark]) .suite-logo>b span{color:#3c4d41!important}
html:not([data-aem-theme=dark]) .suite-logo>small{color:#3c4d41!important;border-left-color:#7f8f74!important}
html:not([data-aem-theme=dark]) .suite-demo{color:#3c4d41!important;border-color:#7f8f74!important}
html:not([data-aem-theme=dark]) #aem-suite-bar nav a:hover{background:#a6b399!important}
html:not([data-aem-theme=dark]) #aem-suite-bar nav a[aria-current=page]{background:#26342c!important;color:#fff!important}
html:not([data-aem-theme=dark]) #aem-suite-bar :is(svg,img){filter:none}
html:not([data-aem-theme=dark]) #aem-overview#aem-overview.aem-shell{background:#f7f7f5!important}
html:not([data-aem-theme=dark]) #aem-overview#aem-overview #aem-sidebar{background:#edf0e8!important;border-color:#d8ded0!important}
html:not([data-aem-theme=dark]) #aem-overview#aem-overview #aem-sidebar :is(nav,div,section)>button,html:not([data-aem-theme=dark]) #aem-overview#aem-overview #aem-sidebar>button{background:transparent!important;border-color:transparent!important}
html:not([data-aem-theme=dark]) #aem-overview#aem-overview #aem-sidebar button:hover{background:#e3e9dc!important}
html:not([data-aem-theme=dark]) #aem-overview#aem-overview #aem-sidebar :is(button[aria-pressed=true],button[aria-current],button.active){background:#dce4d4!important;border-color:#c5d0bb!important}
html body #aem-overview#aem-overview.aem-shell [data-tasklabel]{cursor:pointer}
html body #aem-overview#aem-overview.aem-shell [data-tasklabel]:hover{text-decoration:underline;text-underline-offset:3px}
/* Top bar like the main page: logo mark + WORKSPACE, text-only menu */
html body #aem-suite-bar .suite-logo{gap:16px}
html body #aem-suite-bar .suite-logo>img{display:block;height:84px;width:auto;margin:-10px 0;max-height:none}
html body #aem-suite-bar .suite-logo>small{font-size:11px;letter-spacing:2px;text-transform:uppercase;padding-left:16px}
html body #aem-suite-bar nav{gap:6px}
html body #aem-suite-bar nav a{font-size:13px;font-weight:600;padding:9px 13px}
html body #aem-suite-bar .suite-logo{align-self:stretch;overflow:hidden;align-items:center}
html body #aem-suite-bar .suite-logo>img{height:90px;margin:-13px 0}
/* Row / project menus: roomier items, 16px icons, delete separated and red */
html body #aem-overview#aem-overview.aem-shell .ao-menu{min-width:190px;padding:6px!important}
html body #aem-overview#aem-overview.aem-shell .ao-menu button{min-height:34px;padding:6px 10px!important;gap:10px!important;border-radius:6px}
html body #aem-overview#aem-overview.aem-shell .ao-menu button>svg{width:16px!important;height:16px!important;flex:none}
html body #aem-overview#aem-overview.aem-shell .ao-menu button:hover{background:light-dark(#edf0e8,#2a342c)!important}
html body #aem-overview#aem-overview.aem-shell .ao-menu button:is([data-ui-delete],[data-delete-task],[data-delete-project]){color:light-dark(#b3261e,#ff9b94)!important;margin-top:6px;border-top:1px solid light-dark(#e2e6dc,#3a453d)!important;border-radius:0 0 6px 6px;padding-top:8px!important;min-height:40px}
html body #aem-overview#aem-overview.aem-shell .ao-menu button:is([data-ui-delete],[data-delete-task],[data-delete-project]):hover{background:light-dark(#fdecea,#4a2522)!important}
/* Ghi chú vận hành opens in the same place and width as the task details drawer */
html body #aem-overview#aem-overview .ao-notegrid.aem-standard-drawer{left:auto!important;right:20px!important;top:60px!important;width:min(820px,calc(100vw - 40px))!important;max-height:calc(100vh - 80px)!important}
/* Daily Plan rows: two tiers (title + badge / time, duration, type, output), edit and delete on hover */
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row{grid-template-columns:18px 20px minmax(0,1fr) auto!important;align-items:center;gap:6px 10px;padding:8px 10px!important}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-main{min-width:0;display:grid;gap:3px}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-titleline{display:flex;align-items:center;gap:8px;min-width:0}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-titleline strong{font-size:14px;flex:0 1 auto;min-width:0;overflow-wrap:anywhere}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-priority{font-size:12px!important;font-weight:600!important;padding:1px 8px!important;border-radius:999px!important;line-height:1.5;white-space:nowrap}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-sub{display:flex;flex-wrap:wrap;gap:2px 0;font-size:12px;color:light-dark(#5b6b61,#b4c4b9)}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-sub>span+span::before{content:"·";margin:0 7px;opacity:.6}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-sub .ap-daily-output-label{font-size:12px;color:light-dark(#286344,#b7dfc6)}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-note{margin:0;font-size:12px;color:light-dark(#5b6b61,#b4c4b9)}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row-actions{gap:8px}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row-actions button[data-daily-edit],html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row-actions .ap-daily-del{opacity:0;transition:opacity .12s}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row:is(:hover,:focus-within) :is([data-daily-edit],.ap-daily-del){opacity:1}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row-actions .ap-daily-del{margin-left:10px;color:light-dark(#b3261e,#ff9b94)}
html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-form-actions{justify-content:flex-start}
/* Smaller priority badges; edit / delete always visible on touch screens */
html body #aem-overview#aem-overview.aem-shell #aem-daily-plan .ap-daily-priority{min-height:22px!important;padding:0 8px!important;gap:4px!important;font-size:12px!important;font-weight:600!important;border-radius:999px!important}
html body #aem-overview#aem-overview.aem-shell #aem-daily-plan .ap-daily-priority[data-priority="Ưu tiên"]:before{font-size:12px!important}
html body #aem-overview#aem-overview.aem-shell #aem-daily-plan .ap-daily-priority[data-priority="Quan trọng"]:before{width:13px!important;height:13px!important;font-size:10px!important;border-width:1.3px!important}
@media (hover:none){html body #aem-overview#aem-overview #aem-daily-plan .ap-daily-row-actions :is([data-daily-edit],.ap-daily-del){opacity:1!important}}
.aem-time24-pop{position:fixed;z-index:3500;max-height:220px;overflow-y:auto;padding:4px;border-radius:10px;border:1px solid light-dark(#cbd5c8,#475569);background:light-dark(#fff,#1e293b);box-shadow:0 10px 28px rgba(15,23,42,.22);display:grid;gap:1px}
.aem-time24-pop button{border:0;background:transparent;color:light-dark(#1f2a22,#f1f5f9);font:inherit;font-size:13px;font-variant-numeric:tabular-nums;text-align:left;padding:6px 12px;border-radius:6px;cursor:pointer}
.aem-time24-pop button:hover{background:light-dark(#edf0e8,#2a342c)}
.aem-time24-pop button.is-current{background:light-dark(#dce4d4,#35503f);font-weight:700}
/* Ghi chú & To-do */
html body #aem-overview#aem-overview #aem-quick-notes-popover footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
html body #aem-overview#aem-overview #aem-quick-notes-popover [data-quick-note-save]{background:#2f6f55;color:#fff;border-color:#2f6f55;font-weight:700;min-width:84px}
html body #aem-overview#aem-overview #aem-quick-notes-popover [data-quick-note-delete]{background:transparent!important;border-color:transparent!important;color:light-dark(#b3261e,#ff9b94)!important;font-weight:600}
html body #aem-overview#aem-overview #aem-quick-notes-popover [data-quick-note-delete]:hover{background:light-dark(#fdecea,#4a2522)}
html body #aem-overview#aem-overview #aem-quick-notes-popover [data-quick-todo-add]{font-weight:600;white-space:nowrap}
html body #aem-overview#aem-overview #aem-quick-notes-popover .aem-quick-note-help{display:block;line-height:1.45;margin-top:10px}
html body #aem-overview#aem-overview #aem-quick-notes-popover #aem-quick-note-error:not(:empty){color:light-dark(#2f6f55,#9fd6b8);font-size:12px;margin:0 0 6px}
/* Allocation > Danh sách việc: person is already in the group header; single-task days need no extra band; KPI has a unit */
html body #aem-overview#aem-overview #at-content table.aem-task-table :is(th,td):nth-child(6),
html body #aem-overview#aem-overview #at-content table.aem-task-table col[data-task-column="5"]{display:none!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table tr.aem-task-day.is-single{display:none!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="0"]{width:24%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="1"]{width:9%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="2"]{width:16%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="3"]{width:8%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="4"]{width:14%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="6"]{width:14%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="7"]{width:8%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] col[data-task-column="8"]{width:8%!important}
html body #aem-overview#aem-overview #at-content table.aem-task-table[data-column-profile=cgi] td:nth-child(8)::after{content:" image";color:light-dark(#5b6b61,#b4c4b9);font-size:12px}
html body #aem-overview#aem-overview #at-content table.aem-task-table td:nth-child(7){padding-right:14px}
html body #aem-overview#aem-overview #as-range{font-size:13px!important;font-weight:600}
/* Workload map cards: only stages that have work, load bar, "Bạn" tag */
html body #aem-overview#aem-overview .at-card .at-you{margin-left:8px;padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700;background:light-dark(#dce4d4,#35503f);color:light-dark(#1f3d2c,#d5ecdc)}
html body #aem-overview#aem-overview .at-card .at-loadbar{display:block;height:6px;border-radius:999px;margin:6px 0 4px;background:light-dark(#e3e8e0,#334139);overflow:hidden}
html body #aem-overview#aem-overview .at-card .at-loadbar>i{display:block;height:100%;border-radius:999px;background:#4f9a76}
html body #aem-overview#aem-overview .at-card .at-loadbar.near>i{background:#d9a13b}
html body #aem-overview#aem-overview .at-card .at-loadbar.over>i{background:#d1495b}
html body #aem-overview#aem-overview .at-card .at-more{color:light-dark(#4b5b52,#b8c8be);font-weight:600}

/* Compact hero header for work lists. */
#aem-overview.aem-shell .at-hero{padding:10px 14px!important;margin:10px 0!important;gap:8px 16px!important;align-items:center!important;border-radius:9px!important}
#aem-overview.aem-shell .at-hero h3{font-size:15px!important;margin:2px 0 0!important;line-height:1.3}
#aem-overview.aem-shell .at-hero small{font-size:11px}
#aem-overview.aem-shell .at-herostats{gap:6px!important;flex-wrap:wrap;align-items:center}
#aem-overview.aem-shell .at-herostats span{display:inline-flex!important;align-items:baseline;gap:6px;padding:4px 10px!important;border-radius:6px!important;font-size:11px!important}
#aem-overview.aem-shell .at-herostats b{display:inline!important;font-size:15px!important}
/* DOD coverage: clear label / value / note hierarchy. */
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top{gap:10px}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top>div{padding:10px 12px!important;gap:4px!important}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top small{font-size:12px!important;font-weight:600!important;color:var(--ao-ink)!important}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top strong{font-size:21px!important;font-weight:700!important;line-height:1.25;font-variant-numeric:tabular-nums}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top strong.is-text{font-size:14px!important;font-weight:600!important;color:var(--ao-muted)!important;line-height:1.9}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-coverage-top span{font-size:12px!important;font-weight:400!important;color:var(--ao-muted)!important}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-status-strip{gap:6px;margin:8px 0}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-status-strip>span{font-size:12px!important;padding:3px 9px!important;border-radius:999px!important;font-weight:600}
#aem-overview.aem-shell #aem-dod-coverage .aem-dod-status-strip b{font-variant-numeric:tabular-nums;margin-left:2px}
html body #aem-overview#aem-overview .at-card .at-loadsummary>small:empty{display:none}
/* Menu ⋮: larger, regular-weight labels */
html body #aem-overview#aem-overview.aem-shell .ao-menu button{font-size:14px!important;font-weight:500!important}
html body #aem-overview#aem-overview.aem-shell .ao-menu{min-width:210px}
/* Add-stage / Prepare forms: label sits above its field, no overlap */
html body #aem-overview#aem-overview.aem-shell #ao-quick :is(form[data-stage-form],form[data-prepare-form]) label{display:grid!important;gap:6px;margin-top:12px;font-size:13px}
html body #aem-overview#aem-overview.aem-shell #ao-quick :is(form[data-stage-form],form[data-prepare-form]) textarea{display:block;width:100%;min-height:96px;margin:0;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell #ao-quick :is(form[data-stage-form],form[data-prepare-form]) footer{display:flex;gap:8px;margin-top:14px}
html body #aem-overview#aem-overview.aem-shell #ao-quick form[data-prepare-form] .aem-prepare-options label{display:flex!important;flex-direction:row;align-items:center;gap:8px;margin:0}
html body #aem-overview#aem-overview.aem-shell #ao-quick form[data-prepare-form] .aem-prepare-options input[type=checkbox]{width:16px!important;height:16px!important;margin:0;flex:none}
html body #aem-overview#aem-overview.aem-shell #ao-quick form[data-stage-form] input[name=custom]{width:100%;box-sizing:border-box}
/* Status dropdown: white list, one coloured dot + neutral text, soft sage highlight */
html body #aem-overview#aem-overview.aem-shell :is(select[data-status],select[data-mainstatus],#ao-statusfilter) option{background:light-dark(#fff,#1f262c)!important;font-weight:500;padding:7px 10px}
html body #aem-overview#aem-overview.aem-shell :is(select[data-status],select[data-mainstatus],#ao-statusfilter) option:checked,html body #aem-overview#aem-overview.aem-shell :is(select[data-status],select[data-mainstatus],#ao-statusfilter) option:hover{background:light-dark(#e9efe3,#2f3b33)!important;color:light-dark(#2f3a31,#e6efe7)!important;font-weight:600}
/* Custom status menu */
.aem-status-menu{position:fixed;z-index:3000;max-height:min(70vh,460px);overflow:auto;padding:6px;border-radius:10px;background:light-dark(#fff,#1f262c);border:1px solid light-dark(#dfe5da,#3a453d);box-shadow:0 12px 32px rgba(30,40,30,.18),0 2px 6px rgba(30,40,30,.08);font:500 13px/1.3 inherit;color:light-dark(#2b352d,#e6efe7)}
.aem-status-menu .aem-sm-group{padding:8px 10px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:light-dark(#7a8677,#93a193)}
.aem-status-menu .aem-sm-group:first-child{padding-top:4px}
.aem-status-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.aem-status-menu button:hover,.aem-status-menu button.is-active{background:light-dark(#edf1e8,#2a342c)}
.aem-status-menu .aem-sm-check{margin-left:auto;font-size:13px;opacity:0;color:light-dark(#4d6b52,#9fc6a5)}
.aem-status-menu button[aria-selected=true]{font-weight:700}
.aem-status-menu button[aria-selected=true] .aem-sm-check{opacity:1}
.aem-status-menu .aem-sm-icon{--c:#8a94a3;flex:none;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:2px solid var(--c);background:transparent}
.aem-status-menu [data-tone=doing] .aem-sm-icon{--c:#2d6fbd;background:conic-gradient(var(--c) 0 50%,transparent 0)}
.aem-status-menu [data-tone=purple] .aem-sm-icon{--c:#8051b2;background:conic-gradient(var(--c) 0 50%,transparent 0)}
.aem-status-menu [data-tone=waiting] .aem-sm-icon{--c:#c28a1a;background:radial-gradient(var(--c) 0 28%,transparent 32%)}
.aem-status-menu [data-tone=paused] .aem-sm-icon{--c:#8a94a3;background:linear-gradient(90deg,transparent 28%,var(--c) 28% 42%,transparent 42% 58%,var(--c) 58% 72%,transparent 72%)}
.aem-status-menu [data-tone=done] .aem-sm-icon{--c:#2f9461;background:var(--c)}
.aem-status-menu [data-tone=risk] .aem-sm-icon{--c:#d0453a;background:radial-gradient(var(--c) 0 28%,transparent 32%)}
.aem-status-menu [data-tone=stop] .aem-sm-icon{--c:#c4303f;background:var(--c)}
html body #aem-overview#aem-overview.aem-shell .aem-status-menu button{border:0!important;box-shadow:none!important;background:transparent!important;min-height:34px!important;padding:6px 10px!important}
html body #aem-overview#aem-overview.aem-shell .aem-status-menu button:is(:hover,.is-active){background:light-dark(#edf1e8,#2a342c)!important}
/* Status select: neutral white pill with the same icon as the menu */
html body #aem-overview#aem-overview.aem-shell select[data-status]{background-color:light-dark(#fff,#1f262c)!important;color:light-dark(#2b352d,#e6efe7)!important;border:1px solid light-dark(#d5dccf,#3a453d)!important;background-repeat:no-repeat;background-position:9px center;background-size:14px 14px;padding-left:30px!important;font-weight:600}
html body #aem-overview#aem-overview.aem-shell select[data-status]:focus,html body #aem-overview#aem-overview.aem-shell select[data-status]:focus-visible{border-color:light-dark(#7d9a82,#8fb394)!important;box-shadow:0 0 0 2px light-dark(rgba(125,154,130,.28),rgba(143,179,148,.3))!important;outline:0!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=todo]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%238a94a3' stroke-width='1.8'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=doing]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%232d6fbd' stroke-width='1.8'/%3E%3Cpath d='M7 3.3A3.7 3.7 0 0 1 7 10.7Z' fill='%232d6fbd'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=purple]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%238051b2' stroke-width='1.8'/%3E%3Cpath d='M7 3.3A3.7 3.7 0 0 1 7 10.7Z' fill='%238051b2'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=waiting]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%23c28a1a' stroke-width='1.8'/%3E%3Ccircle cx='7' cy='7' r='2' fill='%23c28a1a'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=paused]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%238a94a3' stroke-width='1.8'/%3E%3Cpath d='M5.4 4.8v4.4M8.6 4.8v4.4' stroke='%238a94a3' stroke-width='1.6'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=done]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6' fill='%232f9461'/%3E%3Cpath d='M4.2 7.2l2 2 3.6-3.8' fill='none' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=risk]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='5.2' fill='none' stroke='%23d0453a' stroke-width='1.8'/%3E%3Ccircle cx='7' cy='7' r='2' fill='%23d0453a'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell select[data-status][data-status-tone=stop]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='7' cy='7' r='6' fill='%23c4303f'/%3E%3Crect x='4.6' y='4.6' width='4.8' height='4.8' fill='%23fff'/%3E%3C/svg%3E")!important}
html body #aem-overview#aem-overview.aem-shell button.aem-issue-badge{background:light-dark(#fff8e6,#3b3320)!important;border:1px solid light-dark(#ecd9a3,#6b5a2c)!important;font-weight:600!important;box-shadow:none!important}
html body #aem-overview#aem-overview.aem-shell .aem-status-menu{max-height:min(82vh,620px)}
html body #aem-overview#aem-overview.aem-shell .aem-status-menu button{min-height:30px!important;padding:4px 10px!important}
.aem-status-menu .aem-sm-group{padding:6px 10px 2px!important}
/* ⋮ menus: 13px, even icon column, destructive item last */
html body #aem-overview#aem-overview.aem-shell .ao-menu button{font-size:13px!important;font-weight:500!important;gap:10px!important;display:flex!important;align-items:center}
html body #aem-overview#aem-overview.aem-shell .ao-menu button>svg.aem-menu-ico{width:16px!important;height:16px!important;flex:none;opacity:.8}
html body #aem-overview#aem-overview.aem-shell .ao-menu button:is([data-ui-delete],[data-delete-task],[data-delete-project]){margin-top:6px!important}
/* Task detail header: keep the status icon clear of the label */
html body #aem-overview#aem-overview.aem-shell #ao-sidebar#ao-sidebar select[data-status]{padding-left:32px!important;background-position:10px center!important;text-indent:0!important}
/* Task detail header row: muted small labels, uniform 13px values */
html body #aem-overview#aem-overview.aem-shell #ao-sidebar .aem-task-control-row .wc-task-field-name{font-size:12px!important;font-weight:500!important;color:light-dark(#6a7566,#9fae9f)!important;letter-spacing:.01em}
html body #aem-overview#aem-overview.aem-shell #ao-sidebar .aem-task-control-row .wc-task-field-value,html body #aem-overview#aem-overview.aem-shell #ao-sidebar .aem-task-control-row .wc-task-field-value :is(strong,span,b,small,button,time,a,select){font-size:13px!important;font-weight:600!important}
html body #aem-overview#aem-overview.aem-shell #ao-sidebar .aem-task-control-row .aem-task-assignee .wc-task-field-value :is(.ao-avatar,.aem-avatar,[class*=avatar]){font-size:11px!important}
/* Done tasks: neutral deadline chip */
html body #aem-overview#aem-overview.aem-shell .aem-row-done .ao-deadline-chip{color:light-dark(#6f7a70,#a3b0a4)!important;background:light-dark(#f1f3ee,#2a312c)!important;border-color:light-dark(#dde2d8,#3a453d)!important}
/* Overview: top bar, filters, KPI strip, range line and column header stay put; only the project list scrolls (desktop widths) */
@media (min-width:1400px){
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel :is(.ao-tools,#wc-overview-strip,#ao-range){position:sticky;z-index:40;margin:0!important;background:light-dark(#f7f7f5,#161b18)}
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel .ao-tools{top:var(--aem-t1,64px);padding-bottom:10px}
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel #wc-overview-strip{top:var(--aem-t2,170px);padding:10px 0 6px;z-index:2000}
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel #ao-range{top:var(--aem-t3,230px);padding:2px 0 8px;z-index:38}
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel>.ao-workspace .ao-table{overflow-x:clip!important;overflow-y:visible!important}
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel>.ao-workspace .ao-table thead th{position:sticky;top:var(--aem-t4,260px);z-index:30}
}
/* Sidebar stays fixed below the top bar */
html body #aem-overview#aem-overview.aem-shell #aem-sidebar{top:var(--aem-t1,64px)!important;max-height:calc(100vh - var(--aem-t1,64px));overflow-y:auto;scrollbar-width:none}
html body #aem-overview#aem-overview.aem-shell #aem-sidebar::-webkit-scrollbar{display:none}
/* While a KPI drawer is open, dim the (stacked above the shade) KPI strip like the rest of the page */
@media (min-width:1400px){
 html body #aem-overview#aem-overview.aem-shell #ao-overview-panel #wc-overview-strip:has(.aem-issue-list:not([hidden])){background:light-dark(#c8c8c6,#0c100e)}
}
/* Bell + theme switch live in the top bar, like the main page (the buttons stay in the Work header markup, so their popups keep working) */
@media (min-width:900px){
 html body #aem-overview#aem-overview.aem-shell #ao-theme{position:fixed!important;top:12px;right:128px;z-index:2100;width:40px;height:40px;min-width:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;color:light-dark(#2f3a31,#e6efe7)}
 html body #aem-overview#aem-overview.aem-shell .an-anchor{position:fixed!important;top:12px;right:80px;z-index:2100}
 html body #aem-overview#aem-overview.aem-shell #ao-tab-notifications{width:40px;height:40px;min-width:0;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;font-size:18px}
 html body #aem-overview#aem-overview.aem-shell #ao-theme:hover,html body #aem-overview#aem-overview.aem-shell #ao-tab-notifications:hover{background:rgba(255,255,255,.35)!important;border-radius:8px}
}
@media (min-width:900px){
 html body #aem-overview#aem-overview.aem-shell #ao-tab-notifications{font-size:0!important;position:relative;color:light-dark(#2f3a31,#e6efe7)}
 html body #aem-overview#aem-overview.aem-shell #ao-tab-notifications::before{content:'';position:absolute;inset:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 2 7.5 2 7.5H4S6 15 6 9Z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9a6 6 0 0 1 12 0c0 6 2 7.5 2 7.5H4S6 15 6 9Z'/%3E%3Cpath d='M10 20a2 2 0 0 0 4 0'/%3E%3C/svg%3E") center/contain no-repeat}
}
/* Settings page */
html body #aem-overview#aem-overview.aem-shell #aem-settings-panel .aem-settings-heading{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px}
html body #aem-overview#aem-overview.aem-shell #aem-settings-panel .aem-settings-heading>span{font-size:12px!important;color:light-dark(#6a7566,#9fae9f);order:3}
html body #aem-overview#aem-overview.aem-shell:has(#aem-settings-panel:not([hidden])) .aem-topbar :is(#ao-tab-reminders,#ao-create){display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content{max-width:1280px!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:13px!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content label{font-size:13px}
/* criteria editor: chevron instead of "+" */
html body #aem-overview#aem-overview.aem-shell #aem-settings-content button[data-config-collapse]{font-size:0!important;width:32px;position:relative}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content button[data-config-collapse]::before{content:'';position:absolute;inset:0;margin:auto;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg);transition:transform .15s}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content button[data-config-collapse][aria-expanded=true]::before{transform:translateY(-3px) rotate(45deg)}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content button[data-config-delete]{font-size:12px!important;font-weight:600;color:light-dark(#b3261e,#ff9b94)}
/* routing summary */
html body #aem-overview#aem-overview.aem-shell #aem-routing-form summary .aem-route-sum{margin-left:12px;font-weight:500;font-size:13px;color:light-dark(#4d6b52,#9fc6a5)}
html body #aem-overview#aem-overview.aem-shell #aem-routing-form summary .aem-route-sum.is-empty{color:light-dark(#a05a00,#ffd17a)}
/* permissions table: zebra rows, one background for the label column */
html body #aem-overview#aem-overview.aem-shell #aem-settings-content table tbody tr:nth-child(even){background:light-dark(#f4f6f1,#1d2420)}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content table tbody :is(th,td):first-child{background:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content table tbody tr:hover{background:light-dark(#e9efe3,#2a342c)}
html body #aem-overview#aem-overview.aem-shell #aem-settings-panel{max-width:1560px!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-panel .wl-settings-grid{grid-template-columns:220px minmax(0,1fr)!important}
html body #aem-overview#aem-overview.aem-shell #aem-settings-content{max-width:none!important}
/* Settings > Khách hàng */
html body #aem-overview#aem-overview.aem-shell .aem-client-add{display:flex;gap:10px;align-items:center;max-width:560px}
html body #aem-overview#aem-overview.aem-shell .aem-client-add input{flex:1;min-height:36px;font-size:13px!important}
html body #aem-overview#aem-overview.aem-shell .aem-client-msg{min-height:18px;margin:6px 0 0;color:light-dark(#b3261e,#ff9b94)}
html body #aem-overview#aem-overview.aem-shell .aem-client-list{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border:1px solid light-dark(#dfe5da,#3a453d);border-radius:8px;background:light-dark(#fff,#1f262c)}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li strong{font-size:13px}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li span{margin-left:auto;font-size:12px;color:light-dark(#6a7566,#9fae9f)}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li button{font-size:12px!important;color:light-dark(#b3261e,#ff9b94)}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li button:disabled{opacity:.35;cursor:not-allowed}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li input.aem-client-rename{flex:1;min-height:30px;font-size:13px!important}
html body #aem-overview#aem-overview.aem-shell .aem-client-list li button[data-client-edit]{color:inherit}
.aem-people-team{margin:18px 0 8px}.aem-people-team h4{margin:0 0 8px;font-size:14px}.aem-people-team h4 span{font-weight:400;color:var(--ao-muted);margin-left:6px;font-size:12px}
html body #aem-overview#aem-overview.aem-shell .aem-settings-heading>div>p,html body #aem-overview#aem-overview.aem-shell .aem-settings-heading>span{display:none!important}
html body #aem-overview#aem-overview.aem-shell [data-stage-form]+ul{grid-template-columns:repeat(2,minmax(0,1fr))!important}
html body #aem-overview#aem-overview.aem-shell [data-stage-form]+ul li *{white-space:nowrap}
html body #aem-overview#aem-overview.aem-shell [data-stage-form]+ul li strong{margin-right:auto}
html body #aem-overview#aem-overview.aem-shell #ao-sidebar:not([hidden]){z-index:2600!important}
html body #aem-overview#aem-overview.aem-shell #ao-quick:not([hidden]){z-index:2600!important}
/* PL view: project card with assignment summary, even spacing */
html body #aem-overview#aem-overview.aem-shell #at-content .at-projectcard{padding:14px 16px!important;margin:0 0 14px!important;display:flex;flex-direction:column;gap:10px}
html body #aem-overview#aem-overview.aem-shell #at-content .at-projectcard>h3{margin:0!important}
html body #aem-overview#aem-overview.aem-shell #at-content .at-projectcard>header{margin:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
html body #aem-overview#aem-overview.aem-shell #at-content .at-projectcard>header [data-collapse-project]{padding:4px 10px;font-size:12px;min-height:0}
.at-assignsum{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px}
.at-assignsum span{padding:3px 10px;border-radius:999px;background:light-dark(#eef2ee,#232b26);color:var(--ao-muted)}
.at-assignsum b{color:var(--ao-text,inherit)}
.at-assignsum .warn{background:light-dark(#fbefe0,#3a2d1c);color:light-dark(#9a5a10,#e0b070)}
.at-assignsum .ok{background:light-dark(#e6f3ec,#1f3328);color:light-dark(#2e7d57,#7fcfa0)}
.at-assignsum .at-avatars{display:inline-flex;align-items:center;padding:0;background:none;gap:0}
.at-assignsum .at-avwrap{display:inline-flex;padding:0;background:none;margin-left:-6px;border-radius:50%;box-shadow:0 0 0 2px light-dark(#fff,#1b211e)}
.at-assignsum .at-avwrap:first-child{margin-left:0}
.at-assignsum .aem-person-avatar{width:26px;height:26px;margin:0;font-size:10px}
.at-assignsum .at-avmore{margin-left:4px;padding:0 6px;background:none}
.at-assignsum .at-avatars:empty{display:none}
.at-assignsum .at-avwrap{margin-left:-4px}
.at-assignsum .aem-person-avatar{width:28px;height:28px}
/* project cards already show the project in the header: drop code · client from each task row */
#at-content .at-projectcard .aem-task-project{display:none!important}
/* PL view groups by project, so the assignee column (avatar + name) is needed there */
html body #aem-overview#aem-overview #at-content .at-projectcard table.aem-task-table :is(th,td):nth-child(6){display:table-cell!important}
html body #aem-overview#aem-overview #at-content .at-projectcard table.aem-task-table col[data-task-column="5"]{display:table-column!important}
html body #aem-overview#aem-overview #at-content .at-projectcard table.aem-task-table[data-column-profile=cgi] col[data-task-column="5"]{width:14%!important}
/* Start column: same single-line, left-aligned format as Deadline; empty shows a dash */
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-start-plan{white-space:nowrap!important;text-align:left!important;justify-content:flex-start;padding-left:0!important;min-width:0!important;font-weight:600!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-start-plan:empty::before{content:"—";color:var(--ao-muted);font-weight:400}
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-start-plan{padding-left:8px!important;margin-left:-8px;width:calc(100% + 8px)!important}
.at-assignpill{display:inline-block;margin-left:10px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:middle}
.at-assignpill.ok{background:light-dark(#e6f3ec,#1f3328);color:light-dark(#2e7d57,#7fcfa0)}
.at-assignpill.warn{background:light-dark(#fbefe0,#3a2d1c);color:light-dark(#9a5a10,#e0b070)}
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-date-button{text-align:left!important;justify-content:flex-start!important;padding-left:8px!important;margin-left:-8px;width:calc(100% + 8px)!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-date-button *{text-align:left!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-table .aem-date-button .ao-deadline-chip{padding-left:0!important;margin-left:0!important}
/* issue badges: one colour per severity */
html body #aem-overview#aem-overview.aem-shell .aem-issue-badge.blocked{background:light-dark(#fff6dc,#3b3320)!important;border-color:light-dark(#e6cf86,#6b5a2c)!important;color:light-dark(#8a6400,#e6c875)!important}
html body #aem-overview#aem-overview.aem-shell .aem-issue-badge.risk{background:light-dark(#fdeadb,#3d2b1d)!important;border-color:light-dark(#efb88c,#7a4d28)!important;color:light-dark(#a24f0c,#efaa73)!important}
html body #aem-overview#aem-overview.aem-shell .aem-issue-badge.incident{background:light-dark(#fbe3e1,#44211f)!important;border-color:light-dark(#e8a09b,#8a3b37)!important;color:light-dark(#b0303a,#f0908f)!important}

/* ===== Audit pass: unify layout, colour, empty states ===== */
/* 1. Bell / theme sit below every drawer */
html body #aem-overview#aem-overview.aem-shell #ao-theme,html body #aem-overview#aem-overview.aem-shell .an-anchor{z-index:1200}
/* 2. Top bar: status text + actions on one line, one button language */
html body #aem-overview#aem-overview.aem-shell .aem-topbar{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;padding-top:14px;padding-bottom:10px}
html body #aem-overview#aem-overview.aem-shell .aem-topbar #aem-sync-status{margin:0 auto 0 0;font-size:12px;color:var(--ao-muted);order:-1}
html body #aem-overview#aem-overview.aem-shell .aem-topbar #ao-tab-reminders{background:var(--ao-card)!important;border:1px solid var(--ao-line)!important;color:var(--ao-ink)!important}
/* 3. Overview table */
html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-projectlabel>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #ao-rows td[data-mobile-label=Deadline],html body #aem-overview#aem-overview.aem-shell #ao-rows td[data-mobile-label=Deadline] .aem-date-button{text-align:left!important;justify-content:flex-start!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-toggle{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
/* 5. Table headers follow the sage palette */
html body #aem-overview#aem-overview.aem-shell table thead th{background:light-dark(#e3e9df,#232d27)!important;color:var(--ao-ink)!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-day th{background:light-dark(#eef1ea,#1d2621)!important;border-left-color:light-dark(#8aa08f,#6f8f7b)!important}
/* 6. One accent for neutral metrics and view tabs; colour only means status */
html body #aem-overview#aem-overview.aem-shell [data-wc-metric]:not([data-wc-metric=red]):not([data-wc-metric=orange]):not([data-wc-metric=yellow]){--wc-accent:light-dark(#2f6f55,#97dfb8)}
/* 10. Empty cells show a dash */
.aem-empty-cell::before{content:"—";color:var(--ao-muted)}

html body #aem-overview#aem-overview.aem-shell #ao-overview-panel .ao-table thead th,html body #aem-overview#aem-overview.aem-shell #ao-overview-panel #ao-rows .aem-task-day th{background:light-dark(#e3e9df,#232d27)!important;color:var(--ao-ink)!important;border-bottom-color:light-dark(#c3cdbd,#3a4944)!important}
html body #aem-overview#aem-overview.aem-shell .aem-pl-customer-table thead th{background:light-dark(#e3e9df,#232d27)!important;color:var(--ao-ink)!important}
html body #aem-overview#aem-overview.aem-shell .aem-topbar{padding-top:6px}
/* 7. Dark: date-group rows follow the table surface instead of near-black */
html body #aem-overview#aem-overview.aem-shell #ao-rows tr.ao-dategroup>td{background:light-dark(#eef1ea,#1d2621)!important}
/* Layers: sticky content (<=2000) < shade < drawers; drawer header is opaque */
html body #aem-overview#aem-overview.aem-shell #aem-detail-shade{z-index:2500!important}
html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer:not([hidden]){z-index:2600!important}
html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer .aem-drawer-tools{background:light-dark(#e3e9df,#232d27)!important;color:var(--ao-ink)!important}
html body #aem-overview#aem-overview.aem-shell:has(.aem-standard-drawer:not([hidden])) #ao-theme{visibility:hidden!important}
html body #aem-overview#aem-overview.aem-shell .an-anchor:has(.aem-standard-drawer:not([hidden])){z-index:2600!important}
html body #aem-overview#aem-overview.aem-shell .ao-tools{justify-content:flex-start!important}
html body #aem-overview#aem-overview.aem-shell .ao-tools>*{margin-left:0!important}
/* Overview table: body cells share the header's 10px inset so text lines up */
html body #aem-overview#aem-overview.aem-shell #ao-rows td:not(:first-child){padding-left:10px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows :is(.aem-date-button,.aem-start-plan){padding-left:8px!important;margin-left:-8px;width:calc(100% + 8px)!important;text-align:left!important;justify-content:flex-start!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows .aem-date-button .ao-deadline-chip{padding-left:0!important;margin-left:0!important;white-space:nowrap}

/* ===== Control hierarchy: tabs / segmented views / filters ===== */
html body #aem-overview#aem-overview.aem-shell :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards){display:flex;gap:4px;border-bottom:1px solid light-dark(#d9ded8,#2f3a36);padding:0;margin:0 0 14px;background:none!important}
html body #aem-overview#aem-overview.aem-shell :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:10px 16px!important;margin-bottom:-1px;font-weight:600;letter-spacing:.02em;color:light-dark(#5c665f,#9fb0a7)!important;border-bottom:2px solid transparent!important}
html body #aem-overview#aem-overview.aem-shell :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button:hover{color:light-dark(#1f2a24,#e6efe9)!important;background:light-dark(#eef2ec,#202a26)!important}
html body #aem-overview#aem-overview.aem-shell :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button[aria-pressed=true]{color:light-dark(#1f5a43,#97dfb8)!important;border-bottom-color:light-dark(#2f6f55,#97dfb8)!important}
html body #aem-overview#aem-overview.aem-shell .as-filtergroup button[aria-pressed=true]{background:light-dark(#2f6f55,#3d8a6c)!important;color:#fff!important;border-color:light-dark(#2f6f55,#3d8a6c)!important;box-shadow:none!important}
html body #aem-overview#aem-overview.aem-shell .as-filtergroup button[aria-pressed=true]::before{color:#fff!important}
html body #aem-overview#aem-overview.aem-shell .aem-filter-search select.aem-filtered,html body #aem-overview#aem-overview.aem-shell select.aem-filtered{border-color:light-dark(#2f6f55,#97dfb8)!important;background-color:light-dark(#eaf3ee,#1d2e27)!important;font-weight:600}
html body #aem-overview#aem-overview.aem-shell input[type=search],html body #aem-overview#aem-overview.aem-shell #at-search{padding-left:32px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23788' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 10px center light-dark(#fff,#161d1a)!important}
html body #aem-overview#aem-overview.aem-shell .aem-filter-search>div:last-child,html body #aem-overview#aem-overview.aem-shell .aem-filter-search :is(small,p,span):not(button *){color:light-dark(#66716a,#94a49b)}
html body #aem-overview#aem-overview.aem-shell #aem-main :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button[aria-pressed]{background:none!important;box-shadow:none!important;border-radius:0!important}
html body #aem-overview#aem-overview.aem-shell #aem-main :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button[aria-pressed=true]{background:none!important;border-bottom:2px solid light-dark(#2f6f55,#97dfb8)!important;color:light-dark(#1f5a43,#97dfb8)!important}
html body #aem-overview#aem-overview.aem-shell #aem-main :is(#at-teamcards,#ak-teamcards,#af-teamcards,#at-pl-teamcards)>button[aria-pressed=false]:hover{background:light-dark(#eef2ec,#202a26)!important}
/* Tab glyphs: monochrome, inherit text colour (no emoji/colour-font rendering) */
html body #aem-overview#aem-overview.aem-shell :is(.ao-tabs,.aem-nav-group)>button,html body #aem-overview#aem-overview.aem-shell .as-filtergroup button{font-variant-emoji:text;font-family:system-ui,-apple-system,"Segoe UI","Segoe UI Symbol","Noto Sans Symbols 2",Arial,sans-serif}
html body #aem-overview#aem-overview.aem-shell :is(.ao-tabs,.aem-nav-group)>button::first-letter{color:inherit!important;-webkit-text-fill-color:currentColor}
/* KPI sub-view tabs: tinted like the other view tabs */
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(1){background:light-dark(#e2f1e9,#1a3f34)!important;color:light-dark(#17734f,#97dfb8)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(2){background:light-dark(#e3eefb,#233e60)!important;color:light-dark(#1d5fa8,#9cc7f5)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(3){background:light-dark(#efe5f8,#3b2d4d)!important;color:light-dark(#7545a0,#d2b3ef)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(4){background:light-dark(#fff0da,#45351e)!important;color:light-dark(#985609,#ffd090)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(5){background:light-dark(#dff1f3,#1c3b41)!important;color:light-dark(#126c77,#95dce2)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button:nth-child(6){background:light-dark(#e9eafa,#303152)!important;color:light-dark(#4d51a3,#b6bbff)!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button[aria-pressed=true]{box-shadow:inset 0 -2px currentColor!important;border-color:currentColor!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .wl-stat-toolbar nav>button *{color:inherit!important}
/* Member detail drawer table: no wrapping buttons, dates never overlap */
html body #aem-overview#aem-overview.aem-shell #at-member-detail .ao-table{overflow-x:auto}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table{table-layout:auto!important;min-width:900px;width:100%}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(th,td){white-space:nowrap;padding:8px 10px!important;vertical-align:middle}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:first-child{white-space:normal;min-width:190px}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(button,.aem-date-button,.aem-start-plan){white-space:nowrap!important;width:auto!important;min-width:0;writing-mode:horizontal-tb;margin-left:0!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:last-child button{padding:6px 12px!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table .aem-task-note,html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-last-child(3){white-space:normal}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(th,td):nth-last-child(2){white-space:nowrap!important;min-width:84px}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:first-child{min-width:240px}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table{min-width:980px}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:last-child{padding-right:34px!important;position:relative}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:last-child .aem-bulk-check{right:8px!important;left:auto!important}
/* Task detail opened from the member list sits above the member list */
html body #aem-overview#aem-overview.aem-shell :is(#ao-sidebar,#ao-quick):not([hidden]){z-index:2700!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail{max-width:calc(100vw - 32px)!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal:not([hidden]){z-index:2700!important}

/* ===== Narrow screens (tablet / small laptop) ===== */
@media (max-width:1180px){
 @media(min-width:561px){html body #aem-overview#aem-overview.aem-shell #wc-overview-strip{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:560px){html body #aem-overview#aem-overview.aem-shell #wc-overview-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body #aem-overview#aem-overview.aem-shell #wc-overview-strip :is(#ao-dashboard button>small:first-child,.aem-issue-cards>button>span){white-space:normal!important;overflow:visible!important;text-overflow:clip!important}}
 html body #aem-overview#aem-overview.aem-shell #wc-overview-strip>*{min-width:0}
 html body #aem-overview#aem-overview.aem-shell .aem-topbar :is(button,a,span){white-space:nowrap}
 html body #aem-overview#aem-overview.aem-shell .aem-topbar{flex-wrap:wrap;gap:8px}
 html body #aem-overview#aem-overview.aem-shell #aem-main .ao-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
 html body #aem-overview#aem-overview.aem-shell #aem-main .ao-table>table{min-width:900px}
 html body #aem-overview#aem-overview.aem-shell #aem-main .ao-table>table :is(th,td){word-break:normal;overflow-wrap:normal}
 html body #aem-overview#aem-overview.aem-shell #aem-main .ao-table>table th{white-space:nowrap}
}
@media (pointer:coarse){
 html body #aem-overview#aem-overview.aem-shell #aem-main :is(button,select,summary){min-height:36px}
 html body #aem-overview#aem-overview.aem-shell .aem-bulk-check{opacity:1!important;visibility:visible!important}
}
/* Pickers and popovers must sit above drawers (2600) and the task modal (2700) */
html body #aem-overview#aem-overview.aem-shell :is(#aem-date-popover,#aem-assignment-popover,#aem-hour-picker,#aem-start-editor){z-index:2900!important}
html body #aem-overview#aem-overview.aem-shell :is(.aem-status-menu,[role=menu],[role=listbox]):not([hidden]){z-index:2900}
/* Empty start field in the task modal is a visible, clickable field */
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-start-plan{display:flex!important;align-items:center;min-height:34px;min-width:150px;padding:6px 10px!important;border:1px solid light-dark(#cfd8d1,#3a4a42)!important;border-radius:8px!important;background:light-dark(#fff,#161d1a)!important;cursor:pointer;color:inherit}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-start-plan:empty::before{content:"Chọn ngày giờ";color:light-dark(#6b766f,#9aa9a0)}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-start-plan:hover{border-color:light-dark(#2f6f55,#97dfb8)!important}
/* Member drawer: person name stays on one line beside the avatar; code column keeps its width */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(6){white-space:nowrap}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(6)>*{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;vertical-align:middle}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:first-child{min-width:230px;word-break:normal;overflow-wrap:normal}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table{max-width:none!important;width:max(100%,1020px)!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(th,td):first-child{min-width:240px}
/* Member list tables: identical column grid in every group, text aligned with headers */
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table{table-layout:fixed!important;width:100%!important;max-width:none!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(1){width:24%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(2){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(3){width:14%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(4){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(5){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(6){width:0%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(7){width:7%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(8){width:7%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(9){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=model] col:nth-child(10){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(1){width:26%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(2){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(3){width:16%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(4){width:12%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(5){width:13%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(6){width:0%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(7){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(8){width:7%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table[data-column-profile=ext] col:nth-child(9){width:7%!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table col:nth-child(6){display:none}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table :is(th,td):not(:first-child){text-align:left!important}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table :is(th,td){padding-left:10px!important;padding-right:10px!important;overflow:hidden;text-overflow:ellipsis}
html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table td:nth-child(5),html body #aem-overview#aem-overview.aem-shell #at-content details table.aem-task-table td:nth-child(4){white-space:nowrap}
/* Member drawer table: fixed grid, scrolls horizontally on narrow screens */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table{table-layout:fixed!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(1){width:25%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(2){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(3){width:14%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(4){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(5){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(6){width:13%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(7){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(8){width:6%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(9){width:6%!important}
/* Load card: project code · client, then the task name on the same line */
html body #aem-overview#aem-overview.aem-shell .at-minilist>div>:is(.aem-preview-project,strong){display:inline!important}
html body #aem-overview#aem-overview.aem-shell .at-minilist>div>strong{margin-left:8px}
html body #aem-overview#aem-overview.aem-shell .at-minilist>div>small:last-child{display:block;margin-top:4px}
/* Member drawer: no horizontal scroll - person column is redundant (named in the header) */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table{width:100%!important;min-width:0!important;max-width:100%!important;table-layout:fixed!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(1){width:24%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(2){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(3){width:16%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(4){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(5){width:12%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(6){width:0%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(7){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(8){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(9){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(col,th,td):nth-child(6){display:none!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail .ao-table{overflow-x:hidden!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(th,td){padding:8px 6px!important;white-space:normal}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:first-child{min-width:0!important;overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(th,td):not(:first-child){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:last-child{padding-right:28px!important}
/* Completion bar above the load bar on personnel cards */
html body #aem-overview#aem-overview .at-card .at-donesummary{margin-top:8px;padding-top:8px;border-top:1px solid light-dark(#e3e8e0,#334139)}
html body #aem-overview#aem-overview .at-card .at-donesummary>strong{display:block;font-size:13px}
html body #aem-overview#aem-overview .at-card .at-loadbar.done>i{background:light-dark(#3b82a0,#6fb7d4)}
html body #aem-overview#aem-overview .at-card .at-donesummary+.at-loadsummary{margin-top:6px;border-top:0;padding-top:0}
/* Member drawer: deadline text same scale as start text */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(td:nth-child(4),td:nth-child(5)),html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table :is(td:nth-child(4),td:nth-child(5)) *{font-size:13px!important;line-height:1.35}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(5) *{font-weight:600!important}
/* Member drawer: start date wraps to two lines (time / date) like Deadline, never cut off */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(4){white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(4) :is(button,.aem-start-plan,.aem-date-button){white-space:normal!important;overflow:visible!important;text-overflow:clip!important;text-align:left!important;line-height:1.35}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(4){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(1){width:22%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(3){overflow:visible!important;text-overflow:clip!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(3) :is(select,button,.aem-status-trigger){width:100%!important;max-width:100%!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(4){width:13%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(1){width:21%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(2){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(7){width:10%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(4) :is(button,.aem-start-plan){word-break:keep-all!important;overflow-wrap:normal!important}
/* Member drawer keeps project code + client above the task name (only the PL project cards hide it) */
#at-content #at-member-detail .aem-task-project{display:flex!important;gap:6px;flex-wrap:wrap;margin-bottom:2px}
/* Task modal: compact, evenly spaced description / result panes */
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane]{padding:12px 16px!important;margin-top:10px!important;gap:8px!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] h3{margin:0!important;line-height:1.3}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] .wl-edit-content{min-height:30px!important;height:30px;padding:0 10px!important;font-size:13px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-result-content:empty{display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .acm-task-actions{margin-top:6px!important;padding-top:10px!important;gap:8px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .acm-task-actions button{min-height:34px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] textarea{min-height:72px;padding:8px 10px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] input[type=file]{height:34px;padding:3px 8px;font-size:13px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] label{margin:0}
/* Member drawer: remark badge never clipped */
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table td:nth-child(7){overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(7){width:12%!important}
html body #aem-overview#aem-overview.aem-shell #at-member-detail table.aem-task-table col:nth-child(3){width:15%!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] h3{margin-bottom:8px!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal [data-wl-task-pane] label{display:block;margin-bottom:8px!important}
/* Statistics drawer (forecast / layout detail): read-only list, fewer columns */
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table{table-layout:fixed!important;width:100%!important;min-width:0!important;max-width:100%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(1){width:26%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(2){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(3){width:15%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(5){width:14%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(6){width:15%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(8){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table col:nth-child(9){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table :is(col,th,td):is(:nth-child(4),:nth-child(7)){display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table :is(.acm-completion-circle,.aem-bulk-check){display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table td:nth-child(3) select{appearance:none;-webkit-appearance:none;pointer-events:none;border-color:transparent!important;background:transparent!important;padding-left:0!important;font-weight:600}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail .ao-table{overflow-x:hidden!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table :is(th,td){padding:8px 6px!important}
html body #aem-overview#aem-overview.aem-shell #aem-layout-detail table.aem-task-table td:nth-child(6){white-space:nowrap}

/* Task modal: control row — all value boxes share one height */
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row{align-items:end!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row .wc-task-field-value{height:38px!important;min-height:38px!important;display:flex!important;align-items:center;gap:8px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row :is(select,.aem-start-plan,.aem-date-button,input:not([type=checkbox])){box-sizing:border-box!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;display:flex;align-items:center;line-height:1.2!important;width:100%!important;min-width:0!important;font-size:13px}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row .aem-date-button{justify-content:flex-start;border-radius:8px!important}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row .wc-task-field-value select{display:block}
html body #aem-overview#aem-overview.aem-shell #aem-task-modal .aem-task-control-row .wc-task-field-value>button:not(.acm-completion-circle):not(.aem-start-plan){box-sizing:border-box!important;height:38px!important;min-height:38px!important;margin:0!important;padding:0 10px!important;width:100%!important;display:flex;align-items:center;border-radius:8px!important}

/* Issue drawer: always above every shade, no dimming, no redundant "Bỏ lọc" */
html body #aem-overview#aem-overview.aem-shell #aem-issues-dashboard .aem-issue-list{z-index:2800!important;isolation:isolate;filter:none!important;opacity:1!important}
html body #aem-overview#aem-overview.aem-shell .aem-issue-list [data-issue-clear]{display:none!important}

/* Dim the page from the top drawer itself (box-shadow paints BEHIND it), so nothing can ever overlay a drawer */
html body #aem-overview#aem-overview.aem-shell #aem-detail-shade{background:transparent!important}
html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer[aria-modal="true"]:not(#ao-sidebar){box-shadow:0 0 0 200vmax rgba(0,0,0,.27),0 18px 48px rgba(0,0,0,.28)!important}
html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer.aem-drawer-minimized[aria-modal="true"]{box-shadow:0 8px 24px rgba(0,0,0,.25)!important}

/* ROOT CAUSE of dimmed/unclickable issue drawer: it lives inside the sticky strip (z 2000 < shade 2500). Lift the strip while the drawer is open. */
html body #aem-overview#aem-overview.aem-shell #ao-overview-panel #wc-overview-strip:has(.aem-issue-list:not([hidden])){z-index:2800!important}
/* Task modal opened from the issue drawer must stay on top of it */
html body #aem-overview#aem-overview.aem-shell.aem-drawer-task-open #ao-overview-panel #wc-overview-strip:has(.aem-issue-list:not([hidden])){z-index:2000!important}

/* PL drawer table: fixed grid, no squashed buttons */
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table{table-layout:fixed!important;width:100%!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(1){width:20%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(2){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(3){width:15%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(4){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(5){width:11%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(6){width:13%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(7){width:9%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(8){width:6%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table col:nth-child(9){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table :is(th,td){padding:8px 6px!important;overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table td:last-child :is(button,.aem-start-plan,.aem-date-button){white-space:nowrap!important;width:auto!important;min-width:0;writing-mode:horizontal-tb;padding:4px 8px}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table td:nth-child(4) :is(button,.aem-start-plan,.aem-date-button){width:auto!important;margin-left:0!important;white-space:nowrap}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table td:nth-child(3) select{width:100%!important;min-width:0}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail .ao-table{overflow-x:hidden!important}

/* Action column in issue / metric drawers: header + button stays inside its cell */
html body #aem-overview#aem-overview.aem-shell :is(.aem-issue-list,#ao-metric-details) thead th:last-child:empty::after{content:"Thao tác"}
html body #aem-overview#aem-overview.aem-shell :is(.aem-issue-list,#ao-metric-details) tbody td:last-child{white-space:nowrap;text-align:left}
html body #aem-overview#aem-overview.aem-shell :is(.aem-issue-list,#ao-metric-details) tbody td:last-child button{white-space:nowrap!important;width:auto!important;max-width:100%;box-sizing:border-box;margin:0!important}

/* Overview table: Bắt đầu column wide enough for "dd/mm/yyyy" without wrapping */
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(2){width:11%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(3){width:9%!important}
html body #aem-overview.aem-shell .ao-table table:has(> #ao-rows) thead th:nth-child(7){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows :is(.aem-date-button,.aem-start-plan){white-space:nowrap!important;font-size:13px}

/* ===== Layout audit fixes (scanner-driven) ===== */
/* A. status selects never exceed their cell */
html body #aem-overview#aem-overview.aem-shell :is(td,th) select{max-width:100%!important;box-sizing:border-box!important;min-width:0}
/* B. issue badge wraps instead of overflowing */
html body #aem-overview#aem-overview.aem-shell td .aem-issue-badge{max-width:100%!important;box-sizing:border-box;white-space:normal!important;line-height:1.25;text-align:left}
/* C. "Chi tiết"-style action buttons never break letter by letter */
html body #aem-overview#aem-overview.aem-shell table.aem-task-table td:last-child button,html body #aem-overview#aem-overview.aem-shell button[data-teamdetail]{white-space:nowrap!important;writing-mode:horizontal-tb!important;min-width:0}
/* D. person names break only between words */
html body #aem-overview#aem-overview.aem-shell :is(.aem-person-control,.aem-assign-trigger) span{overflow-wrap:normal!important;word-break:normal!important}
/* F. smallest text 11px */
html body #aem-overview#aem-overview.aem-shell :is(dt,dd){font-size:max(11px,1em)}
html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) dl :is(dt,dd){font-size:11px!important}
/* G. controls in one row share a height */
html body #aem-overview#aem-overview.aem-shell #aem-main input[type=date]{height:36px!important;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) .aem-hour-trigger{height:36px!important;min-height:36px!important;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar,.aem-standard-drawer) :is(.wl-submit-progress,button[data-submit-progress],.wl-topic-button){min-height:38px}
/* H. no 4px sideways scroll in request drawers */
html body #aem-overview#aem-overview.aem-shell :is(#aem-load-request,#aem-dispatch-proposal){overflow-x:hidden!important}
html body #aem-overview#aem-overview.aem-shell #aem-detail-shade[hidden]{display:none!important;pointer-events:none!important}
html body #aem-overview#aem-overview.aem-shell td select.ao-status{width:100%!important;max-width:100%!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar,.aem-standard-drawer) :is(button[data-submit-progress],.aem-submit-progress)+button,html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) button:is(.wl-send-progress,[data-send-progress]){min-height:38px}
html body #aem-overview#aem-overview.aem-shell :is(.aem-time-24,.aem-hour-trigger){height:36px!important;box-sizing:border-box!important;min-height:36px!important}
html body #aem-overview#aem-overview.aem-shell .wl-settings-save{height:36px!important;min-height:36px!important}
html body #aem-overview#aem-overview.aem-shell table td select.ao-status[data-status]{width:100%!important;min-width:0!important;max-width:100%!important}
html body #aem-overview#aem-overview.aem-shell .acm-task-actions :is(button[data-chat-share],button[data-chat-open-project]){height:38px!important;min-height:38px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center;white-space:nowrap!important;padding:0 12px!important}
/* Daily plan add form: grid must fit the card at 1280 */
html body #aem-overview#aem-overview #aem-daily-plan form:not([hidden]){grid-template-columns:150px minmax(150px,1.4fr) minmax(150px,1fr) 100px 110px 120px!important;max-width:100%;box-sizing:border-box}
/* create-project panel: input and hour trigger share one height */
html body #aem-overview#aem-overview.aem-shell #ao-createpanel :is(input:not([type=checkbox]):not([type=radio]),select){height:36px!important;box-sizing:border-box}

/* ===== Phone (<=700px): card rows must fit the screen ===== */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell .ao-table{overflow-x:hidden!important;max-width:100%}
html body #aem-overview#aem-overview.aem-shell .ao-table table:has(>#ao-rows),
html body #aem-overview#aem-overview.aem-shell .ao-table table:has(>#ao-rows) :is(tbody,tr,td){min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr{grid-template-columns:minmax(0,1fr)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows td{overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #ao-rows select,html body #aem-overview#aem-overview.aem-shell #ao-rows input:not([type=checkbox]){max-width:100%!important}
}

/* ===== Phone (<=700px): drawers, task modal, team rows ===== */
@media (max-width:700px){
 /* drawer tables stack as labelled cards (no sideways scroll) */
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer .ao-table{overflow-x:hidden!important}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table :is(thead,colgroup){display:none!important}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table tbody{display:block!important}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table tbody tr{display:block!important;margin:0 0 10px;padding:8px 10px;border:1px solid light-dark(#d9e2dc,#34443c);border-radius:10px;background:light-dark(#fff,#161d1a)}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table tbody tr.aem-task-day,html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table tbody tr:has(>th){padding:6px 10px;background:light-dark(#eef3ef,#1d2824)}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td{display:flex!important;justify-content:space-between;align-items:center;gap:10px;width:100%!important;max-width:100%!important;padding:5px 0!important;border:0!important;box-sizing:border-box;text-align:right}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td[data-label]::before{content:attr(data-label);flex:0 0 38%;text-align:left;font-size:11px;font-weight:600;color:light-dark(#5f6f66,#9fb0a6)}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td>*{max-width:62%}
 /* task modal / sidebar: one column */
 html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) .aem-task-layout{grid-template-columns:minmax(0,1fr)!important}
 html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) .aem-task-control-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
 html body #aem-overview#aem-overview.aem-shell :is(#aem-task-modal,#ao-sidebar) :is(.aem-task-primary,.aem-task-secondary){min-width:0!important;width:100%!important}
 /* team / stage rows wrap instead of clipping */
 html body #aem-overview#aem-overview.aem-shell #ao-rows tr.ao-team{flex-wrap:wrap;overflow:visible!important}
 /* header actions: one touch height */
 html body #aem-overview#aem-overview.aem-shell :is(.aem-mobile-menu,#ao-tab-reminders,#ao-create,#ao-tab-notifications,#aem-quick-notes-button,#ao-theme){min-height:44px;height:44px!important;box-sizing:border-box}
}
/* task modal always above the issue drawer, whatever the stacking context */
html body #aem-overview#aem-overview.aem-shell.aem-drawer-task-open #aem-issues-dashboard .aem-issue-list{z-index:2600!important}
@media (max-width:700px){
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td:first-child{flex-direction:column;align-items:flex-start;text-align:left}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td:first-child>*{max-width:100%}
 html body #aem-overview#aem-overview.aem-shell .aem-standard-drawer table td:first-child[data-label]::before{display:none}
}

/* ===== Phone (<=700px): list tables in tabs stack as labelled cards; matrices scroll ===== */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack]{display:block!important;min-width:0!important;width:100%!important;table-layout:auto!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] :is(thead,colgroup){display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] tbody{display:block!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] tbody tr{display:block!important;margin:0 0 10px;padding:8px 10px;border:1px solid light-dark(#d9e2dc,#34443c);border-radius:10px;background:light-dark(#fff,#161d1a);min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] tbody tr:has(>th){padding:6px 10px;background:light-dark(#eef3ef,#1d2824)}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td{display:flex!important;justify-content:space-between;align-items:center;gap:10px;width:100%!important;max-width:100%!important;min-width:0!important;padding:5px 0!important;border:0!important;box-sizing:border-box;text-align:right;overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td[data-label]::before{content:attr(data-label);flex:0 0 36%;text-align:left;font-size:11px;font-weight:600;color:light-dark(#5f6f66,#9fb0a6)}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td>*{max-width:62%}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td:first-child{flex-direction:column;align-items:flex-start;text-align:left}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td:first-child>*{max-width:100%}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td:first-child[data-label]::before{display:none}
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td:empty{display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .ao-table:has(>table:is(.wc-pl-table,.aem-comparison-matrix)){overflow-x:auto!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table:is(.wc-pl-table,.aem-comparison-matrix){min-width:600px!important;table-layout:auto!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table:is(.wc-pl-table,.aem-comparison-matrix) :is(th,td){white-space:nowrap!important}
html body #aem-overview#aem-overview.aem-shell #aem-main :is(.as-filtergroup,.aem-time-shortcuts){flex-wrap:wrap!important}
html body #aem-overview#aem-overview.aem-shell #aem-main div:has(>button[class^="load-"]){grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body #aem-overview#aem-overview.aem-shell #aem-main div:has(>button[class^="load-"])>button{min-width:0;overflow-wrap:anywhere}
}

/* phone: dispatch calendar – narrow sticky person column, readable day columns */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .aem-calendar-person,
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar tbody tr>:first-child{width:92px!important;min-width:92px!important;max-width:92px!important;padding:6px!important}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .ap-person{flex-direction:column;align-items:flex-start;gap:2px}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .ap-person .aem-person-avatar{display:none!important}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .ap-person strong{font-size:12px!important;overflow-wrap:anywhere}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .ap-person small{font-size:11px}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar th.aem-calendar-day,
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar tbody td{min-width:200px}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell input.aem-bulk-check{display:none!important}
td:has(>input.aem-bulk-check){padding-right:0!important}
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar .aem-calendar-person small,
html body #aem-overview#aem-overview.aem-shell #at-content .aem-allocation-calendar tbody tr>:first-child *{white-space:normal!important;overflow-wrap:anywhere}
}
/* touch screens: :hover sticks after a tap – no row highlight (blue bars across stacked cards) */
@media (hover:none),(max-width:700px){
html body #aem-overview#aem-overview.aem-shell .ao-table tbody tr:hover>td,
html body #aem-overview#aem-overview.aem-shell tbody tr:hover>td,
html body #aem-overview#aem-overview.aem-shell #at-content tbody tr:hover{background:transparent!important;box-shadow:none!important}
}
@media (hover:none),(max-width:700px){
html body #aem-overview#aem-overview.aem-shell .ao-table tbody tr:is(:hover,:focus-within)>td,
html body #aem-overview#aem-overview.aem-shell .aem-task-table tbody tr:is(:hover,:focus-within)>td{background:transparent!important;box-shadow:none!important}
}
/* phone cards: self-explanatory labels dropped (value already says what it is) */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell :is(.aem-standard-drawer table,#aem-main table[data-stack]) :is(td[data-label="Trạng thái"],td[data-label="Deadline"],td[data-label="PM / PL"],td[data-label="KPI"])::before{display:none!important}
html body #aem-overview#aem-overview.aem-shell :is(.aem-standard-drawer table,#aem-main table[data-stack]) :is(td[data-label="Trạng thái"],td[data-label="Deadline"],td[data-label="PM / PL"],td[data-label="KPI"]){justify-content:flex-start!important;text-align:left!important}
}
/* phone: row ⋮ menu must not be clipped by its card */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell :is(.ao-table,#ao-rows,#ao-rows>tr,#ao-rows>tr>td,.ao-table tbody,.ao-table table){overflow:visible!important}
html body #aem-overview#aem-overview.aem-shell .ao-menu{position:absolute;right:0;left:auto!important;max-width:calc(100vw - 32px);z-index:3000}
html body #aem-overview#aem-overview.aem-shell tr:has(.ao-menu:not([hidden])){position:relative;z-index:3000}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #aem-main table[data-stack] td[data-label]{min-height:0!important;height:auto!important;padding-top:6px!important;padding-bottom:6px!important}
}
/* phone cards v2: compact 2-column grid (labels above small values), full-width for status/progress/actions */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 14px;align-items:start}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td{flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:2px!important;padding:4px 0!important;min-height:0!important;height:auto!important;text-align:left!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label]::before{flex:none!important;width:auto!important;font-size:10.5px!important;line-height:14px}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td>*{max-width:100%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>:is(td:first-child,td[data-label="Trạng thái"],td[data-label="Tiến độ"],td[data-label="Thao tác"],td[data-label="Lưu ý / Kết quả"],td[data-label="Ghi nhận"],td[data-label="Dự án / Task"],td[data-label="Ghi chú"]){grid-column:1/-1}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Thao tác"]{flex-direction:row!important;justify-content:flex-end!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup) .aem-start-plan,
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup) .aem-date-button{min-height:30px!important;height:auto!important;padding:2px 0!important;justify-content:flex-start!important;text-align:left!important}
}
@media (max-width:700px){
:is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Dự án / Task"]{order:0}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td{order:5}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td:first-child{order:0}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Giai đoạn"]{order:1;grid-column:1;flex-direction:row!important;align-items:center!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Nhân sự"]{order:2;grid-column:2;flex-direction:row!important;align-items:center!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Trạng thái"]{order:3}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Bắt đầu"]{order:4}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Deadline"]{order:4;align-self:end}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="KPI"]{flex-direction:row!important;align-items:baseline!important;gap:5px!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Thao tác"]{order:20}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>:is(td[data-label="Giai đoạn"],td[data-label="Thao tác"])::before{display:none!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup) .aem-start-plan{margin:0!important;padding:0!important;min-width:0!important;width:auto!important;text-align:left!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Nhân sự"]::before{display:none!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Nhân sự"]{justify-content:flex-end!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="Thao tác"]{grid-column:2!important;align-self:center}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup)>td[data-label="KPI"]{align-self:center}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup) .aem-date-button{margin:0!important;padding-left:0!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-main table[data-stack],.aem-standard-drawer table) tbody tr:not(.ao-dategroup) .aem-date-button .ao-deadline-chip{margin:0!important;padding-left:0!important;white-space:nowrap}
}
/* phone overview cards v3: details live behind the Chi tiết button – keep only what is needed at a glance */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Bắt đầu"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="KPI"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Tiến độ"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="PM / PL"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="Bắt đầu"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="KPI"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="Tiến độ"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="PM / PL"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="Lưu ý / Kết quả"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-team>td[data-label="KPI"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-team>td[data-label="Nhân sự"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-project>td[data-label="Nhân sự"]{display:none!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Trạng thái"]{grid-column:1!important;order:1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Deadline"]{grid-column:2!important;order:1!important;align-self:center!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="Trạng thái"]{grid-column:1!important;order:1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup)>td[data-label="Deadline"]{grid-column:2!important;order:1!important;align-self:center!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"]{grid-column:1!important;order:2!important;justify-content:flex-start!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Lưu ý / Kết quả"]{grid-column:2!important;order:2!important;justify-content:flex-end!important;flex-direction:row!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Lưu ý / Kết quả"] .ao-notepreview{display:none!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Ghi nhận"]{grid-column:1/-1!important;order:3!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Lưu ý / Kết quả"]::before{display:none!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"] .aem-person-control{margin:0!important;width:auto!important;justify-content:flex-start!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"]{align-items:center!important;flex-direction:row!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Lưu ý / Kết quả"]>button{margin:0 0 0 auto!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"],
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"] *{margin-left:0!important;margin-right:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf>td[data-label="Nhân sự"]{justify-content:flex-start!important}
}
/* phone: show the hierarchy Project > Team > Stage > Task by stepped indent + coloured rail */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-project{margin-left:0!important;border-left:5px solid light-dark(#2f5d4a,#6fb08f)!important;background:light-dark(#fff,#1e2823)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-team{margin-left:12px!important;border-left:5px solid light-dark(#6f9a87,#4f7a68)!important;background:light-dark(#f7fbf9,#1b231f)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup){margin-left:24px!important;border-left:5px solid light-dark(#a9bfb3,#41564b)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf{margin-left:36px!important;border-left:4px solid light-dark(#d3ded8,#34443b)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-project .ao-projectlabel>span{font-size:15px;font-weight:700}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf .acm-task-name-line{font-size:13.5px}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-team{width:calc(100% - 12px)!important;box-sizing:border-box!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr:not(.ao-project):not(.ao-team):not(.ao-leaf):not(.ao-dategroup){width:calc(100% - 24px)!important;box-sizing:border-box!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-leaf{width:calc(100% - 36px)!important;box-sizing:border-box!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows>tr.ao-project{box-sizing:border-box!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team{width:calc(100% - 12px)!important;max-width:calc(100% - 12px)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf{width:calc(100% - 36px)!important;max-width:calc(100% - 36px)!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td{min-width:0!important}
}
/* phone v4: person on the task-name line; PL on the team-name line */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf{grid-template-columns:minmax(0,1fr) auto auto!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td:first-child{grid-column:1/3!important;grid-row:1!important;order:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{grid-column:3!important;grid-row:1!important;order:0!important;justify-content:flex-end!important;align-self:center!important;max-width:118px}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"] select,html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"] .aem-person-control{max-width:118px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Trạng thái"]{grid-column:1!important;grid-row:2!important;order:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"]{grid-column:2!important;grid-row:2!important;order:0!important;align-self:center!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"] .ao-deadline-chip{font-size:12.5px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Lưu ý / Kết quả"]{grid-column:3!important;grid-row:2!important;order:0!important;align-self:center!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Lưu ý / Kết quả"]>button{font-size:12px!important;padding:5px 8px!important;min-height:32px!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Ghi nhận"]{grid-row:3!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team{grid-template-columns:minmax(0,1fr) auto!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team>td:first-child{grid-column:1!important;grid-row:1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team>td[data-label="PM / PL"]{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-content:flex-end!important;order:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team>td[data-label="PM / PL"] select{width:auto!important;max-width:150px!important;font-size:13px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-team.ao-team>td[data-label="Tiến độ"]{grid-column:1/-1!important;grid-row:2!important;order:0!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf{grid-template-columns:minmax(128px,1fr) max-content max-content!important;column-gap:8px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"],
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Lưu ý / Kết quả"],
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{width:auto!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"] *{padding-left:0!important;padding-right:0!important;margin:0!important;width:auto!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Trạng thái"] select{width:100%!important;min-width:0!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf{grid-template-columns:minmax(104px,1fr) max-content max-content!important;column-gap:6px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td:first-child{grid-column:1/-1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{grid-column:2/4!important;grid-row:1!important;max-width:none!important;width:auto!important;margin-top:-40px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"] .ao-deadline-chip{font-size:12px!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Lưu ý / Kết quả"]>button{padding:5px 7px!important;font-size:12px!important}
}
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td:first-child{grid-column:1/3!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{grid-column:3!important;grid-row:1!important;margin-top:0!important;width:0!important;min-width:0!important;max-width:0!important;overflow:visible!important;justify-content:flex-end!important;white-space:nowrap!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]>*{flex:none!important;max-width:none!important}
}
/* v5: person is a real cell right of the task name (no overlap) */
@media (max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td:first-child{grid-column:1!important;grid-row:1!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{grid-column:2/4!important;grid-row:1!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:hidden!important;justify-content:flex-end!important;margin:0!important;white-space:nowrap!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"] .aem-person-control{max-width:100%!important;min-width:0!important;overflow:hidden}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]>*{flex:0 1 auto!important;min-width:0!important}
}

/* thanh chỉnh hàng loạt phải nằm trên drawer/lớp nền để bấm được */
html body #aem-bulk-bar#aem-bulk-bar{z-index:2650!important}

/* chữ giống web chính: Helvetica/Arial */
html body#body,html body,html body :is(button,input,select,textarea,th,td,label,p,span,div,a,h1,h2,h3,h4,h5,h6,li,summary):not(code,pre,kbd,samp){font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif!important}
html body#aem-overview#aem-overview.aem-shell :is(.ao-tabs,.aem-nav-group)>button,html body #aem-overview#aem-overview.aem-shell .as-filtergroup button{font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji","Segoe UI Symbol","Noto Sans Symbols 2",sans-serif!important}
html body #aem-overview#aem-overview.aem-shell #aem-chat-share.aem-standard-drawer:not([hidden]){z-index:2700!important}

/* v195 — rà soát layout: Work + Tin nhắn */
/* Vùng bấm tối thiểu 24px cho nút mở/thu dòng (16px rộng) mà không đổi kích thước hiển thị */
html body #aem-overview#aem-overview button.ao-toggle{position:relative}
html body #aem-overview#aem-overview button.ao-toggle::after{content:"";position:absolute;inset:-4px -8px}
/* Cài đặt: điện thoại xếp một cột (menu trên, nội dung dưới) thay vì 220px + 90px */
@media(max-width:700px){html body #aem-overview#aem-overview.aem-shell #aem-settings-panel .wl-settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
html body #aem-overview#aem-overview nav.aem-settings-tabs{flex-direction:row!important;overflow-x:auto;gap:6px;padding:6px!important;scrollbar-width:thin}
html body #aem-overview#aem-overview nav.aem-settings-tabs>button{flex:0 0 auto;white-space:nowrap}}
/* Chi tiết PL: ô chọn hàng loạt không thuộc hộp thoại này; chip giai đoạn trùng với tiêu đề từng giai đoạn */
html body #aem-pl-detail input.aem-bulk-check{display:none!important}
html body #aem-pl-detail td:has(>input.aem-bulk-check){padding-right:0!important}
html body #aem-pl-detail .aem-pl-project:has(>section:only-of-type)>.aem-current-stage{display:none!important}
/* Tin nhắn: thanh Danh sách chủ đề không bẻ chữ; thu nhỏ thì xuống dòng cả cụm công cụ */
html body #aem-messages-panel .acm-topicbar{flex-wrap:wrap;row-gap:8px}
html body #aem-messages-panel .acm-topicbar h3{flex:1 0 auto;white-space:nowrap}
html body #aem-messages-panel .acm-topicbar .acm-pill{white-space:nowrap;flex:0 0 auto}
html body #aem-messages-panel .acm-tsearch{flex:0 1 200px;min-width:0;background:transparent!important;padding:0!important;border-radius:0!important}
html body #aem-messages-panel .acm-tsearch svg{display:none!important}
html body #aem-messages-panel .acm-tsearch input#acm-topicsearch{width:100%;min-width:0;height:36px}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table[data-rec-trimmed=removed] col:nth-child(3){width:16%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table[data-rec-trimmed=removed] col:nth-child(6){width:14%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table[data-rec-trimmed=removed] col:nth-child(7){width:8%!important}
html body #aem-overview#aem-overview.aem-shell #aem-pl-detail table.aem-task-table[data-rec-trimmed=removed] col:nth-child(8){width:13%!important}

/* v196 — các mục còn lại của đợt rà soát */
/* Ô chọn/ tìm kiếm trong bộ lọc không cắt chữ */
html body #aem-overview#aem-overview.aem-shell :is(#at-kind,#aem-quick-status,#wc-allocation-person){min-width:156px}
html body #aem-overview#aem-overview.aem-shell :is(#at-kind,#aem-quick-status,#wc-allocation-person,#at-search){text-overflow:clip}
/* Tên dự án ở Tổng quan hiện đủ, không cắt sau 2–3 dòng */
html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-projectlabel>span{display:block;-webkit-line-clamp:unset;overflow:visible}
/* Thẻ chủ đề: nút Theo dõi và nhãn trạng thái theo bảng màu trung tính + một màu sage */
html body #aem-overview#aem-overview #aem-messages-panel .acm-topiccard .acm-follow{text-transform:none!important;font-weight:500!important;letter-spacing:0!important;font-size:13px}
html body #aem-overview#aem-overview #aem-messages-panel .acm-app .acm-tcmeta em{background:color-mix(in srgb,var(--m-accent) 14%,transparent)!important;color:var(--m-accent)!important;text-transform:none!important;font-weight:500}
/* Điện thoại: thẻ số liệu cùng căn trái; thanh module cuộn được có mờ dần hai mép */
@media(max-width:560px){html body #aem-overview#aem-overview.aem-shell #wc-overview-strip #ao-dashboard button{text-align:left!important;justify-content:space-between!important}
html body #aem-overview#aem-overview.aem-shell #wc-overview-strip #ao-dashboard button>small:first-child{text-align:left!important}}
@media(max-width:700px){#aem-suite-bar nav{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);scrollbar-width:none}}
html body #aem-overview#aem-overview.aem-shell div:has(>label.aem-filter-kind){flex-wrap:wrap!important;row-gap:8px}
html body #aem-overview#aem-overview.aem-shell label.aem-filter-kind{flex:0 0 auto!important;width:auto!important}
@media(max-width:560px){html body #aem-overview#aem-overview.aem-shell #wc-overview-strip #ao-dashboard button{align-items:flex-start!important}}
/* v197 phone composer: gọn, bỏ đường kẻ trong */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea{min-height:40px!important;height:40px;max-height:120px;padding:9px 10px!important;border:0!important;box-shadow:none!important;background:transparent!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose{padding:4px 8px!important;border-top:1px solid var(--m-line)!important}}
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-bar{border-top:0!important;min-height:0!important;padding:0!important}}
/* v198 phone: tab Tất cả/Thư mục nhỏ lại */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-ltabs button{font-size:13px!important;padding:0 10px!important;min-height:32px!important;height:34px!important;line-height:1.2!important}}
/* v199 phone: chip chủ đề đồng bộ cỡ với tab */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-tstrip .acm-tchipbtn{font-size:13px!important;min-height:32px!important;height:32px!important;padding:0 12px!important}}
/* v200 phone: dòng task - tên full rộng, nhân sự dòng riêng */
@media(max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td:first-child{grid-column:1 / -1!important;grid-row:1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Nhân sự"]{grid-column:1 / -1!important;grid-row:2!important;width:auto!important;min-width:0!important;max-width:none!important;overflow:visible!important;justify-self:start!important;justify-content:flex-start!important;margin:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Trạng thái"]{grid-column:1!important;grid-row:3!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Deadline"]{grid-column:2!important;grid-row:3!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-leaf.ao-leaf>td[data-label="Lưu ý / Kết quả"]{grid-column:3!important;grid-row:3!important}
}
/* v201 tên dự án dài: phone 1 dòng + …; desktop tối đa 2 dòng + … (đủ tên khi rê chuột) */
html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-projectlabel{min-width:0!important;max-width:100%!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-projectlabel>span{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;overflow:hidden!important;overflow-wrap:anywhere}
@media(max-width:700px){html body #aem-overview#aem-overview.aem-shell #ao-rows .ao-projectlabel>span{display:block!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow-wrap:normal!important;-webkit-line-clamp:unset!important}}
/* v202 phone: focus ở ô nhập hiện trên cả khung, không lồng khung trong khung */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea:focus,html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea:focus-visible{outline:0!important;box-shadow:none!important;border:0!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:focus-within{border-color:var(--m-accent)!important}}
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel #acm-compose#acm-compose:focus-within{border-color:var(--m-accent)!important}}
/* v202 phone: thẻ dự án 2 cột gọn */
@media(max-width:700px){
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project{grid-template-columns:minmax(0,1fr) auto!important;column-gap:12px!important;row-gap:0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project>td[data-label="Dự án / Team / Công việc"]{grid-column:1 / -1!important;grid-row:1!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project>td[data-label="Trạng thái"]{grid-column:1!important;grid-row:2!important;padding:2px 0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project>td[data-label="Deadline"]{grid-column:2!important;grid-row:2!important;padding:2px 0!important;justify-self:end!important;white-space:nowrap!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project>td[data-label="PM / PL"]{grid-column:1 / -1!important;grid-row:3!important;padding:2px 0!important}
html body #aem-overview#aem-overview.aem-shell #ao-rows#ao-rows>tr.ao-project.ao-project>td[data-label="Tiến độ"]{grid-column:1 / -1!important;grid-row:4!important;padding:2px 0 0!important}
}
/* v203 phone: thanh trên 2 hàng như web chính (logo trên, menu đủ rộng dưới) */
@media(max-width:700px){html body #aem-suite-bar#aem-suite-bar{flex-wrap:wrap!important;height:auto!important;min-height:0!important;row-gap:4px!important;padding-top:8px!important;padding-bottom:6px!important}
html body #aem-suite-bar#aem-suite-bar nav{order:3;flex:1 1 100%!important;width:100%;margin:0!important}}
@media(max-width:700px){html body #aem-suite-bar#aem-suite-bar .suite-logo{height:36px!important;min-height:0!important;padding:0!important}}
/* v204 phone: bong bóng tin của tôi tối đa ~80% bề ngang, không dàn hết khung */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine .acm-body{max-width:80%!important}}
/* v205 phone: bình chọn/khối rộng không bị bó 80% và không tràn ngang */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine .acm-body:has(.acm-poll,.acm-poll2,.acm-card,img,video,.acm-file){max-width:100%!important}
html body #aem-overview#aem-overview #aem-messages-panel :is(.acm-poll,.acm-poll2){min-width:0!important;max-width:100%!important;width:100%;box-sizing:border-box}}
/* v207 phone kiểu Zalo: tab dưới đáy danh sách + ô soạn phẳng + nút gửi */
.acm-btabs{display:none}
@media(max-width:700px){
html body #aem-overview#aem-overview #aem-messages-panel .acm-left .acm-btabs{display:flex;position:sticky;bottom:0;z-index:5;background:var(--m-pane);border-top:1px solid var(--m-line);padding:4px 0 max(4px,env(safe-area-inset-bottom))}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;background:none!important;border:0!important;box-shadow:none!important;padding:6px 0!important;min-height:48px;font-size:11px;font-weight:500;color:var(--m-mute)!important;border-radius:0!important}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button.on{color:var(--m-accent)!important}
html body #aem-overview#aem-overview #aem-messages-panel .acm-left .acm-ltabs,html body #aem-overview#aem-overview #aem-messages-panel .acm-left .acm-mentionme{display:none!important}
/* ô soạn */
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-bar{display:flex;align-items:center;gap:2px}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-bar-tools{display:contents}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-emoji]{order:0}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea{order:1;flex:1;min-width:0}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-plus]{order:2}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-attach]{order:3}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-quicklike]{order:4}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-send{order:5}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose :is([data-acm-quickpoll],[data-acm-bulb]){display:none!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-send svg{fill:var(--m-accent);stroke:var(--m-accent)}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-send{background:none!important;border:0!important}
/* rỗng: hiện 👍, ẩn gửi; có chữ hoặc đính kèm: hiện gửi, ẩn 👍 */
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:not(:has(textarea:placeholder-shown)) [data-acm-quicklike],html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:has(.acm-attachments>*) [data-acm-quicklike]{display:none!important}
}
/* v209 tab đáy danh sách: icon tô đặc khi chọn, chấm đếm, hiệu ứng nhấn */
@media(max-width:700px){
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button{position:relative;transition:transform .12s ease,color .15s ease;-webkit-tap-highlight-color:transparent}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button:active{transform:scale(.92)}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button.on svg{fill:var(--m-accent);stroke:var(--m-accent);fill-opacity:.9}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button.on svg circle{fill:none}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button.on[data-acm-mention] svg{fill:none;stroke-width:2.2}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs button.on span{font-weight:600}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btabs .acm-bbadge{position:absolute;top:2px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:99px;background:#d9453d;color:#fff;font-size:10px;font-weight:600;line-height:16px;text-align:center}
}
/* v210 nút tim ở góc bong bóng (điện thoại) */
.acm-heart{display:none}
@media(max-width:700px){
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble{position:relative}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg:has(.acm-heart) .acm-bubble{margin-bottom:12px}
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble .acm-heart{display:grid;place-items:center;position:absolute;right:-6px;bottom:-12px;width:26px;height:26px;padding:0!important;border-radius:50%;background:#fff!important;border:1px solid var(--m-line)!important;box-shadow:0 1px 3px rgba(0,0,0,.12);color:var(--m-mute);min-height:0;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble .acm-heart svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble .acm-heart.on{color:#e0393e}
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble .acm-heart.on svg{fill:#e0393e;stroke:#e0393e}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine .acm-bubble .acm-heart{right:auto;left:-6px}
}
/* v211 ô soạn kiểu Messenger: [+] [ảnh] [ô gõ viên thuốc + emoji] [gửi] */
@media(max-width:700px){
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-plus]{order:0!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-attach]{order:1!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea{order:2!important;background:var(--m-bubble)!important;border-radius:20px!important;padding:9px 40px 9px 14px!important;min-height:38px!important;height:38px;margin:0 2px}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-emoji]{order:3!important;margin-left:-44px;margin-right:6px;z-index:1}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-send{order:4!important;display:grid!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-send svg{fill:none!important;stroke:#a3aca7!important;transition:stroke .15s}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:not(:has(textarea:placeholder-shown)) .acm-send svg,html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:has(.acm-attachments>*) .acm-send svg{fill:var(--m-accent)!important;stroke:var(--m-accent)!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose:focus-within{border-color:var(--m-line)!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose textarea:focus{box-shadow:none!important;outline:0!important;border:0!important}
}
/* v212 tin của tôi không có nút tim */
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine .acm-bubble .acm-heart{display:none!important}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine:has(.acm-heart) .acm-bubble{margin-bottom:2px!important}
/* v213 nút hình ảnh tách riêng, rõ hơn */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-attach] svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose :is([data-acm-plus],[data-acm-attach]){width:40px;height:40px;min-width:40px;display:grid;place-items:center}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-bar{gap:4px}}
/* v214 chuyển cảnh danh sách <-> chat (điện thoại) */
@keyframes acmIn{from{transform:translateX(34%);opacity:.5}to{transform:none;opacity:1}}
@keyframes acmBack{from{transform:translateX(-16%);opacity:.6}to{transform:none;opacity:1}}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
html body #aem-overview#aem-overview #aem-messages-panel .acm-center.acm-anim-in{animation:acmIn .3s cubic-bezier(.2,.8,.2,1) both}
html body #aem-overview#aem-overview #aem-messages-panel .acm-left.acm-anim-back{animation:acmBack .3s cubic-bezier(.2,.8,.2,1) both}}

/* v218 màu tin nhắn tuỳ chỉnh */
html body #aem-messages-panel#aem-messages-panel .acm-msg.is-mine .acm-bubble{background:var(--acm-mine,light-dark(#276952,#2f7a5e))}
.acm-colorpick{padding:18px;min-width:min(320px,86vw)}.acm-colorpick h3{margin:0 0 4px;font-size:15px;font-weight:600}.acm-colorpick p{margin:0 0 12px;font-size:12px;opacity:.7}
.acm-cpprev{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--ao-soft,#f3f3f1);border-radius:10px;margin-bottom:14px}
.acm-cpprev span{padding:8px 12px;border-radius:16px;font-size:14px;max-width:80%}.acm-cpprev .o{background:#e4e4e4;color:#222;align-self:flex-start}
.acm-cpprev .m{background:var(--acm-mine,#276952);color:#fff;align-self:flex-end}
.acm-cpgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;justify-items:center}
.acm-cpgrid button{width:40px;height:40px;min-height:40px;border-radius:50%;border:0;background:var(--c);padding:0;cursor:pointer;box-shadow:0 0 0 2px transparent;transition:box-shadow .15s}
.acm-cpgrid button.on{box-shadow:0 0 0 2px var(--ao-card,#fff),0 0 0 4px var(--c)}
.acm-cpact{display:flex;justify-content:space-between;margin-top:16px}.acm-cpact button{min-height:36px;padding:6px 16px;border-radius:8px;border:1px solid var(--ao-line,#ccc);background:transparent;cursor:pointer}

/* v219 giờ trong bong bóng, tim cho mọi loại tin, chip đè góc, icon ảnh nhẹ, thanh cuộn mảnh */
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble{position:relative}
html body #aem-overview#aem-overview #aem-messages-panel .acm-bubble[data-user-text]:has(.acm-btime){padding-bottom:20px}
html body #aem-overview#aem-overview #aem-messages-panel .acm-btime{position:absolute;left:12px;bottom:4px;font-size:11px;line-height:1;opacity:.6;color:inherit}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg:has(.acm-btime) .acm-hclock{display:none}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg:has(.acm-btime) .acm-head~*{}
html body #aem-overview#aem-overview #aem-messages-panel .acm-heartrow{display:none}
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-heartrow{display:flex;justify-content:flex-end;margin-top:2px}
html body #aem-overview#aem-overview #aem-messages-panel .acm-heart.acm-heart-body{display:inline-grid!important;position:static;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--m-line,#ddd);background:var(--m-card,#fff);color:var(--m-mute,#888);padding:0}
html body #aem-overview#aem-overview #aem-messages-panel .acm-heart.acm-heart-body svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}
html body #aem-overview#aem-overview #aem-messages-panel .acm-heart.acm-heart-body.on{color:#e0245e}
html body #aem-overview#aem-overview #aem-messages-panel .acm-heart.acm-heart-body.on svg{fill:#e0245e;stroke:#e0245e}}
html body #aem-overview#aem-overview #aem-messages-panel .acm-body>.acm-react{position:relative;z-index:2;margin:-20px 0 0 56px;padding:0}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg.is-mine .acm-body>.acm-react{margin:-20px 10px 0 0;justify-content:flex-end}
html body #aem-overview#aem-overview #aem-messages-panel .acm-body>.acm-react>button{box-shadow:0 1px 3px rgba(0,0,0,.18)}
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose [data-acm-attach] svg{stroke-width:1.3;opacity:.8}}
#aem-overview *{scrollbar-width:thin;scrollbar-color:rgba(120,120,120,.35) transparent}
#aem-overview *::-webkit-scrollbar{width:6px;height:6px}#aem-overview *::-webkit-scrollbar-track{background:transparent}
#aem-overview *::-webkit-scrollbar-thumb{background:rgba(120,120,120,.35);border-radius:6px}#aem-overview *::-webkit-scrollbar-thumb:hover{background:rgba(120,120,120,.55)}
.acm-color-form footer{display:none}
html body #aem-overview#aem-overview #aem-messages-panel .acm-msg:not(.is-mine) .acm-head~*{}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg>.acm-body>header>strong[style]{color:var(--nc)!important}
/* v220 chip cảm xúc gọn, một hàng */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react{gap:4px;flex-wrap:nowrap;align-items:center}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:3px;height:24px!important;min-height:24px!important;width:auto!important;min-width:0!important;padding:0 7px 0 4px!important;font-size:12px!important;line-height:1;white-space:nowrap;border-radius:12px!important}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button i,html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button .rx-dot{width:16px!important;height:16px!important;min-width:16px;flex:none}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button svg,html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button img{width:16px!important;height:16px!important}
/* v221 chip sát góc trái dưới, giờ nhích lên */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg:not(.is-mine) .acm-body>.acm-react{margin-left:6px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble[data-user-text]:has(+.acm-react){padding-bottom:30px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble:has(+.acm-react) .acm-btime{bottom:14px}
/* v222 kiểu Zalo: chip nằm góc phải dưới, cạnh nút tim */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg:not(.is-mine) .acm-body>.acm-react{margin:-19px 38px 0 0;justify-content:flex-end}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble[data-user-text]:has(+.acm-react){padding-bottom:20px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble:has(+.acm-react) .acm-btime{bottom:4px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react>button{border:0!important;background:var(--m-card,#fff)!important}
/* v223 phone: bỏ hàng icon cạnh tin nhắn; nhấn giữ để mở menu */
@media(max-width:700px){html body #aem-overview#aem-overview #aem-messages-panel .acm-msg>.acm-actions{display:none!important}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg>.acm-actions.acm-lp{display:block!important;position:fixed;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
#aem-messages-panel .acm-msg .acm-body{-webkit-touch-callout:none}}
@media(max-width:700px){#aem-messages-panel .acm-lpreact,.acm-lpreact{display:flex;gap:4px;padding:6px 8px;margin:0 0 6px;background:var(--m-card,#fff);border-radius:24px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.acm-lpreact button{width:36px;height:36px;min-height:36px;min-width:0;padding:0;border:0;background:transparent;border-radius:50%}}
/* v224 hộp chuyển tiếp: lề đều */
html body #acm-forward-form#acm-forward-form .acm-hint{margin:14px 20px 4px;padding:10px 12px;background:var(--ao-soft,#f3f3f1);border-left:3px solid var(--m-accent,#276952);border-radius:6px;font-size:13px;line-height:1.45;color:var(--m-mute,#666);max-height:96px;overflow:auto}
html body #acm-forward-form#acm-forward-form .acm-sub{margin:10px 20px 0;padding:0 0 6px}
html body #acm-forward-form#acm-forward-form .acm-folder-list{padding:4px 20px;max-height:42vh;overflow:auto}
html body #acm-forward-form#acm-forward-form .acm-folder-list .acm-chk{display:flex;align-items:center;gap:10px;padding:9px 0}
html body #acm-forward-form#acm-forward-form footer{padding:12px 20px 16px}
html body #acm-forward-form#acm-forward-form .acm-fwsearch{display:block;width:calc(100% - 40px);margin:0 20px 4px;min-height:38px;padding:6px 12px;border:1px solid var(--ao-line,#ddd);border-radius:8px;font-size:16px;box-sizing:border-box}
html body #acm-forward-form#acm-forward-form small{opacity:.55;font-size:12px}
#acm-task-form .acm-whopick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 12px;margin:8px 0 12px;max-height:160px;overflow:auto;padding:8px 10px;background:var(--ao-soft,#f3f3f1);border-radius:8px}
#acm-task-form .acm-whopick[hidden]{display:none}
#acm-task-form .acm-whopick .acm-chk{display:flex;align-items:center;gap:8px;padding:5px 0;font-size:14px}
#acm-ask-form .acm-warn{margin:16px 20px;font-size:14px;line-height:1.5;color:var(--m-text,#222)}
#acm-ask-form footer .ok{background:#b4443f}
html body #acm-ask-form#acm-ask-form footer .ok{background:#b4443f!important}
/* v227 ảnh gửi cùng lúc được nhóm thành lưới */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid{display:grid;gap:3px;width:min(300px,100%);max-width:min(300px,100%);grid-template-columns:repeat(2,minmax(0,1fr));border-radius:12px;overflow:hidden}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid:is(.g3,.g5,.g6){grid-template-columns:repeat(3,minmax(0,1fr))}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid figure{margin:0;max-width:none;aspect-ratio:1;position:relative;overflow:hidden}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid figure[hidden]{display:none}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid .acm-imgbtn{display:block;width:100%;height:100%;padding:0;border:0;background:none;position:relative}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-imgs.acm-grid img{width:100%;height:100%;max-height:none;max-width:none;object-fit:cover;border-radius:0}
.acm-imgmore{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#fff;font-size:22px;font-weight:500}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-imgmore{color:#fff!important}
/* v229 thanh chọn nhiều: màu sage, nhẹ nét */
html body #aem-bulk-bar#aem-bulk-bar{align-items:flex-end;box-shadow:0 8px 28px rgba(0,0,0,.16)}
html body #aem-bulk-bar#aem-bulk-bar label{font-weight:500;color:var(--ao-mute,#555)}
html body #aem-bulk-bar#aem-bulk-bar [data-bulk-apply]{background:#276952;border-color:#276952;font-weight:600}
html body #aem-bulk-bar#aem-bulk-bar [data-bulk-apply]:hover{background:#1f5642}
html body #aem-overview#aem-overview.aem-shell input.aem-bulk-check:checked{background-color:#276952!important;border-color:#276952!important}
html body #aem-bulk-bar#aem-bulk-bar{width:max-content;flex-wrap:wrap;align-items:flex-end}
html body #aem-bulk-bar#aem-bulk-bar>:is(span,b,strong,[data-bulk-count]){padding-bottom:7px}
/* v230 tin ngắn: bong bóng đủ rộng cho giờ, chữ căn trái */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble[data-user-text]:has(.acm-btime){min-width:66px;text-align:left}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble[data-user-text]:has(.acm-btime) .acm-btime{left:14px}
/* v231 giờ ở đầu nhóm tin (kiểu Google Chat), bong bóng gọn */
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-btime{display:none!important}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg:has(.acm-btime) .acm-hclock{display:inline!important}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble[data-user-text]:has(.acm-btime){padding:7px 14px;min-width:0}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-bubble:has(+.acm-react){padding-bottom:12px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg.grouped .acm-bubble{margin-top:-6px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg.is-mine .mine-head{justify-content:flex-end}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg .acm-bubble[data-user-text]{margin-bottom:2px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg.grouped .acm-bubble{margin-top:0}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg:not(.is-mine) .acm-body>.acm-react{margin-top:-10px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg.is-mine .acm-body>.acm-react{margin-top:-10px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-msg.grouped{margin-top:-20px}
html body #aem-overview#aem-overview #aem-messages-panel#aem-messages-panel .acm-body>.acm-react{margin-bottom:10px}
/* v232 Tổng quan dự án: thanh lọc/ô tổng hợp không dính khi cuộn (đồng bộ với tab Thống kê KPI) */
html body #aem-overview#aem-overview.aem-shell #ao-overview-panel>.ao-tools,html body #aem-overview#aem-overview.aem-shell #wc-overview-strip,html body #aem-overview#aem-overview.aem-shell #ao-range{position:static!important;top:auto!important}

/* v233 bảng Nhân sự × Quý: cột tên gọn, các kỳ chia đều */
@media(min-width:900px){html body #aem-overview#aem-overview.aem-shell #aem-main table.aem-comparison-matrix{table-layout:fixed!important;width:100%!important}
html body #aem-overview#aem-overview.aem-shell #aem-main table.aem-comparison-matrix tr>:first-child{width:240px!important;min-width:240px!important}}

/* v234 thanh tiêu đề bảng dính ngay dưới topbar (các thanh phía trên đã bỏ dính nên không còn offset 260px) */
html body #aem-overview#aem-overview.aem-shell #ao-overview-panel>.ao-workspace .ao-table thead th{top:var(--aem-t1,64px)!important}

/* v235 bảng Báo cáo: cột đầu nền trắng, tiêu đề cùng màu với bảng Thống kê KPI */
html body #aem-overview#aem-overview.aem-shell #aem-reports-panel table tbody :is(th,td):first-child{background:var(--ao-card,#fff)!important}
html body #aem-overview#aem-overview.aem-shell #aem-reports-panel table thead :is(th,td){background:rgb(227,233,223)!important}
html body #aem-overview#aem-overview.dark.aem-shell #aem-reports-panel table tbody :is(th,td):first-child{background:#141c27!important}

/* v237 nhãn giai đoạn (Sketch/Preview/Final…) cùng cỡ chữ với bảng, không phình to */
html body #aem-overview#aem-overview.aem-shell #aem-main td .ao-stage,html body #aem-overview#aem-overview.aem-shell #aem-main td .ao-stage.sketch,html body #aem-overview#aem-overview.aem-shell #aem-main td .ao-stage.preview,html body #aem-overview#aem-overview.aem-shell #aem-main td .ao-stage.final{font-size:12px!important;line-height:1.4!important;padding:2px 8px!important;font-weight:500!important;border-radius:6px!important}

/* v238 thẻ tóm tắt KPI đầu tiên cùng kiểu với 3 thẻ còn lại: nền trắng, viền xanh mép trên */
html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card{background:var(--ao-card,#fff)!important;border-top:3px solid rgb(75,140,123)!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card{display:block!important;padding:12px 14px!important;text-align:left!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card::before,html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card::after{display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card>strong{display:none!important}
html body #aem-overview#aem-overview.aem-shell #aem-main .at-hero.aem-project-total-card h3{margin:4px 0 0!important;font-size:22px!important}

/* v239 hover thống nhất một màu xanh lá nhạt (không còn xanh dương) cho thẻ + bảng */
html body #aem-overview#aem-overview.aem-shell :is(.at-projectcard,.at-personcard,.aem-task-facts,.aem-task-comments article,.aem-extension-pending,.aem-model-block):hover{box-shadow:0 0 0 1.5px light-dark(#8fb5a4,#4f7a68)!important;background-color:var(--hl-hover,light-dark(#eef2e9,#26332d))!important}
html body #aem-overview#aem-overview.aem-shell .aem-comparison-matrix td button:hover{background:var(--hl-hover,light-dark(#eef2e9,#26332d))!important}
html body #aem-overview#aem-overview.aem-shell .ao-table tbody tr:hover>td{box-shadow:none!important}
html body #aem-overview#aem-overview.aem-shell :is(.at-card,.at-projectcard[data-collapse-key]):is(:hover,:focus-visible){background:var(--hl-hover,light-dark(#eef2e9,#26332d))!important;border-color:light-dark(#8fb5a4,#4f7a68)!important;box-shadow:0 2px 8px light-dark(#2432470a,#00000022)!important}
html body #aem-overview#aem-overview{--ao-hover:light-dark(#f1f4ee,#2a332d)}

/* v242 chế độ tối: xám trung tính thay nền xanh rêu; sage chỉ là điểm nhấn; bỏ viền/glow; số KPI màu thường; chữ 400/500 */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark{--ao-bg:#131415;--ao-card:#1c1d1f;--ao-soft:#242527;--ao-line:#35373a;--ao-text:#e8eaec;--ao-ink:#e8eaec;--ao-muted:#a9adb2;--ao-hover:#2a2c2e;--hl-hover:#2a2c2e;color:#e8eaec!important}
html body:has(#aem-overview.aem-readable-dark){background:#131415!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-main,#ao-overview-panel,#at-panel,#ak-panel,#ad-panel,#am-panel,#aem-reports-panel,#aem-settings-panel){background:#131415!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar{background:#181a1b!important;border-color:#2c2e31!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.at-card,.at-projectcard,.ao-project,.ao-project td,.aem-standard-drawer,.aem-task-layout,.aem-settings-card){background:#1c1d1f!important;border-color:#2f3134!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark .ao-tools{background:#1c1d1f!important;border-color:#2f3134!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(button,select,input):not(.ao-save):not([aria-pressed=true]){background:#1c1d1f!important;border-color:#35373a!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(button:not(.ao-save):hover,.at-card:hover,.at-projectcard:hover,.ao-project:hover>td){background:#2a2c2e!important;border-color:#4a4e52!important;box-shadow:none!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-overview-panel .ao-table thead th{background:#242527!important;border-bottom-color:#35373a!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark .ao-dategroup td{background:#101112!important}
/* mục đang chọn ở thanh bên: chỉ đổi nền, không viền, không glow */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar :is(button[aria-pressed=true],button[aria-current],button.active){background:#2c302d!important;border-color:transparent!important;box-shadow:none!important;color:#e8eaec!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button:not([aria-pressed=true]):hover{background:#222426!important}
/* nút phụ: không viền khi nghỉ, chỉ hiện nền */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(.ao-tools button,.ao-actions button,.ao-toggle):not(.ao-save){border-color:transparent!important;background:#242527!important}
/* số KPI: màu thường; chỉ đỏ khi trễ hạn/vướng */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button.cursor-interaction>strong{color:#e8eaec!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button.cursor-interaction.blocked>strong,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button.cursor-interaction.risk>strong:not(.is-zero){color:#ff9ba4!important}
/* chữ: 400/500, tiêu đề 600 */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-main button,.ao-projectlabel,.ao-taskname,td,th,label,small,strong:not(h1 strong,h2 strong,h3 strong)){font-weight:500!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(h1,h2,h3,.wc-page-title){font-weight:600!important}
/* v242b các mảng còn ngả xanh trong chế độ tối */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-table,.af-card,.ap-team,.aem-drawer-tools,.at-minilist>div,.at-donesummary,textarea,select,option){background-color:#1c1d1f!important;border-color:#35373a!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-table,.at-card,.ap-team) :is(td,th){background-color:#1c1d1f!important;border-color:#2c2e31!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-table thead th,.ao-table th,.ao-tools,.aem-drawer-tools){background-color:#242527!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-progress,.at-loadbar){background:#34373a!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark .ao-progress i,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark .at-loadbar.done{background:#8bb8a2!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark .ao-tools{border-color:#2f3134!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main .ao-tools :is(input,select){background:#1c1d1f!important;border-color:#35373a!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-main,#ao-overview-panel,#aem-reports-panel) :is(.ao-tools,[class*=ao-tools],.aem-filterbar){background:#1c1d1f!important;border-color:#2f3134!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main table :is(td,th){background-color:#1c1d1f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main table thead :is(td,th){background-color:#242527!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(button[aria-pressed=true],button.active):not(.ao-save){background:#2c302d!important;border-color:transparent!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button>strong{color:#e8eaec!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button.blocked>strong,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button.risk>strong:not(.is-zero),html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button.late>strong{color:#ff9ba4!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric]:not([data-wc-metric=red]):not([data-wc-metric=orange]):not([data-wc-metric=yellow]){--wc-accent:#e8eaec}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric] strong{color:var(--wc-accent,#e8eaec)!important}
/* v243 chế độ tối: icon thanh bên một màu (xám nhạt), mục đang chọn mới dùng sage */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button svg,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button svg *{color:#a9adb2!important;stroke:#a9adb2!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button:is([aria-pressed=true],[aria-current],.active) svg,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button:is([aria-pressed=true],[aria-current],.active) svg *{color:#a9cdb9!important;stroke:#a9cdb9!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button:is([aria-pressed=true],[aria-current],.active){color:#e8eaec!important}

/* v244 chữ sáng cho người dùng nhìn lâu: không trắng tinh, một tông trung tính duy nhất, 3 bậc */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark{--ao-text:#dcdfe3;--ao-ink:#dcdfe3;--ao-muted:#a3a7ad;color:#dcdfe3!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-main,#aem-sidebar,.aem-standard-drawer,#aem-task-modal) :is(td,th,label,p,h1,h2,h3,h4,strong,b,button,input,select,textarea,option,.ao-taskname,.ao-title,.aem-task-title,.aem-pl-name,.wc-page-title,.ao-projectlabel,.aem-title-copy>strong):not(.ao-save):not(.ao-early):not(.ao-office):not(.ao-evening):not([class*=late]):not([class*=blocked]):not([class*=risk]):not(.is-zero):not([aria-pressed=true]):not([aria-current]){color:#dcdfe3!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(small,.ao-dategroup small,.aem-task-project,.aem-preview-project,.aem-title-copy>small,.at-card>span,.at-card small,thead th,[class*=muted],[class*=sub]){color:#a3a7ad!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(thead th){color:#a3a7ad!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-sidebar button:not([aria-pressed=true]):not([aria-current]):not(.active){color:#b4b8bd!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-main,#aem-sidebar) :is(h1,h2,h3,.wc-page-title){color:#e6e8ea!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button:not(.ao-save):not([aria-pressed=true]) span:not([class*=stage]):not([class*=risk]):not([class*=late]):not(.ap-daily-hours){color:inherit!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark{background:#131415!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(#aem-team-toolbar,#aem-daily-plan,.ap-card,.at-hero,.aem-filter-search){background-color:#1c1d1f!important;border-color:#2f3134!important}

/* v245 chế độ tối: trả lại màu ưu tiên/khẩn cấp (đỏ, cam, vàng, xanh) nhưng giảm độ chói, bớt kiểu pastel neon */
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark{--wc-ok:#86b894;--wc-red:#e0877f;--wc-orange:#d9a066;--wc-yellow:#cdb866}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric]:not([data-wc-metric=red]):not([data-wc-metric=orange]):not([data-wc-metric=yellow]){--wc-accent:#86b894}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric=red]{--wc-accent:#e0877f}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric=orange]{--wc-accent:#d9a066}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark [data-wc-metric=yellow]{--wc-accent:#cdb866}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_)>strong{color:#86b894!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_)[data-wc-metric=red]>strong,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_).blocked>strong{color:#e0877f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_)[data-wc-metric=orange]>strong{color:#d9a066!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_)[data-wc-metric=yellow]>strong{color:#cdb866!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_).is-zero>strong,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #ao-dashboard>section button:not(#_)>strong.is-zero{color:#7b8087!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button .ao-deadline-chip.ao-early:not(#_),html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-deadline-chip,.aem-time-text).ao-early,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(.ao-deadline-chip,.aem-time-text,td,div,span).ao-early{color:#e0877f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-deadline-chip,.aem-time-text).ao-office,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(.ao-deadline-chip,.aem-time-text,td,div,span).ao-office{color:#d9a066!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark :is(.ao-deadline-chip,.aem-time-text).ao-evening,html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main :is(.ao-deadline-chip,.aem-time-text,td,div,span).ao-evening{color:#86b894!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button .ao-deadline-chip.ao-office:not(#_){color:#d9a066!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main button .ao-deadline-chip.ao-evening:not(#_){color:#86b894!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main #ao-dashboard>section button strong:not(#_){color:#86b894!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main #ao-dashboard>section button.blocked strong:not(#_),html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main #ao-dashboard>section button[data-wc-metric=red] strong:not(#_){color:#e0877f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main #ao-dashboard>section button.risk:not(.is-zero) strong:not(#_){color:#e0877f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main #ao-dashboard>section button strong.is-zero:not(#_){color:#7b8087!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button strong:not(#_){color:#86b894!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button:is(.blocked,[data-wc-metric=red],.late) strong:not(#_),html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button.risk:not(.is-zero) strong:not(#_){color:#e0877f!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button:is([data-wc-metric=orange]) strong:not(#_){color:#d9a066!important}
html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button strong.is-zero:not(#_),html body #aem-overview#aem-overview.aem-shell.aem-readable-dark #aem-main#aem-main .ao-dashboard button.is-zero strong:not(#_){color:#7b8087!important}

/* v246 bảng task trong Thống kê KPI → Nhân sự: cột cuối đủ rộng cho nút "Chi tiết" + ô tick, không đè nhau */
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table :is(th,td):last-child{min-width:110px!important;position:relative}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child{padding:7px 36px 7px 6px!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child button{width:auto!important;min-width:0!important;white-space:nowrap!important;padding:6px 12px!important;overflow:visible!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child .aem-bulk-check{position:absolute!important;right:10px!important;left:auto!important;top:50%!important;transform:translateY(-50%)}

/* v247 bảng task trong cửa sổ Chi tiết dự án: mọi team dùng chung lưới cột (MODEL có thêm cột "Thời gian thực tế") nên cột thẳng hàng giữa các bảng */
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table{table-layout:fixed!important;width:100%!important;min-width:0!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table thead th{white-space:normal!important;line-height:1.25}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table td:nth-last-child(2) :is(strong,b,span,div):not(button *){white-space:nowrap}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(1){width:18%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(2){width:9%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(3){width:14%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(4){width:8%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(5){width:10%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(6){width:8%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(7){width:16%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(8){width:8%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:not(:has(col:nth-child(10))) col:nth-child(9){width:9%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(1){width:18%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(2){width:9%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(3){width:14%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(4){width:8%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(5){width:10%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(6){width:8%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(7){width:6%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(8){width:5%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(9){width:13%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table colgroup:has(col:nth-child(10)) col:nth-child(10){width:9%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table td:last-child{text-align:right!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-pm-project,#aem-pl-detail,#aem-layout-detail) table.aem-task-table td:last-child :is(button,.aem-row-menu,[class*=more]){margin-left:auto}
/* v248 bảng danh sách (cột Nhân sự ẩn): tổng cột = 100%, cột Thao tác đủ rộng cho nút Chi tiết + ô tick, không dư cột trống bên phải */
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="0"]{width:22%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="1"]{width:9%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="2"]{width:16%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="3"]{width:8%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="4"]{width:14%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="6"]{width:12%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="7"]{width:7%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table[data-column-profile=cgi]:not(.at-projectcard *) col[data-task-column="8"]{width:13%!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child{padding:7px 30px 7px 4px!important}
@media(max-width:1150px){html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child{padding:7px 24px 7px 2px!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child button{padding:5px 6px!important;font-size:12px!important}
html body #aem-overview#aem-overview.aem-shell #at-content table.aem-task-table td:last-child .aem-bulk-check{right:4px!important}}

/* v249 dòng thông tin kênh: cụm "N thành viên · N tin nhắn · N file" không bị bẻ giữa chừng; dấu · không đứng đầu dòng */
html body #aem-overview#aem-overview .acm-head .acm-stats{white-space:nowrap}

/* v251 header chat: dòng thống kê xuống dòng riêng, không còn dấu · treo */
html body #aem-overview#aem-overview .acm-head .acm-stats{display:block;white-space:nowrap}

/* v254: điện thoại — hàng lọc nhanh và hàng nút điều phối không tràn khỏi khung */
@media(max-width:560px){
html body #aem-overview#aem-overview.aem-shell .aem-time-shortcuts.as-filtergroup{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell .aem-time-shortcuts.as-filtergroup>button{flex:1 1 auto;min-width:0}
html body #aem-overview#aem-overview.aem-shell #aem-dispatch-actions.wc-inline-proposal,html body #aem-overview#aem-overview.aem-shell #aem-dispatch-actions .aem-request-actions{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
html body #aem-overview#aem-overview.aem-shell #aem-dispatch-actions .aem-request-actions>button{flex:1 1 auto;max-width:100%;white-space:normal;text-align:left}
}

/* v255: điện thoại — bỏ PM / PL / Tiến độ cho gọn; đầu popup task gọn, không còn dấu | treo */
@media(max-width:560px){
html body #aem-overview#aem-overview.aem-shell tr.ao-project>td:nth-child(5),
html body #aem-overview#aem-overview.aem-shell tr.ao-project>td:nth-child(8){display:none!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-drawer-tools{flex-wrap:wrap!important;gap:8px!important;align-items:flex-start}
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-compact-task-title{flex:1 1 100%!important;min-width:0!important;width:100%!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-title-copy{flex-wrap:wrap;min-width:0}
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-title-meta>i,
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-title-meta>span:not(.ao-stage){display:none!important}
html body #aem-overview#aem-overview.aem-shell .aem-task-surface .aem-drawer-tools>div{margin-left:auto}
html body #aem-overview#aem-overview.aem-shell .aem-task-quick-flags select{font-size:14px!important;min-height:36px}
}
@media(max-width:560px){
html body #aem-overview#aem-overview.aem-shell .aem-task-quick-flags select{flex:1 1 0!important;min-width:0!important;max-width:calc(50% - 6px)!important}
}
@media(max-width:560px){
html body #aem-overview#aem-overview.aem-shell #aem-main table td:has(>.aem-role-control),
html body #aem-overview#aem-overview.aem-shell #aem-main table td:has(>.ao-progress){display:none!important}
}
/* v257 popup Task quản lý: cột ẩn (Bắt đầu, Ghi nhận) không còn chiếm chỗ → bảng phủ hết chiều ngang */
html body #aem-overview#aem-overview.aem-shell :is(#aem-layout-detail,#aem-pl-detail,#aem-pm-project) table.aem-task-table col[data-task-column="3"],
html body #aem-overview#aem-overview.aem-shell :is(#aem-layout-detail,#aem-pl-detail,#aem-pm-project) table.aem-task-table col[data-task-column="6"]{display:none!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-layout-detail,#aem-pl-detail,#aem-pm-project) .ao-table>table.aem-task-table.aem-task-table{table-layout:auto!important;width:100%!important}
html body #aem-overview#aem-overview.aem-shell :is(#aem-layout-detail,#aem-pl-detail,#aem-pm-project) .ao-table>table.aem-task-table.aem-task-table col{width:auto!important}
/* v258 ký tự biểu tượng menu: luôn dạng chữ đơn sắc, không nháy emoji */
html body #aem-overview#aem-overview #acm-pop .menu i,html body #aem-overview#aem-overview #acm-pop .menu button>i{font-family:'Segoe UI Symbol','Segoe UI','Helvetica Neue',Arial,sans-serif!important;font-variant-emoji:text}
/* v259 đổi sáng/tối: tắt mọi transition trong lúc chuyển để các hàng đổi màu cùng lúc */
html.aem-theme-switching *,html.aem-theme-switching *::before,html.aem-theme-switching *::after{transition:none!important;animation-duration:0s!important}
/* v260 bảng Thông báo: chỉ giữ một nút đóng (của khung Chi tiết) */
html body #aem-overview#aem-overview.aem-shell #an-popup.aem-standard-drawer #an-close{display:none!important}
/* v262 điện thoại: chuông + sáng/tối dùng ở thanh trên cùng của web chính, bỏ bản trùng trong Work */
@media(max-width:560px){
html body #aem-suite-bar.suite-native .suite-tools{display:flex!important}
html body #aem-overview#aem-overview.aem-shell :is(#ao-theme,.an-anchor){display:none!important}
}

/* v263 một chuông duy nhất (thanh trên cùng); bỏ chuông + sáng/tối trong Work ở mọi cỡ màn hình */
html body #aem-suite-bar.suite-native .suite-tools{display:flex!important}
html body #aem-overview#aem-overview.aem-shell :is(#ao-theme,.an-anchor){display:none!important}
html body #aem-suite-bar [data-suite-bell]{position:relative}
html body #aem-suite-bar [data-suite-bell][data-count]::after{content:attr(data-count);position:absolute;top:2px;right:0;min-width:16px;height:16px;padding:0 4px;box-sizing:border-box;border-radius:99px;background:#b3372f;color:#fff;font:500 10px/16px 'Helvetica Neue',Arial,sans-serif;text-align:center}
/* v264 vùng chạm: nút nhỏ được nới vùng bấm (không đổi hình dạng) */
@media(pointer:coarse){
html body #aem-overview#aem-overview.aem-shell :is(button.ao-toggle,button.aem-start-plan){position:relative}
html body #aem-overview#aem-overview.aem-shell :is(button.ao-toggle,button.aem-start-plan)::after{content:'';position:absolute;inset:-10px -8px}
}
/* v264 tin nhắn: link/chuỗi rất dài tự xuống dòng, thẻ xem trước không tràn */
html body #aem-overview#aem-overview #aem-messages-panel :is(.acm-body,.acm-bubble,.acm-link,.acm-link-body,.acm-link-body>div,.acm-link strong,.acm-link p){min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word}
html body #aem-overview#aem-overview #aem-messages-panel .acm-link-body{overflow:hidden;flex:1 1 0}
html body #aem-overview#aem-overview #aem-messages-panel .acm-link{overflow:hidden}
html body #aem-overview#aem-overview #aem-messages-panel .acm-body a{overflow-wrap:anywhere;word-break:break-all}
/* v265 cột Tiến độ: thanh không rộng hơn ô */
html body #aem-overview#aem-overview.aem-shell #aem-main td>.ao-progress{min-width:0!important;width:100%!important;max-width:100%;box-sizing:border-box}

/* v267: PL | PM cạnh tên kênh; hết chỗ thì tự xuống dòng ngay dưới tên (không cắt) */
html body #aem-overview#aem-overview #aem-messages-panel .acm-head h3{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;min-width:0}
html body #aem-overview#aem-overview #aem-messages-panel .acm-head h3 .acm-leads{font-size:12px;font-weight:400;color:var(--m-mute);white-space:normal}
/* v271 ô tìm dự án thu gọn */
html body #aem-overview#aem-overview.aem-shell #ao-overview-panel .ao-tools .aem-search-control{flex:0 1 150px!important;width:150px!important;min-width:110px!important;max-width:150px!important}
html body #aem-overview#aem-overview.aem-shell #ao-overview-panel .ao-tools>#ao-search{flex:0 1 150px!important;width:150px!important;min-width:110px!important;max-width:150px!important}
/* v272 bỏ nút Thêm bộ lọc, hiện luôn các bộ lọc */
html body #aem-overview#aem-overview #aem-more-filters{display:none!important}
/* v268 hẹn giờ gửi tin nhắn */
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-schedbtn{order:5!important;display:grid!important;place-items:center;width:22px!important;min-width:22px;margin-left:-6px;padding:0!important;background:none!important;border:0!important}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-schedbtn svg{width:16px;height:16px;fill:none!important;stroke:#a3aca7!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-schedbtn:hover svg{stroke:var(--m-ac,#7d9172)!important}
html body #aem-overview#aem-overview #aem-messages-panel .acm-schedpill{display:flex!important;align-items:center;gap:8px;width:auto;max-width:100%;margin:0 0 6px;padding:5px 10px!important;border-radius:999px!important;background:var(--m-hover)!important;border:1px solid var(--m-line)!important;color:var(--m-text,inherit)!important;font-size:12px!important;font-weight:400!important;cursor:pointer;min-height:28px}
html body #aem-overview#aem-overview #aem-messages-panel .acm-schedpill svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;flex:none}
html body #aem-overview#aem-overview #aem-messages-panel .acm-schedpill small{color:var(--m-mute);font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html body #acm-pop .acm-schedmenu{min-width:240px}
html body #acm-pop .acm-schedmenu h5{margin:2px 10px 6px;font-size:12px;font-weight:500;color:var(--m-mute)}
html body #acm-pop .acm-schedmenu button{justify-content:space-between;font-weight:400!important}
html body #acm-pop .acm-schedmenu small{color:var(--m-mute);font-size:12px;font-weight:400}
html body #acm-pop .acm-schedlist .acm-schedrow{padding:10px 0;border-bottom:1px solid var(--m-line)}
html body #acm-pop .acm-schedlist .acm-schedrow .t{display:flex;justify-content:space-between;gap:10px;font-size:13px}
html body #acm-pop .acm-schedlist .acm-schedrow .t b{font-weight:500}
html body #acm-pop .acm-schedlist .acm-schedrow .t span{color:var(--m-mute)}
html body #acm-pop .acm-schedlist .acm-schedrow p{margin:4px 0 8px;font-size:13px;color:var(--m-mute);overflow-wrap:anywhere}
html body #acm-pop .acm-schedlist .acm-schedrow .a{display:flex;gap:8px;flex-wrap:wrap}
html body #acm-pop .acm-schedlist .acm-schedrow .a button{min-height:34px;padding:0 12px;border-radius:8px;background:var(--m-hover);border:1px solid var(--m-line);color:inherit;font:inherit;font-size:13px;cursor:pointer}
@media(pointer:coarse){html body #aem-overview#aem-overview #aem-messages-panel #acm-compose .acm-schedbtn{width:30px!important;min-width:30px;min-height:40px}html body #acm-pop .acm-schedlist .acm-schedrow .a button{min-height:40px}}
/* v269 nút Cài đặt cùng độ đậm với các mục điều hướng khác */
html body #aem-overview#aem-overview #ao-tab-settings,html body #aem-overview#aem-overview #ao-tab-settings span{font-weight:400!important}
/* v270 nhóm nút chọn (PM/PL/DOD/KPI…): nền trung tính ấm + một màu nhấn sage, bỏ xanh lam-xám và xanh bạc hà */
html body #aem-overview#aem-overview.aem-shell #aem-main :is(#at-teamcards,#at-pl-teamcards,#am-pickers,#at-views,#at-myviews,#aem-dod-views,#ak-teamcards,#aem-kpi-report-tabs,#aem-report-focus,#af-teamcards,.wc-pl-views)>button:not([aria-pressed=true]){background:light-dark(#eceee9,#262c28)!important;color:light-dark(#3f4a43,#c9d2cb)!important}
html body #aem-overview#aem-overview.aem-shell #aem-main :is(#at-teamcards,#at-pl-teamcards,#am-pickers,#at-views,#at-myviews,#aem-dod-views,#ak-teamcards,#aem-kpi-report-tabs,#aem-report-focus,#af-teamcards,.wc-pl-views)>button[aria-pressed=true]{background:light-dark(#dce4d4,#35503f)!important;color:light-dark(#1f3a2c,#d6e6d9)!important;border-color:light-dark(#b4c2a8,#5f7a68)!important;box-shadow:inset 0 -2px light-dark(#7d9172,#8fb09a)!important}