*{box-sizing:border-box;}h1{margin:4px 0;font-size:34px;}.top p{margin:0;color:#6b7280;}.version{display:inline-block;background:#e0f2fe;color:#075985;font-weight:800;border-radius:0 !important;padding:6px 10px;font-size:12px;}.top-actions,.actions,.toolbar,.project-panel{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}.primary{background:#0073ea;color:white;}.light{background:#eef2f7;color:#334155;}.danger{background:#fee2e2;color:#991b1b;}.project-panel{background:white;border:1px solid #e5e7eb;border-radius:0 !important;padding:14px;margin-top:16px;}.project-select-wrap label{font-weight:900;}.project-panel select,.toolbar input,.toolbar select,input,select,textarea{border:1px solid #d1d5db;border-radius:0 !important;padding:10px;background:white;}.toolbar{margin:18px 0;}.toolbar input{width:480px;max-width:100%;}.task-title{font-weight:900;border:0;background:transparent;width:100%;padding:4px 0;font-size:15px;outline:0;}.meta{font-size:12px;color:#64748b;line-height:1.55;}.inline-edit{display:flex;align-items:center;gap:8px;margin-top:8px;}.inline-edit span{font-size:11px;font-weight:900;color:#64748b;text-transform:uppercase;letter-spacing:.03em;}.inline-edit input{flex:1;min-width:0;border:1px solid transparent;background:#f8fafc;border-radius:0 !important;padding:7px 9px;font-weight:800;color:#1f2937;outline:0;}.inline-edit input:hover,.inline-edit input:focus{border-color:#0073ea;background:white;}.card-row{display:flex;gap:8px;margin:10px 0;}.card-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none !important;border:0;color:white;border-radius:0 !important;padding:8px 10px;font-weight:900;outline:0;max-width:150px;text-align:center;}.priority-select{max-width:100px;}.assignee-select{background:#a25ddc;color:white;max-width:150px;width:100%;}.single-row{margin-top:8px;margin-bottom:8px;}.single-row .card-select{flex:1;}.low{background:#94a3b8;}.medium{background:#ffcb00;color:#422006;}.high{background:#fdab3d;}.urgent{background:#e2445c;}.card-actions{display:flex;gap:6px;flex-wrap:wrap;}.small{font-size:12px;padding:7px 9px;}.output{display:inline-block;margin:6px 0;color:#0073ea;font-weight:800;text-decoration:none;}.hidden{display:none !important;}.wide{width:min(850px,100%);}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.field{display:flex;flex-direction:column;gap:6px;font-weight:800;}.field span{font-size:13px;}.field.full{grid-column:1/-1;}textarea{min-height:86px;resize:vertical;}.subbox{border:1px dashed #cbd5e1;background:#f8fafc;border-radius:0 !important;padding:14px;margin-top:14px;}.settings{display:grid;grid-template-columns:260px 1fr;gap:18px;}.inline-form,.field-builder{display:flex;gap:8px;flex-wrap:wrap;}.dept-item,.field-item{border:1px solid #e5e7eb;border-radius:0 !important;padding:10px;margin-top:8px;display:flex;justify-content:space-between;gap:10px;align-items:center;}.dept-item.active{background:#e0f2fe;border-color:#7dd3fc;}.empty{color:#94a3b8;text-align:center;padding:20px;border:1px dashed #cbd5e1;border-radius:0 !important;}.project-hint{color:#64748b;font-size:13px;font-weight:700;}.muted-note{color:#64748b;margin-top:-4px;}.project-card{width:min(760px,100%);}.project-add-row{margin-bottom:14px;}.project-add-row input{flex:1;min-width:220px;}.project-name{font-weight:900;}.danger-confirm{background:#7f1d1d;color:#fff;}.panel-actions{display:flex;margin-left:auto;flex-wrap:wrap;
  align-items: center;
  gap: 10px;
}.department-filter-wrap select{min-width:190px;font-weight:800;background:#fff;}.view-toggle{border:0;background:transparent;color:#475569;border-radius:0 !important;padding:8px 11px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:6px;line-height:1;}.view-toggle:hover{background:#eef2f7;color:#1f2937;}.view-toggle.active{background:#0073ea;color:white;box-shadow:0 6px 14px rgba(0,115,234,.22);}.view-text{font-size:13px;}.task-table th:last-child,.task-table td:last-child{border-right:0;}.task-table th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}.task-table tr:hover td{background:#f8fafc;}.table-title{border:1px solid transparent;background:transparent;font-weight:900;width:220px;max-width:100%;padding:7px;border-radius:0 !important;outline:0;}.table-title:hover,.table-title:focus{border-color:#0073ea;background:white;}.table-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none !important;border:0;color:white;border-radius:0 !important;padding:8px 10px;font-weight:900;outline:0;min-width:120px;text-align:center;}.table-select.assignee-select{background:#a25ddc;}.table-select.priority-select{min-width:90px;}.table-output{color:#0073ea;font-weight:800;text-decoration:none;}.empty-table td{text-align:center;color:#64748b;font-style:italic;padding:24px;}.project-cell{font-weight:800;color:#334155;}.list-view .card-actions{flex-wrap:nowrap;}.calendar-day-name{background:#f8fafc;color:#475569;font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.04em;padding:10px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:center;}.calendar-cell.other-month{background:#f8fafc;color:#94a3b8;}.calendar-date{font-weight:900;font-size:13px;margin-bottom:8px;color:#334155;}.calendar-cell.other-month .calendar-date{color:#94a3b8;}.calendar-task.dragging{opacity:.45;}.calendar-task-meta{color:#64748b;line-height:1.35;}.calendar-task.done{border-left-color:#00c875;}.details-edit-wrap{display:grid;gap:14px;}.details-info-row{display:flex;gap:10px;flex-wrap:wrap;color:#475569;background:#f8fafc;border:1px solid #e5e7eb;border-radius:0 !important;padding:10px 12px;}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.details-field{display:flex;flex-direction:column;gap:6px;font-weight:800;}.details-field span{font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.04em;}.details-field input,.details-field select,.details-field textarea{border:1px solid #d1d5db;border-radius:0 !important;padding:10px;background:white;outline:0;}.details-field input:focus,.details-field select:focus,.details-field textarea:focus{border-color:#0073ea;box-shadow:0 0 0 3px rgba(0,115,234,.12);}.details-full{grid-column:1/-1;}.details-title-input{font-size:22px !important;font-weight:900 !important;}.details-select{width:100%;max-width:none;text-align:left;}.details-output{margin-top:0;}.details-field textarea{min-height:90px;resize:vertical;}.details-field select,.details-select,.details-select option{text-align:left;}.prereq-badge{display:block;margin:8px 0 6px;padding:7px 9px;border-radius:0 !important;font-size:12px;font-weight:900;line-height:1.35;word-break:break-word;}.prereq-badge.ready{background:#dcfce7;color:#166534;border:1px solid #86efac;}.prereq-badge.blocked{background:#fff7ed;color:#9a3412;border:1px solid #fdba74;}.field-help{display:block;margin-top:4px;color:#64748b;font-size:12px;font-weight:700;line-height:1.35;}.calendar-task .prereq-badge{font-size:10px;padding:5px 6px;margin:5px 0 0;}.task-table .prereq-badge{min-width:150px;margin:0;}.field-hint{font-size:12px;color:#64748b;font-weight:700;margin-top:-2px;line-height:1.35;}.prereq-outputs{margin:7px 0 8px;padding:8px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:0 !important;}.prereq-outputs-title{font-size:11px;font-weight:900;color:#1e3a8a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;}.prereq-output-links{display:flex;gap:6px;flex-wrap:wrap;}.prereq-output-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:#0073ea;color:#fff;border-radius:0 !important;padding:6px 9px;font-size:12px;font-weight:900;line-height:1;}.prereq-output-link:hover{filter:brightness(.95);}.task-table .prereq-outputs{min-width:170px;margin:6px 0 0;padding:7px;}.task-table .prereq-outputs.table{margin-top:8px;}.calendar-task .prereq-outputs{padding:6px;margin:5px 0 0;}.calendar-task .prereq-outputs-title{font-size:9px;margin-bottom:4px;}.calendar-task .prereq-output-link{font-size:10px;padding:5px 6px;}.prerequisite-level-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:0 !important;padding:12px;}.prereq-level-controls{display:grid;gap:10px;margin-top:6px;}.prereq-level-grid.compact{margin-top:0;}.prereq-level-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end;background:white;border:1px solid #e5e7eb;border-radius:0 !important;padding:10px;transition:border-color .15s ease,box-shadow .15s ease,opacity .15s ease;}.prereq-level-row.dragging{opacity:.45;}.prereq-level-row.drag-over{border-color:#0073ea;box-shadow:0 0 0 3px rgba(0,115,234,.12);}.prereq-drag-handle:active{cursor:grabbing;}.prereq-level-field{display:flex;flex-direction:column;gap:6px;font-weight:800;min-width:0;}.prereq-level-field span{font-size:12px;color:#475569;text-transform:uppercase;letter-spacing:.04em;}.prereq-level-select{width:100%;min-width:0;border:1px solid #d1d5db;border-radius:0 !important;padding:10px;background:white;font-weight:800;color:#1f2937;}.prereq-level-select:focus{border-color:#0073ea;box-shadow:0 0 0 3px rgba(0,115,234,.12);outline:0;}.prereq-add-btn{justify-self:start;}.prereq-remove-btn{height:38px;}.prereq-empty{border:1px dashed #cbd5e1;border-radius:0 !important;padding:12px;color:#64748b;background:#fff;text-align:center;font-weight:800;}#detailsContent{max-height:calc(90vh - 78px);overflow:auto;padding:22px;background:#f8fafc;}.details-focus-wrap{display:grid;gap:16px;}.details-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;background:white;border:1px solid #e5e7eb;border-radius:0 !important;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.06);}.details-hero-main{min-width:0;}.details-kicker{display:block;color:#64748b;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;}.details-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}.details-pill{display:inline-flex;align-items:center;border-radius:0 !important;padding:7px 10px;color:white;font-size:12px;font-weight:900;line-height:1;}.details-pill.neutral{background:#e2e8f0;color:#334155;}.details-pill.priority.medium{color:#422006;}.details-focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;}.detail-card,.detail-section,.readonly-detail-card{background:white;border:1px solid #e5e7eb;border-radius:0 !important;padding:14px;box-shadow:0 6px 16px rgba(0,0,0,.045);}.detail-card strong{display:block;margin-top:5px;font-size:15px;line-height:1.35;word-break:break-word;}.detail-label{display:block;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;}.detail-section{display:grid;gap:10px;}.detail-section h3{margin:0;font-size:16px;}.detail-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;}.detail-note{font-size:12px;color:#64748b;font-weight:800;}.output-edit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;}.details-output-input{width:100%;border:1px solid #d1d5db;border-radius:0 !important;padding:11px;background:white;font-weight:800;outline:0;}.details-output-input:focus{border-color:#0073ea;box-shadow:0 0 0 3px rgba(0,115,234,.12);}.readonly-box{background:#fff;border:1px solid #e5e7eb;border-radius:0 !important;padding:12px;line-height:1.55;white-space:pre-wrap;word-break:break-word;}.readonly-box.muted,.muted-inline{color:#94a3b8;font-weight:800;}.readonly-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}.readonly-detail-card.details-full{grid-column:1/-1;}.readonly-value{margin-top:6px;font-weight:900;line-height:1.45;word-break:break-word;white-space:pre-wrap;}.readonly-link{color:#0073ea;text-decoration:none;font-weight:900;word-break:break-all;}.done-group-card{cursor:default;border-left-color:#00c875;background:linear-gradient(180deg,#ffffff,#f8fffb);display:grid;gap:10px;}.done-group-title{border:0;background:transparent;padding:0;text-align:left;font-size:15px;font-weight:900;color:#1f2937;cursor:pointer;line-height:1.35;}.done-group-title:hover{color:#0073ea;text-decoration:underline;}.done-group-links{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}.done-group-link:hover{background:#dbeafe;}.done-group-empty{color:#94a3b8;font-weight:800;font-size:12px;border:1px dashed #cbd5e1;border-radius:0 !important;padding:10px;text-align:center;}.done-group-list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid #dcfce7;border-radius:0 !important;padding:10px 12px;background:#fff;}.done-group-calendar .done-group-links{margin-top:6px;}.done-group-calendar .done-group-link{font-size:11px;padding:5px 7px;}.done-group-link{
  display:inline-flex;justify-content:center;border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:0 !important;padding:7px 10px;font-size:12px;font-weight:900;text-decoration:none;word-break:break-word;
  flex-direction:column;align-items:flex-start;gap:2px;line-height:1.15;
}.done-group-link span{display:block;font-weight:900;}.done-group-link small{display:block;font-size:10px;font-weight:800;color:#64748b;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.done-group-link:hover small{color:#075985;}.done-group-links.calendar .done-group-link small{font-size:9px;max-width:110px;}.combined-output-list{display:grid;gap:10px;}.combined-output-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #e5e7eb;border-radius:0 !important;background:#fff;padding:12px;}.combined-output-item.main{border-color:#bbf7d0;background:#f8fffb;}.combined-output-main{display:grid;gap:4px;min-width:0;}.combined-output-main strong{color:#111827;word-break:break-word;}.combined-output-main small{color:#64748b;font-weight:800;word-break:break-word;}.combined-output-level{width:max-content;border-radius:0 !important;background:#e0f2fe;color:#075985;padding:4px 8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}.combined-output-item.main .combined-output-level{background:#dcfce7;color:#166534;}.combined-output-missing{color:#94a3b8;font-size:12px;font-weight:900;border:1px dashed #cbd5e1;border-radius:0 !important;padding:7px 10px;white-space:nowrap;}.details-output-input.compact{min-width:0;width:100%;}.table-title-button{display:block;text-align:left;cursor:pointer;}.table-title-button:hover{color:#0073ea;text-decoration:underline;}.table-pill{display:inline-flex;align-items:center;justify-content:center;color:white;border-radius:0 !important;padding:8px 10px;font-weight:900;font-size:12px;min-width:88px;text-align:center;}.priority-pill.medium{color:#422006;}.task-table .done-group-links{margin:0;min-width:220px;}.task-table .done-group-empty{display:inline-block;min-width:170px;padding:8px 10px;}.task-table .done-group-link{padding:6px 9px;}.done-group-row td{
  background:#f8fffb !important;
  vertical-align:middle;
}.task-table:is(.table-select:not(.assignee-select),.table-pill){appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:none !important;border:0;border-radius:0 !important;height:var(--chip-height);min-height:var(--chip-height);padding:0 var(--chip-padding-x);font-size:var(--chip-font-size);font-weight:var(--chip-font-weight);line-height:1;text-align:center;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;white-space:nowrap;}.task-table td:nth-child(6):is(.table-select,.table-pill){width:var(--chip-status-width);min-width:var(--chip-status-width);}.task-table td:nth-child(7):is(.table-select,.table-pill){width:var(--chip-priority-width);min-width:var(--chip-priority-width);}.task-table .table-select.priority-select,.task-table .table-pill.priority-pill{max-width:none;color:white;}.task-table:is(.table-select.priority-select.medium,.table-pill.priority-pill.medium){color:#422006;}.calendar-cell:hover{background:#f8fbff;}.calendar-cell.other-month:hover{background:#eef2f7;}.calendar-task *{cursor:inherit;}.calendar-cell.drag-over{
  background:#e0f2fe;outline:2px dashed #0073ea;outline-offset:-4px;
  cursor:grabbing;
}#outputFieldControl{display:block;width:100%;}.output-caption-input{width:100%;min-height:150px;border:1px solid #d1d5db;border-radius:0 !important;padding:10px;background:white;resize:vertical;font-weight:700;line-height:1.45;}.caption-output-preview{display:inline-block;border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:0 !important;padding:8px 10px;font-size:12px;font-weight:900;line-height:1.35;white-space:pre-wrap;max-width:260px;}.caption-output-preview.table{max-width:220px;max-height:68px;overflow:hidden;}.caption-output-readonly{border:1px solid #bfdbfe;background:#eff6ff;color:#0f172a;border-radius:0 !important;padding:10px;font-size:13px;font-weight:800;line-height:1.45;white-space:pre-wrap;max-width:min(520px,52vw);}.caption-output-input{min-height:110px;line-height:1.45;resize:vertical;font-weight:800;white-space:pre-wrap;}.caption-output-state{color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:0 !important;padding:7px 10px;font-size:12px;font-weight:900;width:max-content;}.done-group-link.caption-chip{border:1px solid #bfdbfe;background:#eff6ff;color:#075985;cursor:pointer;text-align:left;font-family:inherit;}.prereq-output-link.caption-link{border:1px solid #bfdbfe;background:#eff6ff;color:#075985;cursor:pointer;font-family:inherit;}.caption-popup-btn{border:1px solid #bfdbfe;background:#eff6ff;color:#075985;border-radius:0 !important;padding:8px 11px;font-size:12px;font-weight:900;line-height:1;cursor:pointer;font-family:inherit;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;}.caption-popup-btn:hover{background:#dbeafe;border-color:#93c5fd;}.caption-popup-btn.table{min-width:112px;}.caption-popup-btn.calendar{padding:6px 8px;font-size:11px;max-width:100%;}.caption-popup-btn.readonly{border-radius:0 !important;padding:10px 12px;}.done-group-link.caption-chip small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;}.caption-modal-card{width:min(860px,96vw);padding:0;max-height:90vh;overflow:auto;}.caption-meta{margin:6px 0 0;color:#64748b;font-weight:800;font-size:13px;}.caption-popup-text{margin:0 18px;padding:14px 0 16px;border:0;border-bottom:1px solid #eef2f7;background:transparent;border-radius:0 !important;color:#111827;font-size:15px;line-height:1.65;white-space:pre-wrap;max-height:none;overflow:visible;box-shadow:none;}.caption-preview{margin:0;padding:16px 18px 0;display:grid;gap:12px;position:relative;z-index:1;}.caption-popup-actions{justify-content:flex-end;margin-top:0;padding:12px 18px 18px;position:relative;z-index:2;background:white;}.caption-comments-section{padding:16px 18px 0;display:grid;gap:12px;position:relative;z-index:2;background:white;}.caption-comments-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;}.caption-comments-head h3{margin:0;font-size:16px;color:#111827;}.caption-comments-head span{font-size:12px;color:#64748b;font-weight:800;}.caption-comments-list{display:grid;gap:10px;}.caption-comments-empty{border:1px dashed #cbd5e1;border-radius:0 !important;padding:14px;color:#64748b;background:#f8fafc;font-weight:800;}.caption-comment-item{border:1px solid #e5e7eb;border-radius:0 !important;background:#fff;padding:12px 14px;display:grid;gap:8px;}.caption-comment-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}.caption-comment-top strong{font-size:14px;color:#111827;}.caption-comment-top span{font-size:12px;color:#64748b;font-weight:800;}.caption-comment-body{font-size:14px;line-height:1.6;color:#1f2937;white-space:normal;word-break:break-word;}.caption-comment-form{display:grid;gap:8px;}.caption-comment-form textarea{min-height:92px;border:1px solid #d1d5db;border-radius:0 !important;padding:12px 14px;resize:vertical;background:#fff;outline:0;}.caption-comment-form textarea:focus{border-color:#1877f2;box-shadow:0 0 0 3px rgba(24,119,242,.12);}.caption-comment-actions{display:flex;justify-content:flex-end;}.caption-graphics-preview{display:grid;gap:12px;}.caption-preview-item{border:1px solid #e5e7eb;background:#fff;border-radius:0 !important;padding:12px;display:grid;gap:10px;}.caption-drive-frame{width:100%;height:420px;border:1px solid #e5e7eb;border-radius:0 !important;background:white;}.caption-drive-image{display:block;width:100%;max-height:420px;object-fit:contain;border:1px solid #e5e7eb;border-radius:0 !important;background:white;}.caption-preview-empty{border:1px dashed #cbd5e1;border-radius:0 !important;padding:18px;color:#64748b;font-weight:800;text-align:center;line-height:1.5;background:#f8fafc;}.caption-preview-item.needs-jpg-folder{border-color:#fed7aa;background:#fff7ed;}.caption-preview-item.needs-jpg-folder .caption-preview-empty{border-color:#fdba74;color:#9a3412;background:#fffaf5;}.caption-preview-item.is-direct-jpg{border-color:#e5e7eb;background:#fff;}.caption-drive-carousel{display:grid;gap:12px;}.drive-carousel-loading,.drive-carousel-note{border:1px dashed #cbd5e1;border-radius:0 !important;padding:12px;color:#64748b;background:#f8fafc;font-weight:800;text-align:center;line-height:1.45;}.drive-carousel-warning{border-color:#fdba74;color:#9a3412;background:#fff7ed;}.drive-social-carousel{display:grid;gap:12px;}.drive-social-stage{position:relative;border-radius:0 !important;overflow:hidden;background:#111827;min-height:220px;display:grid;place-items:center;cursor:pointer;}.drive-social-stage-image{display:block;width:100%;max-height:46vh;min-height:220px;object-fit:contain;background:#111827;}.drive-social-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;border-radius:0 !important;background:rgba(15,23,42,.66);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer;z-index:2;}.drive-social-nav.prev{left:12px;}.drive-social-nav.next{right:12px;}.drive-social-nav:hover{background:rgba(15,23,42,.82);}.drive-social-stage-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;}.drive-social-count,.drive-social-hint{background:rgba(15,23,42,.66);color:#fff;border-radius:0 !important;padding:7px 10px;font-size:12px;font-weight:900;}.drive-social-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}.drive-social-filemeta{display:grid;gap:2px;}.drive-social-filemeta strong{font-size:14px;color:#111827;line-height:1.35;}.drive-social-filemeta span{font-size:12px;color:#64748b;font-weight:800;}.drive-social-thumb.active{border-color:#1877f2;box-shadow:0 0 0 2px rgba(24,119,242,.12);}.task-title-link{border:0;background:transparent;padding:0;margin:0;font-size:14px;line-height:1.25;font-weight:900;color:#111827;text-align:left;cursor:pointer;}.task-title-link:hover{color:#0073ea;}.project-badge{
  margin-left:6px;
  display:inline-flex;align-items:center;padding:2px 7px;border-radius:0 !important;background:#fff;color:#334155;font-size:10px;font-weight:900;vertical-align:middle;
}.prereq-timeline{display:grid;gap:6px;padding:8px 10px;border:1px solid #dbeafe;border-radius:0 !important;}.prereq-step{position:relative;display:grid;grid-template-columns:12px 1fr;column-gap:8px;align-items:flex-start;background:transparent;}.prereq-step-dot{width:12px;height:12px;border-radius:0 !important;margin-top:2px;border:2px solid #93c5fd;background:#fff;position:relative;z-index:1;}.prereq-step.ready .prereq-step-dot{background:#22c55e;border-color:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.14);}.prereq-step.waiting .prereq-step-dot{background:#fff7ed;border-color:#fb923c;box-shadow:0 0 0 3px rgba(251,146,60,.12);}.prereq-step-main{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;background:transparent;}.prereq-step.ready .prereq-step-main small{color:#166534;}.prereq-step.waiting .prereq-step-main small{color:#c2410c;}.prereq-step-line{position:absolute;left:5px;top:18px;bottom:-8px;width:2px;background:#cbd5e1;border-radius:0 !important;}.prereq-step:last-child .prereq-step-line{display:none;}.task-output-compact{display:flex;align-items:center;justify-content:flex-start;gap:8px;}.task-output-compact .caption-popup-btn,.task-output-compact .output{margin:0;}.card-output-button{padding:9px 12px;font-size:12px;font-weight:900;border-radius:0 !important;}.output.card,.output.compact{display:inline-flex;align-items:center;justify-content:center;border-radius:0 !important;padding:9px 12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;text-decoration:none;font-size:12px;line-height:1;font-weight:900;}.compact-row{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}.compact-row .assignee-select{max-width:none;min-width:0;}.compact-row .priority-select{min-width:96px;max-width:120px;}.card-actions.compact-actions{margin-top:2px;display:flex;gap:6px;flex-wrap:wrap;}.card-actions.compact-actions .btn{border-radius:0 !important;padding:7px 10px;}.card-static{display:inline-flex;align-items:center;justify-content:center;border-radius:0 !important;padding:8px 12px;font-size:12px;font-weight:900;line-height:1;text-align:center;}.card-static.done{background:#00c875;color:#fff;}.card-static.priority{background:#ffcb00;color:#422006;}.card-static.priority.low{background:#94a3b8;color:#fff;}.card-static.priority.medium{background:#ffcb00;color:#422006;}.card-static.priority.high{background:#fdab3d;color:#fff;}.card-static.priority.urgent{background:#e2445c;color:#fff;}.done-group-card .task-output-compact{margin-top:2px;}.done-group-card .done-group-title{font-size:14px;}.calendar-task .prereq-timeline{margin-top:5px;padding:6px 7px;gap:4px;}.calendar-task .prereq-step{grid-template-columns:10px 1fr;column-gap:6px;}.calendar-task .prereq-step-dot{width:10px;height:10px;margin-top:2px;}.calendar-task .prereq-step-line{left:4px;top:14px;bottom:-6px;}.calendar-task .prereq-step-main strong{font-size:10px;}.calendar-task .prereq-step-main small{font-size:9px;}.calendar-task .task-output-compact .caption-popup-btn{padding:6px 8px;font-size:10px;}.prereq-step.progress .prereq-step-dot{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.14);}.prereq-step.progress .prereq-step-main small{color:#1d4ed8;}.prereq-step.review .prereq-step-dot{background:#f59e0b;border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.14);}.prereq-step.review .prereq-step-main small{color:#b45309;}.prereq-step.current .prereq-step-main strong,
.prereq-step.final-level .prereq-step-main strong{color:#0f172a;}.caption-editor{grid-template-columns:minmax(220px,1fr) auto;}.caption-output-state,.caption-submit-stack .combined-output-missing{width:max-content;max-width:100%;}.combined-output-edit.caption-editor{display:grid;grid-template-columns:1fr !important;gap:10px;align-items:start;}.caption-editor .caption-output-input{width:100%;min-height:130px;}.caption-submit-stack .btn{width:max-content;}.combined-output-item,.combined-output-item.main{grid-template-columns:1fr !important;align-items:stretch !important;gap:12px !important;}.combined-output-edit{
  display:grid;gap:8px;
  grid-template-columns:1fr !important;min-width:0 !important;width:100% !important;align-items:start !important;
}.combined-output-edit .btn,.combined-output-edit .combined-output-missing,.caption-submit-stack{justify-self:start;}.caption-submit-stack{
  flex-wrap:wrap;
  display:grid !important;gap:10px;align-items:center;justify-items:start;
  grid-template-columns:max-content max-content !important;
}.caption-editor .caption-output-input,.details-output-input.compact{width:100% !important;}.calendar-task.deadline-locked{cursor:pointer;opacity:.86;}.calendar-task.deadline-locked::after{content:"Owner only";display:inline-block;margin-top:5px;font-size:9px;font-weight:900;color:#64748b;background:#f1f5f9;border-radius:0 !important;padding:3px 6px;}.assignee-select:disabled,#assignee:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.25);}.calendar-task,.calendar-task.todo,.calendar-task.in-progress,.calendar-task.review-phase,.calendar-task.done,.calendar-task.draft,.done-group-calendar{background:#fff !important;}.done-group-calendar{
  cursor:pointer;border-left-color:#00c875;background:#f8fffb;
  border-left-width:5px;
}.calendar-task{
  background:#fff;border:1px solid #e5e7eb;border-left:5px solid #0073ea;border-radius:0 !important;padding:7px;margin-bottom:7px;box-shadow:0 4px 10px rgba(0,0,0,.06);font-size:12px;
  cursor:grab;
  border-top-color:#e5e7eb !important;border-right-color:#e5e7eb !important;border-bottom-color:#e5e7eb !important;
}.priority-select,.priority-pill,.details-pill.priority,.card-static.priority,#priority{display:none !important;}.caption-preview-source{font-weight:900;font-size:12px;color:#334155;margin:0 0 8px;}.drive-social-stage-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}.drive-social-stage-video,.caption-drive-video{width:100%;height:100%;min-height:360px;border:0;background:#0f172a;border-radius:0 !important;}.drive-thumb-badge{position:absolute;right:5px;bottom:5px;padding:2px 5px;border-radius:0 !important;background:#111827;color:#fff;font-size:9px;font-weight:900;}.animation-output-preview{border-color:#bfdbfe;}.unified-preview-section{margin-top:12px;}.caption-preview-source-group{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#475569;margin:0 0 10px;}.unified-output-carousel .drive-social-filemeta{display:flex;flex-direction:column;gap:2px;}.unified-output-carousel [data-stage-source]{font-size:12px;font-weight:900;color:#334155;}.unified-output-carousel [data-stage-name]{font-size:16px;font-weight:800;color:#0f172a;}.unified-output-carousel [data-stage-meta]{font-size:12px;color:#64748b;}.drive-social-actionbuttons{
  display:flex;gap:8px;
  flex-wrap:wrap;
}.output-source-link{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.task-table{
  min-width:1180px;border-collapse:collapse;
  table-layout:fixed;width:100%;
}.task-table th,.task-table td{
  border-bottom:1px solid #e5e7eb;border-right:1px solid #e5e7eb;padding:10px;text-align:left;
  vertical-align:middle;
}.task-table th:nth-child(1),.task-table td:nth-child(1){width:17%;}.task-table th:nth-child(2),.task-table td:nth-child(2){width:9%;}.task-table th:nth-child(3),.task-table td:nth-child(3){width:10%;}.task-table th:nth-child(4),.task-table td:nth-child(4){width:11%;}.task-table th:nth-child(5),.task-table td:nth-child(5){width:7%;}.task-table th:nth-child(6),.task-table td:nth-child(6){width:13%;}.task-table th:nth-child(7),.task-table td:nth-child(7){width:7%;}.task-table th:nth-child(8),.task-table td:nth-child(8){width:17%;}.task-table th:nth-child(9),.task-table td:nth-child(9){width:9%;}.output-cell{white-space:normal;}.output-cell .caption-popup-btn,.output-cell .done-group-link{display:inline-flex;margin:2px 4px 2px 0;max-width:130px;}.output-cell .done-group-links{display:flex;flex-wrap:wrap;gap:4px;}.output-cell .ready-output-box,.output-cell .prereq-output-box{display:none !important;}.task-table .card-actions{display:flex;flex-wrap:wrap;gap:5px;}#taskSubbox.hidden{display:none !important;}.top-main{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;}.top-actions-stack{display:flex;flex-direction:column;gap:12px;align-items:flex-end;flex:1;max-width:760px;}.top-control-panel{margin-top:0 !important;padding:10px !important;border-radius:0 !important;background:#fff !important;width:100%;justify-content:space-between;}.top-control-panel .project-select-wrap{flex:0 0 auto;}.top-control-panel .panel-actions{margin-left:auto;}.top-control-panel select{min-height:42px;}.top-title{min-width:260px;}.top-controls-row select{min-height:42px;}.top-actions-stack,.top-main,.top-control-panel{all:unset;}.list-view{
  background:white;border:1px solid #e5e7eb;border-radius:0 !important;box-shadow:0 10px 24px rgba(0,0,0,.06);
  overflow:visible;
}.list-scroll{overflow-x:visible;}#taskDataTable.task-table{width:100% !important;min-width:0 !important;}.dt-container .dt-length,.dt-container .dt-info,.dt-container .dt-paging{font-size:13px;}.dt-container .dt-length select{border:1px solid #d1d5db;border-radius:0 !important;padding:6px 26px 6px 8px;}table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:50%;transform:translateY(-50%);}table.dataTable>tbody>tr.child span.dtr-title{font-weight:900;}#taskDataTable th:nth-child(n),#taskDataTable td:nth-child(n){width:auto !important;}#taskDataTable .table-text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;line-height:1.2;}#taskDataTable .table-title{width:100% !important;min-width:120px !important;max-width:220px !important;white-space:normal !important;}#taskDataTable .table-select{width:100% !important;min-width:112px !important;max-width:180px !important;}.dt-container .dt-layout-row,
/* ===== LIST / DATATABLES ===== */
.dt-container .dt-layout-table{overflow:visible !important;}table.dataTable>tbody>tr.child ul.dtr-details{
  width:100%;
  display:grid !important;gap:8px !important;
}table.dataTable>tbody>tr.child span.dtr-title,
table.dataTable>tbody>tr.child span.dtr-data{min-width:0 !important;}.btn i,.view-icon i{pointer-events:none;}.btn i{margin-right:6px;}.x i{margin-right:0;}.view-icon{
  font-size:16px;line-height:1;
  display:inline-flex;align-items:center;justify-content:center;width:16px;
}.view-toggle .view-icon i{font-size:14px;}.calendar-toolbar .btn i{margin-right:6px;}.calendar-toolbar .btn i.fa-chevron-right{margin-right:0;margin-left:6px;}.field-item-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}.field-item{gap:10px;}.field-item>span{min-width:0;overflow:hidden;text-overflow:ellipsis;}.project-access-wrap label{font-weight:900;white-space:nowrap;}.project-access-wrap select{min-width:260px;min-height:42px;max-height:80px;}.project-access-wrap select[multiple]{padding:7px 10px;}.project-access-wrap.readonly-access,#projectAccessUsers.readonly-access{opacity:.72;}.readonly-note{display:inline-flex;align-items:center;border-radius:0 !important;padding:7px 10px;background:#eef2ff;color:#1e3a8a;font-size:12px;font-weight:900;}.project-stats{
  font-size:12px;color:#64748b;margin-top:3px;
  max-width:680px;line-height:1.35;
}.login-shell{width:min(460px,calc(100vw - 32px));}.login-card h1{margin:14px 0 8px;font-size:36px;}.login-card p{margin:0 0 24px;color:#64748b;line-height:1.5;}.login-google-btn{width:100%;justify-content:center;min-height:48px;font-size:15px;}.login-status{margin-top:14px;color:#64748b;font-size:13px;line-height:1.4;}.project-invite-row{display:flex;align-items:center;gap:6px;}.project-invite-row input{min-width:220px;min-height:36px;padding:8px 10px;}.project-invite-row .btn{min-height:36px;padding:8px 10px;white-space:nowrap;}.project-access-wrap{
  display:flex;gap:10px;min-width:280px;
  align-items:flex-start;
}.access-chip{display:inline-flex;align-items:center;gap:6px;background:#eef6ff;border:1px solid #bfdbfe;color:#0f3b73;border-radius:0 !important;padding:6px 8px 6px 10px;font-size:12px;font-weight:900;max-width:240px;}.access-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.access-chip.owner{background:#ecfdf5;border-color:#bbf7d0;color:#166534;}.access-remove{border:0;width:20px;height:20px;border-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;background:rgba(15,23,42,.08);color:inherit;cursor:pointer;flex:0 0 auto;}.access-remove:hover{background:rgba(220,38,38,.14);color:#b91c1c;}.access-muted{color:#94a3b8;font-size:12px;font-weight:900;}.project-access-wrap select#projectAccessUsers{display:none !important;}.project-access-list{
  flex-wrap:wrap;
  display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:0;max-width:520px;
}.access-avatar-summary{display:flex;align-items:center;gap:8px;}.access-avatar{width:34px;height:34px;border-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;background:#0073ea;color:#fff;background-size:cover;background-position:center;font-size:13px;font-weight:900;border:2px solid #fff;box-shadow:0 0 0 1px #dbeafe;flex:0 0 auto;}.access-avatar.visible-first{width:38px;height:38px;}.access-more-btn{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;min-width:34px;height:34px;border-radius:0 !important;font-size:12px;font-weight:900;cursor:pointer;}.access-more-btn:hover{background:#e0f2fe;color:#075985;}.access-count{color:#64748b;font-size:12px;font-weight:900;}.access-profile{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #e5e7eb;color:#0f172a;border-radius:0 !important;padding:5px 8px 5px 5px;max-width:260px;}.access-profile.owner{border-color:#bbf7d0;background:#f0fdf4;}.access-profile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:900;}.access-profile .access-remove{margin-left:0;}.access-avatar-panel{
  flex-wrap:wrap;gap:8px;padding:10px;border:1px solid #dbeafe;background:#f8fbff;border-radius:0 !important;max-width:520px;
  display:none !important;
}.access-popup-user.owner{background:#f0fdf4;border-color:#bbf7d0;}.access-avatar.popup-avatar{width:46px;height:46px;font-size:15px;box-shadow:0 0 0 1px #cbd5e1;}.access-popup-info strong,.access-popup-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.access-popup-info span{color:#64748b;font-size:12px;font-weight:800;}.access-popup-actions{display:flex;justify-content:flex-end;}.project-access-wrap .project-invite-row{display:none !important;}.project-access-modal-invite{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:12px;border:1px solid #dbeafe;background:#f8fbff;border-radius:0 !important;}.project-access-modal-invite input{flex:1;min-width:0;min-height:40px;padding:9px 12px;}.project-access-modal-invite .btn{min-height:40px;white-space:nowrap;}.project-access-wrap.no-access-label,.project-access-wrap:not(:has(label)){gap:8px;min-width:auto;}.project-access-wrap.no-access-label .project-access-list{margin-left:0;}.card-actions .btn.danger:empty{display:none;}.collaborative-work-box{border:1px solid #dbeafe;background:#f8fbff;border-radius:0 !important;padding:12px;}.collab-level-pill{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-radius:0 !important;padding:0 12px;background:#eef6ff;color:#075985;font-size:12px;font-weight:900;white-space:nowrap;}.prereq-drag-handle i{margin:0;}.prereq-drag-handle{
  height:38px;width:34px;border:0;border-radius:0 !important;background:#eef2f7;color:#64748b;font-weight:900;cursor:grab;line-height:1;align-self:end;
  min-width:34px;
}.collaborative-level-row.current-dept-level{background:#f0fdf4;border-color:#bbf7d0;}.collaborative-level-row.current-dept-level .collab-level-pill{background:#dcfce7;color:#166534;}.collab-output-type-field select{min-width:150px;}.status-history-section.compact-only{padding:12px 14px !important;gap:8px !important;}.status-history-compact-head{display:flex;align-items:center;justify-content:space-between;gap:10px;}.status-history-compact-head h3{margin:0;font-size:15px;}.status-history-compact-head span{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}.status-history-compact-table{border:1px solid #e5e7eb;border-radius:0 !important;overflow:hidden;background:#fff;}.status-history-compact-row{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:center;padding:8px 10px;border-top:1px solid #eef2f7;font-size:12px;font-weight:800;color:#1f2937;}.status-history-compact-row:first-child{border-top:0;}.status-history-compact-row.head{background:#f8fafc;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;padding:7px 10px;}.history-status-pill{display:inline-flex;width:max-content;max-width:100%;align-items:center;justify-content:center;padding:5px 8px;border-radius:0 !important;background:#eef2f7;color:#334155;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;}.history-status-pill.todo{background:#f1f5f9;color:#475569;}.history-status-pill.in-progress{background:#dbeafe;color:#1d4ed8;}.history-status-pill.review-phase{background:#ffedd5;color:#c2410c;}.history-status-pill.done{background:#dcfce7;color:#166534;}.history-status-pill.draft{background:#e2e8f0;color:#334155;}.history-current{color:#0073ea;font-weight:900;}.timeline-view{background:white;border:1px solid #e5e7eb;border-radius:0 !important;box-shadow:0 10px 24px rgba(0,0,0,.06);overflow:hidden;}.timeline-day-title{font-size:16px;font-weight:900;color:#0f172a;margin-bottom:10px;}.timeline-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;color:#475569;font-size:12px;font-weight:900;}.timeline-legend span{display:inline-flex;align-items:center;gap:6px;}.timeline-legend i{width:12px;height:12px;border-radius:0 !important;display:inline-block;}.timeline-task-axis-head,.timeline-time-axis{min-height:42px;background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#475569;font-size:12px;font-weight:900;}.timeline-task-axis-head{display:flex;align-items:center;padding:0 12px;border-right:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.04em;}.timeline-time-axis{position:relative;}.timeline-hour-label{position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap;font-variant-numeric:tabular-nums;}.timeline-task-label{min-height:54px;padding:10px 12px;border-right:1px solid #e5e7eb;border-bottom:1px solid #eef2f7;display:flex;flex-direction:column;justify-content:center;gap:3px;cursor:pointer;min-width:0;}.timeline-task-label:hover{background:#f8fbff;}.timeline-task-label small{font-size:11px;color:#64748b;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.timeline-track{position:relative;min-height:54px;border-bottom:1px solid #eef2f7;background:#fff;}.timeline-track:hover{background:#fbfdff;}.timeline-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#f1f5f9;pointer-events:none;}.timeline-now-line{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:#ef4444;z-index:4;pointer-events:none;box-shadow:0 0 0 1px rgba(239,68,68,.12);}.timeline-segment{position:absolute;top:0;height:24px;min-width:2px;border:0;border-radius:0 !important;padding:0;cursor:pointer;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);}.timeline-segment:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;}.timeline-segment:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;}.timeline-segment:hover{filter:brightness(.96);z-index:5;outline:2px solid rgba(15,23,42,.18);outline-offset:1px;}.timeline-segment.is-open::after{content:"";position:absolute;right:0;top:0;bottom:0;width:3px;background:rgba(255,255,255,.65);}.timeline-empty{padding:28px;color:#64748b;font-weight:900;text-align:center;background:#f8fafc;}.timeline-grid-wrap.is-dragging,
/* ===== TIMELINE ===== */
.timeline-grid-wrap.is-dragging .timeline-segment,.timeline-grid-wrap.is-dragging .timeline-task-label{cursor:grabbing;}.timeline-hover-line{position:absolute;top:0;bottom:0;width:2px;transform:translateX(-1px);background:rgba(15,23,42,.55);z-index:20;pointer-events:none;box-shadow:0 0 0 1px rgba(255,255,255,.55);}.timeline-hover-tooltip{position:absolute;top:8px;z-index:21;pointer-events:none;width:max-content;max-width:180px;padding:7px 10px;border-radius:0 !important;background:#0f172a;color:#fff;font-size:12px;font-weight:900;line-height:1.2;white-space:nowrap;box-shadow:0 10px 22px rgba(15,23,42,.22);font-variant-numeric:tabular-nums;}.timeline-hover-tooltip::after{content:"";position:absolute;left:12px;top:100%;border:6px solid transparent;border-top-color:#0f172a;}.timeline-grid-wrap::-webkit-scrollbar-track{background:#eef2f7;border-radius:0 !important;}.timeline-grid-wrap::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:0 !important;border:3px solid #eef2f7;}.timeline-grid-wrap::-webkit-scrollbar-thumb:hover{background:#64748b;}.timeline-scroll-hint{margin:8px 0 0;color:#64748b;font-size:12px;font-weight:800;}.timeline-task-bar{
  position:absolute;left:0;top:15px;height:24px;
  width:100% !important;right:auto !important;
}.timeline-grid-line,.timeline-now-line,.timeline-hover-line{pointer-events:none;}.timeline-grid-wrap{
  padding:16px;
  overscroll-behavior-x:contain;
  overflow-x:auto !important;overflow-y:visible !important;max-width:100% !important;
  overflow:hidden !important;cursor:default !important;user-select:auto !important;-webkit-user-select:auto ;touch-action:auto !important;overscroll-behavior:auto !important;scrollbar-gutter:auto !important;padding-bottom:16px !important;
}.timeline-grid-wrap.is-dragging,.timeline-grid-wrap.is-dragging .timeline-segment,.timeline-grid-wrap.is-dragging .timeline-task-label{cursor:default !important;}.timeline-grid-wrap::-webkit-scrollbar{
  height:14px;width:12px;
  display:none !important;
}.timeline-shell-grid{
  border:1px solid #e5e7eb;border-radius:0 !important;overflow:hidden;background:white;
  position:relative;
  display:grid !important;
  width:100% !important;min-width:0 !important;max-width:100% !important;grid-template-columns:var(--timeline-label-width,280px) minmax(0,1fr) !important;
}.timeline-task-axis-head,.timeline-task-label{width:auto !important;min-width:0 !important;}.timeline-time-axis,.timeline-track{
  box-sizing:border-box !important;
  width:100% !important;min-width:0 !important;max-width:100% !important;
}.timeline-segment,.timeline-segment:first-child,.timeline-segment:last-child{border-radius:0 !important;}.timeline-segment span{
  color:#fff;font-size:10px;font-weight:900;line-height:24px;padding:0 7px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;
  display:none !important;
}#priority,.priority-select,.priority-pill,.details-pill.priority,.card-static.priority{display:inline-flex !important;}.task-table th.priority-column,.task-table td.priority-column{display:table-cell !important;}.priority-select.low,.details-pill.priority.low{background:#94a3b8 !important;color:#fff !important;}.priority-select.mid,.details-pill.priority.mid{background:#ffcb00 !important;color:#422006 !important;}.priority-select.high,.details-pill.priority.high{background:#fdab3d !important;color:#fff !important;}.priority-select.urgent,.details-pill.priority.urgent{background:#e2445c !important;color:#fff !important;}.card-row.priority-row{margin-top:-4px;}.card-row.priority-row .priority-select{width:100%;max-width:none;}#taskDataTable .priority-select{min-width:118px !important;max-width:160px !important;}.details-pill.priority{
  color:white;
  align-items:center;justify-content:center;border-radius:0 !important;padding:7px 10px;font-size:12px;font-weight:900;line-height:1;
}.auth-user-chip:hover{background:#eef6ff;border-color:#bfdbfe;}.auth-chip-caret{font-size:10px;color:#64748b;flex:0 0 auto;}.auth-dropdown::before{content:"";position:absolute;top:-6px;right:18px;width:10px;height:10px;background:#fff;border-left:1px solid #e5e7eb;border-top:1px solid #e5e7eb;transform:rotate(45deg);}.auth-dropdown-item:hover{background:#eff6ff;color:#075985;}.auth-dropdown-item.danger:hover{background:#fee2e2;color:#991b1b;}.floating-add-task-btn:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 22px 42px rgba(0,115,234,.38);filter:brightness(.98);}.floating-add-task-btn:active{transform:translateY(0) scale(.98);}.task-card select:disabled,.task-table input[readonly],.task-table select:disabled{opacity:.58;cursor:not-allowed;}.task-card[draggable="false"]{cursor:pointer;}
.online-user-info{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:2px !important;
  overflow:hidden !important;
}

.online-user-status-line{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
.online-user-row>.online-user-dot{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:block !important;
  width:9px !important;
  min-width:9px !important;
  max-width:9px !important;
  height:9px !important;
  min-height:9px !important;
  max-height:9px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#94a3b8 !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
.online-user-row.is-active>.online-user-dot{
  background:#22c55e !important;
}
.online-user-row.is-away>.online-user-dot{
  background:#f59e0b !important;
}
.online-user-row.is-offline>.online-user-dot{
  background:#94a3b8 !important;
}


.online-user-row:last-child{border-bottom:0;}.online-user-info span:not(.online-user-status-line){color:#64748b;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.online-users-toggle{
  position:relative;place-items:center;
  width:62px !important;height:62px !important;border:0 !important;background:#0073ea !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:24px !important;box-shadow:0 18px 36px rgba(0,115,234,.32) !important;cursor:pointer !important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease !important;
}.online-users-toggle:hover{transform:translateY(-2px) scale(1.03) !important;box-shadow:0 22px 42px rgba(0,115,234,.38) !important;filter:brightness(.98) !important;background:#0073ea !important;}.online-users-toggle:active{transform:translateY(0) scale(.98) !important;}.online-users-count{
  position:absolute;min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#fff;border:2px solid #fff;font-size:11px;font-weight:900;line-height:1;
  top:-7px !important;right:-7px !important;
}.caption-review-panel,.output-review-panel{padding:16px 18px 0;display:grid;gap:12px;background:white;}.output-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap;border-top:1px solid #e5e7eb;padding-top:14px;}.output-review-head h3,.output-version-list h4,.output-review-history h4{margin:0 0 8px;font-size:14px;font-weight:900;color:#1f2937;}.review-status-chip{display:inline-flex;align-items:center;padding:7px 10px;font-size:12px;font-weight:900;background:#dbeafe;color:#1d4ed8;border:1px solid #bfdbfe;}.review-status-chip.approved{background:#dcfce7;color:#166534;border-color:#86efac;}.output-review-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;}.btn.warning{background:#fff7ed;color:#c2410c;border:1px solid #fdba74;}.btn.success{background:#16a34a;color:#fff;border:1px solid #16a34a;}.output-review-actions .btn.danger{background:#dc2626;color:#fff;border:1px solid #dc2626;}.output-review-actions .btn.success{background:#16a34a;color:#fff;border:1px solid #16a34a;}.revision-box{display:grid;gap:8px;border:1px solid #fdba74;background:#fff7ed;padding:10px;}.revision-box textarea{width:100%;min-height:86px;background:#fff;}.output-version-list,.output-review-history{display:grid;gap:8px;}.output-version-item span{font-size:12px;color:#64748b;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.output-review-history-item.approved{border-left-color:#22c55e;}.output-review-history-item div{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;}.revision-ack-box{display:grid;gap:8px;border:1px solid #fdba74;background:#fff7ed;padding:10px;}.revision-ack-box h4{margin:0;font-size:13px;font-weight:900;color:#9a3412;}.revision-ack-box p{margin:0;color:#334155;line-height:1.45;white-space:pre-wrap;}.revision-ack-box small{color:#64748b;font-weight:800;}.revision-ack-box .btn{justify-self:start;}.revision-output-required{border:1px solid #fdba74;background:#fff7ed;color:#9a3412;padding:10px;font-weight:900;line-height:1.4;}.next-output-version-label{display:block;font-size:12px;font-weight:900;color:#92400e;text-transform:uppercase;letter-spacing:.04em;}.next-output-version-box small{color:#92400e;font-weight:800;font-size:12px;}.output-version-empty{padding:8px 10px;border:1px dashed #cbd5e1;color:#64748b;font-weight:800;background:#f8fafc;}.combined-output-edit .next-output-version-box{grid-column:1 / -1;}.details-hero-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}.prereq-step.revision .prereq-step-dot{background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.14);}.prereq-step.revision .prereq-step-main small{color:#b91c1c;}.history-status-pill.for-revision{background:#fee2e2;color:#991b1b;}.review-status-chip.for_revision{background:#fee2e2 !important;color:#991b1b !important;border-color:#dc2626 !important;}.output-review-history-item.for_revision{border-left-color:#dc2626 !important;}.output-review-head.action-only{justify-content:flex-end !important;}.output-review-head.action-only .output-review-actions{margin-left:auto;}.drive-social-thumb img{
  display:block;
  width:100% !important;height:100% !important;object-fit:cover !important;
}.drive-social-thumbs{
  display:flex;overflow-x:auto;
  align-items:flex-start !important;gap:12px !important;padding-bottom:0 !important;
}.drive-social-thumb{
  flex:0 0 auto;border-radius:0 !important;cursor:pointer;
  position:relative;
  gap:6px !important;text-align:left !important;
  width:112px !important;height:72px !important;min-height:72px !important;padding:0 !important;margin:0 !important;overflow:hidden !important;display:block !important;background:transparent !important;border:0 !important;
}.drive-social-thumb-media{
  position:relative;display:block;border:2px solid transparent;background:#e5e7eb;
  width:112px !important;height:72px !important;margin:0 !important;overflow:hidden !important;box-sizing:border-box !important;
}.drive-social-thumb.active .drive-social-thumb-media{border-color:#1877f2 !important;box-shadow:none !important;}.drive-thumb-name{
  max-width:112px;font-size:11px;line-height:1.25;font-weight:900;color:#334155;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  display:none !important;
}.recurring-view{background:#fff;border:1px solid #d8dee8;box-shadow:0 12px 28px rgba(15,23,42,.08);margin-top:18px;}.recurring-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #e5e7eb;}.recurring-toolbar h2{margin:0;font-size:22px;color:#1f2937;display:flex;align-items:center;gap:8px;}.recurring-toolbar p{margin:5px 0 0;color:#64748b;font-weight:800;font-size:13px;}.recurring-add-card{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px auto;gap:10px;padding:14px 20px;border-bottom:1px solid #e5e7eb;background:#f8fafc;}.recurring-add-card input,.recurring-add-card select{width:100%;min-width:0;border:1px solid #cbd5e1;background:#fff;padding:10px 12px;font-weight:800;}.recurring-list{display:grid;gap:10px;padding:16px 20px;}.recurring-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #e5e7eb;background:#fff;padding:12px;border-left:5px solid #0073ea;}.recurring-item.done{border-left-color:#00c875;background:#f8fffb;}.recurring-check-wrap{position:relative;display:grid;place-items:center;width:36px;height:36px;cursor:pointer;}.recurring-check-wrap input{position:absolute;opacity:0;pointer-events:none;}.recurring-fake-check{width:30px;height:30px;border:2px solid #94a3b8;background:#fff;color:#fff;display:grid;place-items:center;font-size:14px;}.recurring-check-wrap input:checked+.recurring-fake-check{background:#00c875;border-color:#00c875;}.recurring-main{min-width:0;display:grid;gap:5px;}.recurring-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.recurring-title-row strong{font-size:16px;color:#111827;line-height:1.25;}.recurring-cadence{display:inline-flex;align-items:center;background:#e0f2fe;color:#075985;border:1px solid #bae6fd;padding:4px 8px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}.recurring-meta{display:flex;flex-wrap:wrap;gap:7px;color:#64748b;font-size:12px;font-weight:800;}.recurring-meta span:not(:last-child)::after{content:"•";margin-left:7px;color:#94a3b8;}.recurring-done-line{color:#166534;font-size:12px;font-weight:900;}.recurring-open-line{color:#b45309;font-size:12px;font-weight:900;}.recurring-delete{align-self:center;}.recurring-empty{border:1px dashed #cbd5e1;background:#f8fafc;color:#64748b;padding:22px;text-align:center;font-weight:900;}.recurring-toggle{width:62px !important;height:62px !important;border:0 !important;background:#0073ea !important;color:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:24px !important;box-shadow:0 18px 36px rgba(0,115,234,.32) !important;cursor:pointer !important;position:relative !important;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease !important;}.recurring-toggle:hover{transform:translateY(-2px) scale(1.03) !important;box-shadow:0 22px 42px rgba(0,115,234,.38) !important;filter:brightness(.98) !important;}.recurring-toggle:active{transform:translateY(0) scale(.98) !important;}.recurring-pending-count{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;background:#ef4444;color:#fff;border:2px solid #fff;font-size:12px;font-weight:900;line-height:1;}.recurring-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #e5e7eb;background:#fff;}.recurring-card-head strong{display:block;font-size:16px;color:#1f2937;line-height:1.2;}.recurring-card-head span{display:block;margin-top:3px;color:#64748b;font-size:12px;font-weight:800;}.recurring-add-toggle{white-space:nowrap;}.recurring-popup-add{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;padding:12px 16px !important;border-bottom:1px solid #e5e7eb !important;}.recurring-card .recurring-title-row strong{font-size:14px;}.recurring-card .recurring-meta,.recurring-card .recurring-done-line,.recurring-card .recurring-open-line{font-size:11px;}.recurring-card{
  position:absolute;left:0;bottom:76px;width:min(460px,calc(100vw - 42px));max-height:min(620px,calc(100vh - 170px));overflow:auto;background:#fff;border:1px solid #d8dee8;box-shadow:0 18px 46px rgba(15,23,42,.2);
  height:auto !important;min-height:0 !important;
}.recurring-popup-add.hidden,.recurring-card .recurring-popup-add.hidden{display:none !important;height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;overflow:hidden !important;}.recurring-card .recurring-list{margin:0 !important;padding:10px 14px !important;display:grid !important;gap:8px !important;align-content:start ;max-height:min(360px,calc(100vh - 220px)) !important;overflow:auto !important;}.recurring-card-head+.recurring-list,.recurring-card-head+.recurring-popup-add.hidden+.recurring-list{padding-top:10px !important;}.recurring-manage-card{width:min(860px,calc(100vw - 40px));}.recurring-manage-list{display:grid;gap:10px;padding-top:16px;max-height:52vh;overflow:auto;}.recurring-manage-list .recurring-item{grid-template-columns:44px minmax(0,1fr) auto;}.recurring-card .recurring-item{
  gap:10px;padding:10px;
  margin:0 !important;
  grid-template-columns:38px minmax(0,1fr) !important;
}.recurring-card .recurring-delete{display:none !important;}.recurring-widget{
  position:fixed !important;left:28px !important;z-index:121 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  bottom:104px !important;
}.online-users-widget{
  position:fixed !important;right:auto !important;top:auto !important;z-index:120 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  left:28px !important;
  bottom:28px !important;
}.recurring-card.hidden,.online-users-card.hidden{display:none !important;pointer-events:none !important;}.recurring-card,.online-users-card{
  transform:translateZ(0) !important;position:absolute !important;
  left:76px !important;right:auto !important;bottom:0 !important;top:auto !important;max-width:calc(100vw - 128px) !important;pointer-events:auto !important;
  z-index:2147483001 !important;
}.recurring-widget,.online-users-widget{
  isolation:isolate !important;
  left:28px !important;right:auto !important;
  z-index:2147483000 !important;
}.recurring-toggle,.online-users-toggle,.floating-add-btn{z-index:2147482999 !important;}.email-access-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin:14px 0 16px;}.email-access-add-row input{width:100%;min-width:0;}.allowed-email-main span{font-size:12px;font-weight:800;color:#64748b;}.email-permission-check input{width:16px;height:16px;margin:0;}.email-permission-check input:disabled{opacity:.6;cursor:not-allowed;}.column,.column-body,.task-card,.task-card *{min-width:0;box-sizing:border-box;}.task-card.compact-card,.done-group-card.compact-card{width:100% !important;max-width:100% !important;overflow:hidden !important;}.task-card-top{
  justify-content:space-between;
  display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;align-items:start !important;gap:8px !important;width:100% !important;
}.task-card-title-stack{
  display:flex;flex-direction:column;align-items:flex-start;gap:4px;flex:1 1 auto;
  min-width:0 !important;max-width:100% !important;overflow:hidden !important;
}.card-project-badge,.task-card-title-stack .project-badge{display:block !important;width:max-content !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;}.task-card-title-stack .task-title-link{display:block !important;width:100% !important;max-width:100% !important;overflow:hidden !important;text-overflow:ellipsis !important;}.department-chip{
  display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:5px 10px;border-radius:0 !important;background:#eef2ff;color:#1e3a8a;font-size:11px;font-weight:900;line-height:1.1;text-align:center;
  min-width:0 !important;max-width:92px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important;
}.compact-row.single-row,.priority-row{display:grid !important;grid-template-columns:minmax(0,1fr) !important;width:100% !important;}.task-card .card-select,.task-card .assignee-select,.task-card .priority-select{width:100% !important;max-width:100% !important;min-width:0 !important;}.prereq-timeline,.prereq-step-main,.task-output-compact{min-width:0 !important;max-width:100% !important;overflow:hidden !important;}.prereq-step-main strong,.prereq-step-main small{min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;}.email-access-card{width:min(980px,calc(100vw - 32px)) !important;}.allowed-email-list{
  gap:10px;
  display:block !important;max-height:58vh;overflow:auto;border:1px solid #e5e7eb;background:#fff;
}.allowed-email-header>div{padding:10px 12px;color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;text-align:center;border-right:1px solid #e5e7eb;}.allowed-email-header>div:first-child{text-align:left;}.allowed-email-header>div:last-child{border-right:0;}.allowed-email-row{
  display:grid;gap:12px;
  grid-template-columns:minmax(180px,1.3fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(150px,.9fr) auto !important;align-items:center !important;
  border:0 !important;border-bottom:1px solid #e5e7eb !important;padding:0 !important;background:#fff;
}.allowed-email-row.current{
  border-color:#bfdbfe;
  background:#eff6ff !important;
}.allowed-email-row>*{min-height:52px;padding:9px 12px;border-right:1px solid #eef2f7;display:flex;align-items:center;}.allowed-email-row>*:last-child{border-right:0;}.allowed-email-main strong{
  font-weight:900;color:#111827;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}.email-permission-check.only-check{justify-content:center !important;gap:0 !important;font-size:0 !important;color:transparent !important;white-space:normal !important;}.email-permission-check.only-check input{width:17px !important;height:17px !important;flex:0 0 auto;}.allowed-email-actions .btn{white-space:nowrap;}.online-users-card{
  position:absolute;max-width:calc(100vw - 36px);background:#fff;border:1px solid #e5e7eb;box-shadow:0 24px 60px rgba(15,23,42,.2);
  top:auto !important;
  left:0 !important;bottom:76px !important;right:auto !important;
  width:340px !important;min-height:0 !important;max-height:min(360px,calc(100vh - 160px)) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;
}.online-users-list{
  display:grid;overflow:auto;
  flex:0 1 auto !important;max-height:280px !important;overflow-y:auto !important;overflow-x:hidden !important;
}.calendar-task.calendar-task-compact,.calendar-task.calendar-task-compact.todo,.calendar-task.calendar-task-compact.in-progress,.calendar-task.calendar-task-compact.review-phase,.calendar-task.calendar-task-compact.for-revision,.calendar-task.calendar-task-compact.done,.calendar-task.calendar-task-compact.draft{margin:0 !important;padding:6px 8px !important;min-height:0 !important;box-shadow:none !important;cursor:pointer !important;}.calendar-task.calendar-task-compact::after,.calendar-task.calendar-task-compact .calendar-lock-note,.calendar-task.calendar-task-compact .calendar-task-meta,.calendar-task.calendar-task-compact .prereq-timeline,.calendar-task.calendar-task-compact .task-output-compact,.calendar-task.calendar-task-compact .prereq-outputs{display:none !important;}.calendar-show-all-btn:hover{background:#dbeafe;}.calendar-day-popup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid #e5e7eb;}.calendar-day-popup-head h3{margin:0;font-size:18px;color:#111827;}.calendar-day-popup-head p{margin:4px 0 0;color:#64748b;font-weight:800;font-size:12px;}.calendar-day-popup-task{border:1px solid #e5e7eb;border-left:5px solid #0073ea;background:#fff;padding:10px 12px;text-align:left;cursor:pointer;display:grid;gap:4px;}.calendar-day-popup-task strong{font-size:13px;color:#111827;line-height:1.25;}.calendar-day-popup-task span{font-size:11px;color:#64748b;font-weight:800;line-height:1.35;}.small-x{font-size:22px !important;line-height:1 !important;}.project-access-list.can-open-access{cursor:pointer;}.project-access-list.can-open-access:hover .access-more-btn,.project-access-list.can-open-access:hover .access-avatar-summary{filter:brightness(.98);}.manage-access-btn{width:auto;padding:0 12px;display:inline-flex;align-items:center;gap:6px;}.project-item-expanded{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;}.project-main-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:start;}.project-member-summary{margin-top:6px;color:#64748b;font-size:12px;font-weight:800;line-height:1.35;word-break:break-word;}.project-team-panel{border:1px solid #dbeafe;background:#f8fbff;padding:10px;}.project-team-title{font-size:12px;font-weight:900;color:#1e3a8a;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;display:flex;align-items:center;gap:6px;}.project-team-table{display:grid;gap:6px;}.project-team-head,.project-team-row{display:grid;grid-template-columns:minmax(220px,1.45fr) minmax(150px,.8fr) minmax(170px,.9fr);gap:8px;align-items:center;}.project-team-head{color:#64748b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:0 4px;}.project-team-row{background:#fff;border:1px solid #e5e7eb;padding:8px;}.project-team-user{display:grid;grid-template-columns:34px minmax(0,1fr);gap:8px;align-items:center;min-width:0;}.project-team-user strong{font-size:13px;color:#111827;}.project-team-user small{font-size:11px;color:#64748b;font-weight:800;}.project-team-row input,.project-team-row select{width:100%;min-width:0;padding:8px 9px;font-size:12px;font-weight:800;}.project-team-row select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed;}.access-role-meta{display:block;margin-top:3px;color:#475569;font-size:11px;font-weight:900;}.access-avatar.mini-avatar{width:34px;height:34px;font-size:13px;}.project-item-friendly{display:grid !important;grid-template-columns:1fr !important;gap:12px !important;padding:14px !important;background:#fff !important;border:1px solid #e5e7eb !important;box-shadow:0 8px 20px rgba(15,23,42,.04);}.project-card-topline{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;}.project-title-block{min-width:0;display:grid;gap:5px;}.project-item-friendly .project-name{font-size:18px;line-height:1.15;color:#111827;}.project-item-friendly .project-stats{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:0;color:#64748b;font-size:12px;font-weight:800;}.project-item-friendly .project-stats span{display:inline-flex;align-items:center;gap:4px;}.compact-project-actions{justify-content:flex-end;flex-wrap:nowrap;}.project-member-preview{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px;background:#f8fafc;border:1px solid #eef2f7;}.project-preview-label{color:#475569;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;}.project-member-pills{display:flex;gap:6px;flex-wrap:wrap;min-width:0;}.project-member-pill{display:inline-flex;align-items:center;max-width:180px;padding:5px 8px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:900;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}.project-member-pill.muted-pill{background:#f1f5f9;color:#64748b;}.project-manage-members-btn{white-space:nowrap;}.friendly-team-panel{background:#f8fbff !important;border:1px solid #bfdbfe !important;padding:12px !important;}.project-team-title-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px;}.project-team-title-row p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:800;}.friendly-member-table{display:grid;gap:8px;}.friendly-member-row{display:grid !important;grid-template-columns:minmax(220px,1.2fr) minmax(150px,.75fr) minmax(190px,.9fr) !important;gap:10px !important;padding:10px !important;background:#fff !important;border:1px solid #e5e7eb !important;align-items:end !important;}.project-team-user strong,.project-team-user small{
  display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  max-width:100%;
}.access-popup-list{display:grid;gap:10px;}.access-popup-user{
  padding:12px;border:1px solid #e5e7eb;border-radius:0 !important;background:#fff;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;
}.access-popup-info{
  flex-direction:column;
  display:grid;gap:6px;min-width:0;
}.project-member-control span{
  font-weight:900;
  font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.04em;
}.project-member-control select,.project-member-control input{
  height:36px;font-size:12px;
  width:100%;min-width:0;padding:8px 9px;border:1px solid #d1d5db;background:#fff;color:#111827;font-weight:800;
}.project-member-controls.readonly-member-controls select,.project-member-controls.readonly-member-controls input{background:#f8fafc;color:#64748b;}.project-member-preview .project-manage-members-btn{white-space:nowrap;}.project-manager-card .project-member-preview{display:none !important;}.project-manager-sections{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;align-items:start;}.project-inline-section{border:1px solid #e5e7eb;background:#f8fafc;padding:12px;display:grid;gap:10px;min-width:0;}.project-inline-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#334155;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}.project-inline-head strong{display:flex;align-items:center;gap:7px;color:#1f2937;}.project-inline-head span{font-size:11px;color:#64748b;text-transform:none;letter-spacing:0;}.project-inline-list{display:flex;flex-wrap:wrap;gap:7px;min-height:30px;align-items:center;}.project-inline-chip{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#e0f2fe;border:1px solid #bae6fd;color:#075985;font-size:12px;font-weight:900;padding:6px 8px;}.project-inline-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.project-inline-chip button{border:0;background:transparent;color:#075985;cursor:pointer;font-size:11px;padding:1px;line-height:1;}.project-inline-chip button:hover{color:#0f172a;}.project-inline-empty{color:#94a3b8;font-size:12px;font-weight:900;border:1px dashed #cbd5e1;padding:8px 10px;background:#fff;width:100%;text-align:center;}.project-inline-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;}.project-inline-add input{width:100%;min-width:0;border:1px solid #d1d5db;padding:9px 10px;background:#fff;font-weight:800;}.project-access-list-inline{display:grid;gap:8px;max-height:220px;overflow:auto;padding-right:2px;}.project-access-row-inline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;background:#fff;border:1px solid #e5e7eb;padding:8px;}.project-access-row-inline.owner{background:#f0fdf4;border-color:#bbf7d0;}.project-access-row-main{display:grid;gap:2px;min-width:0;}.project-access-row-main strong,.project-access-row-main small,.project-access-row-main em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.project-access-row-main strong{font-size:13px;color:#111827;}.project-access-row-main small{font-size:11px;color:#64748b;font-weight:800;}.project-access-row-main em{font-style:normal;font-size:11px;color:#075985;font-weight:900;}.project-access-details-btn{justify-self:start;}.access-modal-card{width:min(980px,96vw) !important;max-width:min(980px,96vw) !important;}.project-access-popup-list{
  gap:10px;
  display:block !important;max-height:min(62vh,560px);overflow:auto;padding-right:4px;
}.project-access-table-row{border-bottom:1px solid #eef2f7;}.project-access-picture{display:flex;align-items:center;justify-content:center;}.project-access-email{min-width:0;display:grid;gap:2px;}.project-access-email strong{color:#111827;font-size:14px;font-weight:900;}.project-access-role select,.project-access-team select,.project-access-team input{width:100%;min-width:0;border:1px solid #d1d5db;background:#fff;color:#111827;padding:8px 9px;font-weight:800;}.project-access-role select:disabled,.project-access-team select:disabled,.project-access-team input[readonly]{background:#f8fafc;color:#64748b;cursor:not-allowed;}.project-access-action .btn{white-space:nowrap;}.project-access-action .readonly-note{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:7px 10px;background:#eef2ff;color:#1e3a8a;font-weight:900;font-size:12px;}#taskDataTable .table-title-button,.task-table .table-title-button{border:1px solid transparent;background:transparent;color:#111827;font-weight:900;width:220px;max-width:100%;padding:7px;text-align:left;line-height:1.2;cursor:pointer;font:inherit;}#taskDataTable .table-title-button:hover,.task-table .table-title-button:hover{color:#0073ea;text-decoration:underline;background:transparent;}.status-todo .column-head,.todo,.timeline-status-todo,.card-select.todo,.table-select.todo,.table-pill.todo,.details-pill.todo,.history-status-pill.todo{background:var(--mortx-todo-visible) !important;color:var(--mortx-todo-text) !important;}.timeline-status-todo span,.timeline-legend .timeline-status-todo,.timeline-legend .timeline-status-todo+span,.status-todo .column-head *,.todo *,.card-select.todo *,.table-select.todo *{color:var(--mortx-todo-text) !important;}.status-draft .column-head{background:var(--mortx-status-draft) !important;color:var(--mortx-text-on-draft) !important;}.status-todo .column-head{background:var(--mortx-status-todo) !important;color:var(--mortx-text-on-todo) !important;}.status-in-progress .column-head{background:var(--mortx-status-progress) !important;color:var(--mortx-text-on-progress) !important;}.status-review-phase .column-head{background:var(--mortx-status-review) !important;color:var(--mortx-text-on-review) !important;}.status-for-revision .column-head{background:var(--mortx-status-revision) !important;color:var(--mortx-text-on-revision) !important;}.status-done .column-head{background:var(--mortx-status-done) !important;color:var(--mortx-text-on-done) !important;}.draft{background:var(--mortx-status-draft) !important;color:var(--mortx-text-on-draft) !important;}.todo{background:var(--mortx-status-todo) !important;color:var(--mortx-text-on-todo) !important;}.in-progress{background:var(--mortx-status-progress) !important;color:var(--mortx-text-on-progress) !important;}.review-phase{background:var(--mortx-status-review) !important;color:var(--mortx-text-on-review) !important;}.for-revision{background:var(--mortx-status-revision) !important;color:var(--mortx-text-on-revision) !important;}.done{background:var(--mortx-status-done) !important;color:var(--mortx-text-on-done) !important;}.card-select.draft,.table-select.draft,.table-pill.draft,.status-chip.draft,.details-pill.draft,.history-status-pill.draft{background:var(--mortx-status-draft) !important;color:var(--mortx-text-on-draft) !important;}.card-select.todo,.table-select.todo,.table-pill.todo,.status-chip.todo,.details-pill.todo,.history-status-pill.todo{background:var(--mortx-status-todo) !important;color:var(--mortx-text-on-todo) !important;}.card-select.in-progress,.table-select.in-progress,.table-pill.in-progress,.status-chip.in-progress,.details-pill.in-progress,.history-status-pill.in-progress{background:var(--mortx-status-progress) !important;color:var(--mortx-text-on-progress) !important;}.card-select.review-phase,.table-select.review-phase,.table-pill.review-phase,.status-chip.review-phase,.details-pill.review-phase,.history-status-pill.review-phase{background:var(--mortx-status-review) !important;color:var(--mortx-text-on-review) !important;}.card-select.for-revision,.table-select.for-revision,.table-pill.for-revision,.status-chip.for-revision,.details-pill.for-revision,.history-status-pill.for-revision{background:var(--mortx-status-revision) !important;color:var(--mortx-text-on-revision) !important;}.card-select.done,.table-select.done,.table-pill.done,.status-chip.done,.details-pill.done,.history-status-pill.done{background:var(--mortx-status-done) !important;color:var(--mortx-text-on-done) !important;}.timeline-status-draft{background:var(--mortx-status-draft) !important;color:var(--mortx-text-on-draft) !important;}.timeline-status-todo{background:var(--mortx-status-todo) !important;color:var(--mortx-text-on-todo) !important;}.timeline-status-in-progress{background:var(--mortx-status-progress) !important;color:var(--mortx-text-on-progress) !important;}.timeline-status-review-phase{background:var(--mortx-status-review) !important;color:var(--mortx-text-on-review) !important;}.timeline-status-for-revision{background:var(--mortx-status-revision) !important;color:var(--mortx-text-on-revision) !important;}.timeline-status-done{background:var(--mortx-status-done) !important;color:var(--mortx-text-on-done) !important;}.timeline-status-draft span,.timeline-status-in-progress span,.timeline-status-for-revision span,.timeline-status-done span{color:inherit !important;}.timeline-status-todo span,.timeline-status-review-phase span{color:var(--mortx-text-on-todo) !important;}.timeline-legend .legend-draft i,.timeline-legend .status-draft i{background:var(--mortx-status-draft) !important;}.timeline-legend .legend-todo i,.timeline-legend .status-todo i{background:var(--mortx-status-todo) !important;}.timeline-legend .legend-in-progress i,.timeline-legend .status-in-progress i{background:var(--mortx-status-progress) !important;}.timeline-legend .legend-review-phase i,.timeline-legend .status-review-phase i{background:var(--mortx-status-review) !important;}.timeline-legend .legend-for-revision i,.timeline-legend .status-for-revision i{background:var(--mortx-status-revision) !important;}.timeline-legend .legend-done i,.timeline-legend .status-done i{background:var(--mortx-status-done) !important;}.calendar-task.draft{
  background:#f8fafc !important;
  border-left-color:var(--mortx-status-draft) !important;
}.calendar-task.todo{
  background:#f9fafb !important;
  border-left-color:var(--mortx-status-todo) !important;
}.calendar-task.in-progress{
  background:#eff6ff !important;
  border-left-color:var(--mortx-status-progress) !important;
}.calendar-task.on-hold{
  background:#f5efe6 !important;
  border-left-color:#8b6f47 !important;
  color:#1f2937 !important;
}
.calendar-task.on-hold .calendar-task-title,
.calendar-task.on-hold .calendar-task-name{color:#1f2937 !important;}
.calendar-task.on-hold .calendar-task-project,
.calendar-task.on-hold .calendar-task-meta{color:#64748b !important;}
.calendar-task.review-phase{
  background:#fff7ed !important;
  border-left-color:var(--mortx-status-review) !important;
}.calendar-task.for-revision{
  background:#fef2f2 !important;
  border-left-color:var(--mortx-status-revision) !important;
}.calendar-task.done,.done-group-calendar{
  background:#f0fdf4 !important;
  border-left-color:var(--mortx-status-done) !important;
}.timeline-segment[data-status="Draft"]{background:var(--mortx-status-draft) !important;color:var(--mortx-text-on-draft) !important;}.timeline-segment[data-status="Todo"]{background:var(--mortx-status-todo) !important;color:var(--mortx-text-on-todo) !important;}.timeline-segment[data-status="In Progress"]{background:var(--mortx-status-progress) !important;color:var(--mortx-text-on-progress) !important;}.timeline-segment[data-status="Review Phase"]{background:var(--mortx-status-review) !important;color:var(--mortx-text-on-review) !important;}.timeline-segment[data-status="For Revision"]{background:var(--mortx-status-revision) !important;color:var(--mortx-text-on-revision) !important;}.timeline-segment[data-status="Done"]{background:var(--mortx-status-done) !important;color:var(--mortx-text-on-done) !important;}.access-avatar.has-photo{background:#0f172a !important;color:transparent !important;overflow:hidden !important;}.access-avatar img{display:block !important;width:100% !important;height:100% !important;object-fit:cover !important;border-radius:0 !important;}.viewer-readonly-task{cursor:pointer !important;}.viewer-readonly-task select,.viewer-readonly-task input,.viewer-readonly-task textarea{cursor:not-allowed !important;}.board .column{display:flex !important;flex-direction:column !important;max-height:max(520px,var(--mortx-board-column-max-height)) !important;overflow:hidden !important;}.board .column-head{flex:0 0 auto !important;}.board .column-body{flex:1 1 auto !important;min-height:var(--mortx-board-column-min-scroll-height) !important;overflow-y:auto !important;overflow-x:hidden !important;overscroll-behavior:contain !important;scrollbar-gutter:stable !important;}.board .column-body::-webkit-scrollbar{width:10px;}.board .column-body::-webkit-scrollbar-track{background:transparent;}.board .column-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:0 !important;border:3px solid transparent;background-clip:content-box;}.assignee-filter-wrap select{min-width:210px;font-weight:800;background:#fff;}#taskDataTable.task-table,#taskDataTable.dataTable{
  table-layout:auto !important;width:100% !important;min-width:0 !important;
  font-size:12px !important;line-height:1.22 !important;
}#taskDataTable th,#taskDataTable td{
  box-sizing:border-box !important;white-space:normal !important;overflow:hidden !important;text-overflow:ellipsis !important;
  padding:var(--mw-table-row-pad-y) var(--mw-table-row-pad-x) !important;line-height:1.22 !important;vertical-align:middle !important;
}#taskDataTable th{font-size:11px !important;letter-spacing:.035em !important;padding-top:8px !important;padding-bottom:8px !important;}#taskDataTable td{min-height:0 !important;}#taskDataTable .table-text,#taskDataTable .project-cell .table-text,#taskDataTable .table-title-button{font-size:12px !important;line-height:1.18 !important;font-weight:900 !important;max-height:2.45em !important;overflow:hidden !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;}#taskDataTable .meta,#taskDataTable small{font-size:10px !important;line-height:1.2 !important;}#taskDataTable .table-select,#taskDataTable .table-pill,#taskDataTable .assignee-select,#taskDataTable .priority-select{height:var(--mw-table-chip-h) !important;min-height:var(--mw-table-chip-h) !important;max-height:var(--mw-table-chip-h) !important;padding:0 9px !important;font-size:var(--mw-table-chip-font) !important;line-height:1 !important;min-width:92px !important;max-width:140px !important;border-radius:0 !important;}#taskDataTable .assignee-select{min-width:86px !important;max-width:112px !important;overflow:hidden !important;text-overflow:ellipsis !important;}#taskDataTable .priority-select,#taskDataTable .table-pill.priority-pill{min-width:86px !important;max-width:118px !important;}#taskDataTable .card-actions{display:flex !important;align-items:center !important;gap:5px !important;flex-wrap:nowrap !important;min-width:130px !important;}#taskDataTable .card-actions .btn,#taskDataTable .btn.small{min-height:28px !important;height:28px !important;padding:0 8px !important;font-size:11px !important;border-radius:0 !important;line-height:1 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:4px !important;}#taskDataTable .btn i{margin-right:3px !important;font-size:10px !important;}#taskDataTable .output-cell,#taskDataTable .project-cell{white-space:normal !important;}#taskDataTable .output-cell .caption-popup-btn,#taskDataTable .output-cell .done-group-link{
  white-space:nowrap !important;
  min-height:28px !important;padding:0 8px !important;font-size:10px !important;border-radius:0 !important;max-width:105px !important;
}#taskDataTable .dtr-control:before{transform:translateY(-50%) scale(.82) !important;}.dt-container{
  overflow:hidden !important;
  padding:8px !important;
}.dt-container .dt-layout-row{margin:0 0 6px !important;}.dt-container .dt-length,.dt-container .dt-search,.dt-container .dt-info,.dt-container .dt-paging{font-size:12px !important;}.dt-container .dt-length select,.dt-container .dt-search input{min-height:30px !important;height:30px !important;padding:4px 8px !important;font-size:12px !important;border-radius:0 !important;}table.dataTable>tbody>tr.child ul.dtr-details>li{
  display:grid !important;grid-template-columns:130px minmax(0,1fr);align-items:center;border-bottom:1px solid #eef2f7;
  padding:5px 0 !important;gap:8px !important;
}table.dataTable>tbody>tr.child span.dtr-title,table.dataTable>tbody>tr.child span.dtr-data{font-size:11px !important;line-height:1.2 !important;}#taskDataTable th:nth-child(1),#taskDataTable td:nth-child(1){width:24% !important;min-width:240px !important;max-width:360px !important;}#taskDataTable th:nth-child(2),#taskDataTable td:nth-child(2){width:9% !important;min-width:92px !important;max-width:130px !important;}#taskDataTable th:nth-child(5),#taskDataTable td:nth-child(5){width:10% !important;min-width:130px !important;}#taskDataTable .table-title-button{width:100% !important;max-width:100% !important;min-width:0 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;white-space:normal !important;overflow:hidden !important;text-overflow:ellipsis !important;word-break:normal !important;overflow-wrap:break-word !important;line-height:1.22 !important;max-height:2.55em !important;padding:0 !important;background:transparent !important;border:0 !important;text-align:left !important;}#taskDataTable td:first-child .table-title-button:hover{text-decoration:underline !important;}#taskDataTable .table-title,#taskDataTable .table-title-button,#taskDataTable td:first-child .table-title,#taskDataTable td:first-child .table-title-button{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;word-break:normal !important;overflow-wrap:normal !important;line-height:1.2 !important;max-height:1.3em !important;padding:0 !important;}#taskDataTable .table-title br,#taskDataTable .table-title-button br{display:none !important;}table.dataTable>tbody>tr.child .table-title-button{white-space:normal !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;max-height:2.6em !important;}#taskDataTable td:first-child{
  overflow:hidden !important;
  max-width:260px !important;width:260px !important;
}#taskDataTable td:first-child .table-title-button,#taskDataTable td:first-child .table-title{display:block !important;width:100% !important;max-width:100% !important;min-width:0 !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;-webkit-line-clamp:unset !important;-webkit-box-orient:unset !important;line-clamp:unset !important;}#taskDataTable td:first-child .table-title-button{text-align:left !important;}#taskDataTable td:first-child .table-title-button::after{content:"";}.output-review-audit{display:grid;gap:6px;margin:10px 0 12px;padding:10px 12px;border:1px solid #dbeafe;border-radius:0 !important;background:#f8fbff;color:#334155;font-size:12px;font-weight:800;line-height:1.4;}.output-review-audit strong{color:#0f172a;margin-right:4px;}.calendar-day-popup-task.on-hold{background:#f5efe6 !important;color:#1f2937 !important;border-left-color:#8b6f47 !important;}.calendar-day-popup-task.draft{background:var(--mortx-status-draft,#677489) !important;color:var(--mortx-text-on-draft,#fff) !important;border-color:rgba(255,255,255,.18) !important;border-left-color:var(--mortx-status-draft,#677489) !important;}.calendar-day-popup-task.todo{background:var(--mortx-status-todo,#bac4d0) !important;color:var(--mortx-text-on-todo,#111827) !important;border-color:rgba(17,24,39,.18) !important;border-left-color:var(--mortx-status-todo,#bac4d0) !important;}.calendar-day-popup-task.in-progress{background:var(--mortx-status-progress,#3171e2) !important;color:var(--mortx-text-on-progress,#fff) !important;border-color:rgba(255,255,255,.18) !important;border-left-color:var(--mortx-status-progress,#3171e2) !important;}.calendar-day-popup-task.review-phase{background:var(--mortx-status-review,#f1af54) !important;color:var(--mortx-text-on-review,#111827) !important;border-color:rgba(17,24,39,.18) !important;border-left-color:var(--mortx-status-review,#f1af54) !important;}.calendar-day-popup-task.for-revision{background:var(--mortx-status-revision,#b33530) !important;color:var(--mortx-text-on-revision,#fff) !important;border-color:rgba(255,255,255,.18) !important;border-left-color:var(--mortx-status-revision,#b33530) !important;}.calendar-day-popup-task.done{background:var(--mortx-status-done,#489967) !important;color:var(--mortx-text-on-done,#fff) !important;border-color:rgba(255,255,255,.18) !important;border-left-color:var(--mortx-status-done,#489967) !important;}.calendar-day-popup-task.draft strong,.calendar-day-popup-task.draft span,.calendar-day-popup-task.in-progress strong,.calendar-day-popup-task.in-progress span,.calendar-day-popup-task.for-revision strong,.calendar-day-popup-task.for-revision span,.calendar-day-popup-task.done strong,.calendar-day-popup-task.done span{color:#fff !important;}.calendar-day-popup-task.todo strong,.calendar-day-popup-task.todo span,.calendar-day-popup-task.review-phase strong,.calendar-day-popup-task.review-phase span{color:#111827 !important;}.calendar-day-popup-task:hover{
  background:#f8fafc;
  filter:brightness(1.06) !important;
}.calendar-day-popup{
  position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;padding:20px;
  background:rgba(0,0,0,.28) !important;background-color:rgba(0,0,0,.28) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;pointer-events:auto !important;
}.calendar-day-popup-card{
  width:min(560px,calc(100vw - 32px));max-height:min(76vh,680px);border:1px solid #e5e7eb;display:flex;flex-direction:column;
  pointer-events:auto !important;background:#111827 !important;color:#f8fafc !important;border-color:#475569 !important;box-shadow:0 22px 70px rgba(0,0,0,.38) !important;
}.calendar-day-popup::before,.calendar-day-popup::after{
  background:transparent !important;
  content:none !important;display:none !important;
}.online-user-row.is-offline .online-user-avatar{filter:grayscale(.25);opacity:.82;}.online-user-row.is-offline .online-user-dot{background:#94a3b8;}
.project-access-table.permission-access-table .project-access-table-head,.project-access-table.permission-access-table .project-access-table-row{
  grid-template-columns:72px minmax(210px,1.2fr) minmax(260px,1.25fr) minmax(160px,.85fr) 126px !important;
}.project-permission-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(82px,1fr));
  gap:8px;
  align-items:center;
}.project-permission-check{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:7px 9px;
  border:1px solid #dbeafe;
  border-radius:0 !important;
  background:#f8fbff;
  color:#0f172a;
  font-size:12px;
  font-weight:900;
  line-height:1.1;
  cursor:pointer;
}.project-permission-check input{
  width:16px;
  height:16px;
  margin:0;
  accent-color:#0073ea;
  flex:0 0 auto;
}.project-permission-check input:disabled{cursor:not-allowed;}.project-permission-check:has(input:disabled){opacity:.72;cursor:not-allowed;}.project-permission-check span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.project-member-permissions,.project-access-permissions{min-width:0;}.manager-permission-checks{grid-template-columns:repeat(3,minmax(82px,1fr));}.project-access-role.project-access-permissions::before{content:"";}






.caption-preview:not(.hidden),
.caption-drive-combined-carousel{display:grid !important;}
.direct-output-preview{
  display:grid !important;
  gap:12px !important;
}.direct-output-preview-stage{
  border-radius:0 !important;
  overflow:hidden !important;
  background:#111827 !important;
  min-height:260px !important;
  display:grid !important;
  place-items:center !important;
}.direct-output-preview-frame,.direct-output-preview-video{
  width:100% !important;
  min-height:360px !important;
  border:0 !important;
  background:#0f172a !important;
}.direct-output-preview-image{
  width:100% !important;
  max-height:460px !important;
  object-fit:contain !important;
  background:#111827 !important;
}.direct-output-preview-actions{
  margin-top:0 !important;
}
.app{
  padding:26px;margin:auto;
  max-width:100% !important;
}.version,.project-badge,.department-chip{
  display:inline-flex !important;
  align-items:center !important;
  width:max-content !important;
  border-radius:0 !important;
  padding:.35rem .65rem !important;
  background:#e7f1ff !important;
  color:#084298 !important;
  font-size:.75rem !important;
  font-weight:700 !important;
}h1,h2,h3{
  color:#212529 !important;
  font-weight:700 !important;
}.top p,.meta,.caption-meta,.detail-note,.field-help,.field-hint,.muted,.muted-note{
  color:var(--mortx-muted) !important;
}.btn{
  border-radius:8px !important;font-weight:800;cursor:pointer;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:.35rem !important;
  border:1px solid transparent !important;
  min-height:38px !important;
  padding:.45rem .75rem !important;
}.btn.primary,.primary{
  background:var(--bs-primary) !important;
  border-color:var(--bs-primary) !important;
  color:#fff !important;
}.btn.primary:hover,.primary:hover{
  background:#0b5ed7 !important;
  border-color:#0a58ca !important;
}.btn.light,.light{
  background:#f8f9fa !important;
  border-color:#dee2e6 !important;
  color:#212529 !important;
}.btn.light:hover,.light:hover{
  background:#e9ecef !important;
  border-color:#cfd4da !important;
}.btn.danger,.danger{
  background:#f8d7da !important;
  border-color:#f5c2c7 !important;
  color:#842029 !important;
}input:not([type="checkbox"]):not([type="radio"]),select,textarea,.form-control,.form-select{
  border:1px solid #ced4da !important;
  border-radius:8px !important;
  background:#fff !important;
  color:#212529 !important;
  min-height:38px !important;
  padding:.45rem .75rem !important;
  box-shadow:none !important;
}input:focus,select:focus,textarea:focus{
  border-color:#86b7fe !important;
  outline:0 !important;
  box-shadow:0 0 0 .25rem rgba(13,110,253,.25) !important;
}.field span,.details-field span,.prereq-level-field span{
  color:#495057 !important;
  font-size:.8rem !important;
  font-weight:600 !important;
}.board{
  display:grid;overflow-x:auto;padding-bottom:12px;
  grid-template-columns:repeat(6,minmax(220px,1fr)) !important;align-items:start !important;
  gap:1rem !important;
}.column{
  background:white;border:1px solid #e5e7eb;border-radius:0 !important;min-height:420px;box-shadow:0 10px 24px rgba(0,0,0,.06);
  overflow:hidden !important;
}.column-body{
  padding:12px;min-height:360px;
  background:#f8f9fa !important;
}.task-title-link,.table-title-button,.done-group-title{
  color:#212529 !important;
  font-weight:700 !important;
}.card-select,.table-select,.table-pill,.card-static,.details-pill,.history-status-pill,.workflow-status-pill{
  border-radius:6px !important;
  font-weight:700 !important;
}.x{
  border:0;background:transparent;cursor:pointer;
  width:2rem !important;
  height:2rem !important;
  border-radius:0 !important;
  color:#6c757d !important;
  font-size:1.25rem !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}.x:hover{
  background:#f8f9fa !important;
  color:#212529 !important;
}.task-table,.status-history-compact-table,.workflow-levels-table{
  border-color:#dee2e6 !important;
}.task-table th,.status-history-compact-row.head,.workflow-levels-head{
  background:#f8f9fa !important;
  color:#6c757d !important;
}.task-table td,.task-table th{
  border-color:#dee2e6 !important;
}.login-page{
  min-height:100vh;display:grid;place-items:center;
  background:#f8f9fa !important;
}.login-card{
  border:1px solid #e5e7eb;border-radius:0 !important;padding:32px;box-shadow:0 22px 60px rgba(15,23,42,.12);
  background:#fff !important;
}
html{
  font-size:16px !important;
}body{
  margin:0;
  background:#f8f9fa !important;
  color:var(--mortx-text) !important;
  font-family:var(--mx-font-family) !important;
  font-size:var(--mx-text-base) !important;
  line-height:var(--mx-leading-normal) !important;
  font-weight:400 !important;
  letter-spacing:0 !important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}h1,.h1{
  font-size:clamp(1.75rem, 1.35rem + 1.2vw, 2.25rem) !important;
  line-height:var(--mx-leading-tight) !important;
  font-weight:800 !important;
  letter-spacing:-.03em !important;
}p,.meta,.muted,.muted-note,.field-help,.field-hint,.detail-note,.timeline-toolbar p,.caption-meta,.calendar-task-meta,.login-card p{
  font-size:var(--mx-text-sm) !important;
  line-height:var(--mx-leading-relaxed) !important;
  font-weight:500 !important;
}.btn,button,.auth-dropdown-item,.view-toggle,.project-select-wrap label,.field span,.details-field span,.inline-edit span,.task-table th,.calendar-day-name,.status-history-compact-row.head,.workflow-levels-head,.prereq-header-row,.timeline-task-axis-head,.timeline-time-axis,.timeline-legend{
  font-size:var(--mx-text-sm) !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}input,select,textarea,.form-control,.form-select{
  font-size:var(--mx-text-sm) !important;
  line-height:var(--mx-leading-normal) !important;
  font-weight:600 !important;
}.task-title-link,.done-group-title,.table-title-button,.calendar-task-title,.combined-output-main strong,.readonly-value,.detail-card strong,.workflow-level-cell strong,.workflow-user-cell,.status-history-compact-row,.task-table td{
  font-size:var(--mx-text-sm) !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}.details-hero h2{
  margin:0;word-break:break-word;color:#111827;
  font-size:clamp(1.375rem, 1.1rem + .75vw, 1.875rem) !important;
  line-height:1.15 !important;
  font-weight:850 !important;
  letter-spacing:-.03em !important;
}.top-title h1,.login-card h1{
  font-size:clamp(1.8rem, 1.35rem + 1.1vw, 2.25rem) !important;
}.top-title p,.login-status{
  font-size:var(--mx-text-sm) !important;
  line-height:1.5 !important;
}.column-head{
  color:white;display:flex;justify-content:space-between;
  padding:.85rem 1rem !important;
  font-size:var(--mx-text-md) !important;
  line-height:1.2 !important;
  font-weight:850 !important;
}.task-card-top .task-title-link{
  font-size:var(--mx-text-sm) !important;
  line-height:1.25 !important;
}.compact-meta{
  margin-top:-2px;
  font-size:var(--mx-text-xs) !important;
  line-height:1.45 !important;
}.prereq-step-main strong{
  color:#1f2937;
  font-size:var(--mx-text-xs) !important;
  line-height:1.3 !important;
}.prereq-step-main small{
  font-weight:900;color:#64748b;white-space:nowrap;
  font-size:0.6875rem !important;
  line-height:1.25 !important;
}.status-history-compact-row,.workflow-levels-row{
  font-size:var(--mx-text-sm) !important;
}.status-history-compact-row.head,.workflow-levels-head{
  font-size:var(--mx-text-xs) !important;
}.caption-popup-text,.readonly-box,.caption-comment-body{
  font-size:var(--mx-text-sm) !important;
  line-height:var(--mx-leading-relaxed) !important;
  font-weight:500 !important;
}.timeline-hour-label,.timeline-task-label small{
  font-size:0.6875rem !important;
  line-height:1.25 !important;
}.timeline-task-label strong{
  color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:var(--mx-text-xs) !important;
  line-height:1.25 !important;
}
:root,body{
  --bs-border-radius: 5px;
  --bs-border-radius-sm: 4px;
  --bs-border-radius-lg: 6px;
  --bs-border-radius-xl: 8px;
  --bs-border-radius-xxl: 10px;
  --bs-border-radius-2xl: 10px;
  --bs-border-radius-pill: 999px;
}/* =========================================================
   Board status alignment toggle
   ========================================================= */
.board.board-status-layout-horizontal{
  display: grid;
  grid-template-columns: repeat(6, minmax(210px, 1fr));
  align-items: start;
}.board.board-status-layout-vertical .column-head{
  min-height: 34px;
}.board.board-status-layout-vertical .task-card,.board.board-status-layout-vertical .task-card.compact-card{
  margin-bottom: 0 !important;
}/* Board toolbar: search left,alignment toggle right *//* =========================================================
   Board vertical mode: one horizontal task row per status
   Status sections stack vertically; cards scroll left/right in one row.
   ========================================================= */
/* ===== BOARD ===== */
.board.board-status-layout-vertical{
  grid-template-columns: 1fr !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  overflow-x: hidden !important;
  overflow-y: visible !important;
}.board.board-status-layout-vertical .column{
  width: 100% !important;
  min-height: 0 !important;
}.board.board-status-layout-vertical .column-body{
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 7px !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 7px !important;
  scroll-snap-type: x proximity;
}.board.board-status-layout-vertical .task-card,.board.board-status-layout-vertical .task-card.compact-card,.board.board-status-layout-vertical .done-group-card{
  flex: 0 0 260px !important;
  width: 260px !important;
  max-width: 260px !important;
  margin: 0 !important;
  scroll-snap-align: start;
}.board.board-status-layout-vertical .column-body > .empty{
  grid-column: 1 / -1;
  padding: 12px !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  min-width: 220px !important;
  margin: 0 !important;
}/* =========================================================
   Draggable status order
   ========================================================= */
#board .column.status-drag-item .column-head{
  align-items: center !important;
  gap: 8px !important;
  cursor: default;
}#board .status-drag-handle{
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  background: rgba(15,23,42,.18) !important;
  color: inherit !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: grab !important;
  flex: 0 0 auto !important;
  border-radius:0 !important;
}#board .status-drag-handle:active{
  cursor: grabbing !important;
}#board .status-drag-handle i{
  margin: 0 !important;
  pointer-events: none !important;
}.status-title-text{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  flex: 1 1 auto !important;
}.status-count-badge{
  flex: 0 0 auto !important;
  font-variant-numeric: tabular-nums ;
}#board .column.status-dragging{
  opacity: .45 !important;
  outline: 2px dashed #0073ea !important;
  outline-offset: -2px !important;
}#board .column.status-drag-over{
  outline: 2px solid #0073ea !important;
  outline-offset: -2px !important;
}#board.board-status-layout-vertical .column.status-drag-over{
  border-top-color: #0073ea !important;
}
#board.hidden,.board.hidden,#board.board-status-layout-horizontal.hidden,#board.board-status-layout-vertical.hidden{
  display: none !important;
  min-height: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}.top-widget-group .online-users-widget.hidden{
  display: none !important;
}.top-widget-group .online-users-card{
  width: min(320px, calc(100vw - 24px)) !important;
}.top-widget-group .recurring-card{
  width: min(460px, calc(100vw - 24px)) !important;
}.auth-avatar,.online-user-avatar,.access-avatar{
  border-radius:0 !important;
}.top-widget-group > .online-users-widget.hidden{
  display:none !important;
}.auth-user-text{
  max-width:115px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}.auth-dropdown-item{
  width:100%;border:0;background:transparent;color:#334155;border-radius:0 !important;padding:10px 12px;font-family:inherit;cursor:pointer;
  justify-content: flex-start !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  text-align:left !important;
  border-width:0 0 1px 0 !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}.auth-dropdown-item:last-child{
  border-bottom:0 !important;
}.auth-dropdown-item i{
  color: inherit !important;
  width:16px !important;
  min-width:16px !important;
  margin:0 !important;
  text-align:center !important;
}.online-user-dot{
  background:#22c55e;
  width:9px !important;
  height:9px !important;
  border-radius:0 !important;
}.auth-dropdown-item.danger,.auth-dropdown-item.danger:hover{
  background:#7f1d1d !important;
  color:#fff !important;
  border-color:#991b1b !important;
}/* Final no-radius safety net */

/* Keep dropdowns above content but below browser; JS places them below the header panel. */
/* Final no-radius safety net *//* Online users: fixed avatar column + clean text stack */
.top-widget-group .online-users-list .online-user-row{
  display:grid !important;
  grid-template-columns:34px minmax(0,1fr) 10px !important;
  align-items:center !important;
  gap:10px !important;
  min-height:54px !important;
  height:auto !important;
  padding:8px 10px !important;
  overflow:hidden !important;
}.top-widget-group .online-user-avatar{
  width:34px !important;
  height:34px !important;
  min-width:34px !important;
  align-self:center !important;
}.top-widget-group .top-widget-group .online-user-info strong,.top-widget-group .online-user-info span,.top-widget-group .online-user-info small{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  line-height:1.15 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}.top-widget-group .online-user-info strong{font-size:12px !important;}.top-widget-group .online-user-info span,.top-widget-group .online-user-info small{font-size:10px !important;}.top-widget-group .online-user-dot{
  align-self:center !important;
  justify-self:center !important;
  flex:0 0 auto !important;
}/* Recurring tasks: actual generated classes are recurring-main/title-row/meta */
.top-widget-group .recurring-list .recurring-item{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) auto !important;
  align-items:start !important;
  gap:10px !important;
  min-height:68px !important;
  height:auto !important;
  padding:9px 10px !important;
  overflow:hidden !important;
}.top-widget-group .recurring-check-wrap{
  width:24px !important;
  min-width:24px !important;
  margin:0 !important;
  padding:0 !important;
  align-self:start !important;
}.top-widget-group .recurring-main{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  min-width:0 !important;
  overflow:hidden !important;
}.top-widget-group .recurring-title-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:8px !important;
  align-items:center !important;
  min-width:0 !important;
}.top-widget-group .recurring-title-row strong,.top-widget-group .recurring-title-row .recurring-item-title{
  display:block !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.15 !important;
  font-size:12px !important;
}.top-widget-group .recurring-cadence{
  flex:0 0 auto !important;
  white-space:nowrap !important;
  font-size:9px !important;
  line-height:1 !important;
}.top-widget-group .recurring-meta,.top-widget-group .recurring-done-line,.top-widget-group .recurring-open-line{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  line-height:1.25 !important;
  font-size:10px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}.top-widget-group .recurring-delete{
  align-self:start !important;
  white-space:nowrap !important;
}/* Auth menu: prevent icon/text collision */

/* Final no-radius safety net */

.auth-dropdown{
  position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:0 !important;box-shadow:0 16px 36px rgba(15,23,42,.16);z-index:60;
  min-width:230px;
  grid-template-rows: minmax(0, 1fr) !important;
  display:block !important;
  width:300px !important;
  max-height:none !important;
  overflow:hidden !important;
  padding:0 !important;
}.auth-dropdown.hidden{
  display:none !important;
}.auth-dropdown .auth-dropdown-item.hidden,.auth-dropdown .hidden{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}.auth-dropdown .auth-dropdown-item{
  gap:10px !important;
  display:grid !important;
  grid-template-columns:22px minmax(0,1fr) !important;
  align-items:center !important;
  column-gap:12px !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 16px !important;
  margin:0 !important;
  border-width:0 0 1px 0 !important;
  line-height:1 !important;
  font-size:14px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}.auth-dropdown .auth-dropdown-item i{
  grid-column:1 !important;
  justify-self:center !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  font-size:14px !important;
  line-height:1 !important;
}.auth-dropdown .auth-dropdown-divider{
  display:block !important;
  width:100% !important;
  height:1px !important;
  min-height:1px !important;
  max-height:1px !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  background:#e2e8f0 !important;
}.auth-dropdown .auth-dropdown-item.danger{
  min-height:48px !important;
  height:48px !important;
  border-bottom:0 !important;
}/* Final no-radius safety net */

.top-title.brand-title-row{
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}.top-title.brand-title-row .version,.brand-version-inline{
  margin: 0 !important;
  align-self: center !important;
  white-space: nowrap !important;
}.top-title.brand-title-row p{
  display: none !important;
}
.app.container-fluid{
  padding-left:18px !important;
  padding-right:18px !important;
}.top-title,.top-title.brand-title-row{
  min-width:0 !important;
  max-width:100% !important;
  width:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  flex-wrap:wrap !important;
}.top-title.brand-title-row h1{
  text-transform: uppercase !important;
  margin:0 !important;
  font-size:clamp(1.65rem, 1.15rem + 1.1vw, 2rem) !important;
  line-height:1 !important;
  letter-spacing:-.055em !important;
  white-space:nowrap !important;
}.brand-version-inline,.top-title.brand-title-row .version{
  display:inline-flex !important;
  align-items:center !important;
  height:24px !important;
  padding:0 10px !important;
  font-size:11px !important;
  line-height:1 !important;
  margin:0 !important;
  white-space:nowrap !important;
  max-width:none !important;
}
/* ===== HEADER / NAVIGATION ===== */
.top{
  background:white;border:1px solid #e5e7eb;border-radius:0 !important;justify-content:space-between;gap:16px;box-shadow:0 12px 28px rgba(0,0,0,.07);
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  padding:16px 18px !important;
  margin:0 0 12px !important;
  overflow:visible !important;
  padding-right:8px !important;
}.top-row{
  display:grid !important;
  align-items:center !important;
  justify-content:normal !important;
  gap:14px !important;
  width:100% !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
}.top-actions{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
  padding: 0 !important;

  z-index: 5000 !important;
  align-self:center !important;
  flex:0 0 auto !important;
  min-width:max-content !important;
  justify-self:end !important;
  margin-left:auto !important;
  margin-right:0 !important;
  padding-right:0 !important;
  transform:none !important;
}.top-widget-group,.auth-box{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  flex-wrap:nowrap !important;
  width:auto !important;
  min-width:0 !important;
  margin-right:0 !important;
}.auth-box{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;

  margin-right: 0 !important;
  position:relative;
  margin-left:10px !important;
}/* Project access leave button */
.project-access-table-row.current-user:not(.owner){
  background: rgba(0, 115, 234, 0.06) !important;
}.project-leave-btn{
  background: #eef6ff !important;
  color: #075985 !important;
  border: 1px solid #bfdbfe !important;
}.project-leave-btn:hover{
  background: #dbeafe !important;
  color: #0f3b73 !important;
}

.floating-add-task-btn{
  position:fixed;width:62px;height:62px;border:0;border-radius:0 !important;background:#0073ea;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 18px 36px rgba(0,115,234,.32);cursor:pointer;z-index:50;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
  right: auto !important;
  left: 18px !important;
  bottom: 18px !important;
}

#detailsContent,.project-access-popup-list,.allowed-email-list,.recurring-manage-list,#departmentList,#fieldList{
  max-height: min(62vh, 620px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

/* Option output choices for Add Task / workflow levels */
.initial-output-option-tools{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
}.output-option-choices-field{
  display:grid !important;
  gap:4px !important;
  margin:0 !important;
}.output-option-choices-field span{
  font-size:11px !important;
  font-weight:900 !important;
  color:#475569 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}.output-option-choices-input,.collab-output-options-input{
  width:100% !important;
  min-height:34px !important;
  padding:7px 9px !important;
  border-radius:0 !important;
}
.form-template-bar .field{margin:0;}.form-template-bar select{width:100%;}
.allowed-email-table .allowed-email-header,.allowed-email-table .allowed-email-row{grid-template-columns:minmax(180px,1fr) 150px 150px 110px !important;}/* Manage Teams moved to user dropdown */
.project-management-tools .btn{height:32px;min-height:32px;padding:6px 10px;font-size:12px;}

/* Keep Bootstrap modal behavior,only remove radius to match system style. */
.modal,.modal-dialog,.modal-content,.modal-header,.modal-body,.modal-footer,.btn-close{
  border-radius:0 !important;
}/* Prevent old .hidden utility from fighting Bootstrap while a modal is open. */
.modal.show{
  display: block !important;
}/* Reliable scroll layout for long modals. */
.modal-dialog-scrollable .modal-content{
  max-height: calc(100vh - 3.5rem) !important;
  overflow: hidden !important;
}.modal-dialog-scrollable .modal-body{
  overflow-y: auto !important;
  overflow-x: hidden;
  min-height: 0;
}/* Task form is inside modal-content; make it behave like Bootstrap's direct body/footer structure. *//* Wider only where content truly needs table space. */
#projectAccessModal .modal-dialog,#emailAccessModal .modal-dialog,#projectModal .modal-dialog{
  width: min(1320px, calc(100vw - 32px));
  max-width: min(1320px, calc(100vw - 32px));
}/* Modal table containers: scroll horizontally instead of overlapping. */
#projectAccessModal .modal-body,#emailAccessModal .modal-body,#projectModal .modal-body,#detailsModal .modal-body{
  overflow-x: auto;
}.allowed-email-list,.project-access-popup-list,.project-list,.status-history-compact-table,.readonly-detail-grid,.combined-output-list{
  max-width: 100%;
}/* Manage Emails table */
.allowed-email-table{
  width: 100%;
  min-width: 760px;
  border: 1px solid #dee2e6;
}.allowed-email-header,.allowed-email-row{
  gap:0 !important;align-items:center !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) 150px 150px 120px !important;


  padding: 10px 12px;
  border-bottom: 1px solid #dee2e6;
}.allowed-email-header{
  position:sticky;top:0;z-index:2;border-bottom:1px solid #e5e7eb;
  background: #f8f9fa;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
}.allowed-email-row:last-child{ border-bottom: 0; }.allowed-email-main{
  display:grid !important;align-content:center;gap:2px;
  min-width: 0;
}.allowed-email-main strong,.allowed-email-main span{
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.email-permission-check{
  font-size:12px;font-weight:900;color:#334155;white-space:nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0;
}.allowed-email-actions{ display: flex; justify-content: flex-end; }/* Project Access table */
.project-access-table{
  display:grid;gap:0;background:#fff;
  width: 100%;
  min-width: 1080px;
  border: 1px solid #dee2e6;
}.project-access-table-head,.project-access-table-row{
  display: grid !important;
  grid-template-columns: 64px minmax(260px, 1.1fr) minmax(300px, 1.15fr) 190px 132px !important;
  gap: 12px;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid #dee2e6;
}.project-access-table-head{
  border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1;
  background: #f8f9fa;
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #64748b;
}.project-access-table-row:last-child{ border-bottom: 0; }.project-access-table-row.owner{ background: #eefaf2; }.project-access-picture,.project-access-email,.project-access-role,.project-access-team,.project-access-action{ min-width: 0; }.project-access-email strong,.project-access-email span{
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}.project-access-email span{
  font-weight:800;
  color: #64748b; font-size: 12px;
}.project-access-action{
  align-items:center;min-width:0;
  display: flex; justify-content: flex-end;
}.project-access-action .btn,.allowed-email-actions .btn{
  white-space: nowrap;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
}/* Manage Projects rows */
.project-management-tools{
  margin:0 0 10px;
  display: flex; justify-content: flex-end; gap: 8px; margin-bottom: 12px;
}.project-list{ display: grid; gap: 10px; }.project-item{
  border:1px solid #e5e7eb;border-radius:0 !important;padding:12px;background:#f8fafc;display:grid;gap:10px;
  grid-template-columns: minmax(260px, 1fr) auto; align-items: center;
}.project-actions{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }/* Add/Edit task modal internals */
.form-template-bar{
  margin:0 0 10px;padding:10px;border:1px solid #d8e2ef;background:#f8fbff;
  display: grid;
  grid-template-columns: minmax(220px, 1fr) auto auto;
  gap: 8px;
  align-items: end;
  display:grid;gap:8px;align-items:end;
  grid-template-columns: minmax(160px, 1fr) 130px minmax(170px, 1fr) minmax(220px, 1.2fr) auto;
}.collab-output-options-field{
  grid-column:auto !important;
  min-width: 0;
}.collab-output-options-field input{ width: 100%; }.modal-backdrop,.modal-backdrop.show{
  z-index: 20000 !important;
}.modal,.modal.show{
  z-index: 20010 !important;
}/* Keep app floating/header widgets below Bootstrap modals. *//* Stable modal stack: header/body/footer should not overlap each other. */
.modal-dialog-scrollable .modal-content,.modal-content{
  display: flex !important;
  flex-direction: column !important;
  max-height: calc(100vh - 3.5rem) !important;
  overflow: hidden !important;
}.modal-header,.modal-footer{
  flex-shrink: 0;
  position: relative !important;
  flex: 0 0 auto !important;
  z-index: 2 !important;
  background: var(--bs-modal-bg, #fff) !important;
}.modal-body{
  position: relative !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  z-index: 1 !important;
}/* Task modal has a form between modal-content and body/footer. Make that form the scroll stack. */
/* ===== TASK FORM / WORKFLOW ===== */
#taskModal .modal-content > form{
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
}#taskModal .modal-body{
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding-bottom: 1rem !important;
}
.modal-table-wrap{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
}.modal-standard-table,table.allowed-email-table,table.project-access-table{
  display: table !important;
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #dee2e6 !important;
}.modal-standard-table thead,.modal-standard-table tbody{
  display: table-header-group !important;
}.modal-standard-table tbody{
  display: table-row-group !important;
}.modal-standard-table tr,.modal-standard-table thead tr,.modal-standard-table tbody tr,table.allowed-email-table tr,table.project-access-table tr{
  display: table-row !important;
}.modal-standard-table th,.modal-standard-table td,table.allowed-email-table th,table.allowed-email-table td,table.project-access-table th,table.project-access-table td{
  display: table-cell !important;
  vertical-align: middle !important;
  padding: 10px 12px !important;
  border: 1px solid #dee2e6 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}.modal-standard-table th{
  background: #f8f9fa !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}.allowed-email-main strong,.allowed-email-main span,.project-access-email strong,.project-access-email span{
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}.allowed-email-main span,.project-access-email span{
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}.project-access-permissions{
  grid-template-columns: repeat(3, minmax(82px, max-content));
  min-width: 0;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  white-space: normal !important;
}.project-access-permissions label,.project-access-permissions .only-check{
  min-width: 0;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  margin: 0 !important;
  white-space: nowrap !important;
}.project-access-team select{
  width: 100% !important;
  min-width: 0 !important;
}.project-access-action,.allowed-email-actions{
  white-space: nowrap !important;
}.project-access-member-row.owner td{
  background: #eefaf2 !important;
}
.modal-standard-table,.workflow-levels-table,.status-history-compact-table,.project-team-table,.project-inline-access-table,.allowed-email-table,.project-access-table{
  width: 100% !important;
  border-collapse: collapse !important;
  table-layout: fixed !important;
  margin: 0 !important;
}.modal-standard-table thead th,.workflow-levels-table thead th,.status-history-compact-table thead th,.project-team-table thead th,.project-inline-access-table thead th,.allowed-email-table thead th,.project-access-table thead th{
  background: #f8fafc !important;
  color: #64748b !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .05em !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}.modal-standard-table td,.workflow-levels-table td,.status-history-compact-table td,.project-team-table td,.project-inline-access-table td,.allowed-email-table td,.project-access-table td{
  vertical-align: middle !important;
  min-width: 0 !important;
}.modal-table-wrap,.workflow-levels-table-wrap,.status-history-compact-table-wrap,.project-access-list-inline{
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid #e5e7eb !important;
}/* Project Access table column stability */
.project-access-table th:nth-child(1),.project-access-table td:nth-child(1){
  text-align: center !important;
  width: 74px !important;
}.project-access-table th:nth-child(4),.project-access-table td:nth-child(4){ width: 190px !important; }.project-access-table th:nth-child(5),.project-access-table td:nth-child(5){ width: 130px !important; }/* Manage Emails table column stability */
.allowed-email-table th:nth-child(1),.allowed-email-table td:nth-child(1){ width: auto !important; }.allowed-email-table th:nth-child(2),.allowed-email-table td:nth-child(2),.allowed-email-table th:nth-child(3),.allowed-email-table td:nth-child(3){ width: 160px !important; text-align: center !important; }.allowed-email-table th:nth-child(4),.allowed-email-table td:nth-child(4){ width: 130px !important; }/* Workflow levels/status history standard tables */
.workflow-levels-table th:nth-child(1),.workflow-levels-table td:nth-child(1){ width: 45% !important; }.workflow-levels-table th:nth-child(2),.workflow-levels-table td:nth-child(2){ width: 180px !important; }.workflow-levels-table th:nth-child(3),.workflow-levels-table td:nth-child(3){ width: 35% !important; }.status-history-compact-table th:nth-child(1),.status-history-compact-table td:nth-child(1){ width: 150px !important; }.status-history-compact-table th:nth-child(2),.status-history-compact-table td:nth-child(2),.status-history-compact-table th:nth-child(3),.status-history-compact-table td:nth-child(3){ width: 220px !important; }/* Manage Projects member/access tables */
.project-team-table th:nth-child(1),.project-team-table td:nth-child(1){ width: 36% !important; }.project-team-table th:nth-child(2),.project-team-table td:nth-child(2){ width: 64% !important; }.project-inline-access-table th:nth-child(1),.project-inline-access-table td:nth-child(1){ width: 70px !important; }.project-inline-access-table th:nth-child(2),.project-inline-access-table td:nth-child(2){ width: auto !important; }.project-inline-access-table th:nth-child(3),.project-inline-access-table td:nth-child(3){ width: 180px !important; }.project-inline-access-table th:nth-child(4),.project-inline-access-table td:nth-child(4){ width: 130px !important; }.project-team-user,.allowed-email-main,.project-access-row-main,.permission-user-cell,.workflow-user-cell{
  min-width: 0 !important;
  overflow: hidden !important;
}.project-team-user strong,.project-team-user small,.allowed-email-main strong,.allowed-email-main span,.project-access-row-main strong,.project-access-row-main small,.permission-user-cell strong,.permission-user-cell small,.workflow-user-cell{
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}.project-member-controls{
  margin-top:4px;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(180px, 240px) !important;
  gap: 10px !important;
  align-items: end !important;
}.project-member-control{
  margin:0;
  display:grid;gap:4px;font-weight:800;
  min-width: 0 !important;
}.workflow-level-cell{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}.workflow-level-cell strong{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}/* Disable old div-table display assumptions when those class names are on real tr/table elements. */
tr.project-access-table-row,tr.project-team-row,tr.workflow-levels-row,tr.status-history-compact-row,tr.allowed-email-entry-row,
table.project-access-table .project-access-table-head,table.project-access-table .project-access-table-row,table.allowed-email-table .allowed-email-header,table.allowed-email-table .allowed-email-row,table.workflow-levels-table .workflow-levels-head,table.workflow-levels-table .workflow-levels-row,table.status-history-compact-table .status-history-compact-row{
  display: table-row !important;
}/* Final table display safety */
table.modal-standard-table,table.workflow-levels-table,table.status-history-compact-table,table.project-team-table,table.project-inline-access-table,table.allowed-email-table,table.project-access-table{
  display: table !important;
}table.modal-standard-table thead,table.workflow-levels-table thead,table.status-history-compact-table thead,table.project-team-table thead,table.project-inline-access-table thead,table.allowed-email-table thead,table.project-access-table thead{
  display: table-header-group !important;
}table.modal-standard-table tbody,table.workflow-levels-table tbody,table.status-history-compact-table tbody,table.project-team-table tbody,table.project-inline-access-table tbody,table.allowed-email-table tbody,table.project-access-table tbody{
  display: table-row-group !important;
}table.modal-standard-table tr,table.workflow-levels-table tr,table.status-history-compact-table tr,table.project-team-table tr,table.project-inline-access-table tr,table.allowed-email-table tr,table.project-access-table tr{
  display: table-row !important;
}table.modal-standard-table th,table.modal-standard-table td,table.workflow-levels-table th,table.workflow-levels-table td,table.status-history-compact-table th,table.status-history-compact-table td,table.project-team-table th,table.project-team-table td,table.project-inline-access-table th,table.project-inline-access-table td,table.allowed-email-table th,table.allowed-email-table td,table.project-access-table th,table.project-access-table td{
  display: table-cell !important;
}.project-access-table th:nth-child(2),.project-access-table td:nth-child(2){ width: 30% !important; }.project-access-table th:nth-child(3),.project-access-table td:nth-child(3){ width: 27% !important; }/* =========================================================
   Header controls cleanup: project label removed + search beside filters
   ========================================================= */
.top-controls-row .project-select-wrap label{
  font-weight:900;
  display: none !important;
}.header-search-wrap #searchInput{
  width: 100% !important;
  min-height: 34px !important;
  height: 34px !important;
  margin: 0 !important;
}.top-controls-row .department-filter-wrap,.top-controls-row .assignee-filter-wrap{
  flex: 0 1 180px !important;
  min-width: 150px !important;
  height: 40px;
  min-height: 40px;
  margin: 0;
}.top-controls-row .department-filter-wrap select,.top-controls-row .assignee-filter-wrap select{
  width: 100% !important;
  min-width: 0 !important;
}.board-toolbar #searchInput{
  flex:1 1 360px !important;
  max-width:520px !important;
  display: none !important;
}/* =========================================================
   Header/search layout: view buttons moved to old toolbar row
   ========================================================= */
.board-toolbar{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  width: 100% !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}.board-toolbar .view-switch{
  flex: 0 0 auto !important;
  width: auto !important;
  margin-right: auto !important;
}.top-controls-row .panel-actions .view-switch{
  display: none !important;
}/* =========================================================
   MORTX FLEX LAYOUT: project/search/team/assignee controls
   ========================================================= */
.top-controls-row{
  border-top:1px solid #eef2f7;justify-content:space-between;
  grid-template-columns:auto auto minmax(0,1fr) auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  min-width:0 !important;
  margin-top:14px !important;
  padding-top:14px !important;
  flex-wrap:wrap !important;
}
.top-controls-row .project-select-wrap{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 1 360px !important;
  min-width:220px !important;
  max-width:420px !important;
}
.top-controls-row .project-select-wrap select{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
.top-controls-row .project-access-wrap{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
  max-width:100% !important;
}
.top-controls-row .panel-actions{
  grid-column:4 !important;
  justify-self:end !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
  flex:1 1 520px !important;
  min-width:0 !important;
  max-width:100% !important;
  margin-left:auto !important;
  flex-wrap:wrap !important;
}
.top-controls-row .panel-actions > *{
  min-width:0 !important;
  max-width:100% !important;
}
.header-search-wrap{
  flex:1 1 280px !important;
  min-width:220px !important;
  max-width:none !important;
}
.top-controls-row .department-filter-wrap,
.top-controls-row .assignee-filter-wrap{
  flex:0 1 170px !important;
  min-width:130px !important;
  max-width:190px !important;
}
.header-search-wrap #searchInput,
.top-controls-row .department-filter-wrap select,
.top-controls-row .assignee-filter-wrap select{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:34px !important;
  min-height:34px !important;
  margin:0 !important;
  box-sizing:border-box !important;
}





#projectModal .project-manager-card{
  display: block !important;
  padding: 14px !important;
  background: #fff !important;
  border: 1px solid #dbe3ef !important;
}#projectModal .project-card-topline{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid #edf2f7 !important;
}#projectModal .project-name{
  font-size: 16px !important;
  line-height: 1.2 !important;
}#projectModal .project-stats{
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-top: 4px !important;
}#projectModal .compact-project-actions{
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
}#projectModal .project-manager-sections{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 340px) !important;
  gap: 12px !important;
  padding-top: 12px !important;
}#projectModal .project-inline-section{
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  padding: 10px !important;
}#projectModal .project-inline-head{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-bottom: 8px !important;
}#projectModal .project-inline-head strong{
  font-size: 12px !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}#projectModal .project-inline-head span{
  font-size: 11px !important;
  color: #64748b !important;
  font-weight: 900 !important;
}#projectModal .project-inline-list{
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  min-height: 32px !important;
  align-items: center !important;
}#projectModal .project-inline-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  max-width: 220px !important;
  padding: 6px 8px !important;
  background: #eaf5ff !important;
  border: 1px solid #bfdbfe !important;
  color: #075985 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}#projectModal .project-inline-chip span{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}#projectModal .project-inline-chip button{
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  color: inherit !important;
  line-height: 1 !important;
}#projectModal .project-inline-add{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 8px !important;
  margin-top: 8px !important;
}#projectModal .project-inline-add input{
  width: 100% !important;
  min-width: 0 !important;
}#projectModal .project-inline-access-simple{
  align-self: start !important;
}#projectModal .project-access-simple-row{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: center !important;
}#projectModal .project-access-simple-main{
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}#projectModal .project-access-simple-main strong,#projectModal .project-access-simple-main small{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}#projectModal .project-access-simple-main small{
  color: #64748b !important;
  font-weight: 800 !important;
}#projectModal .project-access-simple-main .detail-label{
  display: block !important;
  font-size: 10px !important;
  color: #64748b !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}/* =========================================================
   Manage Projects — simplified clean project cards
   ========================================================= */.project-manager-list-modern{
  display: grid !important;
  gap: 12px !important;
}.pm-card-head{
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: start !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #e5eaf0 !important;
}.pm-title-wrap{
  min-width: 0 !important;
}.pm-title-wrap h3{
  margin: 0 0 6px !important;
  color: #0f172a !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}.pm-meta{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 12px !important;
  color: #64748b !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}.pm-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
  min-width: 0 !important;
}.pm-actions .btn{
  min-height: 32px !important;
  white-space: nowrap !important;
}.pm-teams-panel{
  padding-top: 12px !important;
}.pm-section-title{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 8px !important;
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
}.pm-section-title span{
  color: #64748b !important;
  font-size: 11px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}.pm-team-chips{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-height: 32px !important;
  align-items: center !important;
}.pm-team-chip{
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: #eaf5ff !important;
  border: 1px solid #b7daf8 !important;
  color: #075985 !important;
  padding: 7px 9px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  max-width: 260px !important;
}.pm-team-chip span{
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}.pm-team-chip button{
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
  padding: 0 !important;
  width: 16px !important;
  height: 16px !important;
  display: inline-grid !important;
  place-items: center !important;
  cursor: pointer !important;
  flex: 0 0 auto !important;
}.pm-empty-inline{
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  color: #94a3b8 !important;
  border: 1px dashed #cbd5e1 !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}.pm-add-team-row{
  display: grid !important;
  grid-template-columns: minmax(160px, 1fr) auto !important;
  gap: 8px !important;
  margin-top: 10px !important;
  max-width: 720px !important;
}.pm-add-team-row input{
  min-width: 0 !important;
  height: 34px !important;
}/* Project manager: keep Add Project beside the new project input */#projectModal .project-add-inline-row #projectNameInput{
  width:100% !important;
  min-width:0 !important;
}#projectModal .project-add-inline-row #addProjectFromModalBtn{
  white-space:nowrap !important;
}
.auth-dropdown-item.danger,
.auth-dropdown-item.danger:hover {
  background: #fee2e2 !important;
  color: #991b1b !important;
  border-color: #fecaca !important;
}
.auth-dropdown-divider {
  display:block !important;
  height:1px !important;
  margin:0 !important;
  background: #e5e7eb !important;
}


#taskModal .modal-dialog {
  width: min(1100px, calc(100vw - 48px)) !important;
  max-width: min(1100px, calc(100vw - 48px)) !important;
}

#taskModal .modal-content {
  max-height: calc(100vh - 56px) !important;
}

#taskModal .modal-header {
  padding: 14px 18px !important;
  min-height: 56px !important;
  align-items: center !important;
}

#taskModal .modal-header h2,
#taskModal #taskModalTitle {
  margin: 0 !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
}

#taskModal .modal-body.task-modal-body,
#taskModal .modal-body {
  padding: 14px 18px !important;
}

#taskModal .modal-footer {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  margin-top: 0 !important;
  flex-shrink: 0 !important;
  padding: 10px 18px !important;
  gap: 8px !important;
}

#taskModal .modal-footer .btn {
  min-height: 34px !important;
  padding: 7px 12px !important;
  font-size: 12px !important;
}

#taskModal .form-template-bar {
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto auto !important;
  gap: 8px !important;
  align-items: end !important;
  margin: 0 0 12px !important;
  padding: 8px !important;
}

#taskModal .form-template-bar .btn {
  min-height: 34px !important;
  height: 34px !important;
  padding: 7px 10px !important;
  white-space: nowrap !important;
}

#taskModal .grid.row.g-3,
#taskModal .grid,
#taskModal #dynamicFields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px 18px !important;
  margin: 0 !important;
  --bs-gutter-x: 0 !important;
  --bs-gutter-y: 0 !important;
}

#taskModal .field,
#taskModal label.field {
  margin: 0 !important;
  gap: 4px !important;
  min-width: 0 !important;
}

#taskModal .field.full,
#taskModal .task-form-output-field,
#taskModal .task-collab-work-section,
#taskModal #dynamicFields .empty {
  grid-column: 1 / -1 !important;
}

#taskModal .field > span,
#taskModal .form-template-bar .field > span {
  font-size: 11px !important;
  line-height: 1.1 !important;
  margin: 0 !important;
}

#taskModal input,
#taskModal select,
#taskModal textarea {
  min-height: 34px !important;
  padding: 7px 10px !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

#taskModal textarea,
#taskModal #notes {
  min-height: 58px !important;
}

#taskModal .field-hint,
#taskModal .field-help,
#taskModal small {
  font-size: 11px !important;
  line-height: 1.25 !important;
  margin-top: 2px !important;
}

#taskModal #taskSubbox,
#taskModal .subbox {
  margin-top: 12px !important;
  padding: 12px !important;
}

#taskModal #taskSubbox > h3,




#taskModal .task-collab-work-section,
#taskModal .collaborative-work-box,
#taskModal .prerequisite-level-box {
  margin-top: 12px !important;
  padding: 12px !important;
}

#taskModal .collaborative-level-row,
#taskModal .prereq-level-row {
  gap: 8px !important;
  padding: 8px !important;
  align-items: end !important;
}

#taskModal .collab-level-pill,
#taskModal .prereq-drag-handle,
#taskModal .prereq-remove-btn {
  min-height: 34px !important;
  height: 34px !important;
}

#taskModal .prereq-drag-handle {
  width: 34px !important;
  padding: 0 !important;
}

#taskModal .prereq-remove-btn {
  padding: 7px 10px !important;
}

#taskModal #outputField.task-form-output-field {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
}

#taskModal #outputField.task-form-output-field.hidden {
  display: none !important;
}

#taskModal #outputFieldControl.task-form-output-control {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}

#taskModal #outputFieldControl > #outputLink,
#taskModal #outputFieldControl > input,
#taskModal #outputFieldControl > select,
#taskModal #outputFieldControl > textarea {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

#taskModal #outputFieldControl > textarea,
#taskModal #outputFieldControl > .output-caption-input,
#taskModal #outputFieldControl > .caption-output-input {
  min-height: 120px !important;
}


.workflow-details-list{
  display:grid !important;
  gap:10px !important;
  width:100% !important;
}
.workflow-detail-card{
  display:grid !important;
  grid-template-columns:minmax(210px,1.25fr) minmax(120px,.65fr) minmax(180px,1fr) minmax(120px,.65fr) minmax(110px,.55fr) !important;
  gap:10px !important;
  align-items:center !important;
  padding:12px !important;
  border:1px solid #e5e7eb !important;
  border-left:4px solid #94a3b8 !important;
  background:#fff !important;
  border-radius:0 !important;
  min-width:0 !important;
}
.workflow-detail-card.ready,
.workflow-detail-card.done{
  border-left-color:#00c875 !important;
  background:#f8fffb !important;
}
.workflow-detail-card.progress,
.workflow-detail-card.in-progress{
  border-left-color:#0073ea !important;
  background:#f8fbff !important;
}
.workflow-detail-card.review,
.workflow-detail-card.review-phase{
  border-left-color:#fdab3d !important;
  background:#fffaf3 !important;
}
.workflow-detail-card.waiting,
.workflow-detail-card.todo{
  border-left-color:#9ca3af !important;
}
.workflow-detail-card.blocked,
.workflow-detail-card.for-revision{
  border-left-color:#e2445c !important;
  background:#fff7f8 !important;
}
.workflow-detail-card.current-card-level{
  outline:2px solid rgba(0,115,234,.18) !important;
  outline-offset:-2px !important;
}
.workflow-detail-level{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  min-width:0 !important;
}
.workflow-detail-index{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:26px !important;
  height:26px !important;
  border:1px solid #dbeafe !important;
  background:#eff6ff !important;
  color:#075985 !important;
  font-size:12px !important;
  font-weight:900 !important;
  flex:0 0 auto !important;
}
.workflow-detail-title{
  display:grid !important;
  gap:2px !important;
  min-width:0 !important;
}
.workflow-detail-title strong,
.workflow-detail-value{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:13px !important;
  line-height:1.25 !important;
}
.workflow-detail-title small{
  color:#0073ea !important;
  font-size:11px !important;
  font-weight:900 !important;
}
.workflow-detail-meta{
  display:grid !important;
  gap:4px !important;
  min-width:0 !important;
}
.workflow-detail-label{
  color:#64748b !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}
.workflow-detail-value.muted{
  color:#94a3b8 !important;
}
.workflow-detail-value.has-output{
  color:#166534 !important;
}
.workflow-status-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:max-content !important;
  max-width:100% !important;
  min-height:26px !important;
  padding:5px 9px !important;
  color:#fff !important;
  background:#64748b !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  border-radius:0 !important;
}
.workflow-status-pill.ready,
.workflow-status-pill.done{background:#00c875 !important;}
.workflow-status-pill.progress,
.workflow-status-pill.in-progress{background:#0073ea !important;}
.workflow-status-pill.review,
.workflow-status-pill.review-phase{background:#fdab3d !important;color:#111827 !important;}
.workflow-status-pill.waiting,
.workflow-status-pill.todo{background:#9ca3af !important;color:#111827 !important;}
.workflow-status-pill.blocked,
.workflow-status-pill.for-revision{background:#e2445c !important;}

/* =========================================================
   Shareable link toast
   ========================================================= */

.share-link-toast.show{
  opacity:1;
  transform:translateY(0);
}
.share-card-actions{
  margin-top:0 !important;
}

/* Calendar day popup: reuse the same visual language as calendar task cards, not solid status blocks. */
/* ===== CALENDAR ===== */
.calendar-day-popup-list {
  padding:14px 18px;overflow:auto;
  display: grid !important;
  gap: 7px !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task {
  display: block !important;
  width: 100% !important;
  text-align: left !important;
  margin: 0 !important;
  padding: 7px !important;
  border: 1px solid #e5e7eb !important;
  border-left: 5px solid #0073ea !important;
  border-radius:0 !important;
  box-shadow: 0 4px 10px rgba(0,0,0,.06) !important;
  cursor: pointer !important;
  font-family: inherit !important;
  font-size: 12px !important;
  filter: none !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.draft {
  background: #f8fafc !important;
  border-left-color: #64748b !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.todo {
  background: #f9fafb !important;
  border-left-color: #9ca3af !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.in-progress {
  background: #eff6ff !important;
  border-left-color: #0073ea !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.review-phase {
  background: #fff7ed !important;
  border-left-color: #fdab3d !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.for-revision {
  background: #fef2f2 !important;
  border-left-color: #b33530 !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task.done {
  background: #f0fdf4 !important;
  border-left-color: #00c875 !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-title {
  color: #1f2937 !important;
  font-weight: 900 !important;
  margin-bottom: 3px !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-meta {
  color: #64748b !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
}
.calendar-day-popup-list .calendar-day-popup-task.calendar-task:hover {
  filter: none !important;
  background-image: linear-gradient(rgba(255,255,255,.25), rgba(255,255,255,.25)) !important;
  border-top-color: #dbeafe !important;
  border-right-color: #dbeafe !important;
  border-bottom-color: #dbeafe !important;
}
body.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-title,
.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-title {
  color: #e5e7eb !important;
}
body.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-meta,
.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task .calendar-task-meta {
  color: #94a3b8 !important;
}
body.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task,
.dark-mode .calendar-day-popup-list .calendar-day-popup-task.calendar-task {
  background: #111827 !important;
  border-color: #334155 !important;
}


#projectModal .project-management-tools{display:none !important;}
.auth-dropdown #departmentSettingsBtn{display:flex;}
.auth-dropdown #departmentSettingsBtn.hidden{display:none !important;}


.project-inline-teams,
.pm-teams-panel {
  display: none !important;
}
.dept-name-btn {
  border: 0;
  background: transparent;
  text-align: left;
  font-weight: 900;
  color: inherit;
  cursor: pointer;
  display: grid;
  gap: 2px;
}
.dept-name-btn:hover {
  color: #0073ea;
}
.dept-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.legacy-team-note {
  color: #64748b;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-weight: 900;
}


/* Simple team manager modal */
.simple-team-modal .modal-body{background:#fff !important;}
.simple-team-manager{display:grid;gap:14px;}
.simple-team-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border:1px solid #e5e7eb;background:#f8fafc;}
.simple-team-add-row input{width:100%;min-height:42px;font-weight:800;}
.simple-team-list{display:grid;gap:10px;max-height:min(58vh,520px);overflow:auto;padding-right:4px;}
.simple-team-item{display:grid !important;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 !important;padding:12px !important;background:#fff !important;border:1px solid #e5e7eb !important;}
.simple-team-item.active{border-color:#7dd3fc !important;background:#f0f9ff !important;}
.simple-team-name{border:0;background:transparent;text-align:left;padding:0;display:block;min-width:0;cursor:pointer;}
.simple-team-name span{font-size:14px;font-weight:900;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.simple-team-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;}

/* Manage Emails: full semantic table; responsive by horizontal scrolling.
   Columns are never hidden/collapsed. */
























/* v1.0.133: obsolete global square-badge/details radius reset removed.
   Component geometry is owned by the shared primitives below. */

/* MORTX output workflow clarity: one current action, history secondary */
#detailsModal .current-revision-editor{
  display:grid;
  gap:12px;
  padding:14px;
  border:1px solid #f59e0b;
  background:#fffbeb;
}
#detailsModal .current-revision-feedback{
  display:grid;
  gap:5px;
  padding:12px;
  border-left:4px solid #b33530;
  background:#fff;
}
#detailsModal .current-revision-feedback-label,
#detailsModal .current-revision-field-label{
  color:#92400e;
  font-size:11px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
#detailsModal .current-revision-feedback p{
  margin:0;
  color:#1f2937;
  font-size:13px;
  line-height:1.5;
}
#detailsModal .current-revision-feedback small{
  color:#64748b;
  font-size:11px;
  font-weight:800;
}
#detailsModal .current-revision-actions{
  display:flex;
  justify-content:flex-start;
  align-items:center;
}
#detailsModal .previous-versions-section{
  margin-top:2px;
}
#detailsModal .output-version-card-head{
  grid-template-columns:auto minmax(0,1fr) auto;
}
#detailsModal .output-version-url{
  display:none !important;
}


/* MORTX revision output lock */
.previous-submitted-output{
  display:grid;
  gap:8px;
  padding:12px;
  border:1px solid #d1d5db;
  background:#f8fafc;
  border-radius:0 !important;
}
.previous-submitted-output small{
  color:#64748b;
  font-size:12px;
  font-weight:800;
}
.previous-output-readonly,
.previous-output-readonly:focus{
  background:#eef2f7 !important;
  color:#475569 !important;
  cursor:not-allowed !important;
  box-shadow:none !important;
  border-color:#cbd5e1 !important;
  border-radius:0 !important;
}
.current-revision-editor{
  display:grid;
  gap:12px;
}



/* =========================================================
   MORTX Task Details — wide two-column desktop layout
   Left: task context / workflow / history
   Right: output workspace and previews
   ========================================================= */













#detailsModal .details-right-column .details-output-section[open] {
  display: flex !important;
  flex-direction: column !important;
}

#detailsModal .details-right-column .details-output-section[open] > .details-collapsible-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
}

#detailsModal .details-right-column .combined-output-list,
#detailsModal .details-right-column .output-level-section,
#detailsModal .details-right-column .drive-preview,
#detailsModal .details-right-column iframe,
#detailsModal .details-right-column video,
#detailsModal .details-right-column img {
  max-width: 100% !important;
}

#detailsModal .details-right-column .caption-drive-preview,
#detailsModal .details-right-column .drive-preview-stage,
#detailsModal .details-right-column .drive-preview-frame {
  width: 100% !important;
}



/* =========================================================
   MORTX Task Details — polished desktop workspace
   Permanent context at left, large output review area at right.
   ========================================================= */
#detailsModal .modal-dialog,
#detailsModal .modal-dialog.modal-xl {
  width: min(1600px, calc(100vw - 32px)) !important;
  max-width: min(1600px, calc(100vw - 32px)) !important;
  height: min(940px, calc(100vh - 24px)) !important;
  margin: 12px auto !important;
}



#detailsModal .details-hero {
  margin: 0 !important;
  position: relative !important;
  z-index: 3 !important;
  padding: 16px !important;
  border: 1px solid #d7e0ea !important;
  background: #fff !important;
}

#detailsModal .details-hero-main {
  min-width: 0 !important;
}

#detailsModal .details-hero-actions {
  align-self: flex-start !important;
}

#detailsModal .details-left-column > .detail-section,
#detailsModal .details-right-column > .detail-section {
  margin: 0 !important;
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
}



#detailsModal .details-static-section > .details-collapsible-summary .details-section-controls {
  display: none !important;
}

#detailsModal .details-static-section > .details-collapsible-summary {
  cursor: default !important;
  pointer-events: none !important;
  border-bottom: 1px solid #d7e0ea !important;
}

#detailsModal .details-static-section > .details-collapsible-body {
  display: block !important;
}



#detailsModal .details-right-column .details-output-section {
  border-color: #b9d3ff !important;
  background: #fff !important;
  min-height: 100% !important;
  border: 0 !important;
}

#detailsModal .details-right-column .details-output-section > .details-collapsible-summary {
  position: sticky !important;
  top: 0 !important;
  z-index: 4 !important;
  background: #eef5ff !important;
  border-bottom: 1px solid #b9d3ff !important;
}

#detailsModal .details-right-column .details-output-section > .details-collapsible-body {
  padding: 14px !important;
}

#detailsModal .details-right-column .drive-preview-stage,
#detailsModal .details-right-column .drive-preview-frame {
  min-height: 500px !important;
}

#detailsModal .details-right-column .caption-drive-preview,
#detailsModal .details-right-column .drive-preview,
#detailsModal .details-right-column .output-preview-wrap {
  width: 100% !important;
}



/* =========================================================
   MORTX Task Details — full-width desktop modal
   Use the available desktop viewport instead of a capped dialog.
   ========================================================= */

#detailsModal .modal-dialog,
#detailsModal .modal-dialog.modal-xl,
#detailsModal .modal-dialog.modal-lg,
#detailsModal .modal-dialog.modal-dialog-scrollable {
  width: calc(100vw - 20px) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: calc(100vh - 20px) !important;
  max-height: none !important;
  margin: 0 auto !important;
  transform: none !important;
}




/* MORTX Task Details authoritative full-viewport rule.
   Keep this at the very end of style.css. */

#detailsModal .modal-dialog,
#detailsModal .modal-dialog.modal-xl,
#detailsModal .modal-dialog.modal-lg,
#detailsModal .modal-dialog.modal-dialog-centered,
#detailsModal .modal-dialog.modal-dialog-scrollable {
  width: calc(100vw - 16px) !important;
  max-width: none !important;
  min-width: 0 !important;
  height: calc(100vh - 16px) !important;
  max-height: none !important;
  margin: 0 auto !important;
  transform: none !important;
}

/* =========================================================
   CONSOLIDATED RUNTIME / INLINE CSS
   Moved from app.js and index.html. Keep this section last so
   former runtime precedence is preserved without JS injection.
   ========================================================= */

/* Former app.js style block 1 */

      .mortx-toast-alert {
        position: relative;
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr) 28px;
        align-items: start;
        gap: 10px;
        width: 100%;
        box-sizing: border-box;
        padding: 13px 12px;
        overflow: hidden;
        border: 1px solid #fecaca;
        border-radius:0 !important;
        background: #fff;
        color: #172033;
        box-shadow: 0 16px 40px rgba(15, 23, 42, .22);
        pointer-events: auto;
        opacity: 0;
        transform: translate3d(32px, 0, 0) scale(.98);
        transition: opacity .2s ease, transform .2s ease;
      }

      .mortx-toast-alert.is-success { border-color: #bbf7d0; }
      .mortx-toast-alert.is-success .mortx-toast-alert-icon { background: #dcfce7; color: #16a34a; }
      .mortx-toast-alert.is-success .mortx-toast-alert-title { color: #166534; }
      .mortx-toast-alert.is-success .mortx-toast-alert-progress { background: #22c55e; }
      .mortx-toast-alert.is-warning { border-color: #fde68a; }
      .mortx-toast-alert.is-warning .mortx-toast-alert-icon { background: #fef3c7; color: #d97706; }
      .mortx-toast-alert.is-warning .mortx-toast-alert-title { color: #92400e; }
      .mortx-toast-alert.is-warning .mortx-toast-alert-progress { background: #f59e0b; }
      .mortx-toast-alert.is-info { border-color: #bfdbfe; }
      .mortx-toast-alert.is-info .mortx-toast-alert-icon { background: #dbeafe; color: #2563eb; }
      .mortx-toast-alert.is-info .mortx-toast-alert-title { color: #1e40af; }
      .mortx-toast-alert.is-info .mortx-toast-alert-progress { background: #3b82f6; }
      .mortx-toast-alert.is-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
      }
      .mortx-toast-alert.is-leaving {
        opacity: 0;
        transform: translate3d(24px, 0, 0) scale(.98);
      }
      .mortx-toast-alert-icon {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius:0 !important;
        background: #fee2e2;
        color: #dc2626;
        font-size: 16px;
      }
      .mortx-toast-alert-copy {
        min-width: 0;
        padding-top: 1px;
      }
      .mortx-toast-alert-title {
        display: block;
        margin: 0 0 3px;
        color: #991b1b;
        font-size: 13px;
        font-weight: 900;
        line-height: 1.2;
      }
      .mortx-toast-alert-message {
        margin: 0;
        color: #334155;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.42;
        overflow-wrap: anywhere;
        white-space: pre-wrap;
      }
      .mortx-toast-alert-close {
        display: grid;
        place-items: center;
        width: 28px;
        height: 28px;
        margin: -3px -3px 0 0;
        padding: 0;
        border: 0;
        border-radius:0 !important;
        background: transparent;
        color: #64748b;
        cursor: pointer;
        font-size: 19px;
        line-height: 1;
      }
      .mortx-toast-alert-close:hover,
      .mortx-toast-alert-close:focus-visible {
        background: #f1f5f9;
        color: #0f172a;
        outline: none;
      }
      .mortx-toast-alert-progress {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        height: 3px;
        background: #ef4444;
        transform-origin: left center;
        animation: mortxToastAlertProgress var(--mortx-toast-duration, 5200ms) linear forwards;
        animation-play-state: running;
      }
      .mortx-toast-alert.is-paused .mortx-toast-alert-progress {
        animation-play-state: paused;
      }
      @keyframes mortxToastAlertProgress {
        from { transform: scaleX(1); }
        to { transform: scaleX(0); }
      }

      @media (prefers-reduced-motion: reduce) {
        .mortx-toast-alert { transition: none; }
        .mortx-toast-alert-progress { animation: none; }
      }

/* Former app.js style block 2 */
#mortxTypedDeleteModal{width:min(460px,calc(100vw - 40px));max-width:none;margin:auto;padding:0;border:0;border-radius:0 !important;background:transparent;color:inherit;overflow:visible}
        #mortxTypedDeleteModal::backdrop{background:rgba(15,23,42,.66);backdrop-filter:blur(3px)}
        .mortx-typed-delete-dialog{box-sizing:border-box;width:100%;padding:24px;border:1px solid #fecaca;border-radius:0 !important;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.38);text-align:left}
        .mortx-typed-delete-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:0 !important;background:#fef2f2;color:#dc2626;font-size:20px}
        .mortx-typed-delete-dialog h2{margin:0 0 8px;color:#111827;font-size:20px;font-weight:900}
        .mortx-typed-delete-message{margin:0 0 14px;color:#475569;line-height:1.5;white-space:pre-wrap}
        .mortx-typed-delete-instruction{margin:0 0 8px;color:#7f1d1d;font-size:13px}
        .mortx-typed-delete-input{display:block;width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid #cbd5e1;border-radius:0 !important;font:inherit;font-weight:800;letter-spacing:.08em;text-transform:uppercase;outline:none}
        .mortx-typed-delete-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
        .mortx-typed-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
        .mortx-typed-delete-submit:disabled{opacity:.45;cursor:not-allowed}

/* Former app.js style block 3 */
.online-users-search-wrap { position:relative;box-sizing:border-box;padding:12px 16px 10px;background:#fff;border-bottom:1px solid #e2e8f0;z-index:2; }
    .online-users-search-input { display:block;width:100%;height:40px;box-sizing:border-box;padding:0 40px 0 14px;border:1px solid #cbd5e1;border-radius:0 !important;background:#fff;color:#0f172a;font:inherit;font-size:14px;font-weight:600;outline:none; }
    .online-users-search-input:focus { border-color:#2563eb;box-shadow:0 0 0 2px rgba(37,99,235,.14); }
    .online-users-search-clear { position:absolute;right:23px;top:50%;transform:translateY(-50%);width:28px;height:28px;padding:0;border:0;background:transparent;color:#64748b;font-size:21px;cursor:pointer; }
    .online-users-search-clear.hidden { display:none !important; }
    .online-users-empty {
  font-weight:800;
  min-height:88px !important;display:grid !important;place-items:center !important;
  padding:24px 16px;text-align:center;color:#64748b;
}

    .online-user-row.is-current-user { cursor:default; }
.online-user-row.is-online .online-user-dot {
  box-shadow:0 0 0 3px rgba(34,197,94,.14);
  background:#22c55e !important;
}
.online-user-avatar {
  background-size:cover;background-position:center;font-size:14px;
  border: 1px solid #cbd5e1 !important;
  width:32px !important;
  height:32px !important;
  background-color: #e2e8f0 !important;
  color: #111827 !important;
  border-color: #cbd5e1 !important;
  display:grid;place-items:center;flex:0 0 42px;border-radius:0 !important;overflow:hidden;background:#e2e8f0;font-weight:800;
}
    .online-user-avatar img { display:block;width:100%;height:100%;object-fit:cover; }

    .online-user-info strong,.online-user-info small { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
    .online-user-info strong {
  font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#0f172a;font-size:14px;
}
    .online-user-info span { color:#64748b;font-size:12px; }
    .online-user-info small {
  font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  color:#94a3b8;font-size:11px;
}

/* Former app.js style block 4 */
.task-output-compact,
    .prereq-output-compact,
    .completed-output-compact {
      display: block;
      width: 100%;
      margin-top: 10px;
    }
    .task-output-compact .caption-popup-btn,
    .prereq-output-compact .caption-popup-btn,
    .completed-output-compact .caption-popup-btn,
    .caption-popup-btn.card-output-button {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      max-width: none;
      min-height: 42px;
      box-sizing: border-box;
      text-align: center;
    }
    .card-add-output-btn {
      gap: 7px;
      border-style: dashed;
      background: #fff;
      color: #0f4f91;
    }
    .card-add-output-btn:hover,
    .card-add-output-btn:focus {
      background: #fff;
      border-style: solid;
    }

/* Former app.js style block 5 */
.task-card.compact-card {
  padding:10px 10px 12px;border-radius:0 !important;display:grid;gap:8px;
  font-size:var(--mx-text-sm) !important;
  box-sizing: border-box;
      overflow: hidden;
}

    .task-card.compact-card .task-card-title-stack,
    .task-card.compact-card .task-title-link {
      min-width: 0;
      max-width: 100%;
    }
    .task-card.compact-card .task-title-link {
      display: block;
      width: 100%;
      text-align: left;
      white-space: normal;
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .task-card.compact-card .department-chip {
      display: block;
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
      text-align: center;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .task-card.compact-card .compact-meta {
      overflow-wrap: anywhere;
      word-break: break-word;
    }
    .task-card.compact-card .prereq-timeline {
      width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      background: transparent;
    }
    .task-card.compact-card .prereq-step {
      grid-template-columns: 18px 1fr;
      gap: 6px;
      min-width: 0;
    }
    .task-card.compact-card .prereq-step-main {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      gap: 6px;
      align-items: center;
      background: transparent;
    }
    .task-card.compact-card .prereq-step-main strong,
    .task-card.compact-card .prereq-step-main small {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    /* Only the workflow level represented by this card is bold. */
    .task-card.compact-card .prereq-step:not(.current-card-level) .prereq-step-main strong {
      font-weight: 500;
    }

    .task-card.compact-card .prereq-step.current-card-level .prereq-step-main strong {
      font-weight: 900;
    }
    .task-card.compact-card .prereq-step-main small {
      justify-self: end;
      max-width: 92px;
      text-align: right;
    }
    .task-card.compact-card .card-select {
      width: 100%;
      max-width: 100%;
      min-width: 0;
      text-overflow: ellipsis;
    }


/* Former app.js style block 6 */
.output-sections-modal .modal-content,
    .output-sections-modal .modal-box {
      max-width: 920px;
    }
    .output-sections-modal #captionText {
      display: block;
      margin: 0;
      padding: 0;
      white-space: normal;
      line-height: 1.35;
      color: #172033;
    }
    .output-level-sections {
      display: grid;
      gap: 12px;
      margin: 0;
    }
    .output-level-section {
      border: 1px solid #dbe3ef;
      border-radius:0 !important;
      background: #fff;
      overflow: hidden;
    }
    .output-level-section.output-level-collapsible {
      display: block;
    }
    .output-level-section.output-level-collapsible > summary {
      list-style: none;
      cursor: pointer;
      user-select: none;
    }
    .output-level-section.output-level-collapsible > summary::-webkit-details-marker {
      display: none;
    }
    .output-level-section.output-level-collapsible > summary::after {
      content: "+";
      display: inline-grid;
      place-items: center;
      width: 22px;
      height: 22px;
      border: 1px solid #dbe3ef;
      border-radius:0 !important;
      color: #0f4f91;
      background: #fff;
      font-size: 14px;
      font-weight: 900;
      line-height: 1;
    }
    .output-level-section.output-level-collapsible[open] > summary::after {
      content: "−";
    }
    .output-level-section.output-level-collapsible:not([open]) .output-level-header {
      border-bottom: 0;
    }
    .output-level-summary-title {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }
    .output-level-open-badge {
      display: inline-flex;
      width: fit-content;
      padding: 2px 7px;
      border-radius:0 !important;
      border: 1px solid #bfdbfe;
      background: #eff6ff;
      color: #1d4ed8;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .output-level-actions-row {
      display: block;
      width: 100%;
      min-width: 0;
      padding: 0;
      margin-top: -2px;
      box-sizing: border-box;
    }
    .output-level-actions-row .output-review-actions-wrap {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 8px;
      width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }
    .output-level-actions-row .output-review-actions {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
      width: 100%;
    }
    .output-level-actions-row .revision-box {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 10px;
      width: 100% !important;
      max-width: none !important;
      min-width: 0;
      margin: 0;
      padding: 12px;
      border: 1px solid #fdba74;
      border-radius:0 !important;
      background: #fffaf5;
      box-sizing: border-box;
    }
    .output-level-actions-row .revision-box.hidden {
      display: none !important;
    }
    .output-level-actions-row .revision-box textarea {
      display: block;
      width: 100% !important;
      max-width: none !important;
      min-width: 0;
      min-height: 110px;
      margin: 0;
      padding: 10px 12px;
      border: 1px solid #cbd5e1;
      border-radius:0 !important;
      background: #fff;
      box-sizing: border-box;
      resize: vertical;
      font: inherit;
      line-height: 1.4;
    }
    .output-level-actions-row .revision-box textarea:focus {
      border-color: #2563eb;
      outline: 2px solid rgba(37, 99, 235, 0.14);
      outline-offset: 0;
    }
    .output-level-actions-row .revision-box .submit-revision-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      justify-self: end;
      width: auto !important;
      min-width: 120px;
      max-width: 100%;
      min-height: 42px;
      margin: 0;
      padding-left: 18px;
      padding-right: 18px;
      box-sizing: border-box;
    }
    .output-level-header {
      display: grid;
      grid-template-columns: 1fr auto;
      align-items: center;
      gap: 10px;
      padding: 8px 12px;
      background: #f5f8fc;
      border-bottom: 1px solid #e4ebf5;
    }
    .output-level-header h3 {
      margin: 0 0 4px;
      font-size: 15px;
      font-weight: 800;
      color: #111827;
    }
    .output-level-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 5px;
      margin: 0;
      font-size: 12px;
      color: #64748b;
    }
    .output-team-badge,
    .output-state-badge {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      width: fit-content;
      padding: 2px 7px;
      border-radius:0 !important;
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .02em;
      text-transform: uppercase;
    }
    .output-team-badge {
      color: #1d4ed8;
      background: #eff6ff;
      border: 1px solid #bfdbfe;
    }
    .output-state-badge.has-output {
      color: #047857;
      background: #ecfdf5;
      border: 1px solid #a7f3d0;
    }
    .output-state-badge.no-output {
      color: #92400e;
      background: #fffbeb;
      border: 1px solid #fde68a;
    }
    .output-level-header p {
      margin: 0;
      font-size: 12px;
      color: #64748b;
    }
    .output-level-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
      padding: 8px 12px 12px;
    }
    .output-level-subsection .combined-output-edit {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: start;
      gap: 8px;
      width: 100%;
      box-sizing: border-box;
    }
    .output-level-subsection .combined-output-edit.caption-editor,
    .output-level-subsection .combined-output-edit.checkbox-output-edit {
      grid-template-columns: minmax(0, 1fr);
    }
    .output-level-subsection .combined-output-edit > * {
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }
    .output-level-subsection .combined-output-edit .details-output-input,
    .output-level-subsection .combined-output-edit input,
    .output-level-subsection .combined-output-edit select,
    .output-level-subsection .combined-output-edit textarea {
      display: block;
      width: 100%;
      min-width: 0;
      max-width: 100%;
      box-sizing: border-box;
    }
    .output-level-subsection .caption-submit-stack {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      flex-wrap: wrap;
      gap: 8px;
    }
    .output-level-grid,
    .output-level-subsection,
    .output-level-subsection > *,
    .output-version-list.output-level-subsection,
    .output-review-history.output-level-subsection,
    .output-review-history {
      min-width: 0;
      margin: 0;
      padding: 8px 10px;
      border: 1px solid #e6edf6;
      border-radius:0 !important;
      background: #fbfdff;
    }
    .output-level-subsection h4,
    .output-version-list h4,
    .output-review-history h4 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      margin: 0 0 8px;
      font-size: 11px;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: .06em;
      color: #475569;
    }
    .output-collapsible {
      padding: 0 !important;
      overflow: hidden;
    }
    .output-collapsible summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
      padding: 9px 10px;
      cursor: pointer;
      user-select: none;
      list-style: none;
      font-size: 11px;
      line-height: 1.2;
      text-transform: uppercase;
      letter-spacing: .06em;
      font-weight: 900;
      color: #475569;
      background: #fbfdff;
    }
    .output-collapsible summary::-webkit-details-marker { display: none; }
    .output-collapsible summary::after {
      content: "+";
      display: inline-grid;
      place-items: center;
      flex: 0 0 auto;
      width: 20px;
      height: 20px;
      border: 1px solid #dbe3ef;
      border-radius:0 !important;
      color: #0f4f91;
      background: #fff;
      font-size: 13px;
      line-height: 1;
    }
    .output-collapsible[open] summary {
      border-bottom: 1px solid #e6edf6;
    }
    .output-collapsible[open] summary::after {
      content: "−";
    }
    .output-collapsible-count {
      margin-left: auto;
      padding: 2px 7px;
      border-radius:0 !important;
      background: #eef4ff;
      color: #1d4ed8;
      font-size: 10px;
      font-weight: 900;
      letter-spacing: .02em;
      text-transform: none;
    }
    .output-collapsible-body {
      display: grid;
      gap: 6px;
      padding: 8px 10px 10px;
      background: #fbfdff;
    }
    .output-level-text,
    .output-level-empty,
    .output-version-empty {
      font-size: 13px;
      line-height: 1.4;
      color: #1f2937;
    }
    .output-level-text {
      max-height: 90px;
      overflow: auto;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .output-level-empty,
    .output-version-empty {
      color: #94a3b8;
      font-style: italic;
    }
    .output-level-link-row {
      display: grid;
      gap: 6px;
      font-size: 12px;
      word-break: break-all;
    }
    .output-version-list {
      display: grid;
      gap: 6px;
    }
    .output-version-item {
  grid-template-columns:auto 1fr;
  display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 8px;
      padding: 8px;
      border: 1px solid #e2e8f0;
      border-radius:0 !important;
      background: #fff;
      text-decoration: none;
      color: inherit;
      width: 100%;
      box-sizing: border-box;
}
    .output-version-item > .output-version-main,
    .output-version-item > .output-version-link,
    .output-version-item > .output-version-revision-notes {
      width: 100%;
      max-width: 100%;
      box-sizing: border-box;
    }
    .output-version-item strong {
  font-weight:900;
  font-size: 12px;
      color: #0f4f91;
}
    .output-version-item span,
    .output-version-item small {
      font-size: 11px;
      color: #64748b;
      line-height: 1.25;
    }
    .output-version-item p {
      margin: 2px 0 0;
      max-height: 52px;
      overflow: auto;
      font-size: 12px;
      color: #1f2937;
      white-space: pre-wrap;
      word-break: break-word;
    }
    .output-version-main {
      display: grid;
      gap: 4px;
      min-width: 0;
    }
    .output-version-link {
      padding: 0;
      color: inherit;
      text-decoration: none;
    }
    .output-version-link:hover strong,
    .output-version-link:focus strong {
      text-decoration: underline;
    }
    .output-version-heading {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 6px 12px;
      min-width: 0;
    }
    .output-version-open-label {
      width: fit-content;
      font-size: 11px;
      font-weight: 800;
      color: #2563eb;
    }
    .output-version-revision-notes {
      display: grid;
      gap: 7px;
      width: 100%;
      max-width: 100%;
      margin-top: 0;
      padding-top: 8px;
      border-top: 1px dashed #f59e0b;
      box-sizing: border-box;
      clear: both;
    }
    .output-version-revision-title {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .035em;
      color: #9a3412;
      text-transform: uppercase;
    }
    .output-version-revision-note {
      display: grid;
      gap: 5px;
      padding: 8px 10px;
      border-left: 3px solid #ef4444;
      border-radius:0 !important;
      background: #fff7ed;
    }
    .output-version-revision-meta {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 4px 10px;
    }
    .output-version-revision-meta strong {
      color: #7c2d12;
    }
    .output-version-revision-meta span {
      font-size: 11px;
      color: #78716c;
    }
    .output-version-revision-note p {
      margin: 0;
      max-height: none;
      overflow: visible;
      color: #431407;
      line-height: 1.4;
    }
    .output-review-history {
      display: grid;
      gap: 6px;
    }
    .output-review-history-item {
  display:grid;gap:6px;
  margin: 0;
      padding: 8px;
      border-left: 3px solid #3b82f6;
      border-radius:0 !important;
      background: #fff;
}
    .output-review-history-item > div {
      display: grid;
      gap: 2px;
    }
    .output-review-history-item strong {
  font-weight:900;
  font-size: 12px;
}
    .output-review-history-item span {
  font-weight:800;
  font-size: 11px;
      color: #64748b;
}
    .output-review-history-item p {
  color:#334155;
  margin: 5px 0 0;
      max-height: 52px;
      overflow: auto;
      font-size: 12px;
      line-height: 1.35;
}

    .simple-review-history .output-collapsible-body {
      display: grid;
      gap: 6px;
    }
    .simple-review-history-item {
      padding: 7px 8px;
      background: #fff;
    }
    .simple-review-history-item p {
      margin: 0;
      max-height: none;
      overflow: visible;
      font-size: 12px;
      line-height: 1.35;
      color: #1f2937;
    }
    .next-output-version-box {
  display:grid;gap:8px;
  margin-top: 8px;
      padding: 8px;
      border-radius:0 !important;
      background: #fff7ed;
      border: 1px solid #fed7aa;
}
    .next-output-version-row {
  align-items:center;
  display: grid;
      grid-template-columns: 1fr auto;
      gap: 6px;
}
    .output-level-drive-preview {
      margin-top: 8px;
      border: 1px solid #dbeafe;
      border-radius:0 !important;
      background: #f8fbff;
      overflow: hidden;
    }
    .output-level-drive-preview .caption-preview-source-group {
      padding: 7px 9px;
      border-bottom: 1px solid #dbeafe;
      font-size: 11px;
      font-weight: 900;
      letter-spacing: .06em;
      text-transform: uppercase;
      color: #1e3a8a;
      background: #eff6ff;
    }
    .output-level-static-preview-body {
      padding: 10px;
      background: #fff;
    }
    .output-level-static-preview-body .output-level-link-row {
      margin: 0;
    }
    .output-level-drive-preview .drive-carousel-loading,
    .output-level-drive-preview .drive-carousel-warning,
    .output-level-drive-preview .drive-carousel-note {
      padding: 10px;
      font-size: 12px;
      color: #64748b;
    }
    .output-level-drive-preview .drive-social-carousel,
    .output-level-drive-preview .direct-output-preview {
      padding: 8px;
    }
    .output-level-drive-preview .drive-social-stage,
    .output-level-drive-preview .direct-output-preview-stage {
      min-height: 230px;
      max-height: 320px;
      border-radius:0 !important;
      overflow: hidden;
      background: #0f172a;
    }
    .output-level-drive-preview .drive-social-stage-media,
    .output-level-drive-preview .direct-output-preview-stage {
      display: grid;
      place-items: center;
    }
    .output-level-drive-preview iframe,
    .output-level-drive-preview img,
    .output-level-drive-preview video {
      width: 100%;
      max-width: 100%;
    }
    .output-level-drive-preview iframe,
    .output-level-drive-preview video {
      height: 260px;
    }
    .output-level-drive-preview img {
      max-height: 260px;
      object-fit: contain;
    }

    .checkbox-output-group {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      align-items: center;
    }
    .checkbox-output-choice,
    .output-checkbox-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      width: fit-content;
      padding: 5px 8px;
      border: 1px solid #dbe7f8;
      border-radius:0 !important;
      background: #fff;
      color: #1f2937;
      font-size: 12px;
      font-weight: 700;
    }
    .checkbox-output-choice input {
      margin: 0;
    }
    .output-checkbox-readonly {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }


/* Former app.js style block 7 */
#detailsModal .modal-dialog {
      width: calc(100vw - 20px) !important;
      max-width: none !important;
      height: calc(100vh - 20px) !important;
      margin: 10px auto !important;
    }
    #detailsModal .modal-header,
    #detailsModal .modal-footer {
      flex: 0 0 auto;
      background: #fff;
      z-index: 3;
    }
    #detailsModal .modal-body {
  overflow: hidden !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;


      overflow-y: auto;
      overflow-x: hidden;

}
    #detailsModal .modal-footer {
  padding: 10px 14px !important;
  border-top: 1px solid #d7e0ea !important;
  background: #fff !important;

      box-shadow: 0 -8px 18px rgba(15, 23, 42, 0.06);
}
    #detailsModal .details-hero,
    #detailsModal .detail-section {
      margin: 0;
      overflow: visible;
    }

    #detailsModal .detail-section-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 12px;
      margin-bottom: 10px;
    }
    #detailsModal .detail-section-head h3,
    #detailsModal .detail-section > h3 {
      margin: 0 0 10px;
      font-size: 17px;
      font-weight: 800;
    }
    #detailsModal .detail-note {
      max-width: 560px;
      font-size: 12px;
      color: #64748b;
      text-align: right;
    }
    #detailsModal .combined-output-list,
    #detailsModal .workflow-details-list {
      display: grid;
      gap: 8px;
      max-height: none !important;
      overflow: visible !important;
      padding: 0;
    }
    #detailsModal .combined-output-item {
      display: grid;
      grid-template-columns: minmax(220px, 0.9fr) minmax(260px, 1.1fr);
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      min-height: 0;
    }
    #detailsModal .workflow-detail-card {
      display: grid;
      grid-template-columns: minmax(210px, 1.25fr) minmax(92px, .7fr) minmax(170px, 1fr) minmax(105px, .75fr) minmax(125px, .8fr);
      align-items: center;
      gap: 12px;
      min-height: 58px;
      height: auto;
      padding: 10px 12px;
      overflow: visible;
      box-sizing: border-box;
    }
    #detailsModal .workflow-detail-level,
    #detailsModal .workflow-detail-meta {
      min-width: 0;
    }
    #detailsModal .workflow-detail-value,
    #detailsModal .workflow-detail-title strong {
      display: block;
      max-width: 100%;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    #detailsModal .workflow-detail-label {
      display: block;
      margin-bottom: 3px;
      font-size: 10px;
      line-height: 1.1;
    }
    #detailsModal .workflow-status-pill {
      display: inline-flex;
      align-items: center;
      min-height: 24px;
      line-height: 1;
      white-space: nowrap;
    }




/* Former app.js style block 8 */


/* Former app.js style block 9 */

/* Former app.js style block 10 */
.task-card {
  background:#fff;border:1px solid #e5e7eb;border-radius:0 !important;padding:10px 12px 12px;margin-bottom:10px;box-shadow:0 7px 16px rgba(15,23,42,.10);
  position: relative;
      cursor: default !important;
}
    .task-card .task-card-top,
    .task-card .task-card-title-stack,
    .task-card .meta,
    .task-card .compact-meta,
    .task-card .department-chip,
    .task-card .prereq-timeline,
    .task-card .prereq-step,
    .task-card .prereq-step-main,
    .task-card .card-row,
    .task-card .priority-row {
      cursor: default !important;
    }
    .task-card button:not(.task-card-drag-handle),
    .task-card a,
    .task-card select,
    .task-card input,
    .task-card textarea,
    .task-card [role="button"],
    .task-card [data-action] {
      cursor: pointer !important;
    }
    .task-card button:disabled,
    .task-card select:disabled,
    .task-card input:disabled,
    .task-card textarea:disabled,
    .task-card [aria-disabled="true"] {
      cursor: not-allowed !important;
    }
    .task-card-drag-handle {
      position: absolute;
      top: 8px;
      right: 8px;
      z-index: 8;
      display: inline-grid;
      place-items: center;
      width: 30px;
      height: 30px;
      padding: 0;
      border: 1px solid #cbd5e1;
      border-radius:0 !important;
      background: #fff;
      color: #64748b;
      cursor: grab;
      touch-action: none;
      user-select: none;
    }
    .task-card-drag-handle:hover { color: #0f4f91; border-color: #93c5fd; background: #eff6ff; }
    .task-card-drag-handle:active { cursor: grabbing; }
    .task-card.viewer-readonly-task .task-card-drag-handle { display: none; }
    .task-card.dragging { opacity: .45; }
    .column-body.drag-over { outline: 2px dashed #3b82f6; outline-offset: -4px; background: rgba(59,130,246,.06); }
    .task-card .task-card-top { padding-right: 34px; }

/* Former app.js style block 11 */
#mortxStartTaskConfirm{width:min(440px,calc(100vw - 40px));max-width:none;margin:auto;padding:0;border:0;border-radius:0 !important;background:transparent;color:inherit;overflow:visible}
        #mortxStartTaskConfirm::backdrop{background:rgba(15,23,42,.62);backdrop-filter:blur(3px)}
        .mortx-start-confirm-card{box-sizing:border-box;width:100%;padding:24px;border:1px solid #bfdbfe;border-radius:0 !important;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.36);text-align:left}
        .mortx-start-confirm-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:14px;border-radius:0 !important;background:#eff6ff;color:#2563eb;font-size:19px}
        .mortx-start-confirm-card h2{margin:0 0 8px;color:#111827;font-size:20px;font-weight:900}
        .mortx-start-confirm-card p{margin:0;color:#475569;line-height:1.55}
        .mortx-start-confirm-task{margin-top:12px !important;padding:10px 12px;border:1px solid #dbeafe;border-radius:0 !important;background:#f8fbff;color:#1e3a8a !important;font-weight:800}
        .mortx-start-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}

/* Former app.js style block 12 */














/* Former app.js style block 13 */
#dailyConfirmModal .modal-dialog { max-width: 560px; }
    #dailyConfirmModal .modal-content { border: 3px solid #0d6efd; }
    .daily-confirm-body { display: grid; gap: 14px; }
    .daily-confirm-message { padding: 14px; border: 1px solid #dbeafe; background: #eff6ff; color: #172033; font-size: 14px; }
    .daily-confirm-countdown { padding: 10px 12px; border: 1px dashed #f59e0b; background: #fffbeb; color: #92400e; font-weight: 900; text-align: center; }
    #dailyConfirmConfirmBtn { width: 100%; min-height: 48px; font-size: 16px; font-weight: 900; letter-spacing: .08em; }
.daily-confirm-log-controls{
  display:grid;
  grid-template-columns:auto minmax(180px,1fr) auto;
  align-items:end;
  gap:10px;
  margin:0 0 14px;
  padding:12px;
  background:#f8fafc;
  border:1px solid #dbe3ef;
  box-sizing:border-box;
}
.daily-confirm-date-nav{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  white-space:nowrap;
}
.daily-confirm-date-field{
  display:grid;
  gap:5px;
  min-width:0;
  margin:0;
}
.daily-confirm-date-field>span{
  color:#64748b;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.daily-confirm-date-field input[type="date"]{
  width:100%;
  min-width:0;
  min-height:40px;
  padding:7px 10px;
  box-sizing:border-box;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#111827;
  font:inherit;
  font-weight:800;
}
.daily-confirm-log-session{
  width:100%;
  min-width:0;
  margin:0 0 14px;
  overflow:hidden;
  background:#fff;
  border:1px solid #dbe3ef;
  box-sizing:border-box;
}
.daily-confirm-log-session>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:11px 12px;
  background:#f8fafc;
  border-bottom:1px solid #e5edf7;
}
.daily-confirm-log-session>header strong{
  min-width:0;
  color:#111827;
  font-size:13px;
  font-weight:900;
}
.daily-confirm-log-session>header span{
  flex:0 0 auto;
  color:#64748b;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
.daily-confirm-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.daily-confirm-table{
  width:100%;
  margin:0 !important;
  border-collapse:collapse;
}
.daily-confirm-table th,
.daily-confirm-table td{
  vertical-align:middle;
}
.daily-confirm-loading{
  min-height:120px;
  display:grid;
  place-items:center;
}






    .daily-confirm-status { display: inline-block; padding: 3px 8px; border-radius:0 !important; font-weight: 800; font-size: 11px; text-transform: uppercase; }
    .daily-confirm-status.confirmed { background: #dcfce7; color: #166534; }
    .daily-confirm-status.late_confirmed { background: #fef3c7; color: #92400e; }
    .daily-confirm-status.missed { background: #fee2e2; color: #991b1b; }
    .daily-confirm-status.pending { background: #e0f2fe; color: #075985; }

/* Former app.js style block 14 */





/* Former app.js style block 15 */



/* Former app.js style block 16 */
.workflow-detail-status-meta { align-content:start; }
    .workflow-start-task-btn {
      margin-top:8px;
      width:max-content;
      min-width:112px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:6px;
      white-space:nowrap;
    }


/* Former app.js style block 17 */

    #detailsModal details.details-collapsible {
  padding: 0;
  margin: 0;
      border: 1px solid #dbe3ef;
      border-radius:0 !important;
      background: #ffffff;
      overflow: hidden;
      box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}



    #detailsModal .details-collapsible-summary:hover {
      background: #f1f5f9;
    }

    #detailsModal .details-collapsible-summary:focus-visible {
      outline: 3px solid rgba(37, 99, 235, .22);
      outline-offset: -3px;
    }

    #detailsModal .details-collapsible-summary > span:first-child {
      display: inline-flex;
      align-items: center;
      min-width: 0;
      gap: 8px;
    }

    #detailsModal .details-collapsible-summary small {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      margin-left: 6px;
      padding: 3px 8px;
      border-radius:0 !important;
      background: #e2e8f0;
      color: #475569;
      font-size: 10px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: .035em;
      text-transform: uppercase;
    }

    #detailsModal .details-collapsible-summary > i {
      display: inline-grid;
      place-items: center;
      flex: 0 0 30px;
      width: 30px;
      height: 30px;
      border: 1px solid #cbd5e1;
      border-radius:0 !important;
      background: #fff;
      color: #475569;
      font-size: 12px;
      transition: transform .18s ease, border-color .16s ease, color .16s ease;
    }

    #detailsModal details.details-collapsible[open] > .details-collapsible-summary {
      background: #eff6ff;
      color: #1d4ed8;
      border-bottom: 1px solid #bfdbfe;
    }

    #detailsModal details.details-collapsible[open] > .details-collapsible-summary > i {
      transform: rotate(180deg);
      border-color: #93c5fd;
      color: #1d4ed8;
    }



    #detailsModal .details-output-section .details-collapsible-body {
      padding-top: 16px;
    }

    #detailsModal .details-output-section .output-level-section {
      margin: 0;
      border: 1px solid #dbe3ef;
      border-radius:0 !important;
      background: #fff;
      overflow: hidden;
      box-shadow: none;
    }

    #detailsModal .details-output-section .output-level-section > summary.output-level-header {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 64px;
      padding: 13px 48px 13px 14px;
      background: #f8fafc;
      border: 0;
      cursor: pointer;
      transition: background-color .16s ease;
    }

    #detailsModal .details-output-section .output-level-section > summary.output-level-header:hover {
      background: #f1f5f9;
    }

    #detailsModal .details-output-section .output-level-section > summary.output-level-header::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 14px;
      display: grid;
      place-items: center;
      width: 26px;
      height: 26px;
      transform: translateY(-50%);
      border: 1px solid #cbd5e1;
      border-radius:0 !important;
      background: #fff;
      color: #475569;
      font-family: "Font Awesome 6 Free";
      font-size: 11px;
      font-weight: 900;
      transition: transform .18s ease, color .16s ease, border-color .16s ease;
    }

    #detailsModal .details-output-section .output-level-section[open] {
      border-color: #bfdbfe;
    }

    #detailsModal .details-output-section .output-level-section[open] > summary.output-level-header {
      background: #f0f7ff;
      border-bottom: 1px solid #dbeafe;
    }

    #detailsModal .details-output-section .output-level-section[open] > summary.output-level-header::after {
      transform: translateY(-50%) rotate(180deg);
      border-color: #93c5fd;
      color: #1d4ed8;
    }

    #detailsModal .details-output-section .output-level-section > summary.output-level-header::before {
      content: none !important;
    }

    #detailsModal .details-output-section .output-level-subsection {
      padding: 14px;
      border: 1px solid #e2e8f0;
      border-radius:0 !important;
      background: #fbfdff;
    }

    #detailsModal .details-output-section .output-level-subsection h4 {
      margin: 0 0 10px;
      color: #334155;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .04em;
      text-transform: uppercase;
    }



/* Former app.js style block 18 */

    #detailsModal details.details-collapsible,
    #detailsModal details.details-collapsible.status-history-section,
    #detailsModal details.details-collapsible.details-output-section {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 1px solid #dbe3ef !important;
      border-radius:0 !important;
      background: #fff !important;
      overflow: hidden !important;
      box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
      box-sizing: border-box !important;
    }
    #detailsModal details.details-collapsible > summary.details-collapsible-summary {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 12px !important;
      width: 100% !important;
      min-height: 58px !important;
      margin: 0 !important;
      padding: 14px 16px !important;
      border: 0 !important;
      border-radius:0 !important;
      background: #f8fafc !important;
      box-sizing: border-box !important;
      list-style: none !important;
      cursor: pointer !important;
    }
    #detailsModal .details-section-title {
      min-width: 0 !important;
      color: #172033 !important;
      font-size: 16px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      overflow-wrap: anywhere !important;
    }
    #detailsModal .details-section-controls {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      gap: 9px !important;
      min-width: 30px !important;
    }
    #detailsModal .details-section-count {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 22px !important;
      margin: 0 !important;
      padding: 3px 8px !important;
      border-radius:0 !important;
      background: #e2e8f0 !important;
      color: #475569 !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: .035em !important;
      text-transform: uppercase !important;
      white-space: nowrap !important;
    }
    #detailsModal .details-section-controls > i {
      display: inline-grid !important;
      place-items: center !important;
      flex: 0 0 30px !important;
      width: 30px !important;
      height: 30px !important;
      margin: 0 !important;
      border: 1px solid #cbd5e1 !important;
      border-radius:0 !important;
      background: #fff !important;
      color: #475569 !important;
      font-size: 12px !important;
      transition: transform .18s ease, border-color .16s ease, color .16s ease !important;
    }
    #detailsModal details.details-collapsible[open] {
      border-color: #bfdbfe !important;
      box-shadow: 0 4px 14px rgba(37,99,235,.07) !important;
    }
    #detailsModal details.details-collapsible[open] > summary.details-collapsible-summary {
      background: #eff6ff !important;
      border-bottom: 1px solid #bfdbfe !important;
    }
    #detailsModal details.details-collapsible[open] .details-section-title {
      color: #1d4ed8 !important;
    }
    #detailsModal details.details-collapsible[open] .details-section-controls > i {
      transform: rotate(180deg) !important;
      border-color: #93c5fd !important;
      color: #1d4ed8 !important;
    }
    #detailsModal details.details-collapsible > .details-collapsible-body,
    #detailsModal details.details-collapsible.status-history-section > .details-collapsible-body,
    #detailsModal details.details-collapsible.details-output-section > .details-collapsible-body {
      width: 100% !important;
      margin: 0 !important;
      padding: 16px !important;
      border: 0 !important;
      background: #fff !important;
      box-sizing: border-box !important;
    }


/* Former app.js style block 19 */
/* Shared container for every nested Output workflow card. */
    #detailsModal .details-output-section .output-level-sections {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 12px !important;
      width: 100% !important;
    }
    #detailsModal .details-output-section details.output-level-section,
    #detailsModal .details-output-section details.output-level-collapsible {
      display: block !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 1px solid #dbe3ef !important;
      border-radius:0 !important;
      background: #fff !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
      box-shadow: 0 1px 2px rgba(15,23,42,.04) !important;
    }
    #detailsModal .details-output-section details.output-level-section > summary.output-level-header,
    #detailsModal .details-output-section details.output-level-collapsible > summary.output-level-header {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 10px !important;
      width: 100% !important;
      min-height: 54px !important;
      margin: 0 !important;
      padding: 12px 14px !important;
      border: 0 !important;
      border-radius:0 !important;
      background: #f8fafc !important;
      list-style: none !important;
      cursor: pointer !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section details.output-level-section > summary.output-level-header::-webkit-details-marker,
    #detailsModal .details-output-section details.output-level-collapsible > summary.output-level-header::-webkit-details-marker {
      display: none !important;
    }
    #detailsModal .details-output-section details.output-level-section > summary.output-level-header::after,
    #detailsModal .details-output-section details.output-level-collapsible > summary.output-level-header::after {
      content: "" !important;
      display: inline-grid !important;
      place-items: center !important;
      width: 28px !important;
      height: 28px !important;
      border: 1px solid #cbd5e1 !important;
      border-radius:0 !important;
      background: #fff !important;
      color: #475569 !important;
      font-family: "Font Awesome 6 Free" !important;
      font-size: 11px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      transition: transform .18s ease, color .16s ease, border-color .16s ease !important;
    }
    #detailsModal .details-output-section details.output-level-section[open],
    #detailsModal .details-output-section details.output-level-collapsible[open] {
      border-color: #bfdbfe !important;
      box-shadow: 0 3px 10px rgba(37,99,235,.06) !important;
    }
    #detailsModal .details-output-section details.output-level-section[open] > summary.output-level-header,
    #detailsModal .details-output-section details.output-level-collapsible[open] > summary.output-level-header {
      background: #eff6ff !important;
      border-bottom: 1px solid #bfdbfe !important;
    }
    #detailsModal .details-output-section details.output-level-section[open] > summary.output-level-header::after,
    #detailsModal .details-output-section details.output-level-collapsible[open] > summary.output-level-header::after {
      transform: rotate(180deg) !important;
      border-color: #93c5fd !important;
      color: #1d4ed8 !important;
    }
    #detailsModal .details-output-section .output-level-summary-title {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 7px !important;
      min-width: 0 !important;
    }
    #detailsModal .details-output-section .output-level-summary-title h3 {
      margin: 0 !important;
      color: #172033 !important;
      font-size: 15px !important;
      font-weight: 800 !important;
      line-height: 1.25 !important;
      overflow-wrap: anywhere !important;
    }
    #detailsModal .details-output-section .output-level-meta {
      display: flex !important;
      align-items: center !important;
      flex-wrap: wrap !important;
      gap: 6px !important;
      margin: 5px 0 0 !important;
      color: #64748b !important;
      font-size: 12px !important;
      line-height: 1.3 !important;
    }
    #detailsModal .details-output-section .output-level-grid {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 10px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 12px !important;
      background: #fff !important;
      box-sizing: border-box !important;
    }

    /* Plain Output editor card and every nested details accordion use one visual system. */
    #detailsModal .details-output-section .output-level-subsection,
    #detailsModal .details-output-section details.output-collapsible,
    #detailsModal .details-output-section .output-version-list.output-level-subsection,
    #detailsModal .details-output-section .output-review-history.output-level-subsection {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 1px solid #e2e8f0 !important;
      border-radius:0 !important;
      background: #fff !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .output-level-subsection:not(details) > h4 {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      min-height: 44px !important;
      margin: 0 !important;
      padding: 10px 12px !important;
      border-bottom: 1px solid #e2e8f0 !important;
      background: #f8fafc !important;
      color: #334155 !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: .045em !important;
      text-transform: uppercase !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .output-level-subsection:not(details) > h4 + * {
      margin-top: 12px !important;
    }
    #detailsModal .details-output-section .output-level-subsection:not(details) > :last-child {
      margin-bottom: 12px !important;
    }
    #detailsModal .details-output-section details.output-collapsible > summary {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto auto !important;
      align-items: center !important;
      gap: 8px !important;
      width: 100% !important;
      min-height: 44px !important;
      margin: 0 !important;
      padding: 10px 12px !important;
      border: 0 !important;
      border-radius:0 !important;
      background: #f8fafc !important;
      color: #334155 !important;
      font-size: 12px !important;
      font-weight: 800 !important;
      line-height: 1.2 !important;
      letter-spacing: .045em !important;
      text-transform: uppercase !important;
      list-style: none !important;
      cursor: pointer !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section details.output-collapsible > summary::-webkit-details-marker {
      display: none !important;
    }
    #detailsModal .details-output-section details.output-collapsible > summary::after {
      content: "" !important;
      display: inline-grid !important;
      place-items: center !important;
      width: 24px !important;
      height: 24px !important;
      margin: 0 !important;
      border: 1px solid #cbd5e1 !important;
      border-radius:0 !important;
      background: #fff !important;
      color: #64748b !important;
      font-family: "Font Awesome 6 Free" !important;
      font-size: 10px !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      transition: transform .18s ease, color .16s ease, border-color .16s ease !important;
    }
    #detailsModal .details-output-section details.output-collapsible[open] {
      border-color: #bfdbfe !important;
    }
    #detailsModal .details-output-section details.output-collapsible[open] > summary {
      background: #eff6ff !important;
      color: #1d4ed8 !important;
      border-bottom: 1px solid #bfdbfe !important;
    }
    #detailsModal .details-output-section details.output-collapsible[open] > summary::after {
      transform: rotate(180deg) !important;
      border-color: #93c5fd !important;
      color: #1d4ed8 !important;
    }
    #detailsModal .details-output-section .output-collapsible-count {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      min-height: 21px !important;
      margin: 0 !important;
      padding: 3px 7px !important;
      border-radius:0 !important;
      background: #e2e8f0 !important;
      color: #475569 !important;
      font-size: 10px !important;
      font-weight: 800 !important;
      line-height: 1 !important;
      letter-spacing: .02em !important;
      text-transform: none !important;
      white-space: nowrap !important;
    }
    #detailsModal .details-output-section details.output-collapsible[open] .output-collapsible-count {
      background: #dbeafe !important;
      color: #1d4ed8 !important;
    }
    #detailsModal .details-output-section .output-collapsible-body {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 8px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 12px !important;
      border: 0 !important;
      background: #fff !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .output-level-actions-row {
      display: flex !important;
      align-items: center !important;
      justify-content: flex-end !important;
      flex-wrap: wrap !important;
      gap: 8px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }

    #detailsModal .details-output-section .output-level-subsection:not(details) > h4 ~ * {
      margin-left: 0 !important;
      margin-right: 0 !important;
    }
    #detailsModal .details-output-section .output-level-subsection:not(details) > .combined-output-edit {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 10px !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: none !important;
      margin: 12px !important;
      padding: 0 !important;
      overflow: hidden !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .combined-output-edit > .details-output-input,
    #detailsModal .details-output-section .combined-output-edit > input,
    #detailsModal .details-output-section .combined-output-edit > select,
    #detailsModal .details-output-section .combined-output-edit > textarea {
      display: block !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      margin: 0 !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .combined-output-edit > .btn,
#detailsModal .details-output-section .combined-output-edit .caption-output-state,
    #detailsModal .details-output-section .combined-output-edit .combined-output-missing,
    #detailsModal .details-output-section .combined-output-edit .field-hint{
      width: fit-content !important;
      max-width: 100% !important;
      margin: 0 !important;
    }

    /* Output Versions: compact, readable version cards. */
    #detailsModal .details-output-section .output-version-item {
      display: grid !important;
      gap: 10px !important;
      width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
      padding: 12px !important;
      border: 1px solid #dbe4ef !important;
      border-radius:0 !important;
      background: #fff !important;
      box-shadow: 0 1px 2px rgba(15, 23, 42, .04) !important;
      box-sizing: border-box !important;
    }
    #detailsModal .details-output-section .output-version-card-head {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 10px !important;
      min-width: 0 !important;
    }
    #detailsModal .details-output-section .output-version-number {
      display: inline-grid !important;
      place-items: center !important;
      width: 34px !important;
      height: 34px !important;
      border-radius:0 !important;
      background: #eff6ff !important;
      color: #1d4ed8 !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }
    #detailsModal .details-output-section .output-version-card-meta {
      display: grid !important;
      gap: 3px !important;
      min-width: 0 !important;
    }
    #detailsModal .details-output-section .output-version-card-meta strong {
      color: #172033 !important;
      font-size: 13px !important;
      line-height: 1.25 !important;
    }
    #detailsModal .details-output-section .output-version-card-meta span {
      color: #64748b !important;
      font-size: 11px !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    #detailsModal .details-output-section .output-version-open-btn {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6px !important;
      white-space: nowrap !important;
    }
    #detailsModal .details-output-section .output-version-url {
      width: 100% !important;
      min-width: 0 !important;
      padding: 8px 10px !important;
      border-radius:0 !important;
      background: #f8fafc !important;
      color: #475569 !important;
      font-size: 11px !important;
      line-height: 1.35 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      box-sizing: border-box !important;
    }



/* Former app.js style block 20 */

    #detailsModal .modal-box,
    #detailsModal .modal-content {
      width: 100% !important;
      max-width: none !important;
    }
    #detailsModal .details-section,
    #detailsModal .task-details-section,
    #detailsModal .details-accordion-section {
      border: 1px solid var(--mortx-border);
      border-radius:0 !important;
      background: var(--mortx-surface);
      box-shadow: none;
    }
    #detailsModal .details-section + .details-section,
    #detailsModal .task-details-section + .task-details-section,
    #detailsModal .details-accordion-section + .details-accordion-section {
      margin-top: var(--mortx-space-2);
    }
    #detailsModal .btn {
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 7px;
      line-height: 1;
      box-sizing: border-box;
    }

    #detailsModal .output-level-header {
      padding: var(--mortx-space-2);
      background: var(--mortx-surface-soft);
      border-bottom: 1px solid var(--mortx-border);
    }
    #detailsModal .output-level-body {
      padding: var(--mortx-space-2);
    }
    #detailsModal .drive-social-carousel,
    #detailsModal .direct-output-preview {
      border: 0;
      border-radius:0 !important;
      box-shadow: none;
    }
    #detailsModal .output-version-row,
    #detailsModal .output-version-card,
    #detailsModal .review-history-row,
    #detailsModal .review-history-item {
      border: 1px solid var(--mortx-border);
      border-radius:0 !important;
      background: var(--mortx-surface);
      padding: 12px 14px;
    }
    #detailsModal .output-version-row + .output-version-row,
    #detailsModal .output-version-card + .output-version-card,
    #detailsModal .review-history-row + .review-history-row,
    #detailsModal .review-history-item + .review-history-item {
      margin-top: 8px;
    }
    .review-decision-card {
      width: 100%;
      border: 1px solid var(--mortx-border);
      border-radius:0 !important;
      background: var(--mortx-surface);
      overflow: hidden;
      box-sizing: border-box;
    }
    .review-decision-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 14px 16px;
      background: var(--mortx-surface-soft);
      border-bottom: 1px solid var(--mortx-border);
    }
    .review-decision-header strong {
      display: block;
      color: #172033;
      font-size: 14px;
      font-weight: 800;
    }
    .review-decision-header span {
      display: block;
      margin-top: 3px;
      color: var(--mortx-muted);
      font-size: 12px;
      font-weight: 500;
    }
    .review-decision-actions {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
      padding: 14px 16px;
      width: 100%;
      box-sizing: border-box;
    }
    .review-decision-actions.hidden { display: none !important; }
    .review-decision-card .revision-box {
      display: grid;
      gap: 10px;
      width: 100% !important;
      max-width: none !important;
      min-width: 0;
      margin: 0 !important;
      padding: 16px !important;
      border: 0 !important;
      border-radius:0 !important;
      background: #fffaf5 !important;
      box-sizing: border-box;
    }
    .review-decision-card .revision-box.hidden { display: none !important; }
    .review-field-label {
      color: #7c2d12;
      font-size: 12px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: .04em;
    }
    .review-decision-card textarea {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0;
      min-height: 110px;
      padding: 12px 14px;
      border: 1px solid #cbd5e1;
      border-radius:0 !important;
      resize: vertical;
      box-sizing: border-box;
    }
    .review-decision-footer {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 8px;
    }
    #detailsModal .status-history-table {
      border-collapse: separate;
      border-spacing: 0;
      width: 100%;
    }
    #detailsModal .status-history-table th {
      background: var(--mortx-surface-soft);
      color: #475569;
      font-size: 11px;
      letter-spacing: .04em;
      text-transform: uppercase;
    }
    #detailsModal .status-history-table th,
    #detailsModal .status-history-table td {
      padding: 10px 12px;
      border-bottom: 1px solid #e2e8f0;
      vertical-align: middle;
    }
    #detailsModal .status-history-table tr:last-child td { border-bottom: 0; }

/* Former app.js style block 21 */
#detailsModal .output-level-drive-preview {
      padding: 16px !important;
      box-sizing: border-box !important;
    }
    #detailsModal .output-level-drive-preview > .caption-preview-source-group {
      margin: -16px -16px 16px !important;
      padding: 12px 16px !important;
      box-sizing: border-box !important;
    }
    #detailsModal .output-level-drive-preview .drive-social-carousel,
    #detailsModal .output-level-drive-preview .direct-output-preview {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      box-sizing: border-box !important;
    }
    #detailsModal .output-level-drive-preview .drive-social-stage,
    #detailsModal .output-level-drive-preview .direct-output-preview-stage {
      width: 100% !important;
      max-width: 100% !important;
      box-sizing: border-box !important;
    }
    #detailsModal .output-level-drive-preview .drive-social-meta,
    #detailsModal .output-level-drive-preview .drive-social-thumbnails,
    #detailsModal .output-level-drive-preview .drive-social-actions,
    #detailsModal .output-level-drive-preview .direct-output-preview-actions {
      margin-left: 0 !important;
      margin-right: 0 !important;
      box-sizing: border-box !important;
    }

/* Former app.js style block 22 */
    #detailsModal .details-section,#detailsModal .task-details-section,#detailsModal .details-accordion-section,#detailsModal .output-level-section,#detailsModal .output-level-card,#detailsModal .output-editor,#detailsModal .output-editor-card,#detailsModal .output-preview,#detailsModal .output-preview-shell,#detailsModal .output-versions,#detailsModal .output-version-row,#detailsModal .output-version-card,#detailsModal .review-history,#detailsModal .review-history-row,#detailsModal .review-history-item,#detailsModal .review-decision-card,#detailsModal .status-history,#detailsModal .status-history-card,#detailsModal [class*="accordion"],#detailsModal [class*="collapsible"]{border-color:#dbe3ef !important;box-shadow:none !important}
    #detailsModal .details-section-header,#detailsModal .task-details-section-header,#detailsModal .details-accordion-header,#detailsModal .output-level-header,#detailsModal .nested-accordion-header,#detailsModal [class*="accordion-header"],#detailsModal [class*="collapsible-header"]{background:#f8fafc !important;border-color:#dbe3ef !important}
    #detailsModal .details-section-body,#detailsModal .task-details-section-body,#detailsModal .details-accordion-body,#detailsModal .output-level-body,#detailsModal .nested-accordion-body,#detailsModal [class*="accordion-body"],#detailsModal [class*="collapsible-body"]{background:#fff !important}

/* Former broad radius reset removed in v1.0.133. */
    #detailsModal details,
    #detailsModal summary,
    #detailsModal [class*="accordion"],
    #detailsModal [class*="collapsible"],
    #detailsModal [class*="collapse"],
    #detailsModal [class*="section"],
    #detailsModal [class*="panel"],
    #detailsModal [class*="card"],
    #detailsModal [class*="frame"],
    #detailsModal [class*="preview"],
    #detailsModal button,
    #detailsModal input,
    #detailsModal select,
    #detailsModal textarea {
      border-radius:0 !important;
    }

/* Former app.js style block 24 */
#detailsModal .previous-versions-section .output-collapsible-body {
      padding: 12px !important;
      gap: 10px !important;
      background: #fff !important;
    }
    #detailsModal .previous-versions-section .output-version-item {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 12px !important;
      padding: 14px !important;
      border: 1px solid #dbe3ef !important;
      background: #fff !important;
      box-shadow: none !important;
    }
    #detailsModal .previous-versions-section .output-version-card-head {
      display: grid !important;
      grid-template-columns: 40px minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 12px !important;
      min-width: 0 !important;
    }
    #detailsModal .previous-versions-section .output-version-number {
      width: 40px !important;
      height: 40px !important;
      background: #eff6ff !important;
      color: #1d4ed8 !important;
      font-size: 12px !important;
      font-weight: 900 !important;
    }
    #detailsModal .previous-versions-section .output-version-card-meta {
      display: grid !important;
      gap: 3px !important;
      min-width: 0 !important;
    }
    #detailsModal .previous-versions-section .output-version-card-meta strong {
      color: #172033 !important;
      font-size: 14px !important;
      line-height: 1.25 !important;
    }
    #detailsModal .previous-versions-section .output-version-card-meta span {
      color: #64748b !important;
      font-size: 11px !important;
      white-space: normal !important;
      overflow: visible !important;
      text-overflow: clip !important;
    }
    #detailsModal .previous-versions-section .output-version-open-btn {
      align-self: center !important;
      white-space: nowrap !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-notes {
      display: grid !important;
      gap: 8px !important;
      width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
      border-top: 0 !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-note {
      display: grid !important;
      gap: 6px !important;
      padding: 10px 12px !important;
      border: 1px solid #fed7aa !important;
      border-left: 4px solid #f59e0b !important;
      background: #fffaf0 !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-label {
      display: flex !important;
      align-items: center !important;
      gap: 7px !important;
      color: #9a3412 !important;
      font-size: 12px !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-label i {
      margin: 0 !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-meta {
      display: flex !important;
      justify-content: flex-start !important;
      gap: 6px 12px !important;
      flex-wrap: wrap !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-meta span {
      color: #78716c !important;
      font-size: 11px !important;
      font-weight: 800 !important;
    }
    #detailsModal .previous-versions-section .output-version-revision-note p {
      margin: 0 !important;
      color: #431407 !important;
      font-size: 12px !important;
      line-height: 1.45 !important;
      white-space: pre-wrap !important;
    }

/* Former app.js style block 25 */
#detailsModal {
          padding: 8px !important;
        }
        #detailsModal .modal-dialog,
        #detailsModal .modal-dialog.modal-xl,
        #detailsModal .modal-dialog.modal-lg,
        #detailsModal .modal-dialog.modal-dialog-centered,

#detailsModal .modal-content,
        #detailsModal .modal-box {
          width: 100% !important;
          max-width: none !important;
          min-width: 0 !important;
          height: 100% !important;
          max-height: none !important;
        }
        #detailsModal .modal-body,
        #detailsModal #detailsContent,
        #detailsModal .details-focus-wrap,
        #detailsModal .details-two-column-layout {
          min-height: 0 !important;
        }

/* Former index.html style block 1 */
/* MORTX desktop square UI standardization */

/* Structural UI: keep one consistent square visual language. */

/* Preserve circles only where shape communicates identity/status. */

/* Keep native checkbox/radio geometry intact. */
input[type="checkbox"],
input[type="radio"] {
  border-radius:0 !important;
}

/* Former index.html style block 2 */
/* Final desktop UI normalization. This intentionally runs after every library and app rule. */
:root {
  --chip-height:38px;--chip-radius: 0;--chip-font-size:12px;--chip-font-weight:900;--chip-padding-x:16px;--chip-status-width:150px;--chip-priority-width:130px;
  --mortx-todo-visible:#b8c4d1;--mortx-todo-text:#111827;
  --mortx-status-draft:#677489;--mortx-status-todo:#bac4d0;--mortx-status-progress:#3171e2;--mortx-status-review:#f1af54;--mortx-status-revision:#b33530;--mortx-status-done:#489967;--mortx-text-on-draft:#ffffff;--mortx-text-on-todo:#111827;--mortx-text-on-progress:#ffffff;--mortx-text-on-review:#111827;--mortx-text-on-revision:#ffffff;--mortx-text-on-done:#ffffff;
  --mortx-board-column-max-height:calc(100vh - 360px);--mortx-board-column-min-scroll-height:360px;
  --mw-bg:#f5f6fb;--mw-surface:#ffffff;--mw-surface-2:#f8fafc;--mw-text:#1f2937;--mw-muted:#64748b;--mw-border:#e5e7eb;--mw-border-strong:#cbd5e1;--mw-table-row-pad-y:7px;--mw-table-row-pad-x:10px;--mw-table-chip-h:30px;--mw-table-chip-font:11px;
  --mortx-floating-btn-size:54px;
  --mortx-floating-btn-radius: 0;
  --mortx-floating-btn-icon:20px;
  --bs-primary:#0d6efd;
  --bs-success:#198754;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-border-color:#dee2e6;
  --mortx-soft:#f8f9fa;
  --mortx-text:#212529;
  --mx-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --mx-text-xs: 0.75rem;
  --mx-text-sm: 0.8125rem;
  --mx-text-base: 0.9375rem;
  --mx-text-md: 1rem;
  --mx-text-lg: 1.125rem;
  --mx-text-xl: 1.375rem;
  --mx-text-2xl: 1.75rem;
  --mx-text-3xl: 2rem;
  --mx-leading-tight: 1.2;
  --mx-leading-normal: 1.45;
  --mx-leading-relaxed: 1.6;
  --mortx-space-1: 8px;
      --mortx-space-2: 16px;
      --mortx-space-3: 24px;
      --mortx-border: #dbe3ef;
      --mortx-muted: #64748b;
      --mortx-surface: #ffffff;
      --mortx-surface-soft: #f8fafc;
  --mortx-ui-radius: 8px;
  --mortx-radius: 8px;
  --bs-border-radius: 5px;
  --bs-border-radius-sm: 4px;
  --bs-border-radius-lg: 6px;
  --bs-border-radius-xl: 8px;
  --bs-border-radius-xxl: 10px;
  --bs-border-radius-pill: 999px;
}

/* Square all interface elements regardless of dynamically generated class names. */

/* Preserve only semantic circles. */

/* One visual structure for Task Details and every nested section. */
#detailsModal .details-section,
#detailsModal .task-details-section,
#detailsModal .details-accordion-section,
#detailsModal .output-level-section,
#detailsModal .output-level-card,
#detailsModal .output-editor,
#detailsModal .output-editor-card,
#detailsModal .output-preview,
#detailsModal .output-preview-shell,
#detailsModal .output-versions,
#detailsModal .output-version-row,
#detailsModal .output-version-card,
#detailsModal .review-history,
#detailsModal .review-history-row,
#detailsModal .review-history-item,
#detailsModal .review-decision-card,
#detailsModal .status-history,
#detailsModal .status-history-card,
#detailsModal [class*="accordion"],
#detailsModal [class*="collapsible"] {
  border-color: #dbe3ef !important;
  box-shadow: none !important;
}

#detailsModal .details-section-header,
#detailsModal .task-details-section-header,
#detailsModal .details-accordion-header,
#detailsModal .output-level-header,
#detailsModal .nested-accordion-header,
#detailsModal [class*="accordion-header"],
#detailsModal [class*="collapsible-header"] {
  background: #f8fafc !important;
  border-color: #dbe3ef !important;
}

#detailsModal .details-section-body,
#detailsModal .task-details-section-body,
#detailsModal .details-accordion-body,
#detailsModal .output-level-body,
#detailsModal .nested-accordion-body,
#detailsModal [class*="accordion-body"],
#detailsModal [class*="collapsible-body"] {
  background: #fff !important;
}

/* Former static inline declarations */
.access-avatar-image{width:100%;height:100%;object-fit:cover;display:block}
.task-data-table-full{width:100%}


/* =========================================================
   Task Details — stable desktop 40 / 60 layout
   Left: task information (40%). Right: output workspace (60%).
   Every section remains an independent native <details> collapse.
   ========================================================= */
#detailsModal #detailsContent {
  height: 100% !important;
  max-height: none !important;
  overflow: hidden !important;
  padding: 14px !important;
  background: #f5f7fa !important;
}







#detailsModal .details-right-column {
  padding: 0 !important;
  background: #fff !important;
  display: block !important;
}

#detailsModal .detail-section {
  padding: 14px;
  margin: 0 !important;
  border: 1px solid #d8e0ea !important;
  background: #fff !important;
  box-shadow: none !important;
}

#detailsModal .details-collapsible-summary {
  position: relative;
      color: #172033;
      font-size: 16px;
      font-weight: 800;
      line-height: 1.2;
      transition: background-color .16s ease, color .16s ease;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 0 14px !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  list-style: none !important;
  user-select: none !important;
  background: #f7f9fc !important;
  border: 0 !important;
}

#detailsModal .details-collapsible-summary::-webkit-details-marker {
  display: none !important;
}

#detailsModal .details-collapsible-summary .details-section-controls {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

#detailsModal .details-collapsible-summary i {
  color: #64748b;
  display: inline-block !important;
  transition: transform .18s ease !important;
}

#detailsModal details[open] > .details-collapsible-summary {
  border-bottom: 1px solid #d8e0ea !important;
}

#detailsModal details[open] > .details-collapsible-summary i {
  transform: rotate(180deg) !important;
}

#detailsModal .details-collapsible-body {
  border-top: 0;
  display: block;
  padding: 12px !important;
  background: #fff !important;
  border: 0 !important;
}

#detailsModal details:not([open]) > .details-collapsible-body {
  display: none !important;
}

#detailsModal .details-output-section {
  width: 100% !important;
  min-width: 0 !important;
}

#detailsModal .combined-output-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}

#detailsModal .output-level-section {
  border-radius:0 !important;
      box-shadow: none;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  border: 1px solid #d8e0ea !important;
  background: #fff !important;
}

#detailsModal .output-level-section > summary,
#detailsModal .output-level-header {
  cursor: pointer !important;
  pointer-events: auto !important;
}

#detailsModal .drive-preview-stage,
#detailsModal .drive-preview-frame {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 500px !important;
}


/* =========================================================
   Task Details — direct per-level Output layout
   Removes the redundant outer Output accordion. Each workflow
   level remains independently collapsible. Both columns use the
   same workspace padding.
   ========================================================= */

#detailsModal .details-output-levels {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
}

#detailsModal .details-right-column > .details-output-levels > .combined-output-list {
  gap: 10px !important;
}

#detailsModal .details-right-column .output-level-section {
  margin: 0 !important;
}

/* =========================================================
   Task Details — uniform collapsible headers
   Left-column sections reuse the same toggle treatment as
   each Output level accordion for a clean, consistent UI.
   ========================================================= */




#detailsModal .details-left-column details.details-collapsible > summary.details-collapsible-summary::-webkit-details-marker {
  display: none !important;
}



#detailsModal .details-left-column details.details-collapsible[open] {
  border-color: #bfdbfe !important;
}







#detailsModal .details-left-column .details-section-count {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  padding: 3px 7px !important;
  border: 0 !important;
  background: #e2e8f0 !important;
  color: #475569 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

#detailsModal .details-left-column details.details-collapsible[open] .details-section-count {
  background: #dbeafe !important;
  color: #1d4ed8 !important;
}

/* Revision output gate: field stays hidden until Start Revision moves level to In Progress. */
.revision-output-locked-message {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 12px;
  border: 1px solid #f0c36d;
  background: #fff8e6;
  color: #7a4a00;
}
.revision-output-locked-message strong { font-weight: 800; }
.revision-output-locked-message span { color: #6b5a3a; }

/* =========================================================
   Task Details — compact summary header
   Project/team metadata and task badges share the top row;
   title and actions share the second row.
   ========================================================= */
#detailsModal .details-hero.details-hero-compact {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  min-height: 0 !important;
}

#detailsModal .details-hero-meta-row,
#detailsModal .details-hero-title-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}



#detailsModal .details-hero-title-row {
  min-height: 34px !important;
}





#detailsModal .details-hero-compact h2 {
  margin: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}



/* Task Details metadata stays directly beside project/team */
#detailsModal .details-hero-meta-row {
  min-height: 24px !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  column-gap: 8px !important;
  row-gap: 6px !important;
}

#detailsModal .details-hero-compact .details-pill-row {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  justify-content: flex-start !important;
  flex: 0 1 auto !important;
}

/* Task Details header: actions vertically centered beside both metadata and title rows. */
#detailsModal .details-hero-compact .details-hero-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  width: 100% !important;
  min-width: 0 !important;
}
#detailsModal .details-hero-compact .details-hero-copy {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}
#detailsModal .details-hero-compact .details-hero-meta-row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: wrap !important;
  gap: 6px 8px !important;
  min-width: 0 !important;
}
#detailsModal .details-hero-compact .details-hero-title-row {
  display: block !important;
  min-height: 0 !important;
  min-width: 0 !important;
}
#detailsModal .details-hero-compact .details-hero-actions {
  flex: 0 0 auto !important;
  align-self: center !important;
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 !important;
}


/* Task Details — project and team use the same square badge language as metadata. */
#detailsModal .details-context-badges {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
#detailsModal .details-context-badges .details-pill.context {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  padding: 4px 8px !important;
  margin: 0 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 0 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  max-width: 260px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#detailsModal .details-context-badges .project-context {
  background: #f1f5f9 !important;
  color: #334155 !important;
}
#detailsModal .details-context-badges .team-context {
  background: #eaf2ff !important;
  border-color: #bfdbfe !important;
  color: #1d4ed8 !important;
}
#detailsModal .details-hero-compact .details-kicker {
  margin: 0 !important;
  min-width: 0 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  flex: 0 1 auto !important;
  max-width: 48% !important;
  display: none !important;
}

/* Workflow output description field */
#taskModal .collaborative-level-row {
  grid-template-columns: auto auto minmax(140px,.78fr) minmax(210px,1.18fr) minmax(150px,.78fr) minmax(220px,1.15fr) auto !important;
}
#taskModal .collab-output-description-field { min-width: 0; }
#taskModal .collab-output-description-input { width: 100%; min-width: 0; }
.output-level-description {
  border: 1px solid #d8e2ef;
  background: #f8fbff;
  padding: 12px;
  display: grid;
  gap: 6px;
}
.output-level-description strong {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #475569;
}
.output-level-description p { margin: 0; line-height: 1.5; color: #1f2937; }

/* Output description is displayed inline with the Output heading. */
.output-heading-description {
  font: inherit;
  font-weight: 500;
  color: #64748b;
  text-transform: none;
  letter-spacing: 0;
  white-space: normal;
}

/* Done task reopen control */
.task-card.done-drag-locked .task-card-drag-handle {
  display: none !important;
}

.mortx-reopen-task-dialog .mortx-reopen-confirm-card {
  min-width: 420px;
}

.mortx-reopen-status-field {
  display: grid;
  gap: 8px;
  margin: 16px 0;
  text-align: left;
  font-weight: 700;
}

.mortx-reopen-status-field select {
  width: 100%;
  min-height: 40px;
  padding: 8px 10px;
  border: 1px solid #cfd8e3;
  border-radius: 0;
  background: #fff;
  color: #111827;
}

/* Reopen completed workflow level dialog */
.mortx-reopen-confirm-card .mortx-reopen-status-field {
  display: grid;
  gap: 6px;
  width: 100%;
  text-align: left;
}
.mortx-reopen-confirm-card .mortx-reopen-status-field > span {
  font-weight: 800;
  color: #334155;
}
.mortx-reopen-confirm-card .mortx-reopen-level-select,
.mortx-reopen-confirm-card .mortx-reopen-status-select,
.mortx-reopen-confirm-card .mortx-reopen-reason {
  width: 100%;
  box-sizing: border-box;
}
.mortx-reopen-confirm-card .mortx-reopen-reason {
  resize: vertical;
  min-height: 78px;
}
.mortx-reopen-reset-note {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #f0c36d;
  background: #fff8e6;
  color: #7a4b00;
  font-size: 12px;
  line-height: 1.45;
}

/* =========================================================
   Task Details — independent column scrolling (authoritative)
   Keep modal header/footer fixed; left and right workspaces scroll.
   ========================================================= */





/* =========================================================
   Task Details — content-driven sections + column scrolling
   Sections grow from their content. Only each workspace column
   owns a scrollbar; modal header/footer remain fixed.
   ========================================================= */



/* Every section and opened accordion sizes from its real content. */
#detailsModal .details-left-column > *,
#detailsModal .details-right-column > *,
#detailsModal details.details-collapsible,
#detailsModal details.details-collapsible[open],
#detailsModal .details-collapsible-body,
#detailsModal .status-history,
#detailsModal .status-history-card,
#detailsModal .status-history-table-wrap,
#detailsModal .status-history table,
#detailsModal .details-output-levels,
#detailsModal .combined-output-list,
#detailsModal .output-level-section,
#detailsModal .output-level-body {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}

#detailsModal .details-collapsible-body,
#detailsModal .status-history,
#detailsModal .status-history-card,
#detailsModal .status-history-table-wrap,
#detailsModal .output-level-body {
  overflow: visible !important;
}

/* Closed sections hide only their own body; they do not reserve height. */
#detailsModal details.details-collapsible:not([open]) > .details-collapsible-body,
#detailsModal details.output-level-section:not([open]) > .output-level-body {
  display: none !important;
}

/* Ensure the final history row can clear the fixed modal footer. */

/* =========================================================
   FINAL: Task Details / Status History layout authority
   The modal is a 3-row grid: header, scrollable body, footer.
   Sections are content-sized; each workspace column owns scroll.
   ========================================================= */


#detailsModal .modal-header,
#detailsModal .modal-footer {
  position: relative !important;
  inset: auto !important;
  flex: none !important;
  min-height: 0 !important;
  z-index: 5 !important;
}









/* Status History is content-sized. Do not make the section a scroll box. */
#detailsModal details.status-history-section,
#detailsModal details.status-history-section[open],
#detailsModal details.status-history-section > .details-collapsible-body,
#detailsModal .status-history-compact-table-wrap,
#detailsModal .status-history-compact-table {
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: visible !important;
  box-sizing: border-box !important;
}

#detailsModal details.status-history-section:not([open]) > .details-collapsible-body {
  display: none !important;
}

#detailsModal .status-history-compact-table-wrap {
  overflow-x: auto !important;
  padding: 12px !important;
}

#detailsModal .status-history-compact-table {
  display: table !important;
  border-collapse: collapse !important;
  table-layout: auto !important;
}

#detailsModal .status-history-compact-table thead {
  display: table-header-group !important;
}

#detailsModal .status-history-compact-table tbody {
  display: table-row-group !important;
}

#detailsModal .status-history-compact-table tr {
  display: table-row !important;
}

#detailsModal .status-history-compact-table th,
#detailsModal .status-history-compact-table td {
  display: table-cell !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  vertical-align: middle !important;
}

#detailsModal .details-left-column > :last-child,
#detailsModal .details-right-column > :last-child {
  margin-bottom: 0 !important;
}


#detailsModal details[data-details-section="workflow"],
#detailsModal details[data-details-section="workflow"][open],
#detailsModal details[data-details-section="workflow"] > .details-collapsible-body,
#detailsModal details[data-details-section="workflow"] .workflow-details-list {
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#detailsModal details[data-details-section="workflow"]:not([open]) > .details-collapsible-body {
  display: none !important;
}



#detailsModal details[data-details-section="workflow"] .workflow-details-list {
  display: grid !important;
  grid-auto-rows: max-content ;
  gap: 8px !important;
  padding: 0 !important;
}

#detailsModal details[data-details-section="workflow"] .workflow-detail-card {
  display: grid !important;
  grid-template-columns:
    minmax(120px, 1.2fr)
    minmax(72px, .55fr)
    minmax(110px, 1fr)
    minmax(82px, .65fr)
    minmax(90px, .75fr) !important;
  align-items: center !important;
  gap: 10px !important;
  width: 100% !important;
  height: auto !important;
  min-height: 58px !important;
  max-height: none !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#detailsModal details[data-details-section="workflow"] .workflow-detail-level,
#detailsModal details[data-details-section="workflow"] .workflow-detail-meta {
  min-width: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

#detailsModal details[data-details-section="workflow"] .workflow-detail-title strong,
#detailsModal details[data-details-section="workflow"] .workflow-detail-value {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* =========================================================
   FINAL AUTHORITY — Task Details column scrolling
   Both left and right columns own one scrollbar each.
   Open sections keep natural content height and never overlap.
   ========================================================= */


#detailsModal .modal-body#detailsContent {
  flex: 1 1 0 !important;
  width: 100% !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow: hidden !important;
}

#detailsModal .details-focus-wrap {
  grid-template-columns: minmax(0, 1fr) !important;
  flex-direction: column !important;
  min-width: 0 !important;
  gap: 12px !important;
  width: 100% !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}





/* Each section follows its own content. The column—not the section—scrolls. */
#detailsModal .details-left-column > details,
#detailsModal .details-right-column > details,
#detailsModal details[data-details-section="workflow"],
#detailsModal details.status-history-section,
#detailsModal details.output-level-section {
  position: relative !important;
  inset: auto !important;
  float: none !important;
  clear: both !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  margin: 0 0 10px !important;
}

#detailsModal details[data-details-section="workflow"] > .details-collapsible-body,
#detailsModal details.status-history-section > .details-collapsible-body,
#detailsModal details.output-level-section > .output-level-body {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
}

#detailsModal details[data-details-section="workflow"]:not([open]) > .details-collapsible-body,
#detailsModal details.status-history-section:not([open]) > .details-collapsible-body,
#detailsModal details.output-level-section:not([open]) > .output-level-body {
  display: none !important;
}

#detailsModal details[data-details-section="workflow"][open] > .details-collapsible-body,
#detailsModal details.status-history-section[open] > .details-collapsible-body,
#detailsModal details.output-level-section[open] > .output-level-body {
  display: block !important;
}

/* =========================================================
   Task Details — matched column spacing
   Left-side sections use the exact same 12px workspace inset
   and 10px section gap as the per-level Output stack.
   ========================================================= */


#detailsModal .details-left-column > details,
#detailsModal .details-left-column > .details-collapsible,
#detailsModal details[data-details-section="workflow"],
#detailsModal details.status-history-section {
  flex: 0 0 auto !important;
  width: 100% !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

#detailsModal .details-left-column .details-collapsible-body > :first-child {
  margin-top: 0 !important;
}

#detailsModal .details-left-column .details-collapsible-body > :last-child {
  margin-bottom: 0 !important;
}

/* =========================================================
   Task Details — unified left/output section card system
   Final authority: title, count and toggle remain on one row.
   ========================================================= */
#detailsModal .details-left-column {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  box-sizing: border-box !important;
  gap: 10px !important;
  padding: 12px 12px 24px !important;
}

#detailsModal .details-left-column details.details-collapsible {
  padding: 0 !important;
  box-sizing: border-box !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  border: 1px solid #dbe3ef !important;
  background: #fff !important;
  overflow: visible !important;
  box-shadow: none !important;
}



#detailsModal .details-left-column .details-section-title {
  color: #172033 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  grid-column: 1 !important;
  min-width: 0 !important;
  margin: 0 !important;
  align-self: center !important;
}

#detailsModal .details-left-column .details-section-controls {
  gap: 8px !important;
  grid-column: 2 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  min-width: 0 !important;
  margin: 0 !important;
}

#detailsModal .details-left-column details.details-collapsible > summary.details-collapsible-summary::after {
  content: "" !important;
  display: inline-grid !important;
  place-items: center !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #cbd5e1 !important;
  background: #fff !important;
  color: #475569 !important;
  font-family: "Font Awesome 6 Free" !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform .18s ease, color .16s ease, border-color .16s ease !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  align-self: center !important;
  justify-self: end !important;
  margin: 0 !important;
  flex: none !important;
}

#detailsModal .details-left-column details.details-collapsible[open] > summary.details-collapsible-summary {
  background: #f8fafc !important;
  border-bottom: 1px solid #dbe3ef !important;
}

#detailsModal .details-left-column details.details-collapsible[open] > summary.details-collapsible-summary::after {
  transform: rotate(180deg) !important;
  border-color: #93c5fd !important;
  color: #1d4ed8 !important;
}

#detailsModal .details-left-column .details-collapsible-body {
  position: static !important;
  display: block;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 12px !important;
  margin: 0 !important;
  border: 0 !important;
  background: #fff !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

#detailsModal .details-left-column details.details-collapsible:not([open]) > .details-collapsible-body {
  display: none !important;
}

#detailsModal .details-left-column details.details-collapsible[open] > .details-collapsible-body {
  display: block !important;
}

#detailsModal .details-left-column .workflow-details-list,
#detailsModal .details-left-column .status-history-compact-table-wrap {
  margin: 0 !important;
}

#detailsModal .details-left-column .status-history-compact-table-wrap {
  padding: 0 !important;
}

/* =========================================================
   FINAL AUTHORITY — Task Details balanced section rhythm
   Preserve 40/60 columns while making both sides visually equal.
   ========================================================= */
#detailsModal .details-two-column-layout {
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
  width: 100% !important;
  max-height: none !important;
  display: grid !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  align-items: stretch !important;
  grid-template-columns: minmax(0, 40%) minmax(0, 60%) !important;
  gap: 12px !important;
}

#detailsModal .details-left-column,
#detailsModal .details-right-column {
  padding-right: 4px !important;
  min-width: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-overflow-scrolling: touch !important;
  width: 100% !important;
  scrollbar-gutter: stable !important;
  overscroll-behavior: contain !important;
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  position: relative !important;
  align-self: stretch !important;
  padding-bottom: 24px !important;
  padding: 12px 12px 24px !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
}

#detailsModal .details-left-column,
#detailsModal .details-output-levels,
#detailsModal .details-right-column .combined-output-list,
#detailsModal .details-right-column .output-level-sections {
  gap: 10px !important;
}

/* Match the visual height of Output headers, including their metadata row. */
#detailsModal .details-left-column details.details-collapsible > summary.details-collapsible-summary,
#detailsModal .details-right-column details.output-level-section > summary.output-level-header,
#detailsModal .details-right-column details.output-level-collapsible > summary.output-level-header {
  min-height: 68px !important;
  padding: 12px 14px !important;
  border: 0 !important;
  background: #f8fafc !important;
  box-sizing: border-box !important;
}

/* Keep title/count/toggle centered in the same header row. */
#detailsModal .details-left-column details.details-collapsible > summary.details-collapsible-summary {
  gap: 10px !important;
  width: 100% !important;
  user-select: none !important;
  display: grid !important;
  column-gap: 8px !important;
  row-gap: 0 !important;
  min-height: 58px !important;
  padding: 12px 14px !important;
  margin: 0 !important;
  border: 0 !important;
  background: #f8fafc !important;
  list-style: none !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
}

#detailsModal .details-left-column .details-section-title,
#detailsModal .details-left-column .details-section-controls,
#detailsModal .details-left-column details.details-collapsible > summary.details-collapsible-summary::after {
  align-self: center !important;
}

/* Use one border and open-state treatment across both columns. */
#detailsModal .details-left-column details.details-collapsible,
#detailsModal .details-right-column details.output-level-section,
#detailsModal .details-right-column details.output-level-collapsible {
  border: 1px solid #dbe3ef !important;
  background: #fff !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

#detailsModal .details-left-column details.details-collapsible[open],
#detailsModal .details-right-column details.output-level-section[open],
#detailsModal .details-right-column details.output-level-collapsible[open] {
  border-color: #bfdbfe !important;
}

#detailsModal .details-left-column details.details-collapsible[open] > summary.details-collapsible-summary,
#detailsModal .details-right-column details.output-level-section[open] > summary.output-level-header,
#detailsModal .details-right-column details.output-level-collapsible[open] > summary.output-level-header {
  background: #eff6ff !important;
  border-bottom: 1px solid #bfdbfe !important;
}

/* Long-text field sizing: captions, notes, review and revision text areas. */
#detailsModal textarea.details-output-input.caption-output-input,
#detailsModal .combined-output-edit textarea.caption-output-input,
#detailsModal textarea[data-output-type="caption"],
#detailsModal textarea[data-output-type="text"],
#detailsModal textarea[data-output-type="long_text"] {
  display: block !important;
  width: 100% !important;
  min-height: 210px !important;
  height: 210px !important;
  max-height: 420px !important;
  padding: 12px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

#detailsModal .revision-box textarea,
#detailsModal .current-revision-field textarea,
#detailsModal .review-decision-card textarea,
#detailsModal textarea.revision-notes-input,
#detailsModal textarea.review-notes-input {
  min-height: 130px !important;
  height: 130px !important;
  max-height: 320px !important;
  padding: 12px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
  overflow-y: auto !important;
  box-sizing: border-box !important;
}

#taskModal #notes,
#taskModal textarea[name="notes"],
#taskModal .notes-field textarea {
  min-height: 120px !important;
  height: 120px !important;
  max-height: 320px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

#taskModal .task-form-output-field textarea,
#taskModal .task-form-output-field .output-caption-input,
#taskModal .task-form-output-field .caption-output-input,
#taskModal textarea.long-text {
  min-height: 180px !important;
  height: 180px !important;
  max-height: 400px !important;
  line-height: 1.5 !important;
  resize: vertical !important;
  overflow-y: auto !important;
}










/* Bulk CSV task import */
.bulk-import-body{display:grid;gap:14px;}
.bulk-import-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.bulk-import-file-label{margin:0;cursor:pointer;}
.bulk-import-file-name{font-size:13px;font-weight:800;color:#64748b;min-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bulk-import-help{padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-size:13px;font-weight:800;line-height:1.45;}
.bulk-import-summary{padding:10px 12px;border:1px solid #bbf7d0;background:#f0fdf4;color:#166534;}
.bulk-import-invalid{color:#991b1b;}
.bulk-import-errors{padding:10px 12px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;display:grid;gap:5px;font-weight:800;}




/* MORTX For Revision: keep the submitted output visible for reference */
#detailsModal .revision-previous-preview{
  display:grid;
  gap:8px;
  margin-top:4px;
  padding-top:12px;
  border-top:1px solid #d1d5db;
}
#detailsModal .revision-previous-preview .output-level-link-row{
  display:block;
}
#detailsModal .revision-previous-preview .output-level-drive-preview{
  margin:0;
}
#detailsModal .revision-previous-preview .caption-drive-combined-carousel{
  min-height:320px;
}

/* =========================================================
   Task Details — semantic Workflow Levels table
   ========================================================= */
#detailsModal details[data-details-section="workflow"] > .details-collapsible-body{
  display: block;
  padding:12px !important;
}


#detailsModal .workflow-levels-detail-table th{
  padding:9px 10px !important;
  border-right:1px solid #dbe3ee !important;
  border-bottom:1px solid #cbd5e1 !important;
  background:#f3f6fa !important;
  color:#53657d !important;
  font-size:10px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-align:left !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
#detailsModal .workflow-levels-detail-table th:last-child,
#detailsModal .workflow-levels-detail-table td:last-child{
  border-right:0 !important;
}

#detailsModal .workflow-levels-detail-table tbody tr:last-child td{
  border-bottom:0 !important;
}
#detailsModal .workflow-level-table-row{
  background:#fff !important;
  border-left:4px solid #94a3b8 !important;
}
#detailsModal .workflow-level-table-row.current-card-level{
  background:#f4f9ff !important;
  box-shadow:inset 3px 0 0 #0073ea !important;
}
#detailsModal .workflow-level-table-row.done,
#detailsModal .workflow-level-table-row.ready{border-left-color:#00c875 !important;}
#detailsModal .workflow-level-table-row.progress,
#detailsModal .workflow-level-table-row.in-progress{border-left-color:#0073ea !important;}
#detailsModal .workflow-level-table-row.review,
#detailsModal .workflow-level-table-row.review-phase{border-left-color:#fdab3d !important;}
#detailsModal .workflow-level-table-row.blocked,
#detailsModal .workflow-level-table-row.for-revision{border-left-color:#e2445c !important;}
#detailsModal .workflow-level-table-level{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}
#detailsModal .workflow-level-table-team{
  display:grid !important;
  min-width:0 !important;
  gap:1px !important;
}
#detailsModal .workflow-level-table-team strong,
#detailsModal .workflow-level-table-value{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:800 !important;
}
#detailsModal .workflow-level-table-team small{
  color:#0073ea !important;
  font-size:10px !important;
  font-weight:900 !important;
}
#detailsModal .workflow-level-table-value.muted{color:#94a3b8 !important;}
#detailsModal .workflow-level-table-value.has-output{color:#15803d !important;}
#detailsModal .workflow-levels-detail-table .workflow-status-pill{
  min-height:22px !important;
  padding:4px 7px !important;
  font-size:10px !important;
}

#detailsModal .workflow-levels-detail-table .workflow-detail-card,
#detailsModal .workflow-levels-detail-table .workflow-detail-meta,
#detailsModal .workflow-levels-detail-table .workflow-detail-level{
  display:initial !important;
}


/* ===== Modal stack manager =====
   Every newly triggered modal is layered above the currently open modal. */
.modal.mortx-modal-top,
.modal.show {
  pointer-events: auto;
}
.modal[aria-hidden="true"] {
  pointer-events: none;
}

body.modal-open {
  overflow: hidden !important;
}

body.modal-open .modal-backdrop,
body.modal-open .modal.show,
body.modal-open .modal:not(.hidden)[style*="display: block"]{
  isolation: isolate;
}


.modal.hidden,
.modal[aria-hidden="true"] {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
body.modal-open .modal.show:not(.hidden) {
  visibility: visible !important;
  pointer-events: auto !important;
}

/* List DataTable default controls + dropdown column filters */

#listView .dt-container .dt-layout-row:first-child{
  align-items:center !important;
  margin-bottom:8px !important;
}
#listView .dt-container .dt-layout-cell.dt-layout-end,
#listView .dt-search{
  margin-left:auto !important;
  text-align:right !important;
}


#taskDataTable .task-column-filter{
  width:100% !important;
  min-width:0 !important;
  height:30px !important;
  min-height:30px !important;
  padding:4px 24px 4px 7px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:0 !important;
  background-color:#fff !important;
  color:#1e293b !important;
  font:800 10px/1.2 Arial,Helvetica,sans-serif !important;
  box-shadow:none !important;
}
#taskDataTable .task-column-filter:focus{
  outline:2px solid rgba(37,99,235,.18) !important;
  outline-offset:0 !important;
  border-color:#2563eb !important;
}
#taskDataTable thead .task-table-filter-row th:nth-child(9),
#taskDataTable thead .task-table-filter-row th:nth-child(10){
  background:#f8fafc !important;
}


/* Bulk import project selection */
.bulk-import-project-field{display:grid;grid-template-columns:minmax(150px,220px) minmax(260px,1fr);align-items:center;gap:12px;padding:12px;border:1px solid #dbe3ee;background:#f8fafc;}
.bulk-import-project-field label{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#334155;}
.bulk-import-project-field select{width:100%;min-height:38px;}


/* Guaranteed modal dimming backdrop. */
.modal-backdrop.show,
.mortx-modal-backdrop.show {
  background:#000 !important;
  opacity:.55 !important;
  pointer-events:auto !important;
}

/* =========================================================
   BOOTSTRAP-ONLY MODAL BACKDROP
   Bootstrap 5 exclusively owns backdrop creation/removal,
   body scroll locking, Escape and outside-click behavior.
   ========================================================= */
.modal-backdrop {
  position: fixed;
  z-index: 1050 !important;
  background-color: #000 !important;
}
.modal-backdrop.show {
  opacity: .5 !important;
}
.modal {
  z-index: 1055 !important;
  isolation: auto !important;
}
.modal .modal-dialog {
  position: relative !important;
  z-index: auto !important;
}
/* Application chrome must stay below Bootstrap's default backdrop. */

/* Presence states: Active / Away / Offline */
.online-user-row.is-active .online-user-info>span{color:#15803d;font-weight:700}
.online-user-row.is-away .online-user-info>span{color:#b45309;font-weight:700}
.online-user-row.is-offline .online-user-info>span{color:#64748b;font-weight:700}


/* ===== List View Multi-select Column Filters ===== */


#taskDataTable .task-multi-filter.is-open .task-multi-filter-toggle{
  border-color:#2f6fed;
  box-shadow:0 0 0 1px #2f6fed inset;
}







/* =========================================================
   LIST VIEW MULTI-SELECT COLUMN FILTERS
   Dedicated component; do not inherit native select styling.
   ========================================================= */

#taskDataTable .task-multi-filter{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  height:auto !important;
  min-height:30px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font:inherit !important;
  overflow:visible !important;
}
#taskDataTable .task-multi-filter-toggle{
  height:30px;
  font-size:10px;
  line-height:1.2;
  width:100% !important;
  min-width:0 !important;
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:5px 8px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#1e293b !important;
  font:800 10px/1.2 Arial,Helvetica,sans-serif !important;
  text-align:left !important;
  cursor:pointer !important;
  box-shadow:none !important;
}
#taskDataTable .task-multi-filter-toggle:focus,
#taskDataTable .task-multi-filter.is-open .task-multi-filter-toggle{
  outline:2px solid rgba(37,99,235,.18) !important;
  outline-offset:0 !important;
  border-color:#2563eb !important;
}
#taskDataTable .task-multi-filter-label{
  min-width:0;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
#taskDataTable .task-multi-filter-toggle i{
  flex:0 0 auto !important;
  font-size:9px !important;
  transition:transform .15s ease !important;
}
#taskDataTable .task-multi-filter.is-open .task-multi-filter-toggle i{
  transform:rotate(180deg) !important;
}

#taskDataTable .task-multi-filter.is-open .task-multi-filter-menu{
  display:block !important;
}
#taskDataTable .task-multi-filter-actions{
  padding:7px 8px;
  background:#f8fafc;
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding-bottom:7px !important;
  margin-bottom:6px !important;
  border-bottom:1px solid #e2e8f0 !important;
}
#taskDataTable .task-multi-filter-actions button{
  font-size:10px;
  border:0 !important;
  background:transparent !important;
  color:#2563eb !important;
  padding:2px 0 !important;
  font:800 10px/1.2 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
}
#taskDataTable .task-multi-filter-options{
  overflow-x:hidden;
  padding:4px 0;
  max-height:230px !important;
  overflow-y:auto !important;
  overscroll-behavior:contain !important;
}

#taskDataTable .task-multi-filter-option:hover{
  background:#f1f5f9 !important;
}

#taskDataTable .task-multi-filter-empty{
  padding:8px !important;
  color:#64748b !important;
  font-size:10px !important;
}
/* Let filter menus escape the DataTables scroll/header wrappers. */
#listView .dt-container,
#listView .dt-layout-table,
#listView .dt-scroll,
#listView .dt-scroll-head,
#listView .dt-scroll-headInner,
#listView .dt-scroll-body{
  overflow:visible !important;
}

/* Filter row is for filtering only; sorting stays on the main header row. */
#taskDataTable thead .task-table-filter-row th::before,
#taskDataTable thead .task-table-filter-row th::after,
#taskDataTable thead .task-table-filter-row .dt-column-order {
  display:none !important;
  content:none !important;
}
#taskDataTable thead .task-table-filter-row th {
  padding:6px !important;
  background:#f8fafc !important;
  border-top:1px solid #e2e8f0 !important;
  vertical-align:middle !important;
  overflow:visible !important;
  position:relative !important;
  cursor:default !important;
  padding-right:6px !important;
}
#taskDataTable thead .task-table-filter-row .task-multi-filter,
#taskDataTable thead .task-table-filter-row .task-multi-filter * {
  cursor:pointer;
}


/* Global accessible-project multi-select */
.project-select-wrap{
  display:flex;align-items:center;gap:10px;
  min-width:330px;position:relative;
}
.project-multi-select{position:relative;width:100%;}
.project-multi-select-toggle{width:100%;min-height:42px;border:1px solid #cbd5e1;background:#fff;color:#142033;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 14px;font:inherit;font-weight:700;text-align:left;cursor:pointer;}
.project-multi-select-toggle:hover,.project-multi-select.is-open .project-multi-select-toggle{border-color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.12);}
.project-multi-select-toggle i{font-size:12px;transition:transform .15s ease;}
.project-multi-select.is-open .project-multi-select-toggle i{transform:rotate(180deg);}
.project-multi-select-menu{display:none;position:absolute;z-index:1040;top:calc(100% + 5px);left:0;width:max(100%,360px);max-width:min(480px,90vw);background:#fff;border:1px solid #cbd5e1;box-shadow:0 12px 28px rgba(15,23,42,.18);padding:8px;}
.project-multi-select.is-open .project-multi-select-menu{display:block;}
.project-multi-select-actions{display:flex;justify-content:flex-end;gap:8px;padding:2px 2px 8px;border-bottom:1px solid #e2e8f0;}
.project-multi-select-actions button{border:0;background:transparent;color:#0b57d0;font:inherit;font-weight:700;cursor:pointer;padding:5px 7px;}
.project-multi-select-options{max-height:280px;overflow:auto;padding-top:6px;}
.project-multi-select-option{display:flex;align-items:center;gap:10px;padding:9px 10px;cursor:pointer;font-weight:700;color:#172033;}
.project-multi-select-option:hover{background:#eef5ff;}
.project-multi-select-option input{width:16px;height:16px;accent-color:#1677ff;}
.project-multi-select-empty{padding:14px;color:#64748b;text-align:center;}


/* Top team/assignee multi-select filters */
.top-multi-filter{position:relative;min-width:205px;
  height: 40px;
  min-height: 40px;
  margin: 0;
}
.top-multi-filter-toggle{width:100%;min-height:40px;border:1px solid #cbd5e1;background:#fff;color:#142033;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;font:inherit;font-weight:700;text-align:left;cursor:pointer;}
.top-multi-filter-toggle:hover,.top-multi-filter.is-open .top-multi-filter-toggle{border-color:#1677ff;box-shadow:0 0 0 2px rgba(22,119,255,.1);}
.top-multi-filter-toggle i{font-size:11px;transition:transform .15s ease;}
.top-multi-filter.is-open .top-multi-filter-toggle i{transform:rotate(180deg);}
.top-multi-filter-menu{display:none;position:absolute;z-index:1040;top:calc(100% + 5px);right:0;width:max(100%,280px);max-width:min(380px,90vw);background:#fff;border:1px solid #cbd5e1;box-shadow:0 12px 28px rgba(15,23,42,.18);padding:8px;}
.top-multi-filter.is-open .top-multi-filter-menu{display:block;}
.top-multi-filter-actions{display:flex;justify-content:flex-end;gap:8px;padding:2px 2px 8px;border-bottom:1px solid #e2e8f0;}
.top-multi-filter-actions button{border:0;background:transparent;color:#0b57d0;font:inherit;font-weight:700;cursor:pointer;padding:5px 7px;}
.top-multi-filter-options{max-height:280px;overflow:auto;padding-top:6px;}
.top-multi-filter-option{display:flex;align-items:center;gap:9px;padding:8px 9px;cursor:pointer;font-weight:700;color:#172033;white-space:nowrap;}
.top-multi-filter-option:hover{background:#eef5ff;}
.top-multi-filter-option input{width:16px;height:16px;accent-color:#1677ff;}
.top-multi-filter-empty{padding:12px;color:#64748b;text-align:center;}


/* Bulk import per-task self assignment */

/* Project owner access is implicit; invited users keep explicit permission checkboxes. */
.owner-permission-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.owner-auto-access-note{font-size:12px;font-weight:700;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;padding:4px 8px;line-height:1.2}


#mortxToastAlertContainer {
  right: 18px;
        bottom: 18px;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        gap: 10px;
        width: min(420px, calc(100vw - 28px));
  position: fixed !important;
  z-index: 2147483647 !important;
  isolation: isolate !important;
  pointer-events: none !important;
}
#mortxToastAlertContainer .mortx-toast-alert {
  position: relative !important;
  z-index: 1 !important;
  pointer-events: auto !important;
}
body.modal-open #mortxToastAlertContainer {
  z-index: 2147483647 !important;
}
.share-link-toast {
  position:fixed;
  right:22px;
  bottom:22px;
  max-width:min(320px,calc(100vw - 44px));
  padding:12px 14px;
  background:#0f172a;
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 18px 42px rgba(15,23,42,.28);
  opacity:0;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease;
  z-index: 2147483646 !important;
}


.project-color-picker-wrap{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid #d1d5db;background:#fff;font-size:12px;font-weight:800;white-space:nowrap}.project-color-picker-wrap input[type=color],.pm-project-color-control input[type=color]{width:42px;height:34px;padding:2px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}.project-card-modern{
  background: #fff !important;
  border: 1px solid #d7e0ea !important;
  box-shadow: 0 8px 20px rgba(15, 23, 42, .055) !important;
  padding: 14px !important;
  border-left:6px solid var(--project-color,#2563eb) !important
}.pm-project-color-control{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#475569}.pm-project-color-control input[type=color]{width:34px;height:30px}.card-project-badge{
  margin:0 0 1px 0 !important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  border-left:4px solid var(--project-color,#2563eb);background:color-mix(in srgb,var(--project-color,#2563eb) 12%,white);color:#0f172a
}



#projectModal .modal-content{
  border:1px solid #cbd5e1 !important;
  box-shadow:0 28px 70px rgba(15,23,42,.22) !important;
}
#projectModal .modal-header{
  padding:18px 20px !important;
  border-bottom:1px solid #e2e8f0 !important;
}
#projectModal .modal-body{
  background: #f8fafc !important;
  padding:16px 20px 20px !important
}
#projectModal .muted-note{margin:0 0 14px !important;font-size:12px !important}





#projectModal .project-manager-list-modern{gap:10px !important}

#projectModal .pm-card-head{
  grid-template-columns:minmax(220px,1fr) minmax(0,auto) !important;
  align-items:center !important;
  padding:13px 14px !important;
  border-bottom:0 !important;
}
#projectModal .pm-title-wrap h3{font-size:15px !important;margin-bottom:5px !important}
#projectModal .pm-meta{gap:5px 10px !important;font-size:11px !important}
#projectModal .pm-actions{gap:5px !important}
#projectModal .pm-actions .btn{height:32px !important;min-height:32px !important;padding:0 10px !important;font-size:11px !important}

#projectModal .pm-project-color-control input[type=color]{
  width:36px !important;height:24px !important;padding:1px !important;border:1px solid #94a3b8 !important;background:#fff !important;
}
#projectModal .pm-teams-panel{display:none !important}




#projectModal .project-add-inline-row{
  padding:12px !important;
  margin:0 0 14px !important;
  border:1px solid #dbe3ee !important;
  background:#fff !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 168px 148px !important;
  gap:8px !important;
  align-items:center !important;
}
#projectModal #projectNameInput,
#projectModal .project-color-picker-wrap,
#projectModal #addProjectFromModalBtn{
  width:100% !important;
  min-width:0 !important;
  height:42px !important;
  margin:0 !important;
}
#projectModal .project-color-picker-wrap{
  display:grid !important;
  align-items:center !important;
  gap:10px !important;
  min-width:0 !important;
  height:42px !important;
  border:1px solid #cbd5e1 !important;
  background:#f8fafc !important;
  color:#334155 !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.035em !important;
  grid-template-columns:minmax(0,1fr) 44px !important;
  padding:4px 5px 4px 10px !important;
}
#projectModal .project-color-picker-wrap input[type=color]{
  padding:2px !important;border:1px solid #94a3b8 !important;background:#fff !important;
  width:44px !important;
  height:32px !important;
}



#projectModal .project-create-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 150px 150px !important;
  gap:12px !important;
  align-items:end !important;
  margin:0 0 14px !important;
  padding:12px !important;
  border:1px solid #dbe3ee !important;
  background:#f8fafc !important;
}
#projectModal .project-create-column{
  min-width:0 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
}
#projectModal .project-create-column>label,
#projectModal .project-create-spacer{
  min-height:14px !important;
  color:#475569 !important;
  font-size:10px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}
#projectModal .project-create-spacer{visibility:hidden !important}
#projectModal #projectNameInput,
#projectModal #projectColorInput,
#projectModal #addProjectFromModalBtn{
  width:100% !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 !important;
}
#projectModal #projectNameInput{
  height:42px !important;
  padding:0 12px !important;
  font-size:13px !important;
}
#projectModal #projectColorInput{
  padding:4px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  cursor:pointer !important;
}
#projectModal #addProjectFromModalBtn{
  height:42px !important;
  grid-column:auto !important;
  min-width:0 !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  white-space:nowrap !important;
}
/* Disable older project-add-row overrides for the new form. */
#projectModal .project-create-grid.project-add-inline-row{display:grid !important}


#projectModal .modal-dialog{
  max-width: 980px !important;
}
#projectModal form#projectCreateForm.project-create-grid{
  display: grid !important;
  grid-template-columns: minmax(420px, 1fr) 132px 164px !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: end !important;
  width: 100% !important;
  margin: 0 0 14px !important;
  padding: 14px !important;
  box-sizing: border-box !important;
  border: 1px solid #d7dee8 !important;
  background: #f8fafc !important;
}
#projectModal form#projectCreateForm .project-create-column{
  display: grid !important;
  grid-template-rows: 16px 42px !important;
  gap: 6px !important;
  min-width: 0 !important;
  margin: 0 !important;
}
#projectModal form#projectCreateForm .project-create-column > label,
#projectModal form#projectCreateForm .project-create-spacer{
  display: flex !important;
  align-items: center !important;
  min-height: 16px !important;
  margin: 0 !important;
  color: #475569 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .02em !important;
  text-transform: none !important;
  visibility: visible !important;
}

#projectModal form#projectCreateForm .project-create-spacer{
  font-size: 0 !important;
}
#projectModal form#projectCreateForm .project-create-spacer::before{
  content: "Action";
  font-size: 11px !important;
}
#projectModal form#projectCreateForm #projectNameInput,
#projectModal form#projectCreateForm #projectColorInput,
#projectModal form#projectCreateForm #addProjectFromModalBtn{
  box-sizing: border-box !important;
  width: 100% !important;
  height: 42px !important;
  min-height: 42px !important;
  margin: 0 !important;
}
#projectModal form#projectCreateForm #projectNameInput{
  padding: 0 12px !important;
}
#projectModal form#projectCreateForm #projectColorInput{
  padding: 5px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 0 !important;
  background: #fff !important;
  cursor: pointer !important;
}
#projectModal form#projectCreateForm #addProjectFromModalBtn{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 16px !important;
  white-space: nowrap !important;
}
#projectModal .project-list{
  display: grid !important;
  gap: 10px !important;
}
#projectModal .project-card-modern{
  overflow:hidden !important;
  box-shadow:none !important;
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 12px 12px 12px 14px !important;
  border-left: 5px solid var(--project-color, #2563eb) !important;
}
#projectModal .project-card-modern .pm-actions{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
#projectModal .pm-project-color-control{
  grid-template-columns:auto 36px !important;
  height:32px !important;
  color:#475569 !important;
  font-size:10px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.03em !important;
  cursor:pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 34px !important;
  padding: 0 8px !important;
  border: 1px solid #d7dee8 !important;
  background: #fff !important;
}
#projectModal .pm-project-color-control span{
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #475569 !important;
  text-transform: none !important;
}
#projectModal .pm-project-color-control input[type="color"]{
  width: 30px !important;
  height: 30px !important;
  padding: 2px !important;
  border: 0 !important;
  background: transparent !important;
}

/* Task-card hover only; project branding is shown on the project-name badge. */
.task-card:hover,
.task-card.compact-card:hover,
.task-card.done-group-card:hover {
  box-shadow: 0 10px 22px rgba(15, 23, 42, .14);
}


/* Selected project workspace branding */
#appProjectBrandHeader.has-project-brand {
  border-top: 10px solid var(--selected-project-color) !important;
}

@media (min-width:768px){
  .top-widget-group .online-users-card{
    position:absolute !important;
    top:calc(100% + 8px) !important;
    right:0 !important;
    left:auto !important;
    bottom:auto !important;
    width:360px !important;
    max-width:min(360px,calc(100vw - 24px)) !important;
    height:auto !important;
    max-height:min(620px,calc(100vh - 110px)) !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    background:#fff !important;
    border:1px solid #d7dee8 !important;
    box-shadow:0 18px 44px rgba(15,23,42,.16) !important;
    z-index:2147483001 !important;
  }
  .top-widget-group .online-users-card.hidden{
    display:none !important;
  }
  .top-widget-group .online-users-head>div{
    display:contents !important;
  }
  .top-widget-group .online-users-head #onlineUsersSummary{
    margin-left:auto !important;
    color:#475569 !important;
    font-size:11px !important;
    font-weight:800 !important;
    white-space:nowrap !important;
  }
  .top-widget-group .online-users-search-wrap{
    flex:0 0 auto !important;
    padding:12px !important;
    border-bottom:1px solid #eef2f7 !important;
    background:#fff !important;
  }
  .top-widget-group .online-users-search-input{
    width:100% !important;
    height:40px !important;
    padding:0 12px !important;
    font-size:13px !important;
  }
  .top-widget-group .online-users-list{
    flex:1 1 auto !important;
    max-height:min(500px,calc(100vh - 230px)) !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:8px !important;
    background:#fff !important;
  }

  .top-widget-group .online-user-row:last-child{
    margin-bottom:0 !important;
  }
  .top-widget-group .online-user-avatar{
    width:40px !important;
    height:40px !important;
    font-size:14px !important;
  }
  .top-widget-group .online-user-info strong{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    font-size:13px !important;
    line-height:1.2 !important;
    font-weight:900 !important;
    color:#111827 !important;
  }
  .top-widget-group .online-user-info small{
    display:block !important;
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    color:#64748b !important;
    font-size:10px !important;
    line-height:1.2 !important;
    font-weight:700 !important;
  }
  .top-widget-group .online-user-row{
  display:grid !important;
    gap:10px !important;
    align-items:center !important;
    min-height:64px !important;
    padding:9px 10px !important;
    margin:0 0 6px !important;
    border:1px solid #e2e8f0 !important;
    background:#fff !important;
  grid-template-columns:40px minmax(0,1fr) !important;
}
  .top-widget-group .online-user-info strong,
  .top-widget-group .online-user-info small{
    margin-top:2px !important;
  }
}




@media (min-width:768px){
  #dailyConfirmLogsModal .modal-dialog{
    width:min(1120px,calc(100vw - 32px)) !important;
    max-width:1120px !important;
    margin:1.75rem auto !important;
  }
  #dailyConfirmLogsModal .modal-content{
    max-height:calc(100vh - 56px) !important;
    overflow:hidden !important;
  }
  #dailyConfirmLogsModal .modal-body{
    overflow-y:auto !important;
    overscroll-behavior:contain;
  }
  #dailyConfirmLogsModal .daily-confirm-table{
    min-width:820px;
  }
}



.online-user-row > .online-user-avatar,
.online-user-row > img.online-user-avatar{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  flex:0 0 40px !important;
  align-self:center !important;
}
.online-user-row > .online-user-avatar{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.online-user-row > .online-user-avatar img,
.online-user-row > img.online-user-avatar{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
  min-height:40px !important;
  max-width:40px !important;
  max-height:40px !important;
  object-fit:cover !important;
}
.online-user-row{
  padding:11px 14px;border-bottom:1px solid #f1f5f9;
  position:relative !important;
  padding-right:32px !important;
  display:grid !important;
  align-items:center !important;
  gap:9px !important;
  grid-template-columns:40px minmax(0,1fr) !important;
}
.online-user-row > .online-user-dot{
  position:absolute !important;
  right:12px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  width:9px !important;
  height:9px !important;
  min-width:9px !important;
  min-height:9px !important;
  max-width:9px !important;
  max-height:9px !important;
}


.auth-user-chip{
  background:#f8fafc;border-radius:0 !important;font-weight:900;color:#334155;
  height: 40px;
  min-height: 40px;
  border:1px solid #e5e7eb;cursor:pointer;font-family:inherit;
  padding: 0 10px 0 5px !important;
  max-width:190px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}
.auth-avatar{
  background:#0073ea;color:#fff;font-size:12px;font-weight:900;background-size:cover;background-position:center;
  border-radius:0 !important;
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.auth-avatar.has-photo{
  color:transparent !important;
}
.auth-avatar.has-photo>img{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  min-height:24px !important;
  max-width:24px !important;
  max-height:24px !important;
  object-fit:cover !important;
  object-position:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
}



#listView,
#listView .dt-container,
#listView .dataTables_wrapper,
#listView .dt-layout-row,
#listView .dt-layout-cell,
#listView .table-responsive,
#listView .task-table-wrap,
#listView .task-table-container,
#taskDataTable_wrapper{
  overflow:visible !important;
}



#taskDataTable thead,
#taskDataTable thead tr,
#taskDataTable thead th{
  overflow:visible !important;
}

#taskDataTable thead .task-table-filter-row,
#taskDataTable thead .task-table-filter-row th{
  position:relative !important;
  z-index:20 !important;
  overflow:visible !important;
}

.task-multi-filter{
  position:relative !important;
  overflow:visible !important;
}

.task-multi-filter-menu{
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  z-index:9999 !important;
  width:max-content !important;
  min-width:100% !important;
  max-width:min(360px,calc(100vw - 32px)) !important;
  max-height:320px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  box-sizing:border-box !important;
}

.task-multi-filter-options{
  max-height:240px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
}


/* Task Details comments */
.task-comments-list{display:flex;flex-direction:column;gap:8px;margin-bottom:10px;max-height:260px;overflow:auto}
.task-comments-empty{padding:12px;border:1px dashed #d6deea;color:#64748b;background:#fff}
.task-comment-item{border:1px solid #dbe3ee;background:#fff;padding:10px 12px}
.task-comment-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.task-comment-head strong{font-size:13px;color:#111827}
.task-comment-head span{font-size:11px;color:#64748b;white-space:nowrap}
.task-comment-text{font-size:13px;line-height:1.45;color:#1f2937;white-space:pre-wrap;overflow-wrap:anywhere}
.task-comment-form{display:flex;flex-direction:column;gap:8px}
.task-comment-input{display:block;width:100%;min-height:74px;resize:vertical;border:1px solid #cbd5e1;background:#fff;padding:10px 12px;font:inherit;color:#111827;box-sizing:border-box}
.task-comment-actions{display:flex;justify-content:flex-end}














.view-switch .view-toggle{
  flex:0 0 auto;
}
.insight-view{
  margin:0;
  border:1px solid #dbe3ee;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.06);
}
.insight-empty,.insight-muted{display:block;padding:18px;color:#64748b;text-align:center}
.insight-task-link{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:3px;
  border:1px solid #e2e8f0;
  background:#fff;
  padding:9px 10px;
  text-align:left;
  cursor:pointer;
}
.insight-task-link:hover{border-color:#93c5fd;background:#f8fbff}
.insight-task-link strong{font-size:12px;color:#111827}
.insight-task-link span{font-size:10px;color:#64748b}

/* ===== OVERVIEW / WORKLOAD ===== */
.workload-card-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.workload-card-head div{display:flex;flex-direction:column;gap:2px}
.workload-card-head strong{font-size:14px}
.workload-card-head span{font-size:11px;color:#64748b}
.workload-card-head>b{font-size:22px}
.workload-meter{height:8px;margin:10px 0;background:#eef2f7;overflow:hidden}
.workload-meter>span{display:block;height:100%;background:#2563eb}
.workload-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px;font-size:10px;color:#64748b}
.workload-stats b{color:#111827}

.overview-kpis article{border:1px solid #dbe3ee;padding:14px;background:#fff}
.overview-kpis span{display:block;font-size:10px;color:#64748b;text-transform:uppercase;font-weight:700}
.overview-kpis strong{display:block;font-size:25px;margin-top:5px}
.overview-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.overview-panel{border:1px solid #dbe3ee;padding:14px}
.overview-panel h3,.mywork-section h3{margin:0 0 10px;font-size:14px}
.overview-status-list{display:flex;flex-direction:column;gap:9px}
.overview-status-row{display:grid;grid-template-columns:110px 32px 1fr;gap:8px;align-items:center;font-size:11px}
.overview-status-row>div{height:8px;background:#eef2f7;overflow:hidden}
.overview-status-row>div>i{display:block;height:100%;min-width:2px}
.overview-attention-list{display:flex;flex-direction:column;gap:6px}




/* ===== ACTIVITY / UPCOMING ===== */
.activity-status-marker{
  display:block;
  width:10px;
  height:10px;
}
.activity-entry-main p{
  margin:0;
  font-size:12px;
  color:#111827;
}
.activity-status-text{font-weight:800}
.activity-entry-main dl{
  display:flex;
  flex-wrap:wrap;
  gap:5px 14px;
  margin:5px 0 0;
}
.activity-entry-main dl>div{
  display:flex;
  gap:4px;
  font-size:9px;
}
.activity-entry-main dt{
  font-weight:800;
  color:#64748b;
}
.activity-entry-main dd{
  margin:0;
  color:#475569;
}






.insight-view-body{
  padding:14px;
}

/* KPI cards: separated label/value, no concatenation */
.insight-summary-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(150px,1fr));
  gap:10px;
  border:0;
  background:transparent;
}
.insight-summary-strip>article{
  padding:14px 16px;
  border:1px solid #dbe3ee;
  background:#fff;
  min-width:0;
}
.insight-summary-strip>article span{
  display:block;
  font-size:10px;
  font-weight:800;
  line-height:1.2;
  text-transform:uppercase;
  letter-spacing:.03em;
  color:#64748b;
}
.insight-summary-strip>article strong{
  display:block;
  margin-top:5px;
  font-size:24px;
  line-height:1;
  color:#111827;
}

/* Workload: maximum three readable cards per row */
.workload-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.workload-card{
  border:1px solid #dbe3ee;padding:14px;background:#fff;
  min-width:0;
  height:auto;
}

/* Task cards should never overflow their container */
.insight-interactive-task,
.insight-interactive-task.is-compact{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.insight-task-summary{
  min-width:0;
}
.insight-task-main{
  width:auto;
  min-width:0;
  overflow:hidden;
}
.insight-task-main strong,
.insight-task-main span{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}
.insight-task-controls{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:9px 10px 10px;
}
.insight-control-grid{
  display:grid;
  grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr);
  gap:7px;
  min-width:0;
}
.insight-field{
  min-width:0;
}
.insight-select{
  display:block;
  width:100%;
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
.insight-task-actions{
  display:flex;
  justify-content:flex-end;
  gap:5px;
  min-width:0;
}
.insight-task-actions .btn{
  flex:0 0 auto;
}

/* My Work: readable two-column layout, no controls escaping panels */
.mywork-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:start;
}
.mywork-section,
.mywork-task-list,
.mywork-task-list .insight-interactive-task{
  min-width:0;
}

/* Dashboard KPI cards stay balanced */
.overview-kpis{
  margin-bottom:14px;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.overview-kpis button,
.overview-kpi-static{
  min-width:0;
}

/* Activity: compact horizontal timeline, no list numbering */
.activity-feed{
  margin:0;
  padding:0;
  border:1px solid #dbe3ee;
  background:#fff;
  list-style:none !important;
  counter-reset:none ;
}
.activity-feed>li::marker{
  content:"";
}
.activity-day{
  list-style:none;
  padding:8px 12px;
  border-bottom:1px solid #dbe3ee;
  background:#f8fafc;
}
.activity-entry{
  display:grid;
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:12px 14px;
  min-height:0;
}
.activity-entry-main{
  min-width:0;
}
.activity-entry-title{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.activity-entry-title strong{
  font-size:12px;
  color:#111827;
}

.activity-entry-meta{
  margin:4px 0 0;
  font-size:10px;
  line-height:1.4;
  color:#64748b;
  white-space:normal;
}
.activity-entry-actions{
  display:flex;
  align-items:center;
  gap:5px;
}
.activity-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border:1px solid #dbe3ee;
  background:#fff;
  font-size:10px;
  color:#64748b;
  padding:10px 12px;
  margin-bottom:10px;
}

/* Keep page density close to Board/List instead of oversized white space */


.insight-view-header>div>p:last-child{
  margin-top:3px;
}










/* Very narrow phones */




.workload-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
}
.workload-summary article{
  padding:12px 14px;
  border:1px solid #dbe3ef;
  background:#fff;
}
.workload-summary article.has-risk{
  border-color:#fed7aa;
  background:#fffaf5;
}
.workload-summary span{
  display:block;
  color:#64748b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.workload-summary strong{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:21px;
  line-height:1;
}

.workload-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}

/* Same visual contract as Task Details details-collapsible */
.workload-collapse.detail-section.details-collapsible{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dbe3ef !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
  box-sizing:border-box !important;
}
.workload-collapse>.details-collapsible-summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:58px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f8fafc !important;
  box-sizing:border-box !important;
  list-style:none !important;
  cursor:pointer !important;
}
.workload-collapse>.details-collapsible-summary::-webkit-details-marker{
  display:none !important;
}
.workload-collapse .details-section-title{
  min-width:0 !important;
  color:#172033 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.workload-collapse-title small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:9px;
  font-weight:700;
}
.workload-collapse .details-section-controls{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.workload-collapse .details-section-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  margin:0 !important;
  padding:3px 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#e2e8f0 !important;
  color:#475569 !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.workload-collapse .details-section-controls>i{
  display:inline-grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  color:#475569 !important;
  font-size:11px !important;
  transition:transform .18s ease,border-color .16s ease,color .16s ease !important;
}
.workload-collapse[open]{
  border-color:#bfdbfe !important;
  box-shadow:0 4px 14px rgba(37,99,235,.07) !important;
}
.workload-collapse[open]>.details-collapsible-summary{
  border-bottom:1px solid #bfdbfe !important;
  background:#eff6ff !important;
}
.workload-collapse[open] .details-section-title{
  color:#1d4ed8 !important;
}
.workload-collapse[open] .details-section-count{
  background:#dbeafe !important;
  color:#1d4ed8 !important;
}
.workload-collapse[open] .details-section-controls>i{
  transform:rotate(180deg) !important;
  border-color:#93c5fd !important;
  color:#1d4ed8 !important;
}
.workload-collapse>.details-collapsible-body{
  width:100% !important;
  margin:0 !important;
  padding:12px !important;
  border:0 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

/* Status filters live in the body, not inside summary interactive content */
.workload-filterbar{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  margin-bottom:10px;
  border:1px solid #dbe3ef;
  background:#fff;
}
.workload-filter{
  display:grid;
  place-items:center;
  min-height:44px;
  padding:5px 8px;
  border:0;
  border-right:1px solid #dbe3ef;
  background:#fff;
  cursor:pointer;
}
.workload-filter:last-child{border-right:0}
.workload-filter:hover{background:#f8fafc}
.workload-filter b{
  color:#172033;
  font-size:13px;
  line-height:1;
}
.workload-filter span{
  margin-top:4px;
  color:#64748b;
  font-size:8px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}
.workload-filter.is-active{
  background:#eff6ff;
  box-shadow:inset 0 -3px 0 #2563eb;
}
.workload-filter.is-review.is-active{
  background:#fff7ed;
  box-shadow:inset 0 -3px 0 #f59e0b;
}
.workload-filter.is-overdue.is-active{
  background:#fff1f2;
  box-shadow:inset 0 -3px 0 #dc2626;
}
.workload-filter.is-done.is-active{
  background:#f0fdf4;
  box-shadow:inset 0 -3px 0 #16a34a;
}
.workload-filter.is-overdue b{color:#b91c1c}

.workload-list-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.workload-list-heading h3{
  margin:0;
  color:#475569;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.workload-list-heading p{
  margin:3px 0 0;
  color:#64748b;
  font-size:9px;
}

.workload-task-list{
  display:flex;
  flex-direction:column;
  gap:5px;
}
.workload-task-row{
  border:1px solid #dbe3ef;
  background:#fff;
}
.workload-task-open{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:8px 10px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.workload-task-open:hover{background:#f8fbff}
.workload-task-primary{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.workload-task-primary strong{
  overflow:hidden;
  color:#172033;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workload-task-primary small{
  overflow:hidden;
  color:#64748b;
  font-size:8px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.workload-task-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex-wrap:wrap;
}
.workload-task-status,
.workload-task-priority,
.workload-task-due{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 6px;
  border:1px solid #dbe3ef;
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.workload-task-status{background:#e2e8f0;color:#334155}
.workload-task-status.in-progress{border-color:#2563eb;background:#2563eb;color:#fff}
.workload-task-status.review-phase{border-color:#f59e0b;background:#f59e0b;color:#111827}
.workload-task-status.for-revision{border-color:#dc2626;background:#dc2626;color:#fff}
.workload-task-status.done{border-color:#16a34a;background:#16a34a;color:#fff}
.workload-task-priority{border-color:#eab308;background:#facc15;color:#111827}
.workload-task-due{background:#fff;color:#475569}
.workload-task-due.is-overdue{border-color:#fecaca;background:#fff1f2;color:#b91c1c}
.workload-empty{
  padding:16px;
  border:1px dashed #cbd5e1;
  background:#f8fafc;
  color:#64748b;
  font-size:10px;
  text-align:center;
}






.activity-summary-strip article{
  padding:12px 14px;
  border:1px solid #dbe3ef;
  background:#fff;
}
.activity-summary-strip span{
  display:block;
  color:#64748b;
  font-size:9px;
  font-weight:800;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.activity-summary-strip strong{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:21px;
  line-height:1;
}

.activity-day-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:8px;
}

.activity-workload-collapse.detail-section.details-collapsible{
  display:block !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dbe3ef !important;
  border-radius:0 !important;
  background:#fff !important;
  overflow:hidden !important;
  box-shadow:0 1px 2px rgba(15,23,42,.04) !important;
}

.activity-workload-collapse>.activity-workload-summary{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:58px !important;
  margin:0 !important;
  padding:12px 14px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#f8fafc !important;
  box-sizing:border-box !important;
  list-style:none !important;
  cursor:pointer !important;
}
.activity-workload-collapse>.activity-workload-summary::-webkit-details-marker{
  display:none !important;
}

.activity-workload-title{
  display:block !important;
  min-width:0 !important;
  color:#172033 !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
}
.activity-workload-title small{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:9px;
  font-weight:700;
}

.activity-workload-controls{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:8px !important;
}
.activity-workload-controls .details-section-count{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  padding:3px 8px !important;
  border:0 !important;
  background:#e2e8f0 !important;
  color:#475569 !important;
  font-size:9px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}
.activity-workload-controls>i{
  display:inline-grid !important;
  place-items:center !important;
  width:30px !important;
  height:30px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  color:#475569 !important;
  font-size:11px !important;
  transition:transform .18s ease,border-color .16s ease,color .16s ease !important;
}

.activity-workload-collapse[open]{
  border-color:#93c5fd !important;
  box-shadow:0 4px 14px rgba(37,99,235,.07) !important;
}
.activity-workload-collapse[open]>.activity-workload-summary{
  border-bottom:1px solid #bfdbfe !important;
  background:#eff6ff !important;
}
.activity-workload-collapse[open] .activity-workload-title{
  color:#1d4ed8 !important;
}
.activity-workload-collapse[open] .activity-workload-controls .details-section-count{
  background:#dbeafe !important;
  color:#1d4ed8 !important;
}
.activity-workload-collapse[open] .activity-workload-controls>i{
  transform:rotate(180deg) !important;
  border-color:#93c5fd !important;
  color:#1d4ed8 !important;
}

.activity-workload-body{
  width:100% !important;
  margin:0 !important;
  padding:12px !important;
  border:0 !important;
  background:#fff !important;
  box-sizing:border-box !important;
}
.activity-list-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.activity-list-heading h3{
  margin:0;
  color:#475569;
  font-size:10px;
  font-weight:800;
  letter-spacing:.03em;
  text-transform:uppercase;
}
.activity-list-heading p{
  margin:3px 0 0;
  color:#64748b;
  font-size:9px;
}

.activity-compact-list{
  display:flex;
  flex-direction:column;
  gap:7px;
}
.activity-compact-row{
  border:1px solid #dbe3ef;
  background:#fff;
}
.activity-compact-open{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  padding:10px 12px;
  border:0;
  background:transparent;
  text-align:left;
  cursor:pointer;
}
.activity-compact-open:hover{
  background:#f8fbff;
}
.activity-compact-main{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}
.activity-compact-main strong{
  overflow:hidden;
  color:#172033;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.activity-compact-main small{
  overflow:hidden;
  color:#64748b;
  font-size:8px;
  font-weight:600;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.activity-compact-meta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:4px;
  flex-wrap:wrap;
}
.activity-status-chip,
.activity-time-chip,
.activity-duration-chip{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 6px;
  border:1px solid #dbe3ef;
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.activity-status-chip{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:2px 7px;
  border:1px solid #dbe3ee;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  background:#e2e8f0;color:#334155
}
.activity-status-chip.in-progress{border-color:#2563eb;background:#2563eb;color:#fff}
.activity-status-chip.review-phase{border-color:#f59e0b;background:#f59e0b;color:#111827}
.activity-status-chip.for-revision{border-color:#dc2626;background:#dc2626;color:#fff}
.activity-status-chip.done{border-color:#16a34a;background:#16a34a;color:#fff}
.activity-time-chip,
.activity-duration-chip{background:#fff;color:#475569}





.dashboard-kpis{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.dashboard-kpi{
  min-width:0;
  padding:12px 14px;
  border:1px solid #dbe3ef;
  background:#fff;
  color:#172033;
}
.dashboard-kpi span,
.dashboard-panel>header small{
  display:block;
  color:#64748b;
  font-size:8px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.dashboard-kpi strong{
  display:block;
  margin:5px 0 3px;
  font-size:22px;
  line-height:1;
}
.dashboard-kpi small{
  color:#64748b;
  font-size:8px;
}
.dashboard-kpi-warn{border-top:3px solid #f59e0b}
.dashboard-kpi-danger{border-top:3px solid #dc2626}
.dashboard-kpi-success{border-top:3px solid #16a34a}
.dash-progress{
  height:5px;
  margin:7px 0;
  overflow:hidden;
  background:#e8eef6;
}
.dash-progress i{
  display:block;
  height:100%;
  background:#2563eb;
}

.dashboard-grid{
  display:grid;
  gap:10px;
  margin-bottom:10px;
}

.dashboard-panel{
  min-width:0;
  border:1px solid #dbe3ef;
  background:#fff;
}
.dashboard-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px;
  border-bottom:1px solid #e6edf5;
  background:#f8fafc;
}
.dashboard-panel>header h3{
  margin:3px 0 0;
  color:#172033;
  font-size:14px;
}
.dashboard-panel>header p{
  margin:3px 0 0;
  color:#64748b;
  font-size:9px;
}
.dashboard-panel>header>b{
  display:grid;
  place-items:center;
  min-width:30px;
  height:30px;
  padding:0 8px;
  background:#e2e8f0;
  color:#334155;
  font-size:11px;
}

.dash-status-list{
  padding:8px;
}
.dash-status-row{
  display:grid;
  grid-template-columns:110px 32px minmax(0,1fr);
  align-items:center;
  gap:8px;
  width:100%;
  padding:7px 8px;
  border-bottom:1px solid #edf2f7;
  background:#fff;
}
.dash-status-row:last-child{border-bottom:0}
.dash-status-row span{
  font-size:10px;
  font-weight:800;
}
.dash-status-row strong{
  font-size:10px;
  text-align:center;
}
.dash-status-row>i{
  height:6px;
  overflow:hidden;
  background:#e8eef6;
}
.dash-status-row>i em{
  display:block;
  height:100%;
  background:#2563eb;
}

.dash-task-list{
  padding:8px;
}
.dash-task-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:9px 10px;
  border:1px solid #dbe3ef;
  border-bottom:0;
  background:#fff;
  text-align:left;
  cursor:pointer;
}
.dash-task-row:last-child{
  border-bottom:1px solid #dbe3ef;
}
.dash-task-row:hover{
  background:#f8fbff;
}
.dash-task-row>span:first-child{
  min-width:0;
}
.dash-task-row strong{
  display:block;
  overflow:hidden;
  color:#172033;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash-task-row small{
  display:block;
  margin-top:2px;
  color:#64748b;
  font-size:8px;
}
.dash-task-meta{
  text-align:right;
}
.dash-task-meta b{
  display:inline-block;
  padding:3px 6px;
  background:#e2e8f0;
  color:#334155;
  font-size:8px;
}

.dash-ranking{
  padding:8px;
}
.dash-rank-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(100px,35%) 38px;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:6px 8px;
  border-bottom:1px solid #edf2f7;
  background:#fff;
}
.dash-rank-row:last-child{
  border-bottom:0;
}
.dash-rank-name{
  display:flex;
  align-items:center;
  min-width:0;
  gap:7px;
}
.dash-rank-name>b{
  display:grid;
  place-items:center;
  flex:0 0 20px;
  width:20px;
  height:20px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:8px;
}
.dash-rank-name>strong{
  overflow:hidden;
  min-width:0;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dash-rank-bar{
  display:block;
  height:6px;
  overflow:hidden;
  background:#e8eef6;
}
.dash-rank-bar>i{
  display:block;
  height:100%;
  background:#2563eb;
}
.dash-rank-count{
  text-align:right;
  color:#172033;
  font-size:10px;
  font-weight:800;
}

.dashboard-health{
  margin-bottom:4px;
}
.dashboard-health-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
}
.dashboard-health-grid>div{
  min-width:0;
  padding:12px;
  border-right:1px solid #e6edf5;
}
.dashboard-health-grid>div:last-child{
  border-right:0;
}
.dashboard-health-grid span{
  display:block;
  color:#64748b;
  font-size:8px;
  font-weight:800;
  text-transform:uppercase;
}
.dashboard-health-grid strong{
  display:block;
  margin-top:5px;
  color:#172033;
  font-size:17px;
}






.workload-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:8px;
}
.workload-sort-control{
  display:flex;
  align-items:center;
  gap:8px;
}
.workload-sort-control>span{
  color:#64748b;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.workload-sort-control select{
  min-width:190px;
  height:34px;
  padding:0 30px 0 9px;
  border:1px solid #cbd5e1;
  border-radius:0;
  background:#fff;
  color:#172033;
  font-size:10px;
  font-weight:700;
}
.workload-sort-current{
  display:none;
}





#workloadView{
  position:relative;
}
#workloadView .view-header,
#workloadView .workload-view-header{
  padding-right:230px;
}

#workloadView .workload-sort-control{
  flex-direction:row;
  align-items:center;
  width:auto;
}
#workloadView .workload-sort-control select{
  width:auto;
  min-width:190px;
}




#workloadView
#workloadView .workload-header-controls{flex:0 0 auto;margin-left:auto}
#workloadView .workload-toolbar{
  z-index:4;
  justify-content:flex-end;
  position:static;top:auto;right:auto;margin:0;width:auto
}
#workloadView .view-header,#workloadView .workload-view-header{padding-right:0}



#workloadView .workload-task-primary strong{
  font-size:13px;
  line-height:1.25;
  font-weight:700;
}



#workloadView .workload-task-primary strong,
#overviewView .dash-task-row strong,
#activityView .activity-compact-main strong,
.insight-interactive-task .insight-task-main strong{
  font-size:13px;
  line-height:1.25;
  font-weight:800;
  color:#172033;
}

/* Keep supporting metadata visually secondary */
#workloadView .workload-task-primary small,
#overviewView .dash-task-row small,
#activityView .activity-compact-main small,
.insight-interactive-task .insight-task-main span{
  font-size:9px;
  line-height:1.3;
  font-weight:600;
  color:#64748b;
}



.shared-task-card{
  width:100%;
  min-width:0;
  margin:0;
  padding:0;
  border:1px solid #dbe3ef;
  background:#fff;
  box-sizing:border-box;
}
.shared-task-card-open{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
  padding:12px 14px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
  box-sizing:border-box;
}
.shared-task-card-open:hover{
  background:#f8fbff;
}
.shared-task-card-open:focus-visible{
  outline:2px solid #2563eb;
  outline-offset:-2px;
}
.shared-task-card-main{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
}
.shared-task-card-main strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#172033;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1.25 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shared-task-card-main small{
  display:block;
  max-width:100%;
  overflow:hidden;
  color:#64748b;
  font-size:9px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.shared-task-card-badges{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
}
.shared-task-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 7px;
  border:1px solid #dbe3ef;
  background:#fff;
  color:#475569;
  font-size:8px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
.shared-task-status{
  background:#e2e8f0;
  color:#334155;
}
.shared-task-status.in-progress{
  border-color:#2563eb;
  background:#2563eb;
  color:#fff;
}
.shared-task-status.review-phase{
  border-color:#f59e0b;
  background:#f59e0b;
  color:#111827;
}
.shared-task-status.for-revision{
  border-color:#dc2626;
  background:#dc2626;
  color:#fff;
}
.shared-task-status.done{
  border-color:#16a34a;
  background:#16a34a;
  color:#fff;
}
.shared-task-priority{
  border-color:#eab308;
  background:#facc15;
  color:#111827;
}
.shared-task-date.is-overdue{
  border-color:#fecaca;
  background:#fff1f2;
  color:#b91c1c;
}
.shared-task-state{
  background:#f8fafc;
}

/* Existing interactive/workflow task header uses the same typography/layout contract */
.insight-interactive-task .insight-task-main.shared-task-card-main{
  width:auto;
  padding:0;
}
.insight-interactive-task .insight-task-main.shared-task-card-main strong{
  font-size:13px !important;
}
.insight-interactive-task .insight-task-main.shared-task-card-main small{
  font-size:9px !important;
}

/* Remove visual differences from older per-view task-row styling */
#workloadView .shared-task-card,
#overviewView .shared-task-card,
#activityView .shared-task-card{
  border-color:#dbe3ef;
}
#workloadView .workload-task-row,
#activityView .activity-compact-row{
  border:0;
  background:transparent;
}
#overviewView .dash-task-row{
  display:none !important;
}





.upcoming-event-stack{display:flex;flex-direction:column;gap:4px;margin-top:5px}
.upcoming-event-card{
  display:block;width:100%;padding:6px 7px;border:1px solid #dbe3ef;background:#fff;text-align:left;cursor:pointer;
}
.upcoming-event-card:hover{background:#f8fbff;border-color:#93c5fd}
.upcoming-event-card strong{display:block;font-size:10px;color:#172033;line-height:1.2}
.upcoming-event-card small{display:block;margin-top:2px;font-size:8px;color:#64748b}
.upcoming-event-card.event-holiday{border-left:4px solid #dc2626}
.upcoming-event-card.event-leave{border-left:4px solid #f59e0b}
.upcoming-event-card.event-company{border-left:4px solid #2563eb}
.upcoming-event-card.event-social{border-left:4px solid #16a34a}
.upcoming-event-card.event-meeting{border-left:4px solid #7c3aed}
.upcoming-event-more{border:0;background:transparent;color:#2563eb;font-size:8px;font-weight:800;text-align:left;cursor:pointer}
.event-modal-card{width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto}
.event-form{display:grid;gap:12px;padding:14px}
.event-form label{display:grid;gap:5px}
.event-form label>span{font-size:9px;font-weight:800;color:#64748b;text-transform:uppercase}
.event-form input,.event-form select,.event-form textarea{width:100%;box-sizing:border-box;border:1px solid #cbd5e1;background:#fff;padding:9px;color:#172033}
.event-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.event-check{display:flex !important;align-items:center;gap:8px}
.event-check input{width:auto}
.event-check span{text-transform:none !important}
.modal-actions{display:flex;align-items:center;gap:8px}
.modal-actions-spacer{flex:1}



#upcomingGrid .upcoming-cell{cursor:pointer;position:relative}
#upcomingGrid .upcoming-cell:hover{background:#f8fbff;border-color:#93c5fd}
#upcomingGrid .upcoming-cell:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
#upcomingGrid .upcoming-event-card{position:relative;z-index:2}
.event-two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.event-form input[type="datetime-local"]{min-height:38px}




#eventModal .modal-dialog{
  width:min(760px,calc(100vw - 24px));
  max-width:760px;
}
#eventModal .modal-content{
  max-height:calc(100vh - 24px);
}
#eventModal .modal-header{
  align-items:flex-start;
}
#eventModal .modal-header h2{
  margin:0;
}
#eventModal .event-modal-subtitle{
  margin:4px 0 0;
  color:#64748b;
  font-size:10px;
}
#eventModal .event-modal-body{
  overflow:auto;
}
#eventModal .event-all-day-field{
  margin:0;
}
#eventModal .event-check-inline{
  display:flex;
  align-items:center;
  gap:8px;
}
#eventModal .event-check-inline input{
  width:auto;
  flex:0 0 auto;
}
#eventModal .event-check-inline>span{
  margin:0;
  color:#172033;
  font-size:10px;
  font-weight:700;
  text-transform:none;
}
#eventModal .modal-actions-spacer{
  flex:1;
}


















/* Two or three open boxes: shrink evenly before allowing viewport clipping. */






#upcomingView .upcoming-event-card{
  width:100%;
  text-align:left;
  cursor:pointer;
}

#upcomingView .upcoming-event-card.event-company{border-left-color:#2563eb;}
#upcomingView .upcoming-event-card.event-leave{border-left-color:#f59e0b;}
#upcomingView .upcoming-event-card.event-holiday{border-left-color:#dc2626;}
#upcomingView .upcoming-event-card.event-social{border-left-color:#16a34a;}
#upcomingView .upcoming-event-card.event-meeting{border-left-color:#7c3aed;}
#upcomingView .upcoming-event-card.event-other{border-left-color:#64748b;}

#upcomingView .upcoming-cell{
  cursor:pointer;
}

#upcomingView .upcoming-cell:hover{
  background:var(--surface-hover,#f8fafc);
}

#upcomingView .upcoming-cell.is-today{
  box-shadow:inset 0 0 0 1px #2563eb;
}

#upcomingView .calendar-task-meta{
  display:block;
  margin-top:2px;
}







/* Same header proportions and visual language as Online Users */














/* Equivalent to Online Users .online-users-list */





































.mortx-panel-head>div,
.mortx-panel-head-copy{
  min-width:0 !important;
}

.mortx-panel-head-copy,
.mortx-panel-head>div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
}

.mortx-panel-head strong,
.mortx-panel-head h2,
.mortx-panel-head h3,
.mortx-panel-head-copy strong{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  color:#111827 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

.mortx-panel-head span,
.mortx-panel-head small,
.mortx-panel-head p,
.mortx-panel-head-copy span{
  display:block !important;
  margin:2px 0 0 !important;
  padding:0 !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}





.mortx-panel-close{
  display:grid !important;
  place-items:center !important;
  flex:0 0 34px !important;
  width:34px !important;
  min-width:34px !important;
  max-width:34px !important;
  height:34px !important;
  min-height:34px !important;
  max-height:34px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  border:1px solid #e5e7eb !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#111827 !important;
  font-size:14px !important;
  cursor:pointer !important;
}

/* View-specific wrappers must not reintroduce their old header geometry. */
.calendar-toolbar.mortx-panel-head,
.timeline-toolbar.mortx-panel-head,
.insight-view-header.mortx-panel-head{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  padding:14px 16px !important;
  gap:12px !important;
}

.timeline-toolbar.mortx-panel-head .timeline-head-actions{
  flex:1 1 auto !important;
}



/* Board header occupies one full row but is otherwise identical. */
#board .board-view-head.mortx-panel-head{
  grid-column:1 / -1 !important;
  width:100% !important;
}

/* DataTable/list uses the same header before its table controls. */
#listView>.mortx-panel-head{
  flex:0 0 auto !important;
}














/* -------------------------
   Timeline header
   ------------------------- */

/* Header stays compact and readable */

/* Search sits as its own compact toolbar */

/* Only the list scrolls */
@media(min-width:768px){

  .timeline-view{
    position:relative !important;
  }
}





*/













/* Activity now follows the same internal rhythm as Workload. */
#activityView .activity-summary-strip,
#workloadView .workload-summary{
  gap:8px !important;
  margin:0 0 12px !important;
}

#activityView .activity-summary-strip article,
#workloadView .workload-summary article{
  min-width:0 !important;
  padding:12px 14px !important;
  box-sizing:border-box !important;
}

#activityView .activity-day-list,
#workloadView .workload-list{
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

#activityView .activity-workload-collapse,
#workloadView .workload-collapse{
  margin:0 !important;
}







#workloadView,
#overviewView,
#activityView{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:10px 0 18px !important;
  box-sizing:border-box !important;
}

/* Same flush panel header treatment used by List and Calendar. */
#workloadView>.mortx-panel-head,
#overviewView>.mortx-panel-head,
#activityView>.mortx-panel-head{
  min-height:62px !important;
  width:100% !important;
  margin:0 !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:0 !important;
}

/* Body does not introduce a second outer inset. */
#workloadView>.insight-view-body,
#overviewView>.insight-view-body,
#activityView>.insight-view-body{
  min-width:0 !important;
  padding:14px !important;
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}








#profilePermissionActions:empty{
  display:none;
}
#profilePermissionActions{
  margin:0;
  padding:0;
}




/* ---------- Task List ---------- */


#listView .list-scroll,
#listView .dt-container,
#listView .dt-layout-table{
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#taskDataTable .project-cell .table-text{
  font-weight:900;color:#334155;
  text-transform:uppercase !important;
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}





/* ---------- Calendar ---------- */
.calendar-view{
  background:white;border:1px solid #e5e7eb;border-radius:0 !important;box-shadow:0 10px 24px rgba(0,0,0,.06);overflow:hidden;
  min-width:0 !important;
  max-width:100% !important;
}

.calendar-grid{
  display:grid;grid-template-columns:repeat(7,minmax(150px,1fr));overflow-x:auto;
  grid-auto-rows:170px;align-items:stretch;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.calendar-task-title{
  font-weight:900;color:#1f2937;margin-bottom:3px;
  min-width:0 !important;
}

.calendar-task-name,
.calendar-task-project{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.calendar-task-name{
  font-weight:900 !important;
}

.calendar-task-project{
  display:block;
  font-weight:600;
  opacity:.72;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-top:2px !important;
  color:#64748b !important;
  font-size:9px !important;
  line-height:1.15 !important;
  white-space:nowrap !important;
}










/* Main view tabs */
.view-switch{
  background:#f8fafc;border:1px solid #e5e7eb;border-radius:0 !important;padding:5px;
  scrollbar-width:thin;
  display:flex !important;
  align-items:stretch !important;
  flex-wrap:nowrap !important;
  gap:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}
.view-switch .view-btn,
.view-switch button{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

/* Toolbars */


/* KPI / summary columns */
.workload-summary,
.activity-summary-strip,
.dashboard-kpis,
.dashboard-health-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:8px !important;
}
.workload-summary>article,
.activity-summary-strip>article,
.dashboard-kpis>article,
.dashboard-health-grid>div{
  flex:1 1 220px !important;
  min-width:180px !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Dashboard report columns */
.dashboard-grid-primary,
.dashboard-grid-secondary{
  grid-template-columns:repeat(2,minmax(0,1fr));
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:stretch !important;
  gap:10px !important;
}
.dashboard-grid-primary>*,
.dashboard-grid-secondary>*{
  flex:1 1 420px !important;
  min-width:min(100%,300px) !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Common form/modal columns */
.form-row,
.form-grid,
.modal-form-row,
.modal-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:flex-start !important;
  gap:10px !important;
  min-width:0 !important;
  max-width:100% !important;
}
.form-row>*,
.form-grid>*,
.modal-form-row>*,
.modal-grid>*{
  flex:1 1 240px !important;
  min-width:min(100%,180px) !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}




/* Narrow screens: each flexible column can become full width naturally. */





/* Every main view header follows the same flex contract. */
.mortx-panel-head{
  border:0 !important;
  border-radius:0 !important;
  color:#111827 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  min-width:0 !important;
  min-height:62px !important;
  margin:0 !important;
  padding:14px 16px !important;
  box-sizing:border-box !important;
  border-bottom:1px solid #dbe3ee !important;
  background:#fff !important;
}

.mortx-panel-head-copy{
  display:flex !important;
  flex:1 1 280px !important;
  min-width:0 !important;
  max-width:100% !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  gap:3px !important;
  margin:0 !important;
}

.mortx-panel-head-copy strong{
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  color:#172033 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}

.mortx-panel-head-copy span{
  max-width:min(760px,70vw) !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  display:block !important;
  margin:0 !important;
  color:#64748b !important;
  font-size:11px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}



/* Calendar / Upcoming header buttons use the same control height. */


/* Timeline header is intentionally two rows: copy first, controls second. */



































/* Phone: controls stack cleanly with full-width date inputs. */




#listView .dt-container{
  padding:8px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* DataTables creates three cells when topStart + top + topEnd are used. */
#listView .dt-container > .dt-layout-row:first-child{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
  flex-wrap:nowrap !important;
  box-sizing:border-box !important;
}

#listView .dt-container > .dt-layout-row:first-child > .dt-layout-cell{
  display:flex !important;
  align-items:center !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Native left slot */
#listView .dt-container > .dt-layout-row:first-child > .dt-layout-start{
  flex:1 1 33.333% !important;
  justify-content:flex-start !important;
}

/* Native center slot */
#listView .dt-container > .dt-layout-row:first-child > .dt-layout-full,
#listView .dt-container > .dt-layout-row:first-child > .dt-layout-cell:not(.dt-layout-start):not(.dt-layout-end){
  flex:0 0 auto !important;
  justify-content:center !important;
}

/* Native right slot */
#listView .dt-container > .dt-layout-row:first-child > .dt-layout-end{
  flex:1 1 33.333% !important;
  justify-content:flex-end !important;
}

#listView .dt-length,
#listView .dt-search,
#listView .dt-buttons{
  margin:0 !important;
}

#listView .dt-buttons{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
}

/* Keep the official DataTables button, just match system dimensions. */
#listView .dt-button.mortx-colvis-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 12px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:0 !important;
  background:#fff !important;
  color:#172033 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

#listView .dt-button.mortx-colvis-button:hover,
#listView .dt-button.mortx-colvis-button:focus{
  border-color:#0073ea !important;
  background:#f8fbff !important;
  color:#0073ea !important;
}

/* Native search / row-count sizing; no forced custom layout. */
#listView .dt-length label,
#listView .dt-search label{
  margin:0 !important;
}

#listView .dt-search input{
  width:260px !important;
  border-radius:0 !important;
  max-width:260px !important;
  box-sizing:border-box !important;
}










/* Manage Emails: standard semantic HTML table, full modal width */
#emailAccessModal .allowed-email-list{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#emailAccessModal .allowed-email-table-wrap{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:visible !important;
  -webkit-overflow-scrolling:touch;
  box-sizing:border-box !important;
}

#emailAccessModal .allowed-email-table{
  display:table !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  margin:0 !important;
  border-collapse:collapse !important;
  table-layout:auto !important;
  background:#fff !important;
}

#emailAccessModal .allowed-email-table thead{
  display:table-header-group !important;
}

#emailAccessModal .allowed-email-table tbody{
  display:table-row-group !important;
}

#emailAccessModal .allowed-email-table tr{
  display:table-row !important;
}

#emailAccessModal .allowed-email-table th,
#emailAccessModal .allowed-email-table td{
  display:table-cell !important;
  visibility:visible !important;
  vertical-align:middle !important;
  padding:9px 10px !important;
  border:1px solid #dbe3ee !important;
  background:#fff !important;
  box-sizing:border-box !important;
}

#emailAccessModal .allowed-email-table thead th{
  background:#f8fafc !important;
  color:#64748b !important;
  font-size:10px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}

#emailAccessModal .allowed-email-table td:first-child{
  min-width:220px !important;
}

#emailAccessModal .allowed-email-table td:nth-child(2){
  min-width:160px !important;
}

#emailAccessModal .allowed-email-team-select{
  width:100% !important;
  min-width:140px !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* If the actual table content exceeds the modal, scroll; never hide columns. */



#recurringManageModal .recurring-manage-add{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

#recurringManageModal .recurring-manage-add > input,
#recurringManageModal .recurring-manage-add > select{
  height:38px !important;
  min-height:38px !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

#recurringManageModal #recurringTaskName{
  flex:1 1 auto !important;
}

#recurringManageModal #recurringCadence{
  flex:0 1 220px !important;
}

#recurringManageModal #recurringStartDate{
  flex:0 1 180px !important;
}








/* List column visibility menu */
.simple-colvis-trigger{
  position:relative !important;
}
.simple-colvis-caret{
  display:inline-block !important;
  margin-left:4px !important;
  font-size:9px !important;
  line-height:1 !important;
}
.simple-colvis-dropdown,
.simple-colvis-dropdown.simple-colvis-dropdown-all-columns{
  position:fixed !important;
  z-index:10060 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:min(270px,calc(100vw - 16px)) !important;
  min-width:220px !important;
  max-width:min(270px,calc(100vw - 16px)) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  margin:0 !important;
  padding:5px !important;
  overflow:visible !important;
  background:#fff !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 8px 22px rgba(15,23,42,.16) !important;
  box-sizing:border-box !important;
}
.simple-colvis-dropdown .simple-colvis-list,
.simple-colvis-dropdown-all-columns .simple-colvis-list{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
}
.simple-colvis-option{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-height:34px !important;
  margin:0 !important;
  padding:7px 9px !important;
  background:#fff !important;
  color:#172033 !important;
  cursor:pointer !important;
  font-size:11px !important;
  line-height:1.2 !important;
  font-weight:700 !important;
  box-sizing:border-box !important;
}
.simple-colvis-option:hover{background:#f8fafc !important;}
.simple-colvis-option input{
  flex:0 0 auto !important;
  width:14px !important;
  height:14px !important;
  margin:0 !important;
}
.simple-colvis-option span{
  flex:1 1 auto !important;
  min-width:0 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}






.calendar-task-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:5px !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  min-height:0 !important;
  overflow:hidden !important;
}

.calendar-task.calendar-task-compact{
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.calendar-task.calendar-task-compact .calendar-task-title{
  margin:0 !important;font-size:11px !important;line-height:1.2 !important;white-space:nowrap !important;text-overflow:ellipsis !important;
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

.calendar-task.calendar-task-compact .calendar-task-name,
.calendar-task.calendar-task-compact .calendar-task-project{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.calendar-task.calendar-task-compact .calendar-task-name{
  line-height:1.2 !important;
}

.calendar-task.calendar-task-compact .calendar-task-project{
  line-height:1.15 !important;
}

.aggregate-project-calendar .calendar-task.calendar-task-compact{
  min-height:45px !important;
  padding-top:6px !important;
  padding-bottom:6px !important;
}

.aggregate-project-calendar .calendar-task.calendar-task-compact .calendar-task-title{
  min-height:31px !important;
  justify-content:center !important;
}

.calendar-show-all-btn{
  width:100%;border:1px dashed #bfdbfe;background:#eff6ff;color:#075985;padding:6px 8px;font-size:11px;font-weight:900;text-align:left;cursor:pointer;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  flex:0 0 auto !important;
  min-height:30px !important;
  margin:0 !important;
  box-sizing:border-box !important;
  line-height:1.2 !important;
}





.workload-summary-badges{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:6px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
}

.workload-open-badge,
.workload-overdue-badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:22px !important;
  margin:0 !important;
  padding:4px 8px !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

.workload-overdue-badge{
  border:1px solid #fecaca !important;
  background:#fef2f2 !important;
  color:#b91c1c !important;
}





.task-card.compact-card .task-card-top{
  grid-template-columns: 1fr;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:7px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

.task-card.compact-card .task-card-badges-row .card-project-badge{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.task-card.compact-card .task-card-badges-row .department-chip{
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:46% !important;
  margin:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}



/* Single-project cards have no project badge; keep team badge compact. */
.task-card.compact-card .task-card-badges-row > .department-chip:first-child:last-child{
  margin-left:0 !important;
}



.task-card.compact-card .task-card-badges-row{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:5px !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding-right:34px !important;
  box-sizing:border-box !important;
}

.task-card.compact-card .task-card-badges-row .card-project-badge,
.task-card.compact-card .task-card-badges-row .department-chip{
  display:block !important;
  flex:0 0 auto !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  text-align:left !important;
}

.task-card.compact-card .task-card-full-title{
  display:block !important;
  min-width:0 !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  text-align:left !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;
  width:100% !important;
  max-width:100% !important;
}



.dashboard-performance-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:10px;
}
.dashboard-workflow-report{margin:0 0 10px}
.dashboard-funnel{
  display:flex;
  align-items:stretch;
  gap:8px;
  padding:10px;
  overflow-x:auto;
}
.dashboard-funnel-stage{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 0 145px;
  min-width:145px;
  padding:10px;
  border:1px solid #dbe3ef;
  background:#fff;
}
.dashboard-funnel-stage>span{
  display:grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  background:#eff6ff;
  color:#1d4ed8;
  font-size:9px;
  font-weight:900;
}
.dashboard-funnel-stage>div{flex:1;min-width:0}
.dashboard-funnel-stage strong,
.dashboard-funnel-stage small{display:block}
.dashboard-funnel-stage strong{font-size:10px}
.dashboard-funnel-stage small{margin-top:2px;color:#64748b;font-size:8px}
.dashboard-funnel-stage>b{font-size:15px}
.dashboard-table-scroll{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.dashboard-report-table{
  width:100%;
  min-width:520px;
  border-collapse:collapse;
  table-layout:auto;
}
.dashboard-report-table th,
.dashboard-report-table td{
  padding:9px 10px;
  border-bottom:1px solid #e6edf5;
  text-align:right;
  white-space:nowrap;
  font-size:9px;
}
.dashboard-report-table th{
  background:#f8fafc;
  color:#64748b;
  font-size:8px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dashboard-report-table th:first-child,
.dashboard-report-table td:first-child{
  width:100%;
  text-align:left;
  font-weight:800;
}
.dashboard-report-table .report-danger{
  color:#b91c1c;
  font-weight:900;
}





.activity-range-bar{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:12px;
  border-bottom:1px solid #dbe3ee;
  background:#fff;
}
.activity-range-heading{
  display:flex;
  flex-direction:column;
  gap:3px;
}
.activity-range-heading strong{
  font-size:12px;
  color:#172033;
}
.activity-range-heading span{
  font-size:9px;
  color:#64748b;
  font-weight:700;
}
.activity-range-controls{
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
}
.activity-date-field{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:150px;
}
.activity-date-field>span{
  font-size:8px;
  font-weight:900;
  color:#64748b;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.activity-date-field input{
  width:100%;
  height:34px;
  padding:0 9px;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#172033;
  font:inherit;
  box-sizing:border-box;
}
.activity-reset-range{
  height:34px;
  white-space:nowrap;
}
.activity-summary-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin-bottom:12px;
  margin:10px 12px;
}
.activity-day-list-static{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:0 12px 12px;
}
.activity-day-section{
  width:100%;
  border:1px solid #dbe3ee;
  background:#fff;
}
.activity-day-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:50px;
  padding:9px 11px;
  border-bottom:1px solid #dbe3ee;
  background:#f8fafc;
}
.activity-day-title{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.activity-day-title strong{
  font-size:11px;
  color:#172033;
}
.activity-day-title span{
  font-size:9px;
  color:#64748b;
  font-weight:700;
}
.activity-day-count{
  flex:0 0 auto;
  padding:5px 7px;
  background:#e8eef6;
  color:#43546c;
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  white-space:nowrap;
}
.activity-day-body{
  padding:10px;
}
.activity-day-body .activity-list-heading{
  margin:0 0 8px;
}




.activity-flat-report{
  margin:0 12px 12px;
  padding:10px;
  border:1px solid #dbe3ee;
  background:#fff;
}
.activity-flat-report .activity-list-heading{
  margin:0 0 8px;
}




.activity-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

.activity-data-table th,.activity-data-table td{padding:9px 10px !important;vertical-align:middle !important}

.activity-data-table tbody tr{cursor:pointer}






.activity-table-report{
  padding:8px !important;
}

.activity-table-report .dataTables_wrapper{
  width:100%;
  font-size:10px !important;
}

.activity-table-report .dataTables_length,
.activity-table-report .dataTables_filter{
  margin:0 0 6px !important;
}

.activity-table-report .dataTables_length label,
.activity-table-report .dataTables_filter label{
  font-size:9px !important;
  font-weight:700 !important;
  color:#526176 !important;
}

.activity-table-report .dataTables_length select{
  height:28px !important;
  min-width:56px !important;
  padding:2px 22px 2px 6px !important;
  font-size:9px !important;
}

.activity-table-report .dataTables_filter input{
  height:28px !important;
  width:190px !important;
  margin-left:5px !important;
  padding:3px 7px !important;
  font-size:9px !important;
  box-sizing:border-box !important;
}

.activity-data-table{
  width:100% !important;border-collapse:collapse !important;
  min-width:760px !important;
}

.activity-data-table thead th{
  white-space:nowrap !important;
  padding:6px 8px !important;
  font-size:8px !important;
  line-height:1.1 !important;
}

.activity-data-table tbody td{
  padding:6px 8px !important;
  font-size:9px !important;
  line-height:1.2 !important;
}

.activity-data-table td:first-child{
  min-width:220px !important;
}

.activity-data-table td:first-child strong{
  display:block;
  font-size:9px !important;
  line-height:1.15 !important;
}

.activity-data-table td:first-child small{
  display:block;color:#64748b;
  margin-top:2px !important;
  font-size:7.5px !important;
  line-height:1.1 !important;
}

.activity-data-table .shared-task-badge{
  min-height:18px !important;
  padding:3px 6px !important;
  font-size:7.5px !important;
  line-height:1 !important;
}

.activity-table-report .dataTables_info,
.activity-table-report .dataTables_paginate{
  margin-top:6px !important;
  font-size:8px !important;
}

.activity-table-report .dataTables_paginate .paginate_button{
  min-width:26px !important;
  height:26px !important;
  padding:5px 7px !important;
  margin:0 1px !important;
  font-size:8px !important;
  line-height:1 !important;
}





.collaborative-level-row{
  display:grid !important;gap:10px;
  grid-template-columns: auto auto minmax(220px, 1.2fr) minmax(150px, .75fr) minmax(170px, .85fr) auto !important;
  align-items:end !important;
}
.collab-reviewer-field{
  min-width:170px !important;
}
.collab-review-rule-field{
  min-width:120px !important;
}
.collab-reviewer-picker{
  position:relative;
  width:100%;
}
.collab-reviewer-picker>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  width:100%;
  min-height:34px;
  padding:7px 9px;
  border:1px solid #cbd5e1;
  background:#fff;
  cursor:pointer;
  box-sizing:border-box;
  list-style:none;
  font-size:10px;
  font-weight:700;
}
.collab-reviewer-picker>summary::-webkit-details-marker{display:none}
.collab-reviewer-summary{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.collab-reviewer-menu{
  position:absolute;
  z-index:11000;
  top:calc(100% + 3px);
  left:0;
  width:max(100%,240px);
  max-width:320px;
  max-height:240px;
  padding:5px;
  overflow:auto;
  border:1px solid #cbd5e1;
  background:#fff;
  box-shadow:0 8px 20px rgba(15,23,42,.16);
  box-sizing:border-box;
}
.collab-reviewer-option{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:32px !important;
  padding:6px 7px !important;
  cursor:pointer !important;
  font-size:9px !important;
  font-weight:700 !important;
}
.collab-reviewer-option:hover{background:#f8fafc}
.collab-reviewer-option input{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  flex:0 0 auto !important;
}
.collab-reviewer-empty{
  padding:10px;
  color:#64748b;
  font-size:9px;
}

.assigned-reviewers-progress>header{
  padding:9px 10px;
  border-bottom:1px solid #e5eaf1;
  background:#f8fafc;
}
.assigned-reviewers-progress>header strong,
.assigned-reviewers-progress>header span{display:block}
.assigned-reviewers-progress>header strong{font-size:10px}
.assigned-reviewers-progress>header span{margin-top:2px;color:#64748b;font-size:8px;font-weight:700}

.assigned-reviewer-row>span{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  font-weight:700;
}
.assigned-reviewer-row>b{
  flex:0 0 auto;
  font-size:8px;
  text-transform:uppercase;
}
.assigned-reviewer-row.approved>b{color:#15803d}
.assigned-reviewer-row.for_revision>b{color:#b91c1c}
.assigned-reviewer-row.pending>b{color:#64748b}





.prereq-level-grid{
  grid-template-columns:1fr;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  width:100% !important;
}

.collaborative-level-card{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 !important;
  border:1px solid #cfe3d6 !important;
  background:#f8fffa !important;
  box-sizing:border-box !important;
  overflow:visible !important;
}

.collab-level-card-head{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto !important;
  align-items:end !important;
  gap:10px !important;
  width:100% !important;
  padding:10px !important;
  border-bottom:1px solid #d9e8de !important;
  box-sizing:border-box !important;
}

.collab-level-identity{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-height:34px !important;
}

.collab-level-primary-fields{
  display:grid !important;
  grid-template-columns:minmax(170px,.8fr) minmax(220px,1.2fr) !important;
  gap:8px !important;
  min-width:0 !important;
}




.collaborative-level-card .prereq-level-field{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}

.collaborative-level-card .prereq-level-field>span{
  display:block !important;
  min-height:12px !important;
  color:#566273 !important;
  font-size:8px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  white-space:normal !important;
}

.collaborative-level-card .prereq-level-field select,
.collaborative-level-card .prereq-level-field input{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  height:34px !important;
  box-sizing:border-box !important;
}

.collaborative-level-card .collab-output-description-field{
  min-width:0 !important;
}

.collaborative-level-card .prereq-remove-btn{
  align-self:end !important;
  min-height:34px !important;
  white-space:nowrap !important;
}






.collaborative-level-card .collab-output-options-field.hidden {
  display: none !important;
}



.collaborative-level-card .collab-reviewer-field{
  min-width:0 !important;
  width:100% !important;
}







.collaborative-level-card .collab-reviewer-picker>summary i{
  flex:0 0 auto !important;
  font-size:9px !important;
}











/* Workflow level body: output controls own their grid; reviewer order sits below it. */
.collab-level-card-body{
  display:block !important;
  width:100% !important;
  padding:10px !important;
  box-sizing:border-box !important;
}
.collab-level-output-fields{
  display:grid !important;
  grid-template-columns:minmax(0,.75fr) minmax(0,1fr) minmax(0,1.55fr) minmax(0,1.15fr) minmax(0,1fr) !important;
  gap:8px !important;
  align-items:end !important;
  width:100% !important;
  min-width:0 !important;
}
.collab-level-output-fields .collab-output-options-field:not(.hidden){
  grid-column:1 / -1 !important;
}
@media (max-width:900px){
  .collab-level-output-fields{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-width:560px){
  .collab-level-output-fields{grid-template-columns:1fr !important;}
}

/* Reviewer menu must remain inside the task modal viewport. */
#taskModal .collab-reviewer-menu{
  max-height:min(210px,32vh) !important;
}









.collaborative-level-card .collab-reviewer-picker>summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  min-width:0 !important;
  max-width:100% !important;
  padding:0 9px !important;
  overflow:hidden !important;
  height:34px !important;
  min-height:34px !important;
  width:100% !important;
  box-sizing:border-box !important;
}









.collaborative-level-card .collab-reviewer-picker{
  display:block !important;
  position:relative !important;
  max-width:100% !important;
  width:100% !important;
  min-width:0 !important;
}

.collaborative-level-card .collab-reviewer-picker > summary{
  height:34px !important;
  min-height:34px !important;
  padding:0 28px 0 9px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  color:#172033 !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:32px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-sizing:border-box !important;
  position:relative !important;
}

.collaborative-level-card .collab-reviewer-summary{
  flex:1 1 auto !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#172033 !important;
  font-size:10px !important;
  font-weight:400 !important;
  line-height:32px !important;
  text-transform:none !important;
}

.collaborative-level-card .collab-reviewer-picker > summary i{
  position:absolute !important;
  right:9px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  font-size:8px !important;
  color:#475569 !important;
}

.collaborative-level-card .collab-reviewer-menu{
  position:absolute !important;
  z-index:12050 !important;
  left:0 !important;
  right:auto !important;
  background:#fff !important;
  box-sizing:border-box !important;
  width:100% !important;
  min-width:100% !important;
  max-width:100% !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  top:calc(100% + 2px) !important;
  padding:2px !important;
  max-height:190px !important;
  border:1px solid #cbd5e1 !important;
  box-shadow:0 6px 14px rgba(15,23,42,.14) !important;
}

.collaborative-level-card .collab-reviewer-option{
  display:grid !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  grid-template-columns:13px minmax(0,1fr) !important;
  gap:6px !important;
  min-height:27px !important;
  padding:4px 6px !important;
}

.collaborative-level-card .collab-reviewer-option input[type="checkbox"]{
  display:block !important;
  padding:0 !important;
  flex:none !important;
  margin:0 !important;
  width:13px !important;
  height:13px !important;
  min-width:13px !important;
  max-width:13px !important;
}

.collaborative-level-card .collab-reviewer-option span{
  display:block !important;
  max-width:100% !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:8.5px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

.collaborative-level-card .collab-reviewer-empty{
  line-height:1.25 !important;
  padding:7px !important;
  font-size:8.5px !important;
}

/* Align reviewer placeholder with native select/input text. */
.collaborative-level-card .prereq-level-field select,
.collaborative-level-card .prereq-level-field input,
.collaborative-level-card .collab-reviewer-picker > summary{
  font-family:inherit !important;
  font-size:10px !important;
}

/* Keep all controls in the second row visually identical in height. */
.collab-level-card-body .prereq-level-field select,
.collab-level-card-body .prereq-level-field input,
.collab-level-card-body .collab-reviewer-picker > summary{
  height:34px !important;
  min-height:34px !important;
}





.assigned-reviewers-progress{
  margin-bottom:10px;
  margin:0 0 10px !important;
  border:1px solid #dbe3ee !important;
  background:#fff !important;
}

.assigned-reviewers-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  padding:9px 10px !important;
  border-bottom:1px solid #e5eaf1 !important;
  background:#f8fafc !important;
}

.assigned-reviewers-header>div{
  min-width:0 !important;
}

.assigned-reviewers-header strong,
.assigned-reviewers-header span{
  display:block !important;
}

.assigned-reviewers-header strong{
  color:#172033 !important;
  font-size:10px !important;
}

.assigned-reviewers-header span{
  margin-top:2px !important;
  color:#64748b !important;
  font-size:8px !important;
  font-weight:700 !important;
}

.reviewer-progress-badge{
  flex:0 0 auto !important;
  padding:5px 7px !important;
  background:#e8eef6 !important;
  color:#43546c !important;
  font-size:8px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
}

.reviewer-progress-badge.complete{
  background:#dcfce7 !important;
  color:#166534 !important;
}

.assigned-reviewer-list{
  display:flex !important;
  flex-direction:column !important;
}

.assigned-reviewer-row{
  font-size:9px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  min-height:42px !important;
  padding:7px 10px !important;
  border-bottom:1px solid #edf1f5 !important;
}

.assigned-reviewer-row:last-child{
  border-bottom:0 !important;
}

.assigned-reviewer-person{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  min-width:0 !important;
}

.assigned-reviewer-icon{
  display:grid !important;
  place-items:center !important;
  flex:0 0 24px !important;
  width:24px !important;
  height:24px !important;
  background:#f1f5f9 !important;
  color:#64748b !important;
  font-size:9px !important;
}

.assigned-reviewer-row.approved .assigned-reviewer-icon{
  background:#dcfce7 !important;
  color:#15803d !important;
}

.assigned-reviewer-row.for_revision .assigned-reviewer-icon{
  background:#fee2e2 !important;
  color:#b91c1c !important;
}

.assigned-reviewer-person>div{
  min-width:0 !important;
}

.assigned-reviewer-person strong,
.assigned-reviewer-person small{
  display:block !important;
  min-width:0 !important;
}

.assigned-reviewer-person strong{
  overflow:hidden !important;
  color:#172033 !important;
  font-size:9px !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.assigned-reviewer-person small{
  margin-top:2px !important;
  color:#64748b !important;
  font-size:8px !important;
}

.assigned-reviewer-state{
  flex:0 0 auto !important;
  color:#64748b !important;
  font-size:8px !important;
  text-transform:uppercase !important;
}

.assigned-reviewer-row.approved .assigned-reviewer-state{
  color:#15803d !important;
}

.assigned-reviewer-row.for_revision .assigned-reviewer-state{
  color:#b91c1c !important;
}

.assigned-reviewers-complete{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
  padding:8px 10px !important;
  border-top:1px solid #bbf7d0 !important;
  background:#f0fdf4 !important;
  color:#166534 !important;
  font-size:8px !important;
  font-weight:900 !important;
}

.reviewer-decision-complete .review-decision-header{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}

.reviewer-own-approved{
  flex:0 0 auto !important;
  color:#15803d !important;
  font-size:8px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}





.review-decision-card .assigned-reviewers-progress{
  margin:0 !important;
  border-left:0 !important;
  border-right:0 !important;
  border-top:1px solid #e5eaf1 !important;
  border-bottom:1px solid #e5eaf1 !important;
}

.review-decision-card > .review-decision-header + .assigned-reviewers-progress{
  border-top:0 !important;
}

.reviewer-progress-badge.empty{
  background:#eef2f7 !important;
  color:#64748b !important;
}

.reviewer-status-empty{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:10px !important;
  background:#fff !important;
}

.reviewer-status-empty>i{
  display:grid !important;
  place-items:center !important;
  flex:0 0 28px !important;
  width:28px !important;
  height:28px !important;
  background:#f1f5f9 !important;
  color:#64748b !important;
  font-size:10px !important;
}

.reviewer-status-empty>div{
  min-width:0 !important;
}

.reviewer-status-empty strong,
.reviewer-status-empty span{
  display:block !important;
}

.reviewer-status-empty strong{
  color:#172033 !important;
  font-size:9px !important;
}

.reviewer-status-empty span{
  margin-top:2px !important;
  color:#64748b !important;
  font-size:8px !important;
  line-height:1.35 !important;
}

.reviewer-status-only .assigned-reviewers-progress{
  border-bottom:0 !important;
}




/* List table: created date, workflow level, duration */
#taskDataTable .task-created-datetime,
#taskDataTable .table-duration {
  white-space: nowrap;
  font-size: 0.78rem;
}
#taskDataTable .table-level-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 58px;
  min-height: 24px;
  padding: 2px 7px;
  border: 1px solid var(--border, #d9e0e8);
  border-radius: 4px;
  background: var(--surface-soft, #f7f9fc);
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
#taskDataTable .table-duration {
  font-weight: 700;
}

/* Manage Inventory */
.inventory-page{background:#f5f7fb;min-height:100vh}.inventory-shell{background:#fff;border:1px solid #e5e7eb !important;border-radius:0 !important;overflow:visible}.inventory-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e5e7eb}.inventory-header.compact{padding-top:16px;padding-bottom:16px}.inventory-header h2{margin:0;font-size:20px;font-weight:900;color:#111827}.inventory-header h2 i{margin-right:7px;color:#0073ea}.inventory-header p{margin:3px 0 0;color:#64748b;font-size:12px;font-weight:700}.inventory-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #e5e7eb}.inventory-stat{padding:16px 20px;border-right:1px solid #e5e7eb}.inventory-stat:last-child{border-right:0}.inventory-stat span{display:block;color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900}.inventory-stat strong{display:block;margin-top:4px;color:#0f172a;font-size:25px;line-height:1}.inventory-table-wrap{padding:18px 20px 22px;overflow-x:auto}.inventory-table td,.inventory-table th{vertical-align:middle !important}.inventory-table th{font-size:11px !important;text-transform:uppercase;letter-spacing:.04em;color:#64748b !important}.inventory-item-note{display:block;color:#94a3b8;font-size:10px;font-weight:700;margin-top:2px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inventory-qty{font-size:14px}.inventory-stock-status,.movement-badge{display:inline-flex;align-items:center;justify-content:center;min-width:84px;padding:6px 8px;font-size:10px;font-weight:900;text-transform:uppercase}.inventory-stock-status.ok{background:#dcfce7;color:#166534}.inventory-stock-status.low{background:#fef3c7;color:#92400e}.inventory-stock-status.out{background:#fee2e2;color:#991b1b}.movement-badge{min-width:44px}.movement-badge.in{background:#dcfce7;color:#166534}.movement-badge.out{background:#fee2e2;color:#991b1b}.inventory-actions{display:flex;gap:5px;white-space:nowrap}.btn.mini{min-height:30px;padding:5px 8px;font-size:10px;font-weight:900;border:1px solid #cbd5e1;background:#fff;color:#334155}.btn.mini.inventory-in{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.btn.mini.inventory-out{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.btn.mini.danger-soft{color:#b91c1c;border-color:#fecaca}.mortx-inventory-modal{border-radius:0 !important;border:0}.mortx-inventory-modal .modal-header,.mortx-inventory-modal .modal-footer{border-color:#e5e7eb}.mortx-inventory-modal .modal-header h5{font-weight:900;margin:0}.mortx-inventory-modal .modal-header small{color:#64748b;font-weight:700}.mortx-inventory-modal .field{display:flex;flex-direction:column;gap:6px;width:100%}.mortx-inventory-modal .field>span{font-size:11px;font-weight:900;color:#475569}.mortx-inventory-modal input,.mortx-inventory-modal textarea{width:100%;border:1px solid #cbd5e1;border-radius:0;padding:9px 10px;font:inherit;min-height:40px}.inventory-current-stock{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;font-size:12px;font-weight:800}.inventory-current-stock strong{color:#0f172a}

/* Inventory item photos */
.inventory-photo-picker{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid #dbe3ee;background:#f8fafc}
.inventory-photo-preview{width:84px;height:84px;flex:0 0 84px;border:1px dashed #b9c5d4;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#94a3b8;font-size:24px}
.inventory-photo-preview img{width:100%;height:100%;object-fit:cover}.inventory-photo-controls{min-width:0;display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:7px}.inventory-photo-controls input[type=file]{width:100%;font-size:12px}.inventory-photo-controls small{font-size:11px;color:#64748b}.inventory-photo-cell{width:54px !important;text-align:center}.inventory-list-photo.empty{color:#94a3b8;font-size:15px}

/* Inventory clickable thumbnail + image lightbox */

.inventory-photo-button:hover .inventory-list-photo{
  transform:scale(1.06);
  box-shadow:0 2px 10px rgba(0,0,0,.16);
}
.inventory-list-photo{
  width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;object-fit:cover;border:1px solid #dbe3ee;background:#f8fafc;
  transition:transform .12s ease,box-shadow .12s ease;
}
.inventory-image-lightbox{
  position:fixed;
  inset:0;
  z-index:100000;
  background:rgba(15,23,42,.82);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px;
}
.inventory-image-lightbox.hidden{display:none !important}
.inventory-image-stage{
  max-width:min(1100px,92vw);
  max-height:90vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.inventory-image-stage img{
  display:block;
  max-width:100%;
  max-height:82vh;
  width:auto;
  height:auto;
  object-fit:contain;
  background:#fff;
  box-shadow:0 14px 50px rgba(0,0,0,.35);
}
.inventory-image-caption{
  color:#fff;
  font-size:14px;
  font-weight:700;
  text-align:center;
  min-height:18px;
}
.inventory-image-close{
  position:fixed;
  top:18px;
  right:20px;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(0,0,0,.35);
  color:#fff;
  cursor:pointer;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.inventory-image-close:hover{background:rgba(0,0,0,.6)}
body.inventory-image-open{overflow:hidden}


/* Reliable inventory preview click */
.inventory-photo-button{
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  cursor:zoom-in;
  display:inline-flex;
  line-height:0;
  position:relative;z-index:2;pointer-events:auto !important
}
.inventory-photo-button .inventory-list-photo{pointer-events:none}
#inventoryImageLightbox{z-index:2147483000 !important}

/* Inventory thumbnail: plain clickable image, not button-styled */
.inventory-photo-button,
.inventory-photo-button:hover,
.inventory-photo-button:focus,
.inventory-photo-button:active{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  display:inline-block !important;
  vertical-align:middle;
  cursor:zoom-in;
}
.inventory-photo-button .inventory-list-photo,
.inventory-photo-button:hover .inventory-list-photo,
.inventory-photo-button:focus .inventory-list-photo,
.inventory-photo-button:active .inventory-list-photo{
  display:block;
  width:42px;
  height:42px;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  transform:none !important;
  border-radius:0 !important;
  object-fit:cover;
}

/* Inventory variant fields */
#inventoryTable td:nth-child(5),
#inventoryTable td:nth-child(6){white-space:nowrap}


#inventoryTable th,
#inventoryTable td{vertical-align:middle}
#inventoryTable th:nth-child(5),
#inventoryTable th:nth-child(6),
#inventoryTable td:nth-child(5),
#inventoryTable td:nth-child(6){white-space:nowrap}



/* Unified Inventory DataTables */




#inventoryTable_wrapper .dt-layout-cell,
#historyTable_wrapper .dt-layout-cell{
  display:flex;
  align-items:center;
}



#inventoryTable_wrapper .dt-search label,
#historyTable_wrapper .dt-search label{
  margin:0;
  white-space:nowrap;
}



#inventoryTable_wrapper .dt-length,
#historyTable_wrapper .dt-length{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
}

#inventoryTable_wrapper .dt-length select,
#historyTable_wrapper .dt-length select{
  height:34px;
}

#inventoryTable,
#historyTable{
  width:100% !important;
  table-layout:auto;
}

#inventoryTable th,
#inventoryTable td,
#historyTable th,
#historyTable td{
  vertical-align:middle;
}

#inventoryTable_wrapper .dt-info,
#historyTable_wrapper .dt-info{
  padding:0 !important;
}

#inventoryTable_wrapper .dt-paging nav,
#historyTable_wrapper .dt-paging nav{
  display:flex;
  gap:2px;
  align-items:center;
}






/* Inventory profile navigation: same behavior on all screen sizes */
#authDropdown{
  min-width:220px;
  max-width:min(280px,calc(100vw - 24px));
}
#authDropdown .auth-dropdown-item{
  display:flex;
  align-items:center;
  gap:9px;
  width:100%;
}
#authDropdown .auth-dropdown-item i{
  width:18px;
  text-align:center;
}



/* Button-style links should never look like text links */
a.btn,
a.mini,
a.auth-dropdown-item,
.auth-dropdown a,
#authDropdown a,
a[class*="btn"],
a.btn:hover,
a.btn:focus,
a.btn:active,
a.mini:hover,
a.mini:focus,
a.mini:active,
a.auth-dropdown-item:hover,
a.auth-dropdown-item:focus,
a.auth-dropdown-item:active,
.auth-dropdown a:hover,
.auth-dropdown a:focus,
.auth-dropdown a:active,
#authDropdown a:hover,
#authDropdown a:focus,
#authDropdown a:active,
a[class*="btn"]:hover,
a[class*="btn"]:focus,
a[class*="btn"]:active{
  text-decoration:none !important;
}

/* Proper full-width DataTables structure */
.inventory-section,
.inventory-card,
.inventory-table-wrap,
#inventoryTable_wrapper,
#historyTable_wrapper,
#inventoryTable_wrapper .dt-layout-table,
#historyTable_wrapper .dt-layout-table,
#inventoryTable_wrapper .dt-layout-cell,
#historyTable_wrapper .dt-layout-cell{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box;
}

#inventoryTable_wrapper,
#historyTable_wrapper{
  width:100%;
  display:block !important;
}



#inventoryTable_wrapper .dt-layout-row.dt-layout-table,
#historyTable_wrapper .dt-layout-row.dt-layout-table{
  display:block !important;
}

#inventoryTable_wrapper .dt-layout-row > .dt-layout-start,
#historyTable_wrapper .dt-layout-row > .dt-layout-start{
  justify-self:start;
  min-width:0;
}

#inventoryTable_wrapper .dt-layout-row > .dt-layout-end,
#historyTable_wrapper .dt-layout-row > .dt-layout-end{
  justify-self:end;
  min-width:0;
}

#inventoryTable_wrapper table.dataTable,
#historyTable_wrapper table.dataTable,
#inventoryTable,
#historyTable{
  width:100% !important;
  max-width:none !important;
  min-width:100% !important;
  table-layout:auto !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

#inventoryTable_wrapper .dt-scroll,
#historyTable_wrapper .dt-scroll,
#inventoryTable_wrapper .dt-scroll-body,
#historyTable_wrapper .dt-scroll-body{
  width:100% !important;
  max-width:none !important;
}

#inventoryTable_wrapper .dt-search,
#historyTable_wrapper .dt-search{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  width:auto;
}

#inventoryTable_wrapper .dt-search input,
#historyTable_wrapper .dt-search input{
  height:34px;
  margin-left:0 !important;
  min-width:180px;
}

/* Profile dropdown links: never underline, including browser visited/focus states */
#authDropdown a,
#authDropdown a:link,
#authDropdown a:visited,
#authDropdown a:hover,
#authDropdown a:focus,
#authDropdown a:focus-visible,
#authDropdown a:active,
.auth-dropdown a,
.auth-dropdown a:link,
.auth-dropdown a:visited,
.auth-dropdown a:hover,
.auth-dropdown a:focus,
.auth-dropdown a:focus-visible,
.auth-dropdown a:active{
  text-decoration:none !important;
  text-decoration-line:none !important;
  border-bottom:0 !important;
  box-shadow:none !important;
}

#authDropdown .auth-dropdown-item,
#authDropdown .auth-dropdown-item span,
.auth-dropdown .auth-dropdown-item,
.auth-dropdown .auth-dropdown-item span{
  text-decoration:none !important;
  text-decoration-line:none !important;
}



/* Inventory header actions */
.inventory-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
#globalStockInBtn{
  background:#ecfdf5;
  border:1px solid #bbf7d0;
  color:#047857;
}
#globalStockOutBtn{
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#c2410c;
}


/* Inventory action button colors — consistent semantic actions */
#globalStockInBtn,
.inventory-in,
button[data-action="in"],
.btn-stock-in{
  background:#198754 !important;
  border-color:#198754 !important;
  color:#fff !important;
}

#globalStockInBtn:hover,
.inventory-in:hover,
button[data-action="in"]:hover,
.btn-stock-in:hover{
  background:#157347 !important;
  border-color:#146c43 !important;
  color:#fff !important;
}

#globalStockOutBtn,
.inventory-out,
button[data-action="out"],
.btn-stock-out{
  background:#dc3545 !important;
  border-color:#dc3545 !important;
  color:#fff !important;
}

#globalStockOutBtn:hover,
.inventory-out:hover,
button[data-action="out"]:hover,
.btn-stock-out:hover{
  background:#bb2d3b !important;
  border-color:#b02a37 !important;
  color:#fff !important;
}

#addItemBtn{
  background:#0d6efd !important;
  border-color:#0d6efd !important;
  color:#fff !important;
}
#addItemBtn:hover{
  background:#0b5ed7 !important;
  border-color:#0a58ca !important;
  color:#fff !important;
}

/* Row action buttons */
.inventory-table-wrap .mini.in,
#inventoryTable .mini.in{
  background:#198754 !important;
  border-color:#198754 !important;
  color:#fff !important;
}
.inventory-table-wrap .mini.out,
#inventoryTable .mini.out{
  background:#dc3545 !important;
  border-color:#dc3545 !important;
  color:#fff !important;
}

/* Keep icon-only utility actions neutral */
#inventoryTable .mini.edit,
#inventoryTable .mini.delete{
  background:#fff !important;
}
#inventoryTable .mini.edit{
  color:#212529 !important;
  border-color:#ced4da !important;
}
#inventoryTable .mini.delete{
  color:#dc3545 !important;
  border-color:#f1aeb5 !important;
}

/* DataTables layout polish */
#inventoryTable_wrapper .dt-layout-row,
#historyTable_wrapper .dt-layout-row{
  justify-content:space-between;
  margin:0;
  padding:10px 0;
  width:100% !important;
  max-width:none !important;
  display:grid !important;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:12px;
  box-sizing:border-box;

}

#inventoryTable_wrapper .dt-search,
#historyTable_wrapper .dt-search,
#inventoryTable_wrapper .dt-paging,
#historyTable_wrapper .dt-paging{
  margin-left:auto;
}



/* Bulk XLSX import full-details preview */

.bulk-import-preview th:nth-child(1),
.bulk-import-preview td:nth-child(1){width:54px}
.bulk-import-preview th:nth-child(2),
.bulk-import-preview td:nth-child(2){width:28%}
.bulk-import-preview th:nth-child(3),
.bulk-import-preview td:nth-child(3){width:auto}
.bulk-import-preview th:nth-child(4),
.bulk-import-preview td:nth-child(4){width:22%}
.bulk-import-preview td{vertical-align:top !important}
.bulk-preview-task-name{display:block;font-size:13px;margin-bottom:6px}
.bulk-preview-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;margin-bottom:6px}
.bulk-preview-notes{font-size:12px;line-height:1.4;word-break:break-word}
.bulk-preview-level{
  border:1px solid #dbe3ee;
  background:#fff;
  margin-bottom:7px;
}
.bulk-preview-level:last-child{margin-bottom:0}
.bulk-preview-level-title{
  padding:6px 8px;
  background:#f3f6fa;
  font-size:12px;
  font-weight:800;
}
.bulk-preview-level-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 12px;
  padding:8px;
  font-size:11px;
  line-height:1.35;
}
.bulk-preview-level-grid span{min-width:0;word-break:break-word}
.bulk-preview-output{grid-column:1/-1}
.bulk-preview-result{font-size:12px;line-height:1.4}
.bulk-preview-result.ready{color:#087443;font-weight:700}
.bulk-preview-result.error{color:#a61b1b;font-weight:700}




/* Friendly XLSX import preview */
.bulk-import-preview-wrap{
  max-height:52vh;
  border:1px solid #dfe6ee;
  background:#fff;
  border-radius:4px;
  overflow:auto;
}
.bulk-import-preview{
  min-width:980px;
  width:100%;
  table-layout:fixed;
  margin:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}
.bulk-import-preview thead th{
  position:sticky;top:0;z-index:1;
  background:#f7f9fc !important;
  color:#475569 !important;
  font-size:11px !important;
  text-transform:uppercase;
  letter-spacing:.04em;
  border-bottom:1px solid #dfe6ee !important;
  padding:9px 10px !important;
}
.bulk-preview-row td{
  background:#fff !important;
  padding:10px !important;
  border-top:0 !important;
  border-bottom:1px solid #e8edf3 !important;
}
.bulk-preview-row:last-child td{border-bottom:0 !important}
.bulk-preview-row.has-error td{background:#fffafa !important}
.bulk-preview-row.is-valid td{background:#fcfffd !important}

.bulk-preview-rowno{
  font-weight:700;
  text-align:center !important;
  vertical-align:top !important;
}
.bulk-preview-rowno span{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef2f7;
  color:#475569;
  font-size:11px;
  font-weight:800;
}

.bulk-preview-task-card{
  min-width:0;
}
.bulk-preview-task-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:7px;
}
.bulk-preview-task-title{
  font-size:13px;
  font-weight:800;
  line-height:1.25;
  color:#1f2937;
}
.bulk-preview-priority{
  flex:0 0 auto;
  padding:3px 7px;
  background:#fff3cd;
  color:#8a6400;
  font-size:10px;
  font-weight:800;
  border:1px solid #ffe69c;
  border-radius:3px;
}
.bulk-preview-task-meta{
  display:flex;
  flex-direction:column;
  gap:5px;
  color:#64748b;
  font-size:11px;
  line-height:1.35;
}
.bulk-preview-task-meta span{
  display:flex;
  align-items:flex-start;
  gap:6px;
}
.bulk-preview-task-meta i{
  width:13px;
  margin-top:1px;
  color:#94a3b8;
}

.bulk-preview-workflow-stack{
  display:flex;
  flex-direction:column;
  gap:8px;
}
.bulk-preview-level-card{
  border:1px solid #dbe3ec;
  border-radius:4px;
  overflow:hidden;
  background:#fff;
}
.bulk-preview-level-head{
  min-height:34px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  background:#f8fafc;
  border-bottom:1px solid #e5eaf0;
}
.bulk-preview-level-head strong{
  flex:1;
  min-width:0;
  font-size:11px;
  color:#1f2937;
}
.bulk-preview-level-number{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 20px;
  background:#e8eef8;
  color:#315b96;
  font-size:10px;
  font-weight:800;
  border-radius:3px;
}
.bulk-preview-status{
  flex:0 0 auto;
  font-size:9px;
  font-weight:800;
  padding:3px 6px;
  border-radius:3px;
  background:#e9eef5;
  color:#475569;
  white-space:nowrap;
}
.bulk-preview-status.status-draft{background:#e7ebf0;color:#475569}
.bulk-preview-status.status-todo,
.bulk-preview-status.status-in-progress{background:#dbeafe;color:#1d4ed8}
.bulk-preview-status.status-review-phase{background:#fff0d6;color:#a15c00}
.bulk-preview-status.status-for-revision{background:#fee2e2;color:#b42318}
.bulk-preview-status.status-done{background:#dcfce7;color:#15803d}

.bulk-preview-level-body{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 10px;
  padding:8px;
}
.bulk-preview-detail{
  min-width:0;
}
.bulk-preview-detail.wide{grid-column:1/-1}
.bulk-preview-detail span{
  display:block;
  margin-bottom:2px;
  color:#94a3b8;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.bulk-preview-detail strong{
  display:block;
  color:#334155;
  font-size:11px;
  font-weight:600;
  line-height:1.35;
  word-break:break-word;
}

.bulk-preview-result-card{
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-width:155px;
  padding:9px;
  border-radius:4px;
}
.bulk-preview-result-card i{
  margin-top:1px;
}
.bulk-preview-result-card div{
  display:flex;
  flex-direction:column;
  gap:2px;
}
.bulk-preview-result-card strong{
  font-size:11px;
}
.bulk-preview-result-card span{
  font-size:10px;
  line-height:1.35;
}
.bulk-preview-result-card.valid{
  background:#ecfdf3;
  color:#087443;
  border:1px solid #ccefdc;
}
.bulk-preview-result-card.invalid{
  background:#fff1f2;
  color:#b42318;
  border:1px solid #ffd5da;
}




/* =========================
   File Directory
   ========================= */
.file-directory-shell{overflow:visible}
.file-directory-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:20px;
  border-bottom:1px solid #e3e8ef;
}
.file-directory-header h2{margin:0;font-size:20px;font-weight:800}
.file-directory-header h2 i{color:#0d6efd;margin-right:8px}
.file-directory-header p{margin:4px 0 0;color:#64748b;font-size:12px}
.file-directory-table-wrap{padding:18px 24px 24px;width:100%}



.file-field-help{display:block;margin-top:5px;color:#64748b;font-size:11px}



/* File Directory content polish — keep default DataTables chrome */
#fileDirectoryTable{
  table-layout:fixed;
}
#fileDirectoryTable th,
#fileDirectoryTable td{
  vertical-align:middle;
}
#fileDirectoryTable td:nth-child(1){
  white-space:normal;
}
#fileDirectoryTable td:nth-child(2){
  white-space:normal;
}
#fileDirectoryTable td:nth-child(3),
#fileDirectoryTable td:nth-child(4){
  white-space:nowrap;
}
.file-directory-name{
  word-break:break-word;
  display:flex;
  align-items:flex-start;
  gap:8px;
  line-height:1.3;
}
.file-directory-name i{
  color:#64748b;
  flex:0 0 auto;
  margin-top:2px;
}
.file-tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
}
.file-tag{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border:1px solid #d9e2ec;
  background:#f6f8fb;
  color:#475569;
  font-size:10px;
  font-weight:700;
  border-radius:3px;
}
.file-location-button,
.file-location-button:link,
.file-location-button:visited,
.file-location-button:hover,
.file-location-button:focus,
.file-location-button:active{
  text-decoration:none !important;
  white-space:nowrap;
}
.file-directory-actions{
  white-space:nowrap;
  display:flex;
  align-items:center;
  gap:5px;
}




/* List task modal Previous / Next navigation */
.task-list-modal-nav{
  display:flex;
  align-items:center;
  gap:7px;
  margin-right:auto;
}
.task-list-modal-position{
  min-width:54px;
  text-align:center;
  color:#64748b;
  font-size:11px;
  font-weight:700;
}
.task-list-modal-nav .btn:disabled{
  opacity:.45;
  cursor:not-allowed;
}



/* Task modal list navigation: always bottom-left in modal footer */
#taskModal .task-modal-footer,
#detailsModal .details-modal-footer{
  display:flex !important;
  align-items:center !important;
  width:100%;
}

#taskModalListNav,
#detailsModalListNav{
  display:flex;
  align-items:center;
  gap:7px;
  margin-right:auto !important;
  margin-left:0 !important;
}

#taskModalListNav.hidden,
#detailsModalListNav.hidden{
  display:none !important;
}

#taskModalListNav .btn,
#detailsModalListNav .btn{
  min-width:92px;
  justify-content:center;
}

#taskModalNavPosition,
#detailsModalNavPosition{
  min-width:58px;
  text-align:center;
  color:#64748b;
  font-size:11px;
  font-weight:700;
}




/* List-modal navigation visibility, keyed by JS removing .hidden */
#detailsModal .details-modal-footer,
#taskModal .task-modal-footer{
  display:flex !important;
  align-items:center !important;
}

#detailsModalListNav:not(.hidden),
#taskModalListNav:not(.hidden){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  position:relative !important;
  flex:0 0 auto;
  margin-left:0 !important;
  margin-right:auto !important;
  order:-10;
}

#detailsModalListNav:not(.hidden) + button,
#taskModalListNav:not(.hidden) + button{
  margin-left:auto;
}

#detailsModalListNav.hidden,
#taskModalListNav.hidden{
  display:none !important;
}




/* Guaranteed list navigation placement: footer bottom-left */
html body #detailsModal .modal-footer #detailsModalListNav:not(.hidden),
html body #taskModal .modal-footer #taskModalListNav:not(.hidden){
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  height:auto !important;
  min-height:32px !important;
  max-height:none !important;
  overflow:visible !important;
  pointer-events:auto !important;
  padding:0 !important;
  border:0 !important;
  flex:0 0 auto !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 auto 0 0 !important;
}


/* File Directory — compact DataTable */
.file-directory-page .file-directory-table-wrap{
  padding:12px 18px 16px;
}
.file-directory-page #fileDirectoryTable th{
  padding:7px 8px !important;
  font-size:11px;
  line-height:1.15;
}
.file-directory-page #fileDirectoryTable td{
  padding:6px 8px !important;
  font-size:12px;
  line-height:1.2;
}
.file-directory-page .file-directory-name{
  gap:6px;
  line-height:1.2;
}
.file-directory-page .file-tag-list{
  gap:3px;
}
.file-directory-page .file-tag{
  padding:2px 5px;
  font-size:9px;
  line-height:1.2;
}
.file-directory-page .file-location-button{
  min-height:28px;
  padding:5px 9px !important;
  font-size:11px !important;
}
.file-directory-page .file-directory-actions{
  gap:3px;
}
.file-directory-page .file-directory-actions .btn{
  min-width:30px;
  min-height:28px;
  padding:5px 8px !important;
}
.file-directory-page div.dt-container .dt-length select{
  padding:5px 24px 5px 7px;
  min-height:30px;
}
.file-directory-page div.dt-container .dt-search input{
  min-height:30px;
  padding:5px 7px;
}
.file-directory-page div.dt-container .dt-info{
  padding-top:8px;
  font-size:11px;
}
.file-directory-page div.dt-container .dt-paging .dt-paging-button{
  min-width:30px;
  padding:5px 8px !important;
}



/* Sequential reviewer levels */
.sequential-reviewers .assigned-reviewer-row{
  position:relative;
}
.reviewer-level-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  border:1px solid #cbd5e1;
  background:#f8fafc;
  color:#475569;
  font-size:10px;
  font-weight:800;
}
.assigned-reviewer-row.current-reviewer-level{
  background:#eff6ff !important;
  border-left:3px solid #2563eb;
}
.assigned-reviewer-row.current-reviewer-level .reviewer-level-number{
  background:#2563eb;
  border-color:#2563eb;
  color:#fff;
}
.assigned-reviewer-row.waiting-reviewer-level{
  opacity:.68;
}
.assigned-reviewer-row.waiting-reviewer-level .assigned-reviewer-state{
  color:#64748b;
}
.assigned-reviewer-row.approved .reviewer-level-number{
  background:#dcfce7;
  border-color:#86efac;
  color:#15803d;
}
.assigned-reviewer-row.for_revision .reviewer-level-number{
  background:#fee2e2;
  border-color:#fecaca;
  color:#b91c1c;
}


/* Reviewer approval mode + sequential ordering */




/* Panel and DataTables controls stay fixed to the normal page width. */
#listView{
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
}

#listView .list-scroll,
#taskDataTable_wrapper,
#taskDataTable_wrapper > .dt-layout-row:not(.dt-layout-table){
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:visible !important;
}

/* Only the row containing the actual table scrolls horizontally. */
#taskDataTable_wrapper > .dt-layout-row.dt-layout-table{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  scrollbar-gutter:stable;
}

#taskDataTable_wrapper > .dt-layout-row.dt-layout-table > .dt-layout-cell{
  display:block !important;
  width:100% !important;
  min-width:100% !important;
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Fit the currently visible columns into the available width first.
   If their natural minimum width is wider than the panel, this same table
   extends naturally and the dt-layout-table row becomes the only scroller. */
#taskDataTable{
  overflow:visible !important;
  width:max-content !important;
  min-width:100% !important;
  max-width:none !important;
  margin:0 !important;
  table-layout:auto !important;
}

#taskDataTable thead,
#taskDataTable tbody{
  width:100%;
}

#taskDataTable th,
#taskDataTable td{
  box-sizing:border-box !important;
  white-space:nowrap !important;
  word-break:normal !important;
  overflow-wrap:normal !important;
}

/* Header and filter row always share the same physical columns. */
#taskDataTable thead th,
#taskDataTable thead th .dt-column-title,
#taskDataTable thead th .dt-column-header{
  writing-mode:horizontal-tb !important;
  white-space:nowrap !important;
  word-break:keep-all !important;
  overflow-wrap:normal !important;
}

#taskDataTable thead th{
  height:auto !important;
  min-height:42px !important;
  vertical-align:middle !important;
  padding-left:10px !important;
  padding-right:24px !important;
}

#taskDataTable .task-table-filter-row{
  display:table-row !important;
}

#taskDataTable .task-table-filter-row th{
  height:auto !important;
  vertical-align:middle !important;
  padding:6px 8px !important;
}

#taskDataTable .task-table-filter-row .task-column-filter{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}

#taskDataTable .task-table-filter-row .task-multi-filter-toggle,
#taskDataTable .task-table-filter-row select,
#taskDataTable .task-table-filter-row input{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

/* Preferred minimum widths only. Visible columns share any extra room so
   smaller column sets fill 100%; larger sets extend and scroll horizontally. */
#taskDataTable thead th:nth-child(1),
#taskDataTable tbody td:nth-child(1){min-width:240px !important}
#taskDataTable thead th:nth-child(2),
#taskDataTable tbody td:nth-child(2){min-width:125px !important}
#taskDataTable thead th:nth-child(3),
#taskDataTable tbody td:nth-child(3){min-width:115px !important}
#taskDataTable thead th:nth-child(4),
#taskDataTable tbody td:nth-child(4){min-width:140px !important}
#taskDataTable thead th:nth-child(5),
#taskDataTable tbody td:nth-child(5){min-width:190px !important}
#taskDataTable thead th:nth-child(6),
#taskDataTable tbody td:nth-child(6){min-width:145px !important}
#taskDataTable thead th:nth-child(7),
#taskDataTable tbody td:nth-child(7){min-width:125px !important}
#taskDataTable thead th:nth-child(8),
#taskDataTable tbody td:nth-child(8){min-width:125px !important}
#taskDataTable thead th:nth-child(9),
#taskDataTable tbody td:nth-child(9){min-width:90px !important}
#taskDataTable thead th:nth-child(10),
#taskDataTable tbody td:nth-child(10){min-width:105px !important}
#taskDataTable thead th:nth-child(11),
#taskDataTable tbody td:nth-child(11){min-width:115px !important}
#taskDataTable thead th:nth-child(12),
#taskDataTable tbody td:nth-child(12){min-width:110px !important}
#taskDataTable thead th:nth-child(13),
#taskDataTable tbody td:nth-child(13){min-width:115px !important}
#taskDataTable thead th:nth-child(14),
#taskDataTable tbody td:nth-child(14){min-width:110px !important}

/* Multi-select filter menu. */
#taskDataTable .task-multi-filter-option{
  font-size:10px;
  line-height:1.3;
  gap:8px !important;
  padding:6px 5px !important;
  margin:0 !important;
  color:#1e293b !important;
  font:700 10px/1.3 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
  white-space:normal !important;
  display:grid !important;
  grid-template-columns:16px minmax(0,1fr) !important;
  align-items:start !important;
  width:100% !important;
  box-sizing:border-box !important;
}

#taskDataTable .task-multi-filter-option input{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  accent-color:#2563eb !important;
  grid-column:1 !important;
}

#taskDataTable .task-multi-filter-option span{
  display:block !important;
  grid-column:2 !important;
  min-width:0 !important;
  width:auto !important;
  color:#1e293b !important;
  visibility:visible !important;
  opacity:1 !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
}


#taskDataTable_wrapper .dt-scroll,
#taskDataTable_wrapper .dt-scroll-head,
#taskDataTable_wrapper .dt-scroll-headInner,
#taskDataTable_wrapper .dt-scroll-body{
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  overflow:visible !important;
}






.collab-reviewer-order{
  grid-column:1 / -1;
  margin-top:6px !important;
  padding:6px !important;
  border:1px solid #dbe3ec !important;
  background:#f8fafc !important;
}

.reviewer-order-title{
  margin-bottom:6px;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  margin:0 0 5px !important;
  padding:0 1px !important;
  min-height:20px !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#475569 !important;
}

.reviewer-order-title small{
  margin:0 !important;
  font-size:9px !important;
  line-height:1.2 !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  color:#64748b !important;
}

.reviewer-order-list{
  display:grid !important;
  gap:4px !important;
}

.collab-reviewer-order-item{
  display:grid !important;
  grid-template-columns:24px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:7px !important;
  min-height:32px !important;
  padding:4px 5px !important;
  border:1px solid #dbe3ec !important;
  background:#fff !important;
}

.reviewer-order-number{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  border:0 !important;
  background:#2563eb !important;
  color:#fff !important;
  font-size:9px !important;
  line-height:1 !important;
  font-weight:800 !important;
}

.reviewer-order-name{
  min-width:0 !important;
  margin:0 !important;
  font-size:10px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  color:#334155 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.reviewer-order-actions{
  display:flex !important;
  align-items:center !important;
  gap:3px !important;
}

.reviewer-order-actions .btn,
.reviewer-order-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:26px !important;
  min-width:28px !important;
  padding:0 !important;
  margin:0 !important;
  border:1px solid #dbe3ec !important;
  background:#fff !important;
  color:#334155 !important;
  box-shadow:none !important;
  text-decoration:none !important;
}

.reviewer-order-actions .btn:hover:not(:disabled),
.reviewer-order-actions button:hover:not(:disabled){
  background:#f1f5f9 !important;
}

.reviewer-order-actions .btn:disabled,
.reviewer-order-actions button:disabled{
  opacity:.35 !important;
  cursor:not-allowed !important;
}

.reviewer-order-empty{
  min-height:30px !important;
  display:flex !important;
  align-items:center !important;
  padding:5px 7px !important;
  border:1px dashed #cbd5e1 !important;
  background:#fff !important;
  color:#64748b !important;
  font-size:9px !important;
  line-height:1.3 !important;
}

/* Keep the Reviewer(s) + Approval row visually balanced. */
.prereq-level-row .collab-reviewer-picker,
.prereq-level-row .collab-review-rule-field{
  min-width:0 !important;
}

.prereq-level-row .collab-review-rule-field select{
  height:32px !important;
  min-height:32px !important;
}






.bulk-preview-edit-hint{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-left:10px;
  color:#475569;
  font-size:10px;
  font-weight:600;
}

.bulk-preview-task-card.editable,
.bulk-preview-level-card.editable{
  padding:7px !important;
}

.bulk-preview-edit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
}

.bulk-preview-edit-grid.workflow-fields{
  grid-template-columns:repeat(4,minmax(135px,1fr));
}

.bulk-preview-edit-field{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  margin:0;
}

.bulk-preview-edit-field.wide{
  grid-column:span 2;
}

.bulk-preview-edit-field > span{
  color:#64748b;
  font-size:8px;
  line-height:1.1;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.bulk-preview-editor{
  display:block;
  width:100%;
  min-width:0;
  min-height:30px;
  box-sizing:border-box;
  border:1px solid #cbd5e1;
  border-radius:0;
  background:#fff;
  color:#0f172a;
  padding:5px 7px;
  font:inherit;
  font-size:10px;
  line-height:1.25;
  outline:none;
}

.bulk-preview-editor:focus{
  border-color:#2563eb;
  box-shadow:0 0 0 1px #2563eb;
}

textarea.bulk-preview-editor{
  min-height:46px;
  resize:vertical;
}

.bulk-preview-quick-edit-label{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:4px;
  color:#64748b;
  font-size:8px;
  font-weight:700;
  text-transform:uppercase;
}

.bulk-preview-row.has-error .bulk-preview-editor{
  border-color:#fecaca;
}







#bulkImportModal{
  padding:0 !important;
}

#bulkImportModal .bulk-import-dialog{
  width:100vw !important;
  max-width:100vw !important;
  height:100vh !important;
  max-height:100vh !important;
  margin:0 !important;
}

#bulkImportModal .modal-content{
  width:100% !important;
  height:100vh !important;
  max-height:100vh !important;
  border:0 !important;
  border-radius:0 !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  background:#f4f7fb !important;
}

#bulkImportModal .bulk-import-modal-header{
  flex:0 0 auto !important;
  min-height:64px !important;
  padding:14px 20px !important;
  border-bottom:1px solid #dbe3ec !important;
  background:#fff !important;
  z-index:5;
}

#bulkImportModal .bulk-import-modal-header h2{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  margin:0 !important;
  font-size:22px !important;
  line-height:1.2 !important;
}

#bulkImportModal .bulk-import-body{
  flex:1 1 auto !important;
  min-height:0 !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:12px 16px !important;
  background:#f4f7fb !important;
}

#bulkImportModal .bulk-import-setup{
  flex:0 0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(320px,1fr) auto !important;
  gap:8px 12px !important;
  padding:10px !important;
  border:1px solid #dbe3ec !important;
  background:#fff !important;
}

#bulkImportModal .bulk-import-project-field{
  grid-column:1 / -1 !important;
  display:grid !important;
  grid-template-columns:180px minmax(0,1fr) !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 !important;
}

#bulkImportModal .bulk-import-project-field label{
  margin:0 !important;
}

#bulkImportModal .bulk-import-project-field select{
  min-height:34px !important;
}

#bulkImportModal .bulk-import-toolbar{
  grid-column:1 / -1 !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin:0 !important;
}

#bulkImportModal .bulk-import-file-name{
  min-width:0 !important;
  max-width:420px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-weight:700 !important;
  color:#64748b !important;
}

#bulkImportModal .bulk-import-help{
  grid-column:1 / -1 !important;
  margin:0 !important;
  padding:8px 10px !important;
  line-height:1.35 !important;
}

#bulkImportModal .bulk-import-summary,
#bulkImportModal .bulk-import-errors{
  grid-column:1 / -1 !important;
  margin:0 !important;
}

#bulkImportModal .bulk-import-summary{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  padding:7px 10px !important;
}

#bulkImportModal .bulk-import-preview-wrap{
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  overflow:auto !important;
  border:1px solid #dbe3ec !important;
  border-radius:0 !important;
  background:#fff !important;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
}

#bulkImportModal .bulk-import-preview{
  width:100% !important;
  min-width:1380px !important;
  table-layout:fixed !important;
  margin:0 !important;
}

#bulkImportModal .bulk-import-preview thead{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;
}

#bulkImportModal .bulk-import-preview thead th{
  height:38px !important;
  padding:8px 10px !important;
  background:#eef3f8 !important;
  border-bottom:1px solid #cfd9e5 !important;
  box-shadow:0 1px 0 rgba(15,23,42,.04);
}

#bulkImportModal .bulk-import-preview th:nth-child(1),
#bulkImportModal .bulk-import-preview td:nth-child(1){
  width:52px !important;
}

#bulkImportModal .bulk-import-preview th:nth-child(2),
#bulkImportModal .bulk-import-preview td:nth-child(2){
  width:310px !important;
}

#bulkImportModal .bulk-import-preview th:nth-child(3),
#bulkImportModal .bulk-import-preview td:nth-child(3){
  width:auto !important;
}

#bulkImportModal .bulk-import-preview th:nth-child(4),
#bulkImportModal .bulk-import-preview td:nth-child(4){
  width:240px !important;
}

#bulkImportModal .bulk-preview-row td{
  vertical-align:top !important;
  padding:9px !important;
}

#bulkImportModal .bulk-preview-task-card.editable,
#bulkImportModal .bulk-preview-level-card.editable{
  border-radius:0 !important;
  box-shadow:none !important;
}

#bulkImportModal .bulk-preview-edit-grid.task-fields{
  grid-template-columns:1fr 1fr !important;
  gap:7px !important;
}

#bulkImportModal .bulk-preview-edit-grid.task-fields .bulk-preview-edit-field:first-child,
#bulkImportModal .bulk-preview-edit-grid.task-fields .bulk-preview-edit-field:last-child{
  grid-column:1 / -1 !important;
}

#bulkImportModal .bulk-preview-edit-grid.workflow-fields{
  grid-template-columns:repeat(4,minmax(145px,1fr)) !important;
  gap:7px !important;
}

#bulkImportModal .bulk-preview-level-card{
  margin:0 !important;
}

#bulkImportModal .bulk-preview-workflow-stack{
  gap:9px !important;
}

#bulkImportModal .bulk-preview-level-head{
  min-height:32px !important;
  padding:5px 7px !important;
}

#bulkImportModal .bulk-preview-editor{
  min-height:32px !important;
  font-size:10px !important;
}

#bulkImportModal textarea.bulk-preview-editor{
  min-height:54px !important;
}

#bulkImportModal .bulk-preview-result-card{
  position:sticky !important;
  top:48px !important;
  margin:0 !important;
}

#bulkImportModal .bulk-import-modal-footer{
  flex:0 0 auto !important;
  min-height:58px !important;
  padding:10px 16px !important;
  border-top:1px solid #dbe3ec !important;
  background:#fff !important;
  z-index:5;
}

#bulkImportModal .bulk-import-modal-footer #confirmBulkImportBtn{
  min-width:130px !important;
}







#detailsModal .output-level-text:not(.compact){
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow:visible !important;
  overflow-x:visible !important;
  overflow-y:visible !important;
  white-space:pre-wrap !important;
  word-break:break-word !important;
  overflow-wrap:anywhere !important;
  line-height:1.5 !important;
  box-sizing:border-box !important;
}

/* Keep the containing output area content-sized as well. */
#detailsModal .output-level-body:has(.output-level-text:not(.compact)),
#detailsModal .output-level-body .output-level-text:not(.compact){
  max-height:none !important;
}

/* Previous long-text versions should also display completely instead of
   creating a second tiny scroll area. */
#detailsModal .output-version-item p{
  height:auto !important;
  max-height:none !important;
  overflow:visible !important;
  white-space:pre-wrap !important;
  overflow-wrap:anywhere !important;
}







#detailsModal .task-comment-mention-menu.hidden{
  display:none !important;
}

#detailsModal .task-comment-mention-option{
  display:grid !important;
  grid-template-columns:28px minmax(0,1fr) !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  min-height:42px !important;
  margin:0 !important;
  padding:6px 8px !important;
  border:0 !important;
  background:#fff !important;
  color:#172033 !important;
  text-align:left !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
}

#detailsModal .task-comment-mention-option:hover,
#detailsModal .task-comment-mention-option.is-active{
  background:#eff6ff !important;
}

#detailsModal .task-comment-mention-avatar{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  height:28px !important;
  background:#eaf2ff !important;
  border:1px solid #bfdbfe !important;
  color:#1d4ed8 !important;
  font-size:11px !important;
  font-weight:900 !important;
}

#detailsModal .task-comment-mention-person{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}

#detailsModal .task-comment-mention-person strong{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11px !important;
}

#detailsModal .task-comment-mention-person small{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#64748b !important;
  font-size:9px !important;
}

#detailsModal .task-comment-mention-empty{
  padding:10px !important;
  color:#64748b !important;
  font-size:10px !important;
}

#detailsModal .task-comment-actions{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}

#detailsModal .task-comment-mention-hint{
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  color:#64748b !important;
  font-size:9px !important;
  font-weight:600 !important;
}

#detailsModal .task-comment-mention{
  display:inline !important;
  padding:1px 3px !important;
  background:#dbeafe !important;
  color:#1d4ed8 !important;
  font-weight:800 !important;
}



/* Task comment @mention dropdown: open BELOW the comment field */
#detailsModal .task-comment-compose{
  position:relative !important;
  width:100% !important;
  overflow:visible !important;
}
#detailsModal .task-comment-mention-menu{
  position:absolute !important;
  z-index:12080 !important;
  left:0 !important;
  right:0 !important;
  max-height:260px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  padding:4px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.16) !important;
  box-sizing:border-box !important;
  top:calc(100% + 4px) !important;
  bottom:auto !important;
}
#detailsModal .task-comments-section,
#detailsModal .details-collapsible-body,
#detailsModal .task-comment-form{
  overflow:visible !important;
}


/* Calendar today indicator — subtle cell highlight only */
.calendar-cell{
  padding:8px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;background:white;
  cursor:pointer;
  height:170px !important;min-height:0 !important;overflow:hidden !important;display:flex;flex-direction:column;
  min-width:0 !important;
  position:relative;
}

.calendar-date-row{
  display:flex !important;
  align-items:center !important;
  min-height:26px !important;
  margin-bottom:3px !important;
}

.calendar-cell.is-today{
  background:#f3f7fc !important;
  box-shadow:inset 0 0 0 1px #cbd8e8 !important;
}

.calendar-cell.is-today.other-month{
  background:#f3f7fc !important;
}

.calendar-cell.is-today .calendar-date{
  background:transparent !important;
  color:inherit !important;
  width:auto !important;
  min-width:0 !important;
  height:auto !important;
  padding:0 !important;
  border-radius:0 !important;
  font-weight:800 !important;
}



#dailyConfirmLogsModal .daily-confirm-log-controls{
  display:grid !important;
  grid-template-columns:auto minmax(240px,1fr) auto auto !important;
  align-items:end !important;
  gap:8px !important;
  padding:10px !important;
}

#dailyConfirmLogsModal .daily-confirm-capture-btn{
  min-height:34px !important;
  white-space:nowrap !important;
}

#dailyConfirmLogsModal .daily-confirm-log-session{
  margin-top:10px !important;
}

#dailyConfirmLogsModal .daily-confirm-log-session > header{
  min-height:34px !important;
  padding:7px 10px !important;
}

#dailyConfirmLogsModal .daily-confirm-log-session > header strong{
  font-size:12px !important;
}

#dailyConfirmLogsModal .daily-confirm-log-session > header span{
  font-size:9px !important;
}

#dailyConfirmLogsModal .daily-confirm-table{
  margin:0 !important;
  font-size:10px !important;
  line-height:1.2 !important;
}

#dailyConfirmLogsModal .daily-confirm-table thead th{
  padding:6px 8px !important;
  height:29px !important;
  font-size:8px !important;
  line-height:1 !important;
  white-space:nowrap !important;
  vertical-align:middle !important;
}

#dailyConfirmLogsModal .daily-confirm-table tbody td{
  padding:6px 8px !important;
  min-height:30px !important;
  height:auto !important;
  line-height:1.2 !important;
  vertical-align:middle !important;
}

#dailyConfirmLogsModal .daily-confirm-status{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:3px 7px !important;
  font-size:8px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#dailyConfirmLogsModal .daily-confirm-table th:nth-child(1),
#dailyConfirmLogsModal .daily-confirm-table td:nth-child(1){
  width:24% !important;
}

#dailyConfirmLogsModal .daily-confirm-table th:nth-child(2),
#dailyConfirmLogsModal .daily-confirm-table td:nth-child(2),
#dailyConfirmLogsModal .daily-confirm-table th:nth-child(3),
#dailyConfirmLogsModal .daily-confirm-table td:nth-child(3){
  width:18% !important;
}

#dailyConfirmLogsModal .daily-confirm-table th:nth-child(4),
#dailyConfirmLogsModal .daily-confirm-table td:nth-child(4){
  width:16% !important;
}

#dailyConfirmLogsModal .daily-confirm-table th:nth-child(5),
#dailyConfirmLogsModal .daily-confirm-table td:nth-child(5){
  width:24% !important;
}





@media(min-width:768px){
  .workload-filterbar{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    width:100% !important;
  }
  .workload-filter{
    min-width:0 !important;
  }
}


/* File Directory — Copy Link action */
.file-copy-link-button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  border:1px solid #16a34a !important;
  background:#22c55e !important;
  color:#fff !important;
  font-weight:700 !important;
}
.file-copy-link-button:hover,
.file-copy-link-button:focus{
  border-color:#15803d !important;
  background:#16a34a !important;
  color:#fff !important;
}

/* File Directory toast */
.inventory-toast{
  left:50%;font-size:12px;font-weight:800;
  position:fixed !important;
  top:18px !important;
  right:18px !important;
  z-index:20050 !important;
  display:flex !important;
  align-items:flex-start !important;
  gap:10px !important;
  min-width:280px !important;
  max-width:420px !important;
  padding:12px 14px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  color:#172033 !important;
  box-shadow:0 12px 28px rgba(15,23,42,.18) !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:translateY(-8px) !important;
  pointer-events:none !important;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
}
.inventory-toast.show{
  opacity:1 !important;
  visibility:visible !important;
  transform:translateY(0) !important;
}
.inventory-toast-icon{
  display:grid !important;
  place-items:center !important;
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  font-size:16px !important;
}
.inventory-toast-copy{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
  min-width:0 !important;
}
.inventory-toast-copy strong{
  font-size:11px !important;
  line-height:1.2 !important;
}
.inventory-toast-copy span{
  font-size:10px !important;
  line-height:1.35 !important;
}
.inventory-toast[data-type="success"]{
  background:#166534;
  border-left:4px solid #16a34a !important;
}
.inventory-toast[data-type="success"] .inventory-toast-icon{
  color:#16a34a !important;
}
.inventory-toast[data-type="error"]{
  background:#b91c1c;
  border-left:4px solid #dc2626 !important;
}
.inventory-toast[data-type="error"] .inventory-toast-icon{
  color:#dc2626 !important;
}
.inventory-toast[data-type="warning"]{
  border-left:4px solid #d97706 !important;
}
.inventory-toast[data-type="warning"] .inventory-toast-icon{
  color:#d97706 !important;
}
.inventory-toast[data-type="info"]{
  border-left:4px solid #2563eb !important;
}
.inventory-toast[data-type="info"] .inventory-toast-icon{
  color:#2563eb !important;
}


/* Task Details — remove redundant OUTPUT title row and reclaim preview space */
#detailsModal .output-level-main-content > .output-level-drive-preview:first-child,
#detailsModal .output-level-main-content > .drive-preview-shell:first-child,
#detailsModal .output-level-main-content > .output-level-text:first-child,
#detailsModal .output-level-main-content > .output-level-link-row:first-child,
#detailsModal .output-level-main-content > .output-editor:first-child{
  margin-top:0 !important;
}



#detailsModal .output-level-card,
#detailsModal .output-level-panel,
#detailsModal .output-level-content,
#detailsModal .output-level-subsection,
#detailsModal .output-level-main-content,
#detailsModal .output-box,
#detailsModal .output-content,
#detailsModal .drive-preview-wrap,
#detailsModal .drive-preview-container,
#detailsModal .drive-preview-shell{
  border:0 !important;
  box-shadow:none !important;
}

#detailsModal .output-level-card,
#detailsModal .output-level-panel{
  background:transparent !important;
}

#detailsModal .output-level-content,
#detailsModal .output-level-subsection,
#detailsModal .output-level-main-content{
  padding-left:10px !important;
  padding-right:10px !important;
}

#detailsModal .output-level-main-content{
  padding-top:6px !important;
  padding-bottom:8px !important;
}

/* Keep only one subtle panel treatment around the Drive Preview content */


/* Reduce extra frame-within-frame spacing */
#detailsModal .drive-preview-panel,
#detailsModal .output-level-drive-preview,
#detailsModal .drive-preview-wrap,
#detailsModal .drive-preview-container{
  margin-left:0 !important;
  margin-right:0 !important;
}

#detailsModal .drive-preview-panel{
  padding:10px !important;
}

#detailsModal .drive-preview-media,
#detailsModal .drive-preview-stage,
#detailsModal .drive-preview-player,
#detailsModal .media-preview-stage{
  border:0 !important;
  box-shadow:none !important;
}

/* If there are generic bordered utility classes inside output preview,
   neutralize them only in the output area. */
#detailsModal .output-level-main-content .border,
#detailsModal .output-level-main-content .border-light,
#detailsModal .output-level-main-content .card{
  border:0 !important;
  box-shadow:none !important;
}

/* Preserve the primary workflow level outline/header separation */
#detailsModal .output-level-section,
#detailsModal .workflow-level-output{
  box-shadow:none !important;
}




/* One consistent horizontal gutter for the right column */
#detailsModal .details-right,
#detailsModal .task-details-right,
#detailsModal .task-details-main-right,
#detailsModal .details-output-column{
  --details-section-gutter: 10px;
}

/* Normalize section width / box sizing */


/* The expanded level owns the outer edge.
   Its internal preview must align to that same content grid. */
#detailsModal .output-level-content,
#detailsModal .output-level-main-content{
  box-sizing:border-box !important;
  width:100% !important;
  padding-left:10px !important;
  padding-right:10px !important;
}

#detailsModal .drive-preview-panel,
#detailsModal .output-level-drive-preview{
  border:1px solid #dbe7f3 !important;
  box-shadow:none !important;
  background:#f8fbff !important;
  box-sizing:border-box !important;
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Review Decision and lower accordions use identical inset */
#detailsModal .review-decision,
#detailsModal .review-decision-section,
#detailsModal .previous-versions,
#detailsModal .previous-versions-section,
#detailsModal .review-history,
#detailsModal .review-history-section{
  left:auto !important;
  right:auto !important;
}

/* Prevent child cards from creating a second, slightly different edge */
#detailsModal .review-decision > *,
#detailsModal .review-decision-section > *,
#detailsModal .previous-versions > *,
#detailsModal .previous-versions-section > *,
#detailsModal .review-history > *,
#detailsModal .review-history-section > *{
  box-sizing:border-box !important;
  max-width:100% !important;
}

/* Consistent 1px section borders */
#detailsModal .output-level-section,
#detailsModal .workflow-level-output,
#detailsModal .review-decision,
#detailsModal .review-decision-section,
#detailsModal .previous-versions,
#detailsModal .previous-versions-section,
#detailsModal .review-history,
#detailsModal .review-history-section{
  box-sizing:border-box !important;
  width:auto !important;
  max-width:none !important;
  margin-left:var(--details-section-gutter, 10px) !important;
  margin-right:var(--details-section-gutter, 10px) !important;
  border-width:1px !important;
}




#detailsModal .output-stack-section{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dbe7f3 !important;
  background:#fff !important;
  box-shadow:none !important;
}

/* Output section */
#detailsModal .output-stack-output .output-level-main-content{
  width:100% !important;
  margin:0 !important;
  padding:10px !important;
  box-sizing:border-box !important;
  border:0 !important;
}

/* Reviewer section: its existing card becomes content, not another outer box */
#detailsModal .output-stack-reviewer > .output-review-actions-wrap,
#detailsModal .output-stack-reviewer > .review-decision-card,
#detailsModal .output-stack-reviewer .output-review-actions-wrap,
#detailsModal .output-stack-reviewer .review-decision-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Previous Versions + Review History are direct full-width children */
#detailsModal .output-stack-versions > .output-version-list,
#detailsModal .output-stack-history > .output-review-history{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Standardize all collapsible section headers */
#detailsModal .output-stack-versions > details > summary,
#detailsModal .output-stack-history > details > summary{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:8px 10px !important;
  margin:0 !important;
}

/* Standardize internal section bodies */
#detailsModal .output-stack-versions .output-collapsible-body,
#detailsModal .output-stack-history .output-collapsible-body{
  width:100% !important;
  box-sizing:border-box !important;
  padding:10px !important;
  margin:0 !important;
  border-top:1px solid #e5edf5 !important;
}

/* Preview owns its own subtle inner panel only */
#detailsModal .output-stack-output .output-level-drive-preview{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:1px solid #dbe7f3 !important;
  box-shadow:none !important;
}

/* Neutralize older layout rules that moved the four blocks independently */
#detailsModal .output-level-grid,
#detailsModal .output-level-actions-row{
  display:contents !important;
}

#detailsModal .output-stack-empty{
  padding:10px !important;
  color:#64748b !important;
  font-size:10px !important;
}







#detailsModal .output-uniform-section{
  display:block !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:0 !important;
  border:1px solid #dbe7f3 !important;
  background:#fff !important;
  box-shadow:none !important;
}

#detailsModal .output-uniform-summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  width:100% !important;
  min-height:38px !important;
  box-sizing:border-box !important;
  padding:9px 11px !important;
  margin:0 !important;
  cursor:pointer !important;
  list-style:none !important;
  background:#f8fbff !important;
  border:0 !important;
}

#detailsModal .output-uniform-summary::-webkit-details-marker{
  display:none !important;
}

#detailsModal .output-uniform-title{
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  color:#172033 !important;
  letter-spacing:.01em !important;
}

#detailsModal .output-uniform-summary-controls{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

#detailsModal .output-uniform-count{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:2px 6px !important;
  border:1px solid #dbe7f3 !important;
  background:#eef5ff !important;
  color:#315b8c !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
}

#detailsModal .output-uniform-chevron{
  position:relative !important;
  display:inline-block !important;
  width:22px !important;
  min-width:22px !important;
  height:22px !important;
  border:1px solid #d7e2ee !important;
  background:#fff !important;
}

#detailsModal .output-uniform-chevron::before{
  content:"+" !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#24538a !important;
  font-weight:800 !important;
  line-height:1 !important;
}

#detailsModal .output-uniform-section[open] .output-uniform-chevron::before{
  content:"−" !important;
}

#detailsModal .output-uniform-body{
  width:100% !important;
  box-sizing:border-box !important;
  padding:10px !important;
  border-top:1px solid #e7eef6 !important;
  background:#fff !important;
}

#detailsModal .output-uniform-body.is-empty{
  color:#64748b !important;
}

/* Remove old nested collapsible wrappers now that their contents live
   inside the uniform section component. */
#detailsModal .output-uniform-body > .output-version-list,
#detailsModal .output-uniform-body > .output-review-history{
  border:0 !important;
  margin:0 !important;
  padding:0 !important;
}

#detailsModal .output-uniform-body .output-level-main-content{
  width:100% !important;
  box-sizing:border-box !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

#detailsModal .output-uniform-reviewer .output-review-actions-wrap,
#detailsModal .output-uniform-reviewer .review-decision-card{
  width:100% !important;
  max-width:none !important;
  box-sizing:border-box !important;
  margin:0 !important;
  border:0 !important;
  box-shadow:none !important;
}

#detailsModal .output-uniform-empty{
  padding:2px 0 !important;
  color:#64748b !important;
  font-size:10px !important;
}

/* Inner preview remains visually distinct, but it is content,
   not another section frame. */
#detailsModal .output-uniform-output .output-level-drive-preview{
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  border:1px solid #dbe7f3 !important;
  box-shadow:none !important;
}





#detailsModal .output-level-stack{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  width:100% !important;
  padding:10px !important;
  box-sizing:border-box !important;
}

#detailsModal .output-detail-section{
  width:100% !important;
  margin:0 !important;
  box-sizing:border-box !important;
  border:1px solid #dbe5ef !important;
  background:#fff !important;
}

#detailsModal .output-detail-summary{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:54px !important;
  padding:10px 12px !important;
  box-sizing:border-box !important;
  cursor:pointer !important;
  list-style:none !important;
  background:#f8fafc !important;
}

#detailsModal .output-detail-summary::-webkit-details-marker{
  display:none !important;
}

#detailsModal .output-detail-heading{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  min-width:0 !important;
}

#detailsModal .output-detail-title{
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:800 !important;
  color:#172033 !important;
}

#detailsModal .output-detail-description{
  font-size:9px !important;
  line-height:1.35 !important;
  font-weight:500 !important;
  color:#64748b !important;
}

#detailsModal .output-detail-summary-actions{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  flex:0 0 auto !important;
}

#detailsModal .output-section-count{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:3px 7px !important;
  border:1px solid #d9e3ed !important;
  background:#edf4fb !important;
  color:#315b8c !important;
  font-size:8px !important;
  line-height:1 !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
}

#detailsModal .output-detail-toggle{
  position:relative !important;
  width:24px !important;
  min-width:24px !important;
  height:24px !important;
  border:1px solid #d5e0eb !important;
  background:#fff !important;
}

#detailsModal .output-detail-toggle::before{
  content:"+" !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#24538a !important;
  font-weight:800 !important;
}

#detailsModal .output-detail-section[open] .output-detail-toggle::before{
  content:"−" !important;
}

#detailsModal .output-detail-body{
  width:100% !important;
  box-sizing:border-box !important;
  padding:12px !important;
  border-top:1px solid #e5ebf1 !important;
  background:#fff !important;
}

#detailsModal .output-section-table-wrap{
  width:100% !important;
  overflow-x:auto !important;
}

#detailsModal .output-section-table{
  width:100% !important;
  border-collapse:collapse !important;
  table-layout:auto !important;
  font-size:9px !important;
  line-height:1.25 !important;
}

#detailsModal .output-section-table th{
  padding:7px 8px !important;
  text-align:left !important;
  font-size:8px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.04em !important;
  color:#64748b !important;
  background:#f8fafc !important;
  border:1px solid #e1e8ef !important;
  white-space:nowrap !important;
}

#detailsModal .output-section-table td{
  padding:8px !important;
  vertical-align:middle !important;
  color:#172033 !important;
  border:1px solid #e1e8ef !important;
}

#detailsModal .output-table-status{
  display:inline-flex !important;
  align-items:center !important;
  min-height:20px !important;
  padding:3px 7px !important;
  font-size:8px !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  background:#eef2f7 !important;
  color:#475569 !important;
}

#detailsModal .output-table-status.approved{
  background:#dcfce7 !important;
  color:#166534 !important;
}

#detailsModal .output-table-status.for_revision{
  background:#fee2e2 !important;
  color:#991b1b !important;
}

#detailsModal .output-section-empty{
  padding:10px !important;
  border:1px dashed #d7e1eb !important;
  background:#fbfdff !important;
  color:#64748b !important;
  font-size:9px !important;
}

/* Review controls now live below the reviewer table as section actions. */
#detailsModal .output-detail-reviewer .output-review-actions-wrap,
#detailsModal .output-detail-reviewer .review-decision-card{
  margin:10px 0 0 !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
}

/* Output body uses the full available width. */
#detailsModal .output-detail-output .output-level-main-content{
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  box-sizing:border-box !important;
}





#detailsModal .reviewer-section-content{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

#detailsModal .reviewer-empty-state{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:12px !important;
  border:1px dashed #d7e1eb !important;
  background:#fbfdff !important;
  color:#64748b !important;
}

#detailsModal .reviewer-empty-state > i{
  display:grid !important;
  place-items:center !important;
  width:30px !important;
  min-width:30px !important;
  height:30px !important;
  background:#eef3f8 !important;
  color:#6b7f93 !important;
}

#detailsModal .reviewer-empty-state > div{
  display:flex !important;
  flex-direction:column !important;
  gap:2px !important;
}

#detailsModal .reviewer-empty-state strong{
  font-size:10px !important;
  color:#172033 !important;
}

#detailsModal .reviewer-empty-state span{
  font-size:9px !important;
  line-height:1.35 !important;
}

#detailsModal .reviewer-decision-controls{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  width:100% !important;
  box-sizing:border-box !important;
  margin:0 !important;
  padding:10px 0 0 !important;
  border:0 !important;
  border-top:1px solid #e5ebf1 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#detailsModal .reviewer-decision-controls .review-decision-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin:0 !important;
  padding:0 !important;
}

#detailsModal .reviewer-action-note{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:8px 10px !important;
  border:1px solid #dbe5ef !important;
  font-size:9px !important;
  line-height:1.35 !important;
}

#detailsModal .reviewer-action-note.is-success{
  border-color:#bbf7d0 !important;
  background:#f0fdf4 !important;
  color:#166534 !important;
}

#detailsModal .reviewer-action-note.is-info{
  border-color:#bfdbfe !important;
  background:#eff6ff !important;
  color:#1d4ed8 !important;
}


#detailsModal .output-detail-reviewer .review-decision-header,
#detailsModal .output-detail-reviewer .assigned-reviewers-progress{
  display:none !important;
}


/* =========================================================
   CONSOLIDATED FROM INLINE <style> BLOCKS
   All project CSS is maintained in style.css.
   ========================================================= */

/* From files.html */

/* From index.html */

/* From inventory.html */
html.mortx-auth-pending body{visibility:hidden !important}

/* Workflow Levels: compact inline assignment for unassigned work */


#detailsModal .workflow-inline-assign-empty{
  color:var(--muted, #7b8798);
  font-size:10px;
  white-space:nowrap;
}

/* Workflow Levels assignment layout — keep reviewer assign controls contained */

#detailsModal .workflow-inline-assign > .workflow-level-table-value{
  flex:0 0 auto;
  width:100% !important;
  line-height:1.1 !important;
}



/* God Mode · List bulk task actions */





.task-select-header{display:inline-flex;align-items:center;gap:8px}
.task-title-select-wrap{display:flex;align-items:center;gap:8px;min-width:0}
.task-bulk-checkbox{width:16px;height:16px;min-width:16px;margin:0;cursor:pointer;accent-color:#2563eb}
.task-bulk-checkbox.hidden{display:none !important}
.task-bulk-row-checkbox{width:16px;height:16px;min-width:16px;margin:0;cursor:pointer;accent-color:#2563eb}
.task-title-select-wrap .table-title-button{min-width:0}




#taskDataTable thead .task-table-filter-row th,
#taskDataTable .task-multi-filter{
  overflow:visible !important;
}
#taskDataTable .task-multi-filter.is-open{
  z-index:2147483000 !important;
}
#taskDataTable .task-multi-filter-menu{
  max-height:280px;
  overflow:hidden;
  border-radius:0;
  display:none !important;
  position:absolute !important;
  top:calc(100% + 4px) !important;
  left:0 !important;
  width:max-content !important;
  min-width:max(100%, 220px) !important;
  max-width:340px !important;
  padding:8px !important;
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.18) !important;
  z-index:2147483001 !important;
}
#taskDataTable .task-multi-filter.opens-up .task-multi-filter-menu{
  top:auto !important;
  bottom:calc(100% + 4px) !important;
}


/* ==========================================================================
   Bulletin Board
   ========================================================================== */
.bulletin-view{overflow:visible !important}
.bulletin-view .insight-view-body{padding:14px;background:#f5f7fa}
.bulletin-shell{max-width:600px;margin:0 auto;display:grid;gap:14px}
.bulletin-composer,.bulletin-post{background:#fff;border:1px solid #dbe3ec;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.bulletin-composer{display:grid;grid-template-columns:42px minmax(0,1fr);gap:11px;padding:14px}
.bulletin-composer-avatar,.bulletin-author-avatar{width:42px;height:42px;border:1px solid #ced8e5;background:#eef3f8;display:grid;place-items:center;font-weight:800;overflow:hidden}
.bulletin-composer-avatar img,.bulletin-author-avatar img{width:100%;height:100%;object-fit:cover}
.bulletin-composer-form textarea{display:block;width:100%;min-height:96px;resize:vertical;border:1px solid #d6dee8;background:#fff;padding:11px 12px;font:inherit;line-height:1.5;outline:none}
.bulletin-composer-form textarea:focus{border-color:#7aa7ef;box-shadow:0 0 0 2px rgba(37,99,235,.1)}
.bulletin-composer-actions{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}
.bulletin-composer-actions .bulletin-attach-btn{cursor:pointer}
.bulletin-file-help{font-size:11px;color:#748196;margin-right:auto}
.bulletin-composer-files{display:grid;gap:6px;margin-top:8px}
.bulletin-pending-file{display:flex;align-items:center;gap:9px;border:1px solid #dfe6ee;background:#f8fafc;padding:7px 9px}
.bulletin-pending-file>i{width:20px;text-align:center;color:#46627f}
.bulletin-pending-file span{min-width:0;display:grid;flex:1}
.bulletin-pending-file strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bulletin-pending-file small{font-size:10px;color:#7b8796}
.bulletin-pending-file button,.bulletin-post-menu{border:0;background:transparent;color:#66788b;width:30px;height:30px;display:grid;place-items:center;cursor:pointer}
.bulletin-pending-file button:hover,.bulletin-post-menu:hover{background:#f1f5f9;color:#b42318}
.bulletin-feed{display:grid;gap:12px}
.bulletin-post{padding:14px}
.bulletin-post-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bulletin-author-avatar{width:38px;height:38px;border-radius:50%}
.bulletin-post-meta{display:grid;min-width:0;flex:1}
.bulletin-post-meta strong{font-size:13px;color:#182230}
.bulletin-post-meta span{font-size:10px;color:#7a8796;margin-top:2px}
.bulletin-post-text{font-size:13px;line-height:1.62;color:#28384a;overflow-wrap:anywhere;margin:2px 2px 12px}
.bulletin-photo-grid{display:grid;grid-template-columns:1fr;gap:6px;margin-top:8px;overflow:visible}
.bulletin-photo-grid-1,.bulletin-photo-grid-2,.bulletin-photo-grid-3,.bulletin-photo-grid-4{grid-template-columns:1fr}
.bulletin-photo{width:100%;aspect-ratio:3 / 4;border:0;padding:0;background:#e8edf3;overflow:hidden;cursor:zoom-in;display:block}
.bulletin-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.bulletin-files{display:grid;gap:6px;margin-top:9px}
.bulletin-file{display:flex;align-items:center;gap:10px;text-decoration:none !important;color:#28384a !important;border:1px solid #dae2eb;background:#f8fafc;padding:9px 11px}
.bulletin-file:hover{background:#eef5ff;border-color:#b9cff2}
.bulletin-file>i:first-child{font-size:18px;color:#496986;width:24px;text-align:center}.bulletin-file>i:last-child{margin-left:auto;color:#526a82}
.bulletin-file span{display:grid;min-width:0}.bulletin-file strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulletin-file small{font-size:10px;color:#7b8796}
.bulletin-empty{padding:50px 20px;border:1px dashed #ccd7e4;background:#fff;display:grid;place-items:center;text-align:center;color:#718096;gap:6px}
.bulletin-empty i{font-size:26px;margin-bottom:3px}.bulletin-empty strong{color:#314155}.bulletin-empty span{font-size:11px}


.bulletin-social{display:flex;align-items:center;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:7px;gap:4px}
.bulletin-social button{border:0;background:transparent;min-height:34px;padding:6px 10px;color:#526579;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.bulletin-social button:hover{background:#f3f6f9}.bulletin-social .bulletin-like-btn.liked{color:#1769e0}.bulletin-social button span{font-size:10px;margin-left:2px}
.bulletin-comments{display:none;border-top:1px solid #edf1f5;margin-top:5px;padding-top:9px}.bulletin-comments.open{display:block}
.bulletin-comment{background:#f5f7fa;padding:8px 10px;margin-bottom:6px}.bulletin-comment>div{display:flex;align-items:baseline;gap:7px}.bulletin-comment strong{font-size:11px;color:#253548}.bulletin-comment small{font-size:9px;color:#8290a0}.bulletin-comment p{font-size:12px;line-height:1.45;margin:3px 0 0;color:#33475b;overflow-wrap:anywhere}
.bulletin-comment-form{display:flex;gap:6px;margin-top:7px}.bulletin-comment-form input{flex:1;min-width:0;border:1px solid #d6dee8;padding:8px 10px;font:inherit;font-size:12px;outline:none}.bulletin-comment-form input:focus{border-color:#7aa7ef}.bulletin-comment-form .btn{width:36px;padding:0;display:grid;place-items:center}

/* Bulletin social dropdowns */
.bulletin-reactions-wrap{position:relative;margin-left:auto;display:inline-flex;align-items:center}
.bulletin-reactions-toggle{display:inline-flex !important;align-items:center;gap:6px;color:#657789 !important;padding:6px 8px !important;font-weight:600 !important}
.bulletin-reactions-toggle i{font-size:8px;transition:transform .15s ease}
.bulletin-reactions-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
.bulletin-like-users{position:absolute;right:0;bottom:calc(100% + 6px);z-index:1200;display:none;min-width:220px;max-width:300px;max-height:260px;overflow:auto;background:#fff;border:1px solid #dbe3ec;box-shadow:0 10px 26px rgba(15,23,42,.16);padding:6px}
.bulletin-like-users.open{display:grid;gap:2px}
.bulletin-like-user{display:flex;align-items:center;gap:8px;padding:6px 7px;min-width:0}
.bulletin-like-user img,.bulletin-like-user>span{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#edf2f7;border:1px solid #d6dee8;display:grid;place-items:center;font-size:10px;font-weight:800;flex:0 0 26px}
.bulletin-like-user strong{font-size:11px;color:#26384a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bulletin-comment-toggle.active{color:#1769e0 !important}


/* Bulletin image lightbox */
body.bulletin-lightbox-open{overflow:hidden}
.bulletin-image-lightbox{position:fixed;inset:0;z-index:2147483000;background:rgba(8,12,18,.94);display:flex;align-items:center;justify-content:center;padding:56px 72px 64px;overflow:hidden}
.bulletin-lightbox-stage{width:100%;height:auto;max-height:calc(100dvh - 120px);display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden}
.bulletin-lightbox-stage img{display:block;width:auto !important;height:auto !important;max-width:calc(100vw - 144px) !important;max-height:calc(100dvh - 120px) !important;object-fit:contain !important;object-position:center !important;aspect-ratio:auto ;box-shadow:0 16px 48px rgba(0,0,0,.35);}
.bulletin-lightbox-close,.bulletin-lightbox-nav{position:fixed;border:0;background:rgba(255,255,255,.1);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bulletin-lightbox-close{top:18px;right:18px;width:40px;height:40px;border-radius:50%;font-size:18px}
.bulletin-lightbox-nav{top:50%;transform:translateY(-50%);width:44px;height:56px;border-radius:10px;font-size:18px}
.bulletin-lightbox-prev{left:18px}.bulletin-lightbox-next{right:18px}
.bulletin-lightbox-close:hover,.bulletin-lightbox-nav:hover{background:rgba(255,255,255,.2)}
.bulletin-lightbox-caption{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(720px,calc(100vw - 140px));display:flex;align-items:center;gap:14px;color:#fff;background:rgba(0,0,0,.42);padding:7px 11px;border-radius:8px;font-size:11px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bulletin-lightbox-caption span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulletin-lightbox-caption strong{white-space:nowrap;font-size:10px;color:#d9e1ea}



/* Bulletin incremental scroll loading */
.bulletin-load-sentinel {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--muted, #64748b);
  font-size: 12px;
}





/* Workflow Levels table restoration — 2026-08-20
   Restores the stable desktop table layout without changing task logic. */
#detailsModal .workflow-level-table-wrap{
  border:1px solid #dbe3ee !important;
  background:#fff !important;
  box-sizing:border-box !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
  overflow-y:visible !important;
}
#detailsModal .workflow-levels-detail-table{
  background:#fff !important;
  display:table !important;
  width:100% !important;
  min-width:0 !important;
  table-layout:fixed !important;
  border-collapse:collapse !important;
}
#detailsModal .workflow-levels-detail-table thead{display:table-header-group !important;}
#detailsModal .workflow-levels-detail-table tbody{display:table-row-group !important;}
#detailsModal .workflow-levels-detail-table tr{
  display:table-row !important;
  height:auto !important;
  min-height:52px !important;
}
#detailsModal .workflow-levels-detail-table th,
#detailsModal .workflow-levels-detail-table td{
  display:table-cell !important;
  position:static !important;
  float:none !important;
  transform:none !important;
  vertical-align:middle !important;
  box-sizing:border-box !important;
}
#detailsModal .workflow-levels-detail-table th:nth-child(1){width:22% !important;}
#detailsModal .workflow-levels-detail-table th:nth-child(2){width:14% !important;}
#detailsModal .workflow-levels-detail-table th:nth-child(3){width:40% !important;}
#detailsModal .workflow-levels-detail-table th:nth-child(4),
#detailsModal .workflow-levels-detail-table th:nth-child(5){width:12% !important;}
#detailsModal .workflow-levels-detail-table td{
  padding:9px 10px !important;
  border-right:1px solid #e2e8f0 !important;
  border-bottom:1px solid #e2e8f0 !important;
  color:#172033 !important;
  font-size:12px !important;
  line-height:1.3 !important;
  text-align:left !important;
  vertical-align:middle !important;
  height:52px !important;overflow:hidden !important;
}
#detailsModal .workflow-levels-detail-table td:nth-child(3){overflow:visible !important;}
#detailsModal .workflow-level-table-row:has(.workflow-inline-assign) td{height:66px !important;}
#detailsModal .workflow-inline-assign{
  flex-direction:column !important;
  align-items:stretch !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:4px !important;
  width:100% !important;
  min-width:0 !important;
  position:static !important;
}
#detailsModal .workflow-inline-assign-controls{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:6px !important;
  align-items:center !important;
  width:100% !important;
  min-width:0 !important;
  position:static !important;
}
#detailsModal .workflow-inline-assign-select{
  border:1px solid var(--line, #d7dee8);
  background:#fff;
  font:inherit;
  font-size:11px;
  font-weight:700;
  color:var(--text, #172033);
  cursor:pointer;
  height:30px !important;
  padding:0 24px 0 7px !important;
  text-overflow:ellipsis !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
}
#detailsModal .workflow-inline-assign-btn{
  min-width:52px !important;
  height:30px !important;
  padding:0 8px !important;
  position:static !important;white-space:nowrap !important;
}


/* =========================================================
   MORTX MODAL RENDER PERFORMANCE — 20260823-0940-modal-render-fast-v5
   Full-width desktop optimization.
   No layout/logic changes: only removes expensive modal opening
   compositing, backdrop filtering and Bootstrap fade transforms.
   ========================================================= */

/* Backdrops must be cheap to composite even on a very large viewport. */
.modal-backdrop,
.modal-backdrop.show,
.mortx-modal-backdrop,
.mortx-modal-backdrop.show {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

/* Task Details must become visible immediately.
   Bootstrap's .fade transform/opacity animation is unnecessary here and
   forces a large full-screen repaint/composite on some desktop GPUs. */
#detailsModal,
#detailsModal.fade,
#detailsModal.show {
  transition: none !important;
  animation: none !important;
}

#detailsModal .modal-dialog,
#detailsModal.fade .modal-dialog,
#detailsModal.show .modal-dialog {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  will-change: auto !important;
}

#detailsModal .modal-content {
  max-width: none !important;
  flex-direction: column !important;
  width: 100% !important;
  max-height: none !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  height: calc(100vh - 16px) !important;
  min-height: 0 !important;
  overflow: hidden !important;
  filter: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  will-change: auto !important;
}

/* Isolate the large page behind Task Details so opening the overlay does not
   unnecessarily invalidate descendants of the current Board/List/Calendar. */
body.modal-open #mortxViewHost {
  contain: layout paint style !important;
}

/* Avoid animation work on Task Details descendants during the opening frame.
   Normal control hover/focus behavior remains intact. */
#detailsModal:not(.hidden) .details-focus-wrap {
  animation: none !important;
}

/* Keep the browser from creating an extra isolated full-screen compositing
   layer for Task Details/backdrop. */
body.modal-open .modal-backdrop,
body.modal-open #detailsModal {
  isolation: auto !important;
}


/* =========================================================
   MORTX GLOBAL TASK SEARCH + FILTER RESET — 20260823-1745-global-task-search-v9
   ========================================================= */







.global-task-search-input-wrap > i {
  position: absolute;
  left: 11px;
  color: #64748b;
  font-size: 12px;
  pointer-events: none;
}

.global-task-search #searchInput{
  width: 100% !important;
  height: 40px;
  min-height: 40px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  padding: 0 34px 0 32px !important;
  margin: 0 !important;
  font-size: 12px !important;
}

.global-task-search-input-wrap:focus-within {
  border-color: #0073ea;
  box-shadow: 0 0 0 1px rgba(0,115,234,.12);
}

.global-task-search-clear {
  position: absolute;
  right: 4px;
  top: 50%;
  transform: translateY(-50%);
  width: 26px;
  height: 26px;
  border: 0;
  background: transparent;
  color: #64748b;
  display: grid;
  place-items: center;
  cursor: pointer;
}

.global-task-search-clear:hover {
  background: #f1f5f9;
  color: #0f172a;
}

.global-task-search-results {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  width: min(520px, calc(100vw - 32px));
  max-height: 430px;
  overflow: auto;
  background: #fff;
  border: 1px solid #dce3ec;
  box-shadow: 0 18px 45px rgba(15,23,42,.18);
  z-index: 120;
}

.global-task-search-result {
  width: 100%;
  min-height: 58px;
  border: 0;
  border-bottom: 1px solid #edf1f5;
  background: #fff;
  padding: 9px 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  text-align: left;
  cursor: pointer;
}

.global-task-search-result:hover,
.global-task-search-result:focus {
  background: #f5f9ff;
  outline: none;
}

.global-task-search-result-main {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.global-task-search-result-main strong {
  color: #172033;
  font-size: 12px;
  font-weight: 800;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-task-search-result-main small {
  color: #64748b;
  font-size: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.global-task-search-result-status {
  flex: 0 0 auto;
  padding: 4px 7px;
  border: 1px solid #dbe3ec;
  background: #f8fafc;
  color: #475569;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
}

.global-task-search-empty {
  padding: 18px 14px;
  color: #64748b;
  font-size: 12px;
  text-align: center;
}

.top-filter-reset-btn{
  height: 40px;
  min-height: 40px;
  padding: 8px 12px;
  border: 1px solid #cbd5e1;
  background: #fff;
  color: #142033;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
}

.top-filter-reset-btn:hover {
  border-color: #94a3b8;
  background: #f8fafc;
  color: #0f172a;
}

/* Search no longer belongs to the filter row. */
.top-controls-row .header-search-wrap {
  display: none !important;
}








.top-widget-group {



  flex-wrap: nowrap !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  z-index: 140 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  column-gap: 14px !important;
}

.global-task-search {
  position: relative;

  width: 360px;
  min-width: 260px;
  z-index: 85;

  margin-left: 0 !important;
  margin-right: 0 !important;
  margin: 0 !important;
  flex: 1 1 420px !important;
}

.global-task-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;

  border: 1px solid #d7dee8;
  background: #fff;
  min-height: 40px;
  height: 34px !important;
}

@media (min-width: 769px) {
  .top-widget-group {
    flex-wrap: nowrap !important;
  }
}


/* Current output version badge */

/* Complete task filter panel — isolated styles; does not alter existing Team/Assignee filters. */



/* ===== List View filter menus: body-level floating popovers =====
   Menus are portaled to <body> while open so DataTables scroll wrappers
   cannot clip/crop them. Filtering behavior is unchanged. */
body > .task-multi-filter-menu.is-portaled{
  display:block !important;
  position:fixed !important;
  right:auto !important;
  bottom:auto !important;
  margin:0 !important;
  padding:8px !important;
  border:1px solid #cbd5e1 !important;
  border-radius:0 !important;
  background:#fff !important;
  box-shadow:0 12px 30px rgba(15,23,42,.18) !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  z-index:2147483646 !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-actions{
  display:flex !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:0 0 7px !important;
  margin:0 0 6px !important;
  border-bottom:1px solid #e2e8f0 !important;
  background:#fff !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-actions button{
  border:0 !important;
  background:transparent !important;
  color:#2563eb !important;
  padding:2px 0 !important;
  font:800 10px/1.2 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-options{
  max-height:240px !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  overscroll-behavior:contain !important;
  padding:4px 0 !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-option{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:6px 5px !important;
  margin:0 !important;
  color:#1e293b !important;
  font:700 10px/1.3 Arial,Helvetica,sans-serif !important;
  cursor:pointer !important;
  white-space:normal !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-option:hover{background:#f1f5f9 !important}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-option input{
  width:14px !important;
  height:14px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  accent-color:#2563eb !important;
}
body > .task-multi-filter-menu.is-portaled .task-multi-filter-empty{
  padding:8px !important;
  color:#64748b !important;
  font-size:10px !important;
}

/* ===== List column filter viewport overlay (single canonical implementation) ===== */
.mortx-list-filter-overlay{
  position:fixed !important;
  display:block;
  z-index:2147483647 !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:1px solid #cbd5e1 !important;
  border-radius:0 !important;
  box-shadow:0 14px 34px rgba(15,23,42,.22) !important;
  padding:8px !important;
  overflow:hidden !important;
  font-family:inherit !important;
}
.mortx-list-filter-overlay[hidden]{display:none !important}
.mortx-list-filter-actions{
  display:flex !important;
  justify-content:flex-end !important;
  gap:14px !important;
  padding:1px 2px 8px !important;
  margin:0 0 6px !important;
  border-bottom:1px solid #e2e8f0 !important;
  background:#fff !important;
}
.mortx-list-filter-actions button{
  border:0 !important;
  background:transparent !important;
  color:#2563eb !important;
  padding:2px 0 !important;
  font:800 11px/1.2 inherit !important;
  cursor:pointer !important;
}
.mortx-list-filter-options{
  max-height:280px !important;
  overflow:auto !important;
  overscroll-behavior:contain !important;
}
.mortx-list-filter-option{
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  box-sizing:border-box !important;
  padding:7px 6px !important;
  margin:0 !important;
  color:#1e293b !important;
  font:700 12px/1.3 inherit !important;
  cursor:pointer !important;
  white-space:normal !important;
}
.mortx-list-filter-option:hover{background:#f1f5f9 !important}
.mortx-list-filter-option input{
  width:15px !important;
  height:15px !important;
  margin:0 !important;
  flex:0 0 auto !important;
  accent-color:#2563eb !important;
}
.mortx-list-filter-empty{padding:10px 6px;color:#64748b;font-size:12px}


/* Backup Manager */
.backup-manager-body{display:grid;gap:16px;background:#f8fafc;}
.backup-manager-toolbar,.backup-schedule-card,.backup-history-card{border:1px solid #d8e0ea;background:#fff;padding:16px;}
.backup-manager-toolbar,.backup-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.backup-manager-toolbar strong,.backup-section-head strong{font-size:15px;font-weight:900;color:#111827;}
.backup-manager-toolbar p,.backup-section-head p{margin:4px 0 0;color:#64748b;font-size:12px;font-weight:700;}
.backup-schedule-card{display:grid;gap:14px;}
.backup-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:#334155;}
.backup-toggle input{width:16px;height:16px;}
.backup-schedule-grid{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr)) auto;gap:10px;align-items:end;}
.backup-schedule-grid label{display:grid;gap:6px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.03em;color:#475569;}
.backup-schedule-grid select,.backup-schedule-grid input{width:100%;min-width:0;border:1px solid #cbd5e1;background:#fff;padding:9px 10px;font-weight:800;color:#111827;}
.backup-schedule-save{white-space:nowrap;}
.backup-schedule-status{padding:10px 12px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e40af;font-size:12px;font-weight:900;}
.backup-cron-note{display:block;color:#64748b;font-weight:700;line-height:1.4;}
.backup-cron-note code{padding:2px 5px;background:#eef2f7;border:1px solid #d8e0ea;color:#334155;}
.backup-table-wrap{overflow:auto;margin-top:12px;border:1px solid #e2e8f0;}
.backup-table{width:100%;border-collapse:collapse;min-width:900px;background:#fff;}
.backup-table th,.backup-table td{padding:10px 12px;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:middle;font-size:12px;}
.backup-table th{background:#f8fafc;color:#475569;text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:900;position:sticky;top:0;}
.backup-table td{color:#334155;font-weight:700;}
.backup-file-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.backup-empty{text-align:center!important;color:#94a3b8!important;padding:24px!important;}
.backup-type-pill,.backup-status-pill{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;text-transform:capitalize;font-size:10px;font-weight:900;}
.backup-status-pill.completed{border-color:#bbf7d0;background:#f0fdf4;color:#166534;}
.backup-status-pill.failed{border-color:#fecaca;background:#fef2f2;color:#991b1b;}
.backup-table td small{display:block;margin-top:4px;max-width:260px;color:#b91c1c;font-weight:700;}




/* =========================================================
   TASK DETAILS — LONG TEXT VERSION DIFF
   One Output Preview surface. Show Changes is a true on/off toggle.
   ========================================================= */
#detailsModal .output-longtext-review{
  min-width:0;
}
#detailsModal .output-text-diff-toolbar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin:0 0 10px;
}
#detailsModal .output-text-diff-switch{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:30px;
  padding:5px 8px 5px 10px;
  border:1px solid #dbe7f3;
  background:#f8fbff;
  color:#173b6c;
  cursor:pointer;
  user-select:none;
}
#detailsModal .output-text-diff-switch-label{
  display:inline-flex;
  align-items:center;
  gap:7px;
  font-weight:800;
  font-size:12px;
}
#detailsModal .output-text-diff-version{
  font-size:10px;
  font-weight:800;
  color:#64748b;
}
#detailsModal .output-text-diff-checkbox{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
  pointer-events:none;
}
#detailsModal .output-text-diff-slider{
  position:relative;
  display:inline-block;
  width:34px;
  height:18px;
  border:1px solid #94a3b8;
  background:#cbd5e1;
  border-radius:999px;
  transition:background .15s ease,border-color .15s ease;
}
#detailsModal .output-text-diff-slider::after{
  content:"";
  position:absolute;
  top:2px;
  left:2px;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 2px rgba(15,23,42,.25);
  transition:transform .15s ease;
}
#detailsModal .output-text-diff-checkbox:checked + .output-text-diff-slider{
  background:#2563eb;
  border-color:#2563eb;
}
#detailsModal .output-text-diff-checkbox:checked + .output-text-diff-slider::after{
  transform:translateX(16px);
}
#detailsModal .output-longtext-preview-surface{
  min-width:0;
}

#detailsModal .output-text-diff-added{
  background:#dcfce7;
  color:#166534;
  text-decoration:none;
  border-radius:2px;
  padding:1px 2px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}
#detailsModal .output-text-diff-removed{
  background:#fee2e2;
  color:#991b1b;
  text-decoration:line-through;
  text-decoration-thickness:1px;
  border-radius:2px;
  padding:1px 2px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}


/* LONG TEXT DIFF — runtime-only comparison.
   The DOM contains only latest output until the toggle is explicitly ON. */
#detailsModal .output-longtext-preview-content{



  display:block;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

/* Static account-menu shell: render immediately, hydrate data after auth. */
#profileMenuLoading.auth-dropdown-loading {
  cursor: default;
  pointer-events: none;
  color: #64748b;
}
#profileMenuLoading[hidden],
#authDropdown [hidden] {
  display: none !important;
}


/* MORTX static-first-paint shell */
#boardInitialShell { display: contents; }
.mortx-static-loading {
  min-height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  opacity: .58;
  font-size: 13px;
}
#projectSelect:has(option:only-child) { opacity: .72; }



.god-bulk-assignee-select{min-width:190px}
.god-bulk-assignee-select.hidden{display:none !important}





#appProjectBrandHeader .top-widget-group{
  display:flex;
  align-items:center;
  gap:8px;
}



#taskDataTable tbody .task-server-loading td{
  height:92px;
  text-align:center;
  vertical-align:middle;
  color:#64748b;
  font-weight:650;
}
#taskDataTable_wrapper .dt-processing{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:auto !important;
  width:100% !important;
  height:3px !important;
  min-height:3px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden;
  background:#e2e8f0;
  border:0 !important;
  box-shadow:none !important;
  color:transparent !important;
  z-index:20;
  pointer-events:none;
}
#taskDataTable_wrapper .dt-processing::after{
  content:"";
  position:absolute;
  inset:0 auto 0 -32%;
  width:32%;
  background:currentColor;
  color:#2563eb;
  animation:mortx-list-loading-bar 1.05s ease-in-out infinite;
}
@keyframes mortx-list-loading-bar{
  0%{left:-32%;width:32%}
  50%{width:44%}
  100%{left:100%;width:32%}
}
#taskDataTable_wrapper .mortx-dt-processing{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}























#activityView .activity-panel-head{
  align-items:center !important;
  flex-wrap:wrap !important;
}

#activityView .activity-panel-head>.mortx-panel-head-copy{
  flex:1 1 260px !important;
  width:auto !important;
  max-width:none !important;
}

#activityView .activity-range-controls{
  display:flex !important;
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  align-items:flex-end !important;
  justify-content:flex-end !important;
  gap:8px !important;
  margin-left:auto !important;
  padding:0 !important;
  flex-wrap:wrap !important;
}

#activityView .activity-date-field{
  flex:0 1 150px !important;
  width:150px !important;
  min-width:135px !important;
  max-width:175px !important;
  gap:4px !important;
}

#activityView .activity-date-field>span{
  font-size:8px !important;
  line-height:1 !important;
}

#activityView .activity-date-field input,
#activityView .activity-nav-btn,
#activityView .activity-today-btn{
  height:34px !important;
  margin:0 !important;
}

#activityView .activity-nav-btn{
  width:34px !important;
  min-width:34px !important;
  padding:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#activityView .activity-today-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  white-space:nowrap !important;
}







.output-resubmit-editor{
  align-items:flex-start;
}
.output-resubmit-editor .output-resubmit-btn{
  white-space:nowrap;
}
.output-resubmit-hint{
  flex:1 1 100%;
  color:#64748b;
  font-size:10px;
  line-height:1.4;
}

/* ===== BOARD INITIAL DATA LOADING ===== */
.board-loading-task-card{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:12px;
  min-height:118px;
  margin:12px;
  padding:14px;
  border:1px solid #dbe3ec;
  background:#fff;
}
.board-loading-task-head{
  display:flex;
  align-items:center;
  gap:9px;
  color:#64748b;
  font-size:13px;
}
.board-loading-spinner{
  width:15px;
  height:15px;
  flex:0 0 15px;
  border:2px solid #cbd5e1;
  border-top-color:#64748b;
  border-radius:50%;
  animation:mortx-board-loading-spin .75s linear infinite;
}
.board-loading-task-skeleton{
  position:relative;
  overflow:hidden;
  display:grid;
  gap:9px;
}
.board-loading-task-skeleton::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(148,163,184,.16),transparent);
  animation:mortx-board-loading-sweep 1.15s ease-in-out infinite;
}
.board-loading-line{
  display:block;
  width:72%;
  height:10px;
  background:#e8edf3;
}
.board-loading-line-wide{width:92%;height:13px}
.board-loading-line-short{width:48%}
.board-load-error{
  min-height:92px;
  margin:12px;
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px dashed #fca5a5;
  background:#fef2f2;
  color:#b91c1c;
  font-size:13px;
  font-weight:700;
}
@keyframes mortx-board-loading-spin{
  to{transform:rotate(360deg)}
}
@keyframes mortx-board-loading-sweep{
  100%{transform:translateX(100%)}
}
@media (prefers-reduced-motion:reduce){
  .board-loading-spinner,
  .board-loading-task-skeleton::after{animation:none}
}


/* God Mode bulk review editor rebuild */
.god-bulk-review-type-select{min-width:155px}





.god-bulk-reviewer-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:1005;width:310px;max-height:390px;overflow:auto;padding:8px;background:#fff;border:1px solid var(--border,#dbe3ee);box-shadow:0 14px 34px rgba(15,23,42,.18)}
.god-bulk-reviewer-option{display:flex;align-items:center;gap:8px;padding:7px 6px;font-size:12px;font-weight:600;cursor:pointer}
.god-bulk-reviewer-option:hover{background:#f8fafc}
.god-bulk-reviewer-option input{margin:0}
.god-bulk-reviewer-empty{padding:10px 6px;color:var(--muted,#64748b);font-weight:600}
.god-bulk-reviewer-order{border-top:1px solid var(--border,#dbe3ee);margin-top:7px;padding-top:7px}
.god-bulk-reviewer-order.hidden{display:none!important}
.god-bulk-reviewer-order-title{padding:2px 6px 6px;font-size:11px;color:var(--muted,#64748b);text-transform:uppercase;letter-spacing:.04em}
.god-bulk-reviewer-order-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:6px;padding:5px 6px}
.god-bulk-reviewer-order-number{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid var(--border,#dbe3ee);border-radius:50%;font-size:11px}
.god-bulk-reviewer-order-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.god-bulk-reviewer-order-actions{display:flex;gap:3px}
.god-bulk-reviewer-order-actions button{width:25px;height:25px;padding:0;border:1px solid var(--border,#dbe3ee);background:#fff;cursor:pointer}
.god-bulk-reviewer-order-actions button:disabled{opacity:.35;cursor:default}


/* List DataTable enhancements */
#taskDataTable_wrapper .dt-processing > div,
#taskDataTable_wrapper .dt-processing > span:not(.mortx-dt-processing){
  display:none !important;
}
#taskDataTable_wrapper .dt-processing .mortx-dt-processing{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
#taskDataTable tbody td.dt-empty:empty{
  height:72px;
  border-bottom:0;
}

/* Header filters live inside each business-column header. */
#taskDataTable thead > tr:first-child > th{
  vertical-align:top !important;
  cursor:default !important;
}
#taskDataTable thead > tr:first-child > th .task-multi-filter{
  margin-top:8px;
  min-width:108px;
  position:relative;
  z-index:2;
}
#taskDataTable thead > tr:first-child > th .task-multi-filter-toggle{
  width:100%;
  min-height:30px;
  cursor:pointer;
}
#taskDataTable thead > tr:first-child > th .task-multi-filter,
#taskDataTable thead > tr:first-child > th .task-multi-filter *{
  cursor:default;
}
#taskDataTable thead > tr:first-child > th .task-multi-filter-toggle{cursor:pointer;}

/* Review columns */
#taskDataTable .review-type-cell{
  font-weight:800;
  color:#334155;
  white-space:nowrap;
}
#taskDataTable .review-reviewers-cell{
  display:flex;
  flex-wrap:wrap;
  gap:4px;
  min-width:150px;
}
#taskDataTable .review-reviewer-pill{
  display:inline-flex;
  align-items:center;
  max-width:180px;
  padding:3px 6px;
  border:1px solid #dbe3ee;
  background:#f8fafc;
  color:#334155;
  font-size:11px;
  font-weight:800;
  line-height:1.2;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#taskDataTable .review-reviewers-empty{
  color:#64748b;
  font-style:italic;
}

/* Modal-based column ordering. Table headers themselves are not draggable. */
#listView .dt-button.mortx-column-reorder-button{
  border:1px solid #cbd5e1 !important;
  background:#fff !important;
  color:#334155 !important;
  border-radius:0 !important;
  font-weight:800 !important;
  min-height:34px;
}
#listView .dt-button.mortx-column-reorder-button:hover,
#listView .dt-button.mortx-column-reorder-button:focus{
  border-color:#2563eb !important;
  color:#1d4ed8 !important;
  background:#eff6ff !important;
}
.mortx-column-reorder-modal .modal-dialog{max-width:560px;}
.mortx-column-reorder-modal .modal-content{border-radius:0 !important;}
.mortx-column-reorder-list{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:6px;
}
.mortx-column-reorder-item{
  display:grid;
  grid-template-columns:24px 30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:7px 8px;
  border:1px solid #dbe2ea;
  background:#fff;
  cursor:grab;
  user-select:none;
}
.mortx-column-reorder-item:active{cursor:grabbing;}
.mortx-column-reorder-item.is-dragging{opacity:.45;}
.mortx-column-reorder-item.is-drop-target{border-color:#2563eb;background:#eff6ff;}
.mortx-column-reorder-handle{display:flex;align-items:center;justify-content:center;color:#64748b;font-size:15px;}
.mortx-column-reorder-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #dbe2ea;background:#f8fafc;color:#475569;font-size:11px;font-weight:900;}
.mortx-column-reorder-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0f172a;font-size:13px;}
.mortx-column-reorder-row-actions{display:flex;gap:4px;}
.mortx-column-reorder-row-actions .btn{width:30px;height:30px;padding:0;border-radius:0 !important;display:inline-flex;align-items:center;justify-content:center;}
.mortx-column-reorder-row-actions .btn:disabled{opacity:.3;}


/* Pinned selection utility column: checkbox-sized, fixed first, centered. */
#taskDataTable{
  --mortx-select-col-width:28px;
}
#taskDataTable colgroup col:first-child{
  width:var(--mortx-select-col-width) !important;
  min-width:var(--mortx-select-col-width) !important;
  max-width:var(--mortx-select-col-width) !important;
}
#taskDataTable thead th.task-select-column,
#taskDataTable tbody td.task-select-cell{
  box-sizing:border-box !important;
  width:var(--mortx-select-col-width) !important;
  min-width:var(--mortx-select-col-width) !important;
  max-width:var(--mortx-select-col-width) !important;
  padding:0 !important;
  text-align:center !important;
  vertical-align:middle !important;
  white-space:nowrap !important;
}
#taskDataTable thead th.task-select-column{
  position:relative !important;
  cursor:default !important;
}
#taskDataTable thead th.task-select-column .dt-column-order{
  display:none !important;
}
#taskDataTable thead th.task-select-column > .dt-column-header,
#taskDataTable thead th.task-select-column .dt-column-title{
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
}
#taskDataTable thead th.task-select-column .task-select-header{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  cursor:pointer !important;
  line-height:1 !important;
}
#taskDataTable thead th.task-select-column input.task-bulk-checkbox,
#taskDataTable tbody td.task-select-cell input.task-bulk-row-checkbox{
  display:block !important;
  margin:0 auto !important;
  padding:0 !important;
}


/* ========================================================================== 
   DASHBOARD UNIFIED PERFORMANCE PAGE — 2026-09-08
   Dashboard owns Overview + Workload + Activity as one continuous page.
   ========================================================================== */
#overviewView.dashboard-unified-view {
  width: 100%;
  min-width: 0;
  background: transparent;
}

#overviewView .dashboard-unified-header {
  margin-bottom: 0;
  border-bottom: 1px solid var(--border, #e5e7eb);
}

#overviewView .dashboard-unified-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  width: 100%;
  min-width: 0;
  padding: 16px;
}

#overviewView .dashboard-overview-body {
  width: 100%;
  min-width: 0;
  padding: 0;
}

#overviewView .dashboard-performance-section {
  width: 100%;
  min-width: 0;
  margin: 0;
  border: 1px solid var(--border, #dfe5ec);
  border-radius: 10px;
  background: var(--surface, #fff);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .04);
}

#overviewView .dashboard-performance-section-head {
  min-height: 64px;
  padding: 12px 14px;
  border: 0;
  border-bottom: 1px solid var(--border, #e5e7eb);
  border-radius: 0;
  background: var(--surface, #fff);
}

#overviewView .dashboard-performance-section-head .mortx-panel-head-copy strong {
  font-size: 15px;
  font-weight: 800;
}

#overviewView .dashboard-performance-section-head .mortx-panel-head-copy span {
  font-size: 11px;
}

#overviewView .dashboard-performance-section-body {
  width: 100%;
  min-width: 0;
  padding: 14px;
}

#overviewView .dashboard-workload-section .workload-summary,
#overviewView .dashboard-activity-section .activity-summary-strip {
  margin-top: 0;
}

#overviewView .dashboard-workload-section .workload-list,
#overviewView .dashboard-activity-section .activity-flat-report {
  margin-bottom: 0;
}

#overviewView .dashboard-activity-section .activity-table-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
}

#overviewView .dashboard-activity-section .dataTables_wrapper,
#overviewView .dashboard-activity-section .dt-container {
  width: 100%;
  min-width: 0;
}





/* List sticky header: preserve the original interactive header while page-scrolling. */
#taskDataTable thead{
  position:relative;
  z-index:45;
  will-change:transform;
}
#taskDataTable thead.mortx-list-header-stuck th{
  background:#f8fafc !important;
  box-shadow:0 1px 0 #dbe3ee;
}
#taskDataTable thead.mortx-list-header-stuck{
  filter:drop-shadow(0 3px 4px rgba(15,23,42,.10));
}


/* List DataTable loading state — preserve real rows; no fake skeleton content. */
#taskDataTable_wrapper.dt-container{
  position:relative;
}
#taskDataTable_wrapper .dt-processing{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:1px !important;
  margin:-1px !important;
  padding:0 !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  clip-path:inset(50%) !important;
  white-space:nowrap !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  pointer-events:none !important;
}
#taskDataTable_wrapper .dt-processing::after{
  display:none !important;
  content:none !important;
}
#taskDataTable_wrapper > .mortx-list-skeleton-overlay{
  position:absolute;
  z-index:18;
  display:none;
  pointer-events:none;
  overflow:hidden;
  background:rgba(255,255,255,.42);
  border-bottom:1px solid rgba(223,229,236,.72);
}
#taskDataTable_wrapper > .mortx-list-skeleton-overlay.is-visible{
  display:block;
}
#taskDataTable.mortx-list-is-loading tbody{
  opacity:.58;
  transition:opacity .12s ease;
}
.mortx-list-loading-track{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  overflow:hidden;
  background:rgba(37,99,235,.08);
}
.mortx-list-loading-track > span{
  position:absolute;
  top:0;
  bottom:0;
  width:34%;
  left:-34%;
  background:currentColor;
  color:#2563eb;
  opacity:.82;
  animation:mortx-list-loading-track 1.05s cubic-bezier(.4,0,.2,1) infinite;
}
@keyframes mortx-list-loading-track{
  0%{left:-34%;width:28%}
  55%{width:42%}
  100%{left:100%;width:28%}
}
@media (prefers-reduced-motion:reduce){
  .mortx-list-loading-track > span{animation:none;left:0;width:100%;opacity:.45}
}

/* On Hold task status */
.status-on-hold .column-head,.card-select.on-hold,.table-select.on-hold,.table-pill.on-hold,.status-chip.on-hold,.details-pill.on-hold,.history-status-pill.on-hold,.workflow-status-pill.on-hold,.timeline-status-on-hold{background:#8b6f47 !important;color:#fff !important;}
.status-on-hold .column-head *,.card-select.on-hold *,.table-select.on-hold *,.timeline-status-on-hold span{color:#fff !important;}
.timeline-segment[data-status="On Hold"]{background:#8b6f47 !important;color:#fff !important;}
.timeline-legend .legend-on-hold i,.timeline-legend .status-on-hold i{background:#8b6f47 !important;}
/* Task Details primary actions: Hold in hero, reviewer decisions in footer. */
#detailsModal .details-footer-review-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
#detailsModal .details-footer-review-actions.hidden{display:none !important;}
#detailsModal .details-footer-review-actions + [data-close="detailsModal"]{margin-left:0 !important;}
#detailsModal .details-footer-review-actions .btn{min-width:118px;justify-content:center;}
#detailsModal .details-hold-task-btn{
  background:#f6c453;
  border-color:#d9a92d;
  color:#2f260d;
}
#detailsModal .details-hold-task-btn:hover{background:#efb936;border-color:#c89a20;}
/* Review decisions now live in the modal footer; keep the revision note editor in the Output card. */
#detailsModal .review-decision-actions{display:none !important;}


/* Review Phase: keep the submitted media preview visible even when the assignee
   is allowed to correct/resubmit the current output. */
.output-review-phase-preview {
  margin-top: 12px;
}
.output-review-phase-preview .output-level-drive-preview,
.output-review-phase-preview .output-level-static-preview {
  margin-top: 0;
}


/* Detailed God Mode task repair report */
.repair-task-overview{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid var(--border,#d9dee7);border-radius:14px;margin-bottom:16px;background:var(--surface,#fff)}
.repair-task-overview.has-issues{border-color:#f3c66f;background:#fffaf0}.repair-task-overview.is-healthy{border-color:#b8dec8;background:#f5fcf7}.repair-task-overview-icon{font-size:22px;line-height:1}.repair-task-overview.has-issues .repair-task-overview-icon{color:#b7791f}.repair-task-overview.is-healthy .repair-task-overview-icon{color:#23834c}.repair-task-overview p{margin:4px 0 0;color:var(--muted,#667085)}
.repair-task-grid{display:grid;gap:14px}.repair-level-card{border:1px solid var(--border,#dde2ea);border-radius:14px;padding:16px;background:var(--surface,#fff)}.repair-level-card.needs-repair{border-color:#efc46b;box-shadow:0 0 0 2px rgba(239,196,107,.12)}
.repair-level-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.repair-level-head h3{font-size:16px;margin:2px 0 0}.repair-level-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#667085);font-weight:700}.repair-health-badge{display:inline-flex;gap:6px;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap}.repair-health-badge.healthy{background:#eaf8ef;color:#287a48}.repair-health-badge.needs-repair{background:#fff1d7;color:#9a6210}
.repair-status-flow{display:flex;align-items:end;gap:12px;padding:12px 14px;background:var(--subtle,#f7f8fa);border-radius:11px;margin-bottom:12px}.repair-status-flow>div{display:grid;gap:5px}.repair-status-flow small{color:var(--muted,#667085);font-size:11px}.repair-status-pill{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750;background:#eef1f5;color:#45505f}.repair-status-pill.healthy{background:#e7f7ed;color:#237844}.repair-status-pill.review{background:#eee9ff;color:#6741b8}.repair-status-pill.danger{background:#ffe7e7;color:#b42318}.repair-status-pill.hold{background:#f5eadc;color:#7b552f}.repair-status-pill.active{background:#e7f1ff;color:#245ea8}
.repair-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.repair-evidence{min-width:0;padding:10px 11px;border:1px solid var(--border,#e2e6ec);border-radius:10px;display:grid;gap:3px}.repair-evidence>span{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#667085);font-weight:700}.repair-evidence strong{font-size:12px}.repair-evidence small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#667085);font-size:10px}.repair-evidence strong .fa-check{color:#24834d}
.repair-reason{display:flex;gap:9px;align-items:flex-start;margin-top:11px;padding:10px 11px;border-radius:10px;background:#f7f8fa;color:#505968;font-size:12px}.repair-reason.warning{background:#fff7e8;color:#7a5319}.repair-reason span{display:grid;gap:2px}.repair-task-policy{display:flex;gap:9px;padding:12px 14px;margin-top:14px;border-radius:11px;background:#eef5ff;color:#35567f;font-size:12px}.repair-task-footer{gap:10px}.repair-task-footer-summary{margin-right:auto;color:var(--muted,#667085);font-size:12px}.repair-task-loading,.repair-task-error{min-height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted,#667085)}.repair-task-error{justify-content:flex-start;min-height:120px;color:#b42318}.repair-task-error p{margin:3px 0 0;color:var(--muted,#667085)}



/* =========================================================
   v12 — CANONICAL VIEW HEADER TEMPLATE
   One template for every main view: title, description, controls.
   Keep view-specific styling OUT of these three primitives.
   ========================================================= */
body.mortx-ui-shell .mortx-view-host > [data-view-panel] > .mortx-panel-head,
body.mortx-ui-shell #overviewView > .dashboard-unified-header {
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:100% !important;
  min-height:54px !important;
  margin:0 !important;
  padding:10px 14px !important;
  box-sizing:border-box !important;
  background:#fff !important;
  border:0 !important;
  border-bottom:1px solid #e5eaf1 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
body.mortx-ui-shell .mortx-view-host > [data-view-panel] > .mortx-panel-head > .mortx-panel-head-copy,
body.mortx-ui-shell #overviewView > .dashboard-unified-header > .mortx-panel-head-copy {
  display:flex !important;
  flex:1 1 auto !important;
  min-width:0 !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:2px !important;
  margin:0 !important;
  padding:0 !important;
}
body.mortx-ui-shell .mortx-view-host > [data-view-panel] > .mortx-panel-head .mortx-panel-head-copy > strong,
body.mortx-ui-shell #overviewView > .dashboard-unified-header .mortx-panel-head-copy > strong {
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  margin:0 !important;
  color:#172033 !important;
  font-size:16px !important;
  line-height:20px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}
body.mortx-ui-shell .mortx-view-host > [data-view-panel] > .mortx-panel-head .mortx-panel-head-copy > span,
body.mortx-ui-shell #overviewView > .dashboard-unified-header .mortx-panel-head-copy > span {
  display:block !important;
  max-width:100% !important;
  margin:0 !important;
  color:#718096 !important;
  font-size:10px !important;
  line-height:14px !important;
  font-weight:600 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

/* Board/list/calendar/upcoming/timeline/bulletin all inherit the template above. */






/* DataTables current-view export controls */
.dt-container .dt-layout-row:has(.mortx-export-button){align-items:center!important;gap:8px!important;}
.dt-container .dt-buttons{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;}
.dt-container .dt-button.mortx-export-button{min-height:30px!important;height:30px!important;padding:0 10px!important;border:1px solid #cbd5e1!important;border-radius:0!important;background:#fff!important;color:#334155!important;font:800 11px/1 inherit!important;box-shadow:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;}
.dt-container .dt-button.mortx-export-button:hover,.dt-container .dt-button.mortx-export-button:focus{background:#f8fafc!important;border-color:#94a3b8!important;color:#0f172a!important;}
.dt-container .dt-button.mortx-export-button i{font-size:11px!important;}

/* DataTables toolbar controls: one shared visual size for native, export and custom actions. */
.dt-container .dt-buttons > .dt-button,
.dt-container .dt-buttons > .mortx-datatable-custom-action,
#listView .dt-buttons > .dt-button,
#listView .dt-buttons > .mortx-datatable-custom-action {
  box-sizing: border-box !important;
  min-height: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  padding: 0 12px !important;
  border-width: 1px !important;
  border-radius: 0 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}
.dt-container .dt-buttons > .dt-button i,
.dt-container .dt-buttons > .mortx-datatable-custom-action i {
  font-size: 12px !important;
  line-height: 1 !important;
}

.online-user-work-line{display:block;color:#64748b;font-size:11px;font-weight:800;line-height:1.3}.online-user-work-line.is-working{color:#16a34a}.online-user-work-line.is-on-leave{color:#b45309}

/* v24 — Admin navigation uses the same native sidebar control styling. */
.admin-sidebar-link{width:100%;text-decoration:none!important;text-align:left;}
.admin-sidebar-link .view-text{text-decoration:none!important;}
.admin-inline-view{padding:0!important;min-height:calc(100vh - var(--mortx-header-height,72px));background:#f8fafc;}
.admin-inline-frame{display:block;width:100%;min-height:calc(100vh - 88px);height:calc(100vh - 88px);border:0;background:#f8fafc;}

/* v26 — dedicated admin view panels use the same main-content host as Board/List/Calendar. */
.admin-native-view{padding:0!important;min-height:calc(100vh - var(--mortx-header-height,72px));background:#f8fafc;overflow:hidden;}
.admin-native-frame{display:block;width:100%;height:calc(100vh - 88px);min-height:720px;border:0;background:#f8fafc;}
.sidebar .admin-sidebar-link,.sidebar .admin-sidebar-link:hover,.sidebar .admin-sidebar-link:focus,.sidebar .admin-sidebar-link:active{text-decoration:none!important;}

/* v29 — Admin views occupy the same main-content surface as List/Board. */
.admin-native-view{width:100%;min-height:calc(100vh - 132px);padding:0!important;margin:0!important;}
.admin-native-frame{display:block;width:100%;min-height:calc(100vh - 132px);height:calc(100vh - 132px);border:0;background:transparent;}
.admin-sidebar-link{text-decoration:none!important;}
.admin-sidebar-link:hover,.admin-sidebar-link:focus,.admin-sidebar-link:active{text-decoration:none!important;}


/* v35 — admin host regression guard. Keep management frames full-width and isolated from workspace view-shell geometry. */
body.mortx-ui-shell #mortxMainContent,
body.mortx-ui-shell #mortxViewHost{width:100%!important;min-width:0!important;max-width:none!important;}
body.mortx-ui-shell #mortxViewHost>[data-admin-view-panel]{
  display:block; width:100%!important; min-width:0!important; max-width:none!important;
  margin:0!important; padding:0!important; background:transparent!important; overflow:visible!important;
}
body.mortx-ui-shell #mortxViewHost>[data-admin-view-panel].hidden{display:none!important;}
body.mortx-ui-shell #mortxViewHost>[data-admin-view-panel]>iframe.admin-native-frame{
  display:block!important; width:100%!important; min-width:100%!important; max-width:none!important;
  margin:0!important; padding:0!important; border:0!important; box-sizing:border-box!important;
}

/* v52 — canonical header controls: Search → Users → Recurring → Profile */
#appProjectBrandHeader .top-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;flex-wrap:nowrap!important;}
#appProjectBrandHeader .top-widget-group{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:nowrap!important;position:relative!important;}
#appProjectBrandHeader .top-widget-group>.global-task-search{order:1!important;}
#appProjectBrandHeader .top-widget-group>.online-users-widget{order:2!important;}
#appProjectBrandHeader .top-widget-group>.recurring-widget{order:3!important;}
#appProjectBrandHeader .auth-box{order:4!important;margin-left:0!important;}
#appProjectBrandHeader .online-users-widget,
#appProjectBrandHeader .recurring-widget{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:0!important;z-index:160!important;isolation:auto!important;display:inline-flex!important;align-items:center!important;}
#appProjectBrandHeader .online-users-toggle,
#appProjectBrandHeader .recurring-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#0f172a!important;box-shadow:none!important;font-size:18px!important;transform:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
#appProjectBrandHeader .online-users-toggle:hover,
#appProjectBrandHeader .recurring-toggle:hover{background:#f1f5f9!important;color:#0f172a!important;box-shadow:none!important;transform:none!important;filter:none!important;}
#appProjectBrandHeader .online-users-card{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;bottom:auto!important;z-index:5000!important;}
#appProjectBrandHeader .recurring-card{position:absolute!important;top:calc(100% + 10px)!important;right:0!important;left:auto!important;bottom:auto!important;width:min(460px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;z-index:5000!important;}
#appProjectBrandHeader .online-users-count,
#appProjectBrandHeader .recurring-pending-count{top:-5px!important;right:-5px!important;}


/* v1.0.50 Upcoming Events creator audit visibility.
   Creator is a first-class card row and must never inherit compact calendar meta hiding. */
#upcomingView .upcoming-event-card{
  display:grid !important;
  gap:3px !important;
  min-height:76px !important;
  overflow:visible !important;
}
#upcomingView .upcoming-event-card .upcoming-event-meta{
  display:block !important;
  margin:0 !important;
}
#upcomingView .upcoming-event-card .upcoming-event-creator{
  display:flex !important;
  align-items:center !important;
  gap:5px !important;
  margin-top:2px !important;
  color:#64748b !important;
  font-size:10px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  min-width:0 !important;
}
#upcomingView .upcoming-event-card .upcoming-event-creator span{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}
body.dark-mode #upcomingView .upcoming-event-card .upcoming-event-creator,
.dark-mode #upcomingView .upcoming-event-card .upcoming-event-creator{color:#94a3b8 !important;}


/* v1.0.72 Upcoming Events compact single-line cards */
#upcomingView .upcoming-event-card{
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  padding:7px 8px !important;
  overflow:hidden !important;
}
#upcomingView .upcoming-event-card .calendar-task-title{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.25 !important;
}

/* v1.0.72 Upcoming Events — authoritative compact single-line cards.
   Must remain after legacy creator-audit rules so calendar cards cannot expand. */
#upcomingView .upcoming-event-card{
  display:block !important;
  min-height:0 !important;
  height:auto !important;
  padding:6px 8px !important;
  overflow:hidden !important;
  white-space:nowrap !important;
}
#upcomingView .upcoming-event-card .calendar-task-title{
  display:block !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  line-height:1.25 !important;
  margin:0 !important;
}
#upcomingView .upcoming-event-card .upcoming-event-meta,
#upcomingView .upcoming-event-card .upcoming-event-creator,
#upcomingView .upcoming-event-card small{
  display:none !important;
}

.team-presence-work-line.is-on-event{color:#2563eb;font-weight:700}

/* v1.0.98 Compact event attendee transfer selector */
.event-attendee-field{display:block}
.event-attendee-transfer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:6px}
.event-attendee-pane{min-width:0;border:1px solid var(--border,#d8e0ea);border-radius:8px;background:var(--panel,#fff);overflow:hidden}
.event-attendee-pane-head{height:34px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border,#e2e8f0);background:var(--surface-soft,#f8fafc);font-size:12px}
.event-attendee-pane-head span{min-width:20px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;font-size:10px;color:var(--muted,#64748b);background:var(--panel,#fff)}
.event-attendee-search{height:32px;margin:6px 8px 4px;display:flex;align-items:center;gap:6px;padding:0 8px;border:0;border-bottom:1px solid var(--border,#d8e0ea);border-radius:0;background:transparent;color:var(--muted,#64748b)}
.event-attendee-search input{width:100%;height:30px;min-width:0;border:0!important;outline:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;font-size:11px!important;color:inherit}
.event-attendee-list{height:170px;overflow:auto;padding:3px 5px 5px}
.event-attendee-selected-pane .event-attendee-list{height:212px}
.event-attendee-user{width:100%;min-height:34px;display:flex;align-items:center;gap:7px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}
.event-attendee-user:hover{background:var(--hover-bg,#f1f5f9)}
.event-attendee-avatar{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:6px;background:var(--surface-soft,#eef2f7);font-size:11px;font-weight:700;color:var(--muted,#64748b)}
.event-attendee-copy{min-width:0;display:flex;flex-direction:column;gap:0;line-height:1.15}
.event-attendee-copy strong,.event-attendee-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.event-attendee-copy strong{font-size:11px}.event-attendee-copy small{font-size:9px;color:var(--muted,#718096)}
.event-attendee-action{margin-left:auto;width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:5px;font-size:10px;color:var(--muted,#64748b)}
.event-attendee-user:hover .event-attendee-action{background:var(--panel,#fff);color:var(--text,#172033)}
.event-attendee-empty{padding:18px 8px;text-align:center;color:var(--muted,#718096);font-size:11px}.event-attendee-empty[hidden]{display:none}
.event-attendees-help{display:block;margin-top:5px;color:var(--muted,#718096);font-size:10px}



/* Device access gate — intentionally viewport-agnostic. */
.mortx-device-denied{min-height:100vh;display:grid;place-items:center;padding:24px;background:#f6f8fb;color:#172033}.mortx-device-denied-card{width:min(460px,100%);padding:32px;text-align:center;background:#fff;border:1px solid #dfe5ed;border-radius:16px;box-shadow:0 18px 50px rgba(15,23,42,.12)}.mortx-device-denied-icon{font-size:28px;margin-bottom:14px}.mortx-device-denied-card h1{margin:0 0 10px;font-size:24px}.mortx-device-denied-card p{margin:0 0 6px}.mortx-device-denied-card small{color:#64748b}

/* Page-level primary action — opposite the active task page title. */
body.mortx-ui-shell .page-primary-action-host{
  flex:0 0 auto!important;
  align-self:center!important;
  display:flex!important;
  align-items:center!important;
  margin-left:auto!important;
}
body.mortx-ui-shell .page-primary-action-host[hidden]{display:none!important}

/* v1.0.133 — shared component foundation (interactive geometry only).
   Feature CSS owns layout and semantic colors; these primitives own shape/height/focus. */
:root{
  --mortx-page-radius:6px;
  --mortx-section-radius:5px;
  --mortx-control-height:36px;
  --mortx-control-radius:5px;
  --mx-control-height:var(--mortx-control-height);
  --mx-control-radius:var(--mortx-control-radius);
  --mx-compact-radius:4px;
  --mx-control-border:#d7e0eb;
  --mx-focus-ring:0 0 0 3px rgba(37,99,235,.12);
}
body.mortx-ui-shell .btn,
body.mortx-ui-shell button.page-add-task-btn,
body.mortx-ui-shell .view-toggle,
body.mortx-ui-shell .caption-popup-btn,
body.mortx-ui-shell .card-output-button{
  border-radius:var(--mx-control-radius)!important;
}
body.mortx-ui-shell input:not([type="checkbox"]):not([type="radio"]):not([type="color"]),
body.mortx-ui-shell select,
body.mortx-ui-shell textarea,
body.mortx-ui-shell .form-control,
body.mortx-ui-shell .form-select{
  border-radius:var(--mx-control-radius)!important;
}
body.mortx-ui-shell input:focus,
body.mortx-ui-shell select:focus,
body.mortx-ui-shell textarea:focus,
body.mortx-ui-shell button:focus-visible,
body.mortx-ui-shell .btn:focus-visible{
  outline:0!important;
  box-shadow:var(--mx-focus-ring)!important;
}
body.mortx-ui-shell .badge,
body.mortx-ui-shell [class*="-badge"],
body.mortx-ui-shell [class*="-chip"],
body.mortx-ui-shell [class*="-pill"]{
  border-radius:var(--mx-compact-radius)!important;
}
/* Explicitly keep true circular presence/count indicators circular. */
body.mortx-ui-shell .team-presence-dot,
body.mortx-ui-shell .header-work-mode-dot,
body.mortx-ui-shell .online-users-count,
body.mortx-ui-shell .recurring-pending-count{border-radius:999px!important;}



/* v1.0.133 — component foundation phase 2: modal/DataTable/form control authority. */
body.mortx-ui-shell .modal-content,
body.mortx-ui-shell .task-modal-card,
body.mortx-ui-shell .caption-popup-card{border-radius:6px!important;overflow:hidden;}
body.mortx-ui-shell .modal-header,
body.mortx-ui-shell .modal-footer{border-radius:0!important;}
body.mortx-ui-shell .dt-container .dt-button,
body.mortx-ui-shell .dt-container .dt-input,
body.mortx-ui-shell .dt-container .dt-search input,
body.mortx-ui-shell .dt-container .dt-length select{border-radius:var(--mx-control-radius)!important;}
body.mortx-ui-shell .dt-container .dt-button{min-height:36px!important;height:36px!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
body.mortx-ui-shell .dt-container .dt-search input,
body.mortx-ui-shell .dt-container .dt-length select{min-height:36px!important;height:36px!important;}
body.mortx-ui-shell #taskDataTable .table-select,
body.mortx-ui-shell #taskDataTable .table-pill,
body.mortx-ui-shell #taskDataTable .assignee-select,
body.mortx-ui-shell #taskDataTable .priority-select,
body.mortx-ui-shell #taskDataTable .card-actions .btn{border-radius:var(--mx-compact-radius)!important;}

/* v1.0.133 — Bulletin consumes the shared component geometry instead of legacy hard edges. */
body.mortx-ui-shell .bulletin-composer,
body.mortx-ui-shell .bulletin-post{border-radius:6px!important;overflow:hidden;}
body.mortx-ui-shell .bulletin-composer-avatar,
body.mortx-ui-shell .bulletin-pending-file,
body.mortx-ui-shell .bulletin-photo,
body.mortx-ui-shell .bulletin-file,
body.mortx-ui-shell .bulletin-empty,
body.mortx-ui-shell .bulletin-comment{border-radius:var(--mx-control-radius)!important;}
body.mortx-ui-shell .bulletin-composer-form textarea,
body.mortx-ui-shell .bulletin-comment-form input{border-radius:var(--mx-control-radius)!important;}
body.mortx-ui-shell .bulletin-pending-file button,
body.mortx-ui-shell .bulletin-post-menu,
body.mortx-ui-shell .bulletin-social button{border-radius:var(--mx-compact-radius)!important;}
/* Author photos remain intentionally circular. */
body.mortx-ui-shell .bulletin-author-avatar{border-radius:999px!important;}


/* v1.0.133 — restrained desktop-tool visual system.
   Structure stays standardized; generic surfaces become flatter, denser and less decorative. */
body.mortx-ui-shell{--mortx-page-radius:6px;--mortx-section-radius:5px;--mortx-control-radius:5px;--mortx-control-height:36px;}
body.mortx-ui-shell .view-shell,
body.mortx-ui-shell .view-card,
body.mortx-ui-shell .project-panel,
body.mortx-ui-shell .bulletin-composer,
body.mortx-ui-shell .bulletin-post{box-shadow:none!important;}
body.mortx-ui-shell .modal-content,
body.mortx-ui-shell .task-modal-card,
body.mortx-ui-shell .caption-popup-card{border-radius:6px!important;box-shadow:0 12px 32px rgba(15,23,42,.14)!important;}
body.mortx-ui-shell .btn,
body.mortx-ui-shell .vc-btn,
body.mortx-ui-shell button.page-add-task-btn{font-weight:700!important;}
body.mortx-ui-shell .badge,
body.mortx-ui-shell [class*="-badge"],
body.mortx-ui-shell [class*="-chip"],
body.mortx-ui-shell [class*="-pill"]{border-radius:4px!important;}

/* v1.0.242 — Recurring editor uses the shared modal geometry and control tokens. */
body.mortx-ui-shell #mortxRecurringEditor{position:fixed;inset:0;z-index:100001;background:rgba(15,23,42,.45);overflow-y:auto}
body.mortx-ui-shell #mortxRecurringEditor.hidden{display:none!important}
body.mortx-ui-shell #mortxRecurringEditor .modal-dialog{width:min(620px,calc(100% - 32px));max-width:620px;margin:24px auto;min-height:calc(100% - 48px);display:flex;align-items:center;pointer-events:none}
body.mortx-ui-shell #mortxRecurringEditor .modal-content{width:100%;max-height:calc(100dvh - 48px)!important;pointer-events:auto}
body.mortx-ui-shell #mortxRecurringEditor .modal-header{padding:18px 22px;border-bottom:1px solid var(--border,#dbe3ee);display:flex;align-items:center;justify-content:space-between;gap:16px}
body.mortx-ui-shell #mortxRecurringEditor .modal-title{font-size:19px;line-height:1.3;font-weight:700;margin:0}
body.mortx-ui-shell #mortxRecurringEditor .modal-body{padding:20px 22px 24px;overflow-y:auto}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-form{display:grid;gap:16px}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-form .field{display:grid;gap:7px;margin:0;min-width:0;font-size:12px;font-weight:700;color:#475569}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-form .field span{display:block}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-form input,body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-form select{display:block;width:100%;height:38px;min-height:38px;box-sizing:border-box;padding:7px 11px;border:1px solid #cbd5e1;border-radius:var(--mx-control-radius,5px);background:#fff;color:#1e293b;font:inherit;font-size:13px}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-actions{display:flex;justify-content:flex-end;padding-top:2px}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-actions .btn{min-height:36px;padding:0 16px}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-section{margin-top:22px;padding-top:18px;border-top:1px solid var(--border,#dbe3ee)}
body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-editor-section h3{font-size:14px;line-height:1.4;font-weight:700;margin:0 0 10px}
body.mortx-ui-shell #mortxRecurringEditor #mortxRecurringEditorList{font-size:13px;color:#475569}
@media(max-width:520px){body.mortx-ui-shell #mortxRecurringEditor .modal-dialog{width:calc(100% - 24px);margin:12px auto;min-height:calc(100% - 24px)}body.mortx-ui-shell #mortxRecurringEditor .modal-body{padding:16px}body.mortx-ui-shell #mortxRecurringEditor .mortx-recurring-form-row{grid-template-columns:1fr}}

/* v1.0.252: task form displays catalog Output instead of manual weight/description.
   Retain hidden legacy controls for save compatibility and existing task history. */
/* Task catalog: one visible output selector, reviewer and approval. The legacy
   controls stay in the DOM only for backward-compatible save payloads. */
#taskModal .collab-level-output-fields{grid-template-columns:minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,1fr) !important;}
#taskModal .collab-level-output-fields > .collab-weight-field,
#taskModal .collab-level-output-fields > .collab-output-type-field,
#taskModal .collab-level-output-fields > .collab-output-description-field{display:none !important;}
#taskModal .collab-level-output-fields > .collab-output-definition-field{display:flex !important;min-width:0;}
@media(max-width:900px){#taskModal .collab-level-output-fields{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:560px){#taskModal .collab-level-output-fields{grid-template-columns:1fr !important;}}