.dr-board {
    --dr-text:#263238;
    --dr-muted:#66757f;
    --dr-border:#dfe5e7;
    --dr-green:#2f806c;
    --dr-green-dark:#276b5b;
    --dr-green-soft:#eef7f3;
    --dr-blue-soft:#eef4fb;
    --dr-purple-soft:#f3eef9;
    --dr-red-soft:#fff1f1;
    width:100%;
    max-width:1180px;
    margin:0 auto;
    color:var(--dr-text);
    font-family:inherit;
}

.dr-board *,
.dr-board *::before,
.dr-board *::after {
    box-sizing:border-box;
    font-family:inherit;
}

.dr-board-header {
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:24px;
    margin-bottom:24px;
}

.dr-board-header h1 {
    margin:0 0 8px;
    font-size:clamp(2rem,4vw,3rem);
    line-height:1.08;
}

.dr-board-header p,
.dr-track p {
    margin:0;
    color:var(--dr-muted);
    line-height:1.55;
}

.dr-top-actions {
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    flex:0 0 auto;
}

.dr-button {
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:42px;
    padding:9px 15px;
    border:1px solid var(--dr-border);
    border-radius:8px;
    background:#fff;
    color:var(--dr-text);
    font-size:.95rem;
    font-weight:600;
    cursor:pointer;
    text-decoration:none;
    box-shadow:none;
}

.dr-button:hover,
.dr-button:focus {
    border-color:#b9c7cb;
}

.dr-button-primary {
    border-color:var(--dr-green);
    background:var(--dr-green);
    color:#fff;
}

.dr-button-primary:hover,
.dr-button-primary:focus {
    border-color:var(--dr-green-dark);
    background:var(--dr-green-dark);
    color:#fff;
}

.dr-button-count {
    display:inline-flex;
    min-width:22px;
    height:22px;
    align-items:center;
    justify-content:center;
    padding:0 6px;
    border-radius:999px;
    background:#f0f3f4;
    color:var(--dr-text);
    font-size:.78rem;
}

.dr-message {
    margin:0 0 18px;
    padding:14px 16px;
    border-radius:9px;
    line-height:1.5;
}

.dr-message-success {
    border:1px solid #badfd2;
    background:#edf8f4;
    color:#23594b;
}

.dr-message-warning {
    border:1px solid #ead39f;
    background:#fff8e8;
    color:#755c20;
}

.dr-message-error {
    border:1px solid #e4bcbc;
    background:#fff1f1;
    color:#7a3535;
}

/* Assigned work */

.dr-assigned-work-launch {
    display:block;
}

.dr-assigned-work {
    margin:0 0 28px;
    padding:22px;
    border:2px solid var(--dr-green);
    border-radius:16px;
    background:#f8fcfa;
}

.dr-assigned-work[hidden] {
    display:none !important;
}

.dr-assigned-head {
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-start;
    margin-bottom:16px;
}

.dr-assigned-head h2 {
    margin:0 0 4px;
    font-size:1.35rem;
}

.dr-assigned-head p {
    margin:0;
    max-width:760px;
    color:var(--dr-muted);
    line-height:1.5;
}

.dr-assigned-summary {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-bottom:18px;
}

.dr-assigned-summary-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 14px;
    border:1px solid var(--dr-border);
    border-radius:10px;
    background:#f8faf9;
}

.dr-assigned-summary-card span {
    color:var(--dr-muted);
    font-size:.86rem;
    font-weight:600;
}

.dr-assigned-summary-card strong {
    font-size:1.4rem;
    line-height:1;
}

.dr-assigned-people {
    display:grid;
    gap:16px;
}

.dr-assigned-person {
    padding:16px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#fafbfb;
}

.dr-assigned-person-head {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
    margin-bottom:12px;
}

.dr-assigned-person-head h3 {
    margin:0;
    font-size:1.02rem;
}

.dr-assigned-person-head span {
    display:block;
    margin-top:2px;
    color:var(--dr-muted);
    font-size:.82rem;
}

.dr-assigned-person-count {
    flex:0 0 auto;
    margin:0 !important;
    padding:5px 9px;
    border-radius:999px;
    background:#eef3f2;
    color:var(--dr-text) !important;
    font-size:.78rem !important;
    font-weight:700;
}

.dr-assigned-card-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.dr-assigned-card-grid-personal {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.dr-assigned-task-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    min-height:240px;
    padding:18px;
    border:1px solid #cfded9;
    border-radius:14px;
    background:#fff;
    box-shadow:0 4px 14px rgba(38,50,56,.07);
}

.dr-assigned-task-card-personal {
    padding:16px;
}

.dr-assigned-task-top {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:12px;
}

.dr-assigned-task-top h3,
.dr-assigned-task-top h4 {
    margin:2px 0 0;
    font-size:1rem;
    line-height:1.35;
}

.dr-assigned-job-number {
    display:block;
    color:var(--dr-green-dark);
    font-size:.75rem;
    font-weight:700;
    letter-spacing:.04em;
}

.dr-assigned-workstream-name {
    margin-top:12px;
    font-size:.92rem;
    font-weight:700;
}

.dr-assigned-workstream-name-large {
    font-size:1rem;
}

.dr-assigned-task-meta {
    display:flex;
    flex-wrap:wrap;
    gap:5px 12px;
    margin-top:6px;
    color:var(--dr-muted);
    font-size:.8rem;
}

.dr-assigned-instructions {
    margin:12px 0;
    padding:10px 11px;
    border-radius:8px;
    background:#f7f9f9;
    color:#46545b;
    font-size:.88rem;
    line-height:1.5;
}

.dr-assigned-instructions strong {
    display:block;
    margin-bottom:4px;
    color:var(--dr-text);
    font-size:.82rem;
}

.dr-assigned-instructions p {
    margin:0;
}

.dr-assigned-instructions-prominent {
    border-left:3px solid var(--dr-green);
    background:var(--dr-green-soft);
}

.dr-assigned-instructions-empty {
    color:var(--dr-muted);
    font-style:italic;
}

.dr-assigned-task-card .dr-assigned-view-job {
    align-self:flex-start;
    margin-top:auto;
}

/* Status cards */

.dr-board-stats {
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    margin-bottom:20px;
}

.dr-board-stat {
    appearance:none;
    min-height:118px;
    padding:16px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#fff;
    color:var(--dr-text);
    text-align:left;
    cursor:pointer;
    box-shadow:none;
}

.dr-board-stat:hover,
.dr-board-stat[aria-pressed="true"] {
    border-color:var(--dr-green);
    background:var(--dr-green-soft);
}

.dr-board-stat-icon {
    display:block;
    margin-bottom:10px;
    font-size:1.4rem;
}

.dr-board-stat-label {
    display:block;
    min-height:2.5em;
    font-size:.92rem;
    font-weight:600;
    line-height:1.25;
}

.dr-board-stat-count {
    display:block;
    margin-top:8px;
    font-size:1.55rem;
    font-weight:700;
}

/* Job list */

.dr-job-results {
    margin:0 0 24px;
    padding:18px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#fafbfb;
}

.dr-job-results[hidden],
.dr-job-card[hidden],
.dr-board-form[hidden],
.dr-review-assignment[hidden],
.dr-proofread-fields[hidden] {
    display:none !important;
}

.dr-job-results-head,
.dr-job-top,
.dr-form-title-row,
.dr-task-top,
.dr-review-question {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:14px;
}

.dr-job-results-head h2,
.dr-track h2,
.dr-form-title-row h2 {
    margin:0 0 6px;
    font-size:1.25rem;
}

.dr-job-list {
    display:grid;
    gap:10px;
}

.dr-public-board-message {
    margin:0 0 12px;
    padding:13px 14px;
    border-radius:8px;
    background:#fff;
    color:var(--dr-muted);
}

.dr-job-card {
    padding:15px 16px;
    border:1px solid var(--dr-border);
    border-radius:9px;
    background:#fff;
}

.dr-job-number {
    display:block;
    margin-bottom:3px;
    color:var(--dr-green-dark);
    font-size:.8rem;
    font-weight:700;
    letter-spacing:.04em;
}

.dr-job-card h3 {
    margin:0;
    font-size:1rem;
}

.dr-pill {
    display:inline-flex;
    padding:4px 8px;
    border-radius:999px;
    background:var(--dr-green-soft);
    color:var(--dr-green-dark);
    font-size:.78rem;
    font-weight:600;
}

.dr-job-meta {
    display:flex;
    flex-wrap:wrap;
    gap:7px 14px;
    margin-top:8px;
    color:var(--dr-muted);
    font-size:.82rem;
}

.dr-request-brief {
    margin-top:14px;
    padding:14px;
    border-radius:9px;
    background:#f7f9f9;
}

.dr-request-brief strong {
    display:block;
    margin-bottom:5px;
}

.dr-request-brief p {
    margin:0;
    line-height:1.55;
}

.dr-attachments {
    margin-top:13px;
    padding:12px 14px;
    border:1px solid var(--dr-border);
    border-radius:9px;
    background:#fff;
}

.dr-attachments strong {
    display:block;
    margin-bottom:6px;
}

.dr-attachments ul {
    margin:0;
    padding-left:20px;
}

.dr-attachments li {
    margin:4px 0;
}

.dr-workflow-form,
.dr-management-links {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid var(--dr-border);
}

/* Admin work plan */

.dr-workplan-form {
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--dr-border);
}

.dr-workplan-head {
    margin-bottom:14px;
}

.dr-workplan-head h4,
.dr-task-list > h4 {
    margin:0 0 5px;
    font-size:1.05rem;
}

.dr-workplan-head p {
    margin:0;
    color:var(--dr-muted);
    font-size:.9rem;
    line-height:1.5;
}

.dr-workstream-review-list {
    display:grid;
    gap:12px;
}

.dr-review-workstream {
    padding:14px;
    border:1px solid var(--dr-border);
    border-radius:10px;
    background:#fff;
}

.dr-review-question {
    align-items:center;
}

.dr-review-label {
    display:flex;
    align-items:center;
    gap:8px;
}

.dr-yes-no {
    display:flex;
    gap:7px;
}

.dr-yes-no label,
.dr-note-type label {
    position:relative;
    cursor:pointer;
}

.dr-yes-no input,
.dr-note-type input {
    position:absolute;
    opacity:0;
}

.dr-yes-no span,
.dr-note-type span {
    display:inline-flex;
    min-width:52px;
    justify-content:center;
    padding:7px 10px;
    border:1px solid var(--dr-border);
    border-radius:8px;
    background:#fff;
    font-size:.88rem;
    font-weight:600;
}

.dr-yes-no input:checked + span,
.dr-note-type input:checked + span {
    border-color:var(--dr-green);
    background:var(--dr-green-soft);
    color:var(--dr-green-dark);
}

.dr-note-type label:last-child input:checked + span {
    border-color:#8c6bb1;
    background:var(--dr-purple-soft);
    color:#65478a;
}

.dr-review-assignment {
    display:grid;
    grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) minmax(300px,2fr);
    gap:12px;
    margin-top:13px;
    padding-top:13px;
    border-top:1px solid var(--dr-border);
}

.dr-workplan-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

/* Proofread */

.dr-proofread-panel {
    margin-top:15px;
    padding:0;
    border:1px solid #d9d0e7;
    border-radius:10px;
    background:#fbf9fd;
}

.dr-proofread-panel summary {
    padding:12px 14px;
    cursor:pointer;
    font-weight:700;
}

.dr-proofread-form {
    padding:0 14px 14px;
}

.dr-proofread-form > p {
    margin:0 0 12px;
    color:var(--dr-muted);
    font-size:.88rem;
    line-height:1.5;
}

.dr-proofread-choice {
    margin-bottom:12px;
}

.dr-proofread-fields {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:12px;
}

.dr-mini-status {
    display:inline-flex;
    margin-left:8px;
    padding:2px 7px;
    border-radius:999px;
    background:#fff;
    color:#65478a;
    font-size:.74rem;
    font-weight:600;
}

/* Workstream tasks */

.dr-task-list {
    display:grid;
    gap:10px;
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid var(--dr-border);
}

.dr-task-card {
    padding:14px;
    border:1px solid var(--dr-border);
    border-radius:10px;
    background:#fff;
}

.dr-task-top strong,
.dr-task-top span {
    display:block;
}

.dr-task-top > div > span {
    margin-top:4px;
    color:var(--dr-muted);
    font-size:.84rem;
}

.dr-task-state {
    flex:0 0 auto;
    padding:4px 8px;
    border-radius:999px;
    background:#f0f3f4;
    font-size:.78rem;
    font-weight:600;
}

.dr-task-state-complete {
    background:#e8f5ed;
    color:#31734b;
}

.dr-task-state-in_progress {
    background:var(--dr-purple-soft);
    color:#6c4e99;
}

.dr-task-state-assigned {
    background:var(--dr-blue-soft);
    color:#416f9f;
}

.dr-task-notes {
    margin-top:10px;
    padding:10px 12px;
    border-radius:8px;
    background:#f7f9f9;
}

.dr-task-notes strong {
    display:block;
    margin-bottom:4px;
    font-size:.85rem;
}

.dr-task-notes p {
    margin:0;
    line-height:1.5;
}

.dr-task-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

/* Notes / thread streams */

.dr-thread {
    margin-top:14px;
    padding-top:14px;
    border-top:1px dashed #d7dfe1;
}

.dr-thread-heading {
    margin-bottom:9px;
}

.dr-thread-heading h5 {
    margin:0;
    font-size:.92rem;
}

.dr-thread-list {
    display:grid;
    gap:8px;
}

.dr-thread-empty {
    margin:0;
    color:var(--dr-muted);
    font-size:.86rem;
}

.dr-note {
    padding:10px 12px;
    border:1px solid var(--dr-border);
    border-radius:8px;
    background:#fff;
}

.dr-note-admin {
    border-color:#d7cbe7;
    background:#fbf9fd;
}

.dr-note-head {
    display:flex;
    justify-content:space-between;
    gap:10px;
    color:var(--dr-muted);
    font-size:.78rem;
}

.dr-note-head strong {
    color:var(--dr-text);
}

.dr-note p {
    margin:6px 0 0;
    line-height:1.5;
}

.dr-note-badge {
    display:inline-flex;
    margin-top:6px;
    padding:2px 7px;
    border-radius:999px;
    background:#ede5f6;
    color:#65478a;
    font-size:.72rem;
    font-weight:700;
}

.dr-note-form {
    display:grid;
    gap:8px;
    margin-top:10px;
}

.dr-note-form textarea {
    width:100%;
    min-height:86px;
    padding:9px 11px;
    border:1px solid #cfd8db;
    border-radius:7px;
    background:#fff;
    color:var(--dr-text);
    font:inherit;
    resize:vertical;
}

.dr-note-form .dr-button {
    justify-self:start;
}

.dr-note-type {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.dr-note-help {
    margin:0;
    color:var(--dr-muted);
    font-size:.82rem;
    line-height:1.45;
}

/* Tracking */

.dr-track {
    margin:22px 0;
    padding:18px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#fff;
}

.dr-track-form {
    display:flex;
    gap:10px;
    margin-top:14px;
}

.dr-track-form input {
    flex:1;
    min-height:42px;
    padding:9px 11px;
    border:1px solid var(--dr-border);
    border-radius:8px;
}

.dr-track-result {
    margin-top:14px;
    padding:14px;
    border-radius:9px;
    background:var(--dr-green-soft);
}

.dr-track-summary {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px 14px;
}

.dr-track-summary small {
    width:100%;
    color:var(--dr-muted);
}

.dr-private-link-note {
    margin:13px 0 0;
    padding:12px;
    border-radius:8px;
    background:#fff;
    color:var(--dr-muted);
    font-size:.88rem;
}

.dr-submitter-private {
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #cfe3db;
}

.dr-submitter-notes {
    margin-top:14px;
}

.dr-submitter-notes h3 {
    margin:0 0 5px;
    font-size:1.08rem;
}

.dr-submitter-thread-section {
    margin-top:14px;
    padding:12px;
    border-radius:9px;
    background:#fff;
}

.dr-submitter-thread-section h4 {
    margin:0 0 9px;
    font-size:.94rem;
}

.dr-submitter-note-form {
    margin-top:14px;
    padding-top:14px;
    border-top:1px solid #cfe3db;
}

.dr-submitter-note-form label {
    font-weight:600;
}

/* Form */

.dr-board-form {
    margin-top:24px;
    padding:22px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#fff;
}

.dr-form-title-row p {
    margin:5px 0 0;
    max-width:780px;
    color:var(--dr-muted);
    font-size:.92rem;
    line-height:1.5;
}

.dr-form-close {
    width:34px;
    height:34px;
    border:1px solid var(--dr-border);
    border-radius:50%;
    background:#fff;
    cursor:pointer;
    font-size:1.25rem;
}

.dr-field {
    margin-bottom:17px;
}

.dr-field label {
    display:block;
    margin-bottom:7px;
    font-size:.94rem;
    font-weight:600;
}

.dr-field input,
.dr-field textarea,
.dr-field select {
    width:100%;
    min-height:44px;
    padding:10px 12px;
    border:1px solid #cfd8db;
    border-radius:7px;
    background:#fff;
    color:var(--dr-text);
    font:inherit;
}

.dr-field input[type="file"] {
    padding:8px;
}

.dr-field textarea {
    min-height:110px;
    resize:vertical;
}

.dr-form > .dr-field textarea {
    min-height:165px;
}

.dr-field-help {
    margin:7px 0 0;
    color:var(--dr-muted);
    font-size:.82rem;
    line-height:1.45;
}

.dr-two-col {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
}

.dr-consent {
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:0 0 18px;
    color:#4c5a61;
    font-size:.91rem;
    line-height:1.5;
}

.dr-consent input {
    margin-top:4px;
}

.dr-form-actions {
    display:flex;
    justify-content:flex-end;
    gap:10px;
    padding-top:16px;
    border-top:1px solid var(--dr-border);
}

.dr-link-button {
    appearance:none;
    border:0;
    background:transparent;
    color:var(--dr-green-dark);
    padding:7px;
    font-weight:600;
    cursor:pointer;
}

.dr-danger {
    color:#a33;
}

.dr-empty {
    margin:0;
    padding:14px;
    background:#fff;
    text-align:center;
    color:var(--dr-muted);
}

.dr-honeypot {
    position:absolute !important;
    left:-9999px !important;
    width:1px !important;
    height:1px !important;
    overflow:hidden !important;
}

/* Responsive */

@media (max-width:1050px) {
    .dr-review-assignment {
        grid-template-columns:1fr 1fr;
    }

    .dr-review-notes {
        grid-column:1 / -1;
    }
}

@media (max-width:950px) {
    .dr-board-stats {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dr-board-header {
        align-items:flex-start;
        flex-direction:column;
    }

    .dr-top-actions {
        width:100%;
    }
}

@media (max-width:760px) {
.dr-review-question,
    .dr-task-top,
    .dr-note-head {
        align-items:flex-start;
        flex-direction:column;
    }

    .dr-review-assignment,
    .dr-proofread-fields {
        grid-template-columns:1fr;
    }

    .dr-review-notes {
        grid-column:auto;
    }

    .dr-yes-no {
        width:100%;
    }

    .dr-yes-no label {
        flex:1;
    }

    .dr-yes-no span {
        width:100%;
    }
}

@media (max-width:620px) {
    .dr-board-stats,
    .dr-two-col {
        grid-template-columns:1fr;
    }

    .dr-top-actions,
    .dr-top-actions .dr-button,
    .dr-form-actions .dr-button {
        width:100%;
    }

    .dr-form-actions {
        flex-direction:column-reverse;
    }

    .dr-track-form {
        flex-direction:column;
    }

    .dr-job-top,
    .dr-form-title-row {
        flex-direction:column;
    }
}


@media (max-width:850px) {
    .dr-assigned-card-grid,
    .dr-assigned-card-grid-personal {
        grid-template-columns:1fr;
    }
}

@media (max-width:620px) {
    .dr-assigned-summary {
        grid-template-columns:1fr;
    }

    .dr-assigned-head,
    .dr-assigned-person-head,
    .dr-assigned-task-top {
        flex-direction:column;
    }

    .dr-assigned-task-card .dr-assigned-view-job {
        width:100%;
    }
}


.dr-assigned-work::before {
    content:"Your work queue";
    display:block;
    margin-bottom:5px;
    color:var(--dr-green-dark);
    font-size:.74rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.dr-assigned-person {
    background:#fff;
}

.dr-assigned-card-grid {
    align-items:stretch;
}


/* =========================================================
 * v2.2.3 FULL JOB CARD DASHBOARD
 * ========================================================= */

.dr-job-card {
    padding:18px;
    background:#f5f8f7;
    border-radius:14px;
}

.dr-full-job-sections {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
    margin-top:16px;
}

.dr-full-card {
    min-width:0;
    padding:16px;
    border:1px solid #d9e2df;
    border-radius:12px;
    background:#fff;
    box-shadow:0 2px 8px rgba(38,50,56,.035);
}

.dr-full-card-summary,
.dr-full-card-workplan,
.dr-full-card-workstreams,
.dr-full-card-notes,
.dr-full-card-action,
.dr-full-card-management,
.dr-full-card-proofread {
    grid-column:1 / -1;
}

.dr-full-card-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
    padding-bottom:10px;
    border-bottom:1px solid #edf1ef;
}

.dr-full-card-head > div {
    display:flex;
    align-items:center;
    gap:8px;
}

.dr-full-card-head h4 {
    margin:0;
    font-size:1rem;
}

.dr-full-card-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    border-radius:8px;
    background:var(--dr-green-soft);
    font-size:1rem;
}

.dr-full-card-count {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:28px;
    height:28px;
    padding:0 8px;
    border-radius:999px;
    background:#eef3f2;
    font-size:.8rem;
    font-weight:700;
}

.dr-full-card-body {
    color:#435057;
    line-height:1.55;
}

.dr-request-text {
    margin:0;
}

.dr-full-summary-grid,
.dr-full-contact-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.dr-full-summary-grid > div,
.dr-full-contact-grid > div {
    padding:10px 11px;
    border-radius:8px;
    background:#f7f9f9;
}

.dr-full-summary-grid span,
.dr-full-contact-grid span {
    display:block;
    margin-bottom:3px;
    color:var(--dr-muted);
    font-size:.75rem;
    font-weight:600;
}

.dr-full-summary-grid strong,
.dr-full-contact-grid strong {
    display:block;
    overflow-wrap:anywhere;
    font-size:.9rem;
    line-height:1.35;
}

.dr-full-card-help {
    margin:0 0 12px;
    color:var(--dr-muted);
    font-size:.88rem;
    line-height:1.5;
}

.dr-full-action-form,
.dr-full-card .dr-management-links {
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.dr-full-card .dr-attachments {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
}

.dr-full-card .dr-attachments > strong {
    display:none;
}

.dr-full-card .dr-attachments ul {
    margin:0;
}

.dr-full-card-workplan .dr-workplan-form {
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.dr-full-card-workplan .dr-workplan-head {
    display:none;
}

.dr-full-card-proofread .dr-proofread-panel {
    margin:0;
    border:0;
    border-radius:0;
    background:transparent;
}

.dr-full-card-proofread .dr-proofread-panel summary {
    padding:0;
    color:var(--dr-green-dark);
    font-size:.9rem;
    font-weight:700;
}

.dr-full-card-proofread .dr-proofread-form {
    padding:12px 0 0;
}

.dr-full-card-workstreams .dr-task-list {
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.dr-full-workstream-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.dr-full-workstream-card {
    display:flex;
    flex-direction:column;
    margin:0;
    padding:0;
    overflow:hidden;
    border:1px solid #ccdcd6;
    border-radius:12px;
    background:#fff;
}

.dr-workstream-card-head {
    padding:14px;
    background:#f5faf8;
    border-bottom:1px solid #dce8e3;
}

.dr-workstream-card-kicker {
    display:block;
    margin-bottom:5px;
    color:var(--dr-green-dark);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.dr-full-workstream-card .dr-task-top {
    margin:0;
}

.dr-full-workstream-card .dr-task-notes,
.dr-full-workstream-card .dr-workstream-action-block,
.dr-full-workstream-card .dr-workstream-thread-block {
    margin:12px 14px 0;
}

.dr-workstream-subcard {
    padding:11px 12px;
    border:1px solid #e0e7e4;
    border-radius:8px;
    background:#fffaf0;
}

.dr-workstream-subheading {
    display:block;
    margin-bottom:7px;
    color:var(--dr-text);
    font-size:.82rem;
}

.dr-workstream-action-block {
    padding:10px 0 2px;
    border-top:1px solid #edf1ef;
}

.dr-workstream-thread-block {
    margin-bottom:14px !important;
    padding-top:10px;
    border-top:1px solid #edf1ef;
}

.dr-full-workstream-card .dr-thread {
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.dr-full-workstream-card .dr-thread-heading {
    display:none;
}

.dr-full-card-notes .dr-thread {
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.dr-full-card-notes .dr-thread-heading {
    display:none;
}

.dr-full-card-action {
    border-left:4px solid var(--dr-green);
}

.dr-full-card-management {
    border-left:4px solid #8b9398;
}

@media (max-width:900px) {
    .dr-full-job-sections,
    .dr-full-workstream-grid {
        grid-template-columns:1fr;
    }

    .dr-full-card-summary,
    .dr-full-card-workplan,
    .dr-full-card-workstreams,
    .dr-full-card-notes,
    .dr-full-card-action,
    .dr-full-card-management,
    .dr-full-card-proofread {
        grid-column:auto;
    }
}

@media (max-width:620px) {
    .dr-full-summary-grid,
    .dr-full-contact-grid {
        grid-template-columns:1fr;
    }

    .dr-full-card {
        padding:14px;
    }

    .dr-job-card {
        padding:12px;
    }
}


/* =========================================================
 * v2.2.4 WORKSTREAM-LEVEL HOLD
 * ========================================================= */

.dr-task-state-on_hold {
    background:#fff1cf;
    color:#7b5a00;
}

.dr-button-hold {
    border:2px solid #b78500;
    background:#ffd76a;
    color:#3f3100;
    font-weight:800;
    box-shadow:0 2px 0 rgba(105,78,0,.22);
}

.dr-button-hold:hover,
.dr-button-hold:focus {
    border-color:#8f6800;
    background:#ffca3b;
    color:#2f2500;
}

.dr-workstream-start-state small {
    display:block;
    margin-top:5px;
    color:var(--dr-muted);
    font-size:.78rem;
    line-height:1.4;
}

.dr-assigned-summary {
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.dr-assigned-summary-hold {
    background:#fffaf0;
    border-color:#ecd99c;
}

.dr-full-workstream-card:has(.dr-task-state-on_hold) {
    border-color:#dfc983;
}

.dr-full-workstream-card:has(.dr-task-state-on_hold) .dr-workstream-card-head {
    background:#fffaf0;
    border-bottom-color:#ecd99c;
}

@media (max-width:900px) {
    .dr-assigned-summary {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:620px) {
    .dr-assigned-summary {
        grid-template-columns:1fr;
    }
}


.dr-button-resume {
    border:2px solid #2f806c;
    background:#e7f5ef;
    color:#225e50;
    font-weight:800;
}

.dr-button-resume:hover,
.dr-button-resume:focus {
    border-color:#276b5b;
    background:#d7eee5;
    color:#1d5044;
}

.dr-workstream-action-block .dr-button-hold {
    width:100%;
    margin-top:6px;
}

.dr-workstream-action-block .dr-button-resume {
    width:100%;
}

.dr-task-state-on_hold {
    border:1px solid #d3a62b;
    background:#fff0bd;
    color:#6f5200;
    font-weight:800;
}


@media (max-width:620px) {
    .dr-workstream-action-block .dr-button,
    .dr-task-actions .dr-button-hold,
    .dr-task-actions .dr-button-resume {
        width:100%;
    }
}


/* =========================================================
 * v2.2.6 WAITING-ON DEPENDENCIES
 * ========================================================= */

.dr-task-state-waiting_on {
    border:1px solid #b9a7dd;
    background:#f1ecfb;
    color:#5e458c;
    font-weight:800;
}

.dr-workstream-waiting-field[hidden],
[data-dr-proofread-waiting-fields][hidden] {
    display:none !important;
}

.dr-workstream-waiting-field,
[data-dr-proofread-waiting-fields] {
    padding:10px;
    border:1px solid #d9cfee;
    border-radius:8px;
    background:#faf7ff;
}

.dr-workstream-waiting-field small {
    display:block;
    margin-top:5px;
    color:#685b7e;
    font-size:.78rem;
    line-height:1.4;
}

.dr-waiting-callout,
.dr-assigned-waiting {
    margin:10px 0 0;
    padding:10px 12px;
    border:1px solid #d9cfee;
    border-radius:8px;
    background:#faf7ff;
    color:#574871;
    font-size:.85rem;
    line-height:1.45;
}

.dr-waiting-callout strong {
    display:block;
    margin-bottom:3px;
    color:#4f3c77;
}

.dr-waiting-callout p {
    margin:0;
}

.dr-waiting-action {
    margin:12px 14px 0;
    padding:10px 0 2px;
    border-top:1px solid #edf1ef;
}

.dr-waiting-action > label {
    display:block;
    margin-bottom:6px;
    font-size:.82rem;
    font-weight:700;
}

.dr-waiting-action-row {
    display:flex;
    gap:8px;
}

.dr-waiting-action-row select {
    flex:1;
    min-width:0;
    min-height:42px;
    padding:8px 10px;
    border:1px solid var(--dr-border);
    border-radius:8px;
    background:#fff;
}

.dr-button-waiting {
    border:2px solid #7962aa;
    background:#eee8fa;
    color:#4e3b78;
    font-weight:800;
}

.dr-button-waiting:hover,
.dr-button-waiting:focus {
    border-color:#634d96;
    background:#e3d9f6;
    color:#3f3062;
}

.dr-assigned-summary-waiting {
    background:#faf7ff;
    border-color:#d9cfee;
}

.dr-full-workstream-card:has(.dr-task-state-waiting_on) {
    border-color:#c7b8e4;
}

.dr-full-workstream-card:has(.dr-task-state-waiting_on) .dr-workstream-card-head {
    background:#faf7ff;
    border-bottom-color:#e2d9f2;
}

@media (max-width:620px) {
    .dr-waiting-action-row {
        flex-direction:column;
    }

    .dr-waiting-action-row .dr-button {
        width:100%;
    }
}


/* =========================================================
 * v2.2.7 KEEP WAITING WORK OUT OF ACTIVE LISTS
 * ========================================================= */

.dr-waiting-compact,
.dr-assigned-waiting-compact {
    grid-column:1 / -1;
    margin-top:4px;
    border:1px solid #d9cfee;
    border-radius:10px;
    background:#faf7ff;
}

.dr-waiting-compact summary,
.dr-assigned-waiting-compact summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:10px 12px;
    color:#4e3b78;
    font-size:.86rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-waiting-compact summary::-webkit-details-marker,
.dr-assigned-waiting-compact summary::-webkit-details-marker {
    display:none;
}

.dr-waiting-compact summary strong,
.dr-assigned-waiting-compact summary strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:26px;
    height:26px;
    padding:0 7px;
    border-radius:999px;
    background:#e8def8;
}

.dr-waiting-compact-list,
.dr-assigned-waiting-list {
    display:grid;
    gap:1px;
    padding:0 10px 10px;
}

.dr-waiting-compact-row {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:9px 10px;
    border-top:1px solid #e7def4;
    color:#5d526e;
    font-size:.8rem;
}

.dr-waiting-compact-row > div strong,
.dr-waiting-compact-row > div span {
    display:block;
}

.dr-waiting-compact-row > div span {
    margin-top:2px;
    color:#796c8e;
}

.dr-assigned-waiting-row {
    appearance:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    width:100%;
    padding:9px 10px;
    border:0;
    border-top:1px solid #e7def4;
    background:transparent;
    color:#5d526e;
    font:inherit;
    font-size:.8rem;
    text-align:left;
    cursor:pointer;
}

.dr-assigned-waiting-row:hover,
.dr-assigned-waiting-row:focus {
    background:#f2ebfc;
}

.dr-assigned-waiting-row span:first-child strong {
    display:block;
    color:#4f3c77;
}

@media (max-width:620px) {
    .dr-waiting-compact-row,
    .dr-assigned-waiting-row {
        align-items:flex-start;
        flex-direction:column;
    }
}


/* =========================================================
 * v2.3.0 SERVICE DESK REDESIGN
 * ========================================================= */

.dr-service-desk {
    margin:22px 0 28px;
}

.dr-desk-tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin-bottom:18px;
    padding:6px;
    border:1px solid var(--dr-border);
    border-radius:12px;
    background:#f5f8f7;
}

.dr-desk-tab {
    appearance:none;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:46px;
    padding:9px 12px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:var(--dr-muted);
    font:inherit;
    font-weight:700;
    cursor:pointer;
}

.dr-desk-tab:hover,
.dr-desk-tab:focus {
    background:#fff;
    color:var(--dr-text);
}

.dr-desk-tab.is-active {
    border-color:#cbd8d4;
    background:#fff;
    color:var(--dr-green-dark);
    box-shadow:0 2px 6px rgba(38,50,56,.05);
}

.dr-desk-tab > span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:24px;
    height:24px;
    padding:0 7px;
    border-radius:999px;
    background:#e8f2ee;
    color:var(--dr-green-dark);
    font-size:.76rem;
}

.dr-desk-panel[hidden] {
    display:none !important;
}

.dr-panel-heading {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin-bottom:14px;
}

.dr-panel-heading h2 {
    margin:0 0 5px;
    font-size:1.4rem;
}

.dr-panel-heading p {
    margin:0;
    max-width:760px;
    color:var(--dr-muted);
    line-height:1.5;
}

.dr-panel-count {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:40px;
    height:40px;
    padding:0 10px;
    border-radius:999px;
    background:#eef3f2;
    font-size:1rem;
    font-weight:800;
}

.dr-panel-count-alert {
    background:#fff0d6;
    color:#795400;
}

/* Needs attention */

.dr-attention-list {
    display:grid;
    gap:10px;
}

.dr-attention-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:16px;
    border:1px solid #e4d5af;
    border-left:4px solid #d29b20;
    border-radius:11px;
    background:#fffdf8;
}

.dr-attention-card h3 {
    margin:2px 0 8px;
    font-size:1rem;
}

.dr-attention-card-actions {
    display:flex;
    align-items:center;
    gap:10px;
    flex:0 0 auto;
}

.dr-attention-tags {
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:9px;
}

.dr-attention-tags span {
    display:inline-flex;
    align-items:center;
    gap:4px;
    padding:4px 7px;
    border-radius:999px;
    background:#fff3dc;
    color:#725200;
    font-size:.75rem;
    font-weight:700;
}

.dr-priority-label {
    color:var(--dr-muted);
    font-size:.8rem;
    font-weight:700;
}

.dr-attention-clear {
    border:1px solid #cfe4da;
    border-radius:10px;
    background:#f2faf6;
    color:#28634f;
}

/* My Work */

.dr-my-work-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
}

.dr-my-task-card {
    display:flex;
    flex-direction:column;
    min-width:0;
    padding:17px;
    border:1px solid #d7e1de;
    border-radius:12px;
    background:#fff;
    box-shadow:0 3px 12px rgba(38,50,56,.05);
}

.dr-my-task-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
}

.dr-my-task-head h3 {
    margin:2px 0 0;
    font-size:1rem;
    line-height:1.35;
}

.dr-my-task-workstream {
    display:block;
    margin-top:12px;
    color:var(--dr-green-dark);
    font-size:.95rem;
}

.dr-my-task-instructions {
    margin-top:10px;
    padding:10px 12px;
    border-left:3px solid var(--dr-green);
    border-radius:7px;
    background:var(--dr-green-soft);
    line-height:1.5;
}

.dr-my-task-meta {
    display:flex;
    flex-wrap:wrap;
    gap:5px 12px;
    margin-top:10px;
    color:var(--dr-muted);
    font-size:.79rem;
}

.dr-my-task-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:auto;
    padding-top:14px;
}

.dr-my-task-actions form {
    margin:0;
}

/* All jobs filters */

.dr-job-filters {
    display:grid;
    grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr));
    gap:10px;
    margin-bottom:14px;
    padding:12px;
    border:1px solid var(--dr-border);
    border-radius:11px;
    background:#f8faf9;
}

.dr-job-filters label,
.dr-filter-search {
    display:grid;
    gap:4px;
}

.dr-job-filters label > span,
.dr-filter-search > span {
    color:var(--dr-muted);
    font-size:.72rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.dr-job-filters input,
.dr-job-filters select,
.dr-filter-search input {
    width:100%;
    min-height:40px;
    padding:8px 10px;
    border:1px solid #ccd7d4;
    border-radius:8px;
    background:#fff;
    color:var(--dr-text);
    font:inherit;
}

.dr-service-job-list {
    display:grid;
    gap:12px;
}

/* Job cards */

.dr-service-job {
    padding:17px;
    border:1px solid #d9e1df;
    border-radius:13px;
    background:#fff;
    box-shadow:0 2px 8px rgba(38,50,56,.035);
}

.dr-service-job[hidden] {
    display:none !important;
}

.dr-service-job-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
}

.dr-service-job-head h3 {
    margin:2px 0 4px;
    font-size:1.08rem;
}

.dr-service-job-subline {
    display:flex;
    flex-wrap:wrap;
    gap:5px 12px;
    color:var(--dr-muted);
    font-size:.78rem;
}

/* Progress timeline */

.dr-progress-timeline {
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    margin:15px 0 4px;
}

.dr-progress-step {
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:5px;
    min-width:0;
    text-align:center;
}

.dr-progress-step::before,
.dr-progress-step::after {
    content:"";
    position:absolute;
    top:12px;
    width:50%;
    height:2px;
    background:#dfe6e4;
    z-index:0;
}

.dr-progress-step::before {
    left:0;
}

.dr-progress-step::after {
    right:0;
}

.dr-progress-step:first-child::before,
.dr-progress-step:last-child::after {
    display:none;
}

.dr-progress-step-done::before,
.dr-progress-step-done::after,
.dr-progress-step-current::before {
    background:#71a996;
}

.dr-progress-dot {
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:25px;
    height:25px;
    border:2px solid #d3ddda;
    border-radius:50%;
    background:#fff;
    color:#82908b;
    font-size:.7rem;
    font-weight:800;
}

.dr-progress-step-done .dr-progress-dot {
    border-color:#4f907a;
    background:#4f907a;
    color:#fff;
}

.dr-progress-step-current .dr-progress-dot {
    border-color:var(--dr-green);
    background:var(--dr-green-soft);
    color:var(--dr-green-dark);
}

.dr-progress-label {
    overflow:hidden;
    width:100%;
    color:#7a8581;
    font-size:.68rem;
    font-weight:600;
    line-height:1.2;
    text-overflow:ellipsis;
}

.dr-progress-step-done .dr-progress-label,
.dr-progress-step-current .dr-progress-label {
    color:var(--dr-text);
}

.dr-progress-closed {
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:12px;
    padding:9px 11px;
    border-radius:8px;
    background:#f2f3f3;
    color:#596166;
}

/* Next action */

.dr-next-action-card {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-top:13px;
    padding:11px 12px;
    border:1px solid #bed9cf;
    border-radius:9px;
    background:#f1f8f5;
}

.dr-next-action-card > strong {
    flex:0 0 auto;
}

.dr-next-action-card p {
    flex:1;
    margin:0;
    color:#51615b;
    font-size:.86rem;
}

.dr-inline-actions {
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin:0;
}

/* Full job disclosure */

.dr-service-job-details {
    margin-top:13px;
    border-top:1px solid #e7ecea;
}

.dr-service-job-details > summary,
.dr-edit-workplan > summary,
.dr-history-card > summary,
.dr-job-admin-controls > summary,
.dr-archive-section > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:11px 2px 2px;
    color:var(--dr-green-dark);
    font-size:.88rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-service-job-details > summary::-webkit-details-marker,
.dr-edit-workplan > summary::-webkit-details-marker,
.dr-history-card > summary::-webkit-details-marker,
.dr-job-admin-controls > summary::-webkit-details-marker,
.dr-archive-section > summary::-webkit-details-marker {
    display:none;
}

.dr-service-job-body {
    display:grid;
    gap:12px;
    padding-top:14px;
}

.dr-detail-card-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
}

.dr-detail-card,
.dr-edit-workplan,
.dr-history-card,
.dr-job-admin-controls {
    padding:14px;
    border:1px solid #dfe6e4;
    border-radius:10px;
    background:#fafcfa;
}

.dr-detail-card-wide,
.dr-edit-workplan,
.dr-history-card,
.dr-job-admin-controls {
    grid-column:1 / -1;
}

.dr-detail-card-head {
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:9px;
}

.dr-detail-card-head h4 {
    margin:0;
    font-size:.98rem;
}

.dr-detail-card p {
    margin:0;
    line-height:1.55;
}

.dr-mini-definition {
    display:grid;
    gap:8px;
    margin:0;
}

.dr-mini-definition > div {
    display:grid;
    gap:2px;
}

.dr-mini-definition dt {
    color:var(--dr-muted);
    font-size:.72rem;
    font-weight:700;
    text-transform:uppercase;
}

.dr-mini-definition dd {
    margin:0;
    overflow-wrap:anywhere;
}

.dr-edit-workplan > summary,
.dr-history-card > summary,
.dr-job-admin-controls > summary {
    padding:0;
}

.dr-edit-workplan-body,
.dr-history-card-body,
.dr-job-admin-controls form {
    margin-top:12px;
}

.dr-review-now-card {
    border-left:4px solid #d8a02c;
}

.dr-quality-card {
    border-left:4px solid #7865a5;
}

.dr-button-danger {
    border-color:#bd6666;
    background:#fff1f1;
    color:#8b3030;
}

/* Work plan editor */

.dr-sortable-workplan .dr-review-workstream {
    transition:opacity .12s ease, transform .12s ease;
}

.dr-sortable-workplan .dr-review-workstream.is-dragging {
    opacity:.45;
}

.dr-drag-handle {
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:30px;
    padding:0;
    border:0;
    background:transparent;
    color:#87928e;
    font-size:1rem;
    cursor:grab;
}

.dr-drag-handle:active {
    cursor:grabbing;
}

.dr-review-assignment {
    grid-template-columns:repeat(2,minmax(0,1fr));
}

.dr-review-notes {
    grid-column:1 / -1;
}

/* Workstream dependency overview */

.dr-dependency-overview {
    margin-bottom:12px;
    padding:10px;
    border:1px solid #d9cfee;
    border-radius:9px;
    background:#faf7ff;
}

.dr-dependency-overview > strong {
    display:block;
    margin-bottom:7px;
    color:#574871;
    font-size:.8rem;
}

.dr-dependency-paths {
    display:grid;
    gap:6px;
}

.dr-dependency-path {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
}

.dr-dependency-chip {
    display:inline-flex;
    padding:4px 7px;
    border-radius:7px;
    background:#fff;
    color:#51456a;
    font-size:.78rem;
    font-weight:700;
}

.dr-dependency-arrow {
    color:#8b7ca7;
    font-weight:800;
}

/* Simplified workstreams */

.dr-workstream-groups {
    display:grid;
    gap:10px;
}

.dr-workstream-group-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:8px;
}

.dr-workstream-group-head h5 {
    margin:0;
    font-size:.9rem;
}

.dr-workstream-group-head > span,
.dr-workstream-collapse > summary strong {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:25px;
    height:25px;
    padding:0 7px;
    border-radius:999px;
    background:#eaf1ef;
    font-size:.74rem;
}

.dr-simple-work-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
}

.dr-simple-work-card {
    min-width:0;
    padding:12px;
    border:1px solid #d9e2df;
    border-radius:10px;
    background:#fff;
}

.dr-simple-work-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.dr-simple-work-head > div {
    display:flex;
    align-items:flex-start;
    gap:8px;
    min-width:0;
}

.dr-simple-work-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:30px;
    height:30px;
    border-radius:8px;
    background:#f0f5f3;
}

.dr-simple-work-head h5 {
    margin:0;
    font-size:.9rem;
    line-height:1.3;
}

.dr-simple-work-head > div > div > span {
    display:block;
    margin-top:3px;
    color:var(--dr-muted);
    font-size:.76rem;
}

.dr-simple-work-meta {
    display:flex;
    flex-wrap:wrap;
    gap:4px 10px;
    margin-top:8px;
    color:var(--dr-muted);
    font-size:.75rem;
}

.dr-overdue-text {
    color:#a13d3d !important;
    font-weight:800;
}

.dr-work-card-details {
    margin-top:9px;
    border-top:1px solid #eef2f0;
}

.dr-work-card-details > summary {
    padding-top:8px;
    color:var(--dr-green-dark);
    font-size:.78rem;
    font-weight:700;
    cursor:pointer;
}

.dr-work-card-details-body {
    display:grid;
    gap:10px;
    margin-top:9px;
}

.dr-work-detail-block {
    padding:9px 10px;
    border-radius:7px;
    background:#f7f9f9;
    font-size:.84rem;
}

.dr-work-detail-block strong {
    display:block;
    margin-bottom:4px;
}

.dr-work-detail-block p {
    margin:0;
}

.dr-simple-work-actions {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}

.dr-work-detail-thread {
    padding-top:9px;
    border-top:1px solid #e9eeec;
}

.dr-work-detail-thread > strong {
    display:block;
    margin-bottom:6px;
    font-size:.8rem;
}

.dr-work-detail-thread .dr-thread {
    margin:0;
    padding:0;
    border:0;
}

.dr-work-detail-thread .dr-thread-heading {
    display:none;
}

.dr-dependency-line {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
    color:#5c4c79;
    font-size:.76rem;
    font-weight:700;
}

.dr-dependency-line span {
    padding:4px 7px;
    border-radius:7px;
    background:#f3eefb;
}

.dr-workstream-empty {
    margin:0;
    padding:10px;
    border-radius:8px;
    background:#f7f9f9;
    color:var(--dr-muted);
    font-size:.82rem;
}

.dr-workstream-collapse {
    border:1px solid #e0e6e4;
    border-radius:9px;
    background:#fff;
}

.dr-workstream-collapse > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 11px;
    font-size:.82rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-workstream-collapse > summary::-webkit-details-marker {
    display:none;
}

.dr-workstream-collapse .dr-simple-work-grid {
    padding:0 10px 10px;
}

.dr-workstream-collapse-hold {
    border-color:#ead79c;
    background:#fffdf7;
}

.dr-workstream-collapse-waiting {
    border-color:#d8cfee;
    background:#fbf9ff;
}

.dr-workstream-collapse-complete {
    border-color:#cfe2d9;
    background:#f9fdfb;
}

/* Activity */

.dr-activity-list {
    display:grid;
    gap:0;
    margin:0;
    padding:0;
    list-style:none;
}

.dr-activity-list li {
    position:relative;
    display:flex;
    gap:10px;
    padding:0 0 12px;
}

.dr-activity-list li:not(:last-child)::before {
    content:"";
    position:absolute;
    left:5px;
    top:12px;
    bottom:0;
    width:1px;
    background:#dce4e1;
}

.dr-activity-dot {
    position:relative;
    z-index:1;
    flex:0 0 auto;
    width:11px;
    height:11px;
    margin-top:4px;
    border:2px solid #8bb5a6;
    border-radius:50%;
    background:#fff;
}

.dr-activity-list strong {
    display:block;
    font-size:.82rem;
    line-height:1.4;
}

.dr-activity-list div > span {
    display:block;
    margin-top:2px;
    color:var(--dr-muted);
    font-size:.72rem;
}

/* Archive */

.dr-archive-section {
    margin-top:20px;
    padding:14px;
    border:1px solid var(--dr-border);
    border-radius:11px;
    background:#f8faf9;
}

.dr-archive-section > summary {
    padding:0;
}

.dr-archive-body {
    display:grid;
    gap:12px;
    margin-top:12px;
}

.dr-archive-list .dr-service-job {
    box-shadow:none;
}

/* Requester progress */

.dr-submitter-progress {
    width:100%;
    margin:12px 0 4px;
}

/* Existing forms inside new cards */

.dr-detail-card .dr-thread,
.dr-detail-card .dr-proofread-panel,
.dr-detail-card .dr-workplan-form {
    margin-top:0;
}

.dr-detail-card .dr-thread-heading {
    display:none;
}

/* Responsive */

@media (max-width:980px) {
    .dr-job-filters {
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dr-my-work-grid,
    .dr-simple-work-grid,
    .dr-detail-card-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:700px) {
    .dr-desk-tabs {
        grid-template-columns:1fr;
    }

    .dr-panel-heading,
    .dr-attention-card,
    .dr-service-job-head,
    .dr-next-action-card {
        align-items:flex-start;
        flex-direction:column;
    }

    .dr-attention-card-actions {
        width:100%;
        justify-content:space-between;
    }

    .dr-job-filters {
        grid-template-columns:1fr;
    }

    .dr-progress-label {
        display:none;
    }

    .dr-progress-timeline {
        margin-bottom:9px;
    }

    .dr-next-action-card .dr-inline-actions {
        width:100%;
    }

    .dr-next-action-card .dr-button {
        width:100%;
    }

    .dr-review-assignment {
        grid-template-columns:1fr;
    }

    .dr-review-notes {
        grid-column:auto;
    }
}

@media (max-width:480px) {
    .dr-service-job,
    .dr-my-task-card,
    .dr-attention-card {
        padding:13px;
    }

    .dr-my-task-actions,
    .dr-simple-work-actions {
        flex-direction:column;
    }

    .dr-my-task-actions .dr-button,
    .dr-simple-work-actions .dr-button {
        width:100%;
    }
}


/* Team workload */

.dr-team-workload {
    margin-bottom:14px;
    padding:12px;
    border:1px solid #d7e1de;
    border-radius:10px;
    background:#f8faf9;
}

.dr-team-workload > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    font-size:.86rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-team-workload > summary::-webkit-details-marker {
    display:none;
}

.dr-team-workload > summary strong {
    color:var(--dr-muted);
    font-size:.75rem;
}

.dr-team-workload-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-top:11px;
}

.dr-team-person-card {
    padding:11px;
    border:1px solid #dfe6e4;
    border-radius:9px;
    background:#fff;
}

.dr-team-person-head {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:10px;
}

.dr-team-person-head strong {
    display:block;
    font-size:.88rem;
}

.dr-team-person-head > div > span {
    display:block;
    margin-top:2px;
    color:var(--dr-muted);
    font-size:.72rem;
}

.dr-team-person-counts {
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:4px;
}

.dr-team-person-counts span {
    padding:3px 6px;
    border-radius:999px;
    background:#f0f4f3;
    color:#5c6864;
    font-size:.68rem;
    font-weight:700;
}

.dr-team-person-items {
    display:grid;
    gap:4px;
    margin-top:8px;
}

.dr-team-person-items button {
    appearance:none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    padding:7px 8px;
    border:0;
    border-radius:7px;
    background:#f8faf9;
    color:var(--dr-text);
    font:inherit;
    text-align:left;
    cursor:pointer;
}

.dr-team-person-items button:hover,
.dr-team-person-items button:focus {
    background:var(--dr-green-soft);
}

.dr-team-person-items button span {
    font-size:.78rem;
    font-weight:700;
}

.dr-team-person-items button small {
    color:var(--dr-muted);
    font-size:.68rem;
    text-align:right;
}

@media (max-width:800px) {
    .dr-team-workload-grid {
        grid-template-columns:1fr;
    }
}


.dr-quick-work-actions {
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:10px;
}

.dr-quick-work-actions .dr-button-hold {
    font-weight:800;
}

@media (max-width:520px) {
    .dr-quick-work-actions {
        flex-direction:column;
    }

    .dr-quick-work-actions .dr-button {
        width:100%;
    }
}


/* =========================================================
 * v2.3.1 CLICKABLE CONTROL VISIBILITY
 * Keep controls readable even when the WordPress theme has
 * aggressive button/link styles.
 * ========================================================= */

.dr-board button,
.dr-board summary,
.dr-board .dr-button,
.dr-board .dr-link-button,
.dr-board .dr-desk-tab {
    opacity:1 !important;
    visibility:visible !important;
    text-shadow:none !important;
    -webkit-text-fill-color:currentColor !important;
}

/* Normal secondary buttons must look like buttons before hover. */
.dr-board .dr-button:not(.dr-button-primary):not(.dr-button-hold):not(.dr-button-resume):not(.dr-button-waiting):not(.dr-button-danger) {
    border:1px solid #b8c9c3 !important;
    background:#ffffff !important;
    color:#245f50 !important;
    box-shadow:0 1px 2px rgba(38,50,56,.07) !important;
}

.dr-board .dr-button:not(.dr-button-primary):not(.dr-button-hold):not(.dr-button-resume):not(.dr-button-waiting):not(.dr-button-danger):hover,
.dr-board .dr-button:not(.dr-button-primary):not(.dr-button-hold):not(.dr-button-resume):not(.dr-button-waiting):not(.dr-button-danger):focus {
    border-color:#2f806c !important;
    background:#eef7f3 !important;
    color:#1f5648 !important;
}

/* Primary buttons stay strongly visible regardless of theme CSS. */
.dr-board .dr-button-primary {
    border-color:#2f806c !important;
    background:#2f806c !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.dr-board .dr-button-primary:hover,
.dr-board .dr-button-primary:focus {
    border-color:#276b5b !important;
    background:#276b5b !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Hold, resume, waiting and danger actions retain their visual meaning. */
.dr-board .dr-button-hold {
    border:2px solid #a77800 !important;
    background:#ffd76a !important;
    color:#3f3100 !important;
    -webkit-text-fill-color:#3f3100 !important;
}

.dr-board .dr-button-resume {
    border:2px solid #2f806c !important;
    background:#e7f5ef !important;
    color:#225e50 !important;
    -webkit-text-fill-color:#225e50 !important;
}

.dr-board .dr-button-waiting {
    border:2px solid #7962aa !important;
    background:#eee8fa !important;
    color:#4e3b78 !important;
    -webkit-text-fill-color:#4e3b78 !important;
}

.dr-board .dr-button-danger {
    border:1px solid #bd6666 !important;
    background:#fff1f1 !important;
    color:#8b3030 !important;
    -webkit-text-fill-color:#8b3030 !important;
}

/* Top dashboard tabs are now visibly clickable even when inactive. */
.dr-board .dr-desk-tab {
    border:1px solid #cbd8d4 !important;
    background:#ffffff !important;
    color:#40534d !important;
    -webkit-text-fill-color:#40534d !important;
    box-shadow:0 1px 2px rgba(38,50,56,.04) !important;
}

.dr-board .dr-desk-tab:hover,
.dr-board .dr-desk-tab:focus {
    border-color:#79a897 !important;
    background:#f2f8f5 !important;
    color:#245f50 !important;
}

.dr-board .dr-desk-tab.is-active {
    border-color:#2f806c !important;
    background:#eaf5f0 !important;
    color:#245f50 !important;
    box-shadow:inset 0 -3px 0 #2f806c !important;
}

/* Plain action links should never disappear into the page background. */
.dr-board .dr-link-button {
    border:1px solid #c6d4cf !important;
    border-radius:7px !important;
    background:#ffffff !important;
    color:#245f50 !important;
    -webkit-text-fill-color:#245f50 !important;
    text-decoration:none !important;
}

.dr-board .dr-link-button:hover,
.dr-board .dr-link-button:focus {
    border-color:#2f806c !important;
    background:#eef7f3 !important;
    color:#1f5648 !important;
}

/* Expand/collapse rows now look like controls instead of invisible text. */
.dr-board .dr-service-job-details > summary,
.dr-board .dr-edit-workplan > summary,
.dr-board .dr-history-card > summary,
.dr-board .dr-job-admin-controls > summary,
.dr-board .dr-archive-section > summary,
.dr-board .dr-team-workload > summary,
.dr-board .dr-workstream-collapse > summary,
.dr-board .dr-work-card-details > summary,
.dr-board .dr-proofread-panel > summary {
    min-height:38px !important;
    padding:8px 10px !important;
    border:1px solid #cbd8d4 !important;
    border-radius:8px !important;
    background:#ffffff !important;
    color:#245f50 !important;
    -webkit-text-fill-color:#245f50 !important;
    text-decoration:none !important;
}

.dr-board .dr-service-job-details > summary:hover,
.dr-board .dr-service-job-details > summary:focus,
.dr-board .dr-edit-workplan > summary:hover,
.dr-board .dr-edit-workplan > summary:focus,
.dr-board .dr-history-card > summary:hover,
.dr-board .dr-history-card > summary:focus,
.dr-board .dr-job-admin-controls > summary:hover,
.dr-board .dr-job-admin-controls > summary:focus,
.dr-board .dr-archive-section > summary:hover,
.dr-board .dr-archive-section > summary:focus,
.dr-board .dr-team-workload > summary:hover,
.dr-board .dr-team-workload > summary:focus,
.dr-board .dr-workstream-collapse > summary:hover,
.dr-board .dr-workstream-collapse > summary:focus,
.dr-board .dr-work-card-details > summary:hover,
.dr-board .dr-work-card-details > summary:focus,
.dr-board .dr-proofread-panel > summary:hover,
.dr-board .dr-proofread-panel > summary:focus {
    border-color:#2f806c !important;
    background:#eef7f3 !important;
    color:#1f5648 !important;
}

/* Yes/No choices also remain legible before selection/hover. */
.dr-board .dr-yes-no label span,
.dr-board .dr-note-type label span {
    border:1px solid #c6d4cf !important;
    background:#ffffff !important;
    color:#40534d !important;
    -webkit-text-fill-color:#40534d !important;
}

.dr-board .dr-yes-no input:checked + span,
.dr-board .dr-note-type input:checked + span {
    border-color:#2f806c !important;
    background:#e7f5ef !important;
    color:#245f50 !important;
    -webkit-text-fill-color:#245f50 !important;
    font-weight:800 !important;
}

/* Keyboard focus should be obvious as well. */
.dr-board button:focus-visible,
.dr-board summary:focus-visible,
.dr-board .dr-button:focus-visible,
.dr-board .dr-link-button:focus-visible,
.dr-board .dr-desk-tab:focus-visible {
    outline:3px solid rgba(47,128,108,.28) !important;
    outline-offset:2px !important;
}


/* =========================================================
 * v2.3.2 GTRANSLATE COMPATIBILITY
 * ========================================================= */

/*
 * Do not allow Digital Request cards/panels to cover a floating GTranslate
 * language selector supplied by the site.
 */
.gt_float_switcher,
.gtranslate_wrapper,
.gt_switcher,
.gt_switcher_wrapper {
    position:relative;
    z-index:100000 !important;
}

/* Google/GTranslate may wrap translated text in extra inline elements. */
.dr-board font,
.dr-board span font,
.dr-board button font,
.dr-board summary font {
    color:inherit !important;
    font:inherit !important;
}

/* Translation can lengthen labels significantly. Allow controls to wrap. */
.dr-board button,
.dr-board summary,
.dr-board .dr-desk-tab,
.dr-board .dr-button,
.dr-board .dr-link-button {
    white-space:normal !important;
    line-height:1.3 !important;
    overflow-wrap:anywhere;
}

.dr-board .dr-desk-tab {
    min-width:0;
}


/* =========================================================
 * v2.4.0 SERVICE DESK POLISH
 * ========================================================= */

/* Build / translated-host diagnostics */
.dr-build-indicator {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin:0 0 12px;
    padding:8px 10px;
    border:1px dashed #aebdb8;
    border-radius:8px;
    background:#f8faf9;
    color:#4d5d57;
    font-size:.72rem;
    line-height:1.35;
}

.dr-build-indicator span {
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.dr-build-indicator strong {
    overflow-wrap:anywhere;
    text-align:right;
}

/* Clearer workflow notifications */
.dr-flash-message {
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:start;
    gap:10px;
    margin:12px 0 !important;
    padding:12px 13px !important;
    border-width:1px 1px 1px 4px !important;
    border-style:solid !important;
    border-radius:10px !important;
}

.dr-flash-message.dr-message-success {
    border-color:#4a977d !important;
    background:#f0f9f5 !important;
    color:#245f50 !important;
}

.dr-flash-message.dr-message-warning {
    border-color:#d2a137 !important;
    background:#fff9eb !important;
    color:#6e520e !important;
}

.dr-flash-message.dr-message-error {
    border-color:#b95e5e !important;
    background:#fff4f4 !important;
    color:#7d3030 !important;
}

.dr-message-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:26px;
    height:26px;
    border-radius:50%;
    background:rgba(255,255,255,.75);
    font-weight:900;
}

.dr-message-content {
    display:grid;
    gap:2px;
    min-width:0;
}

.dr-message-content > strong {
    font-size:.9rem;
}

.dr-message-content > span {
    line-height:1.45;
}

.dr-message-close {
    appearance:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:30px;
    height:30px;
    padding:0;
    border:1px solid rgba(70,85,80,.18);
    border-radius:7px;
    background:rgba(255,255,255,.76);
    color:inherit;
    font-size:1.1rem;
    font-weight:800;
    cursor:pointer;
}

.dr-message-close:hover,
.dr-message-close:focus {
    background:#fff;
}

/* Admin attention banner */
.dr-dashboard-alert {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    margin-bottom:13px;
    padding:12px 14px;
    border:1px solid #cfdcd7;
    border-radius:11px;
    background:#f7faf9;
}

.dr-dashboard-alert > div:first-child {
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.dr-dashboard-alert-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#e9f2ef;
}

.dr-dashboard-alert > div:first-child > div {
    display:grid;
    gap:2px;
}

.dr-dashboard-alert strong {
    font-size:.88rem;
}

.dr-dashboard-alert span:not(.dr-dashboard-alert-icon) {
    color:var(--dr-muted);
    font-size:.77rem;
}

.dr-dashboard-alert.has-items {
    border-color:#e2c06e;
    background:#fffaf0;
}

.dr-dashboard-alert.has-items .dr-dashboard-alert-icon {
    background:#fff0c8;
}

/* Logged-out Digital Team login */
.dr-team-login-card {
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    margin:18px 0 12px;
    padding:16px;
    border:1px solid #cbd9d4;
    border-radius:12px;
    background:#f7faf9;
}

.dr-team-login-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    border-radius:10px;
    background:#e8f3ef;
    font-size:1.2rem;
}

.dr-team-login-content h2 {
    margin:0 0 3px;
    font-size:1rem;
}

.dr-team-login-content p {
    margin:0;
    color:var(--dr-muted);
    line-height:1.45;
}

.dr-team-login-button {
    white-space:nowrap !important;
}

/* Requester tracking notice: deliberately separate from staff login */
.dr-requester-track-callout {
    display:flex;
    align-items:center;
    gap:10px;
    margin:12px 0 10px;
    padding:14px 16px;
    border:2px solid #2f806c;
    border-radius:11px;
    background:#f0f8f5;
    color:#245f50;
}

.dr-requester-track-callout > span {
    flex:0 0 auto;
    font-size:1.05rem;
}

.dr-requester-track-callout strong {
    font-size:.93rem;
}

/* Quick assignment editor */
.dr-quick-edit-workstream {
    margin-top:10px;
    border:1px solid #d9e2df;
    border-radius:8px;
    background:#fbfcfc;
}

.dr-quick-edit-workstream > summary {
    padding:8px 10px;
    color:#245f50;
    font-size:.78rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-quick-edit-workstream > summary::-webkit-details-marker {
    display:none;
}

.dr-quick-edit-workstream[open] > summary {
    border-bottom:1px solid #e4ebe8;
}

.dr-quick-edit-form {
    padding:10px;
}

.dr-quick-edit-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;
    margin-bottom:10px;
}

.dr-quick-edit-grid label {
    display:grid;
    gap:4px;
}

.dr-quick-edit-grid label > span {
    color:var(--dr-muted);
    font-size:.72rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.03em;
}

.dr-quick-edit-grid select,
.dr-quick-edit-grid input,
.dr-quick-edit-grid textarea {
    width:100%;
    min-height:40px;
    padding:8px 9px;
    border:1px solid #cbd7d3;
    border-radius:7px;
    background:#fff;
    color:var(--dr-text);
    font:inherit;
}

.dr-quick-edit-notes {
    grid-column:1 / -1;
}

.dr-quick-edit-notes textarea {
    min-height:80px;
    resize:vertical;
}

/* Cleaner, categorised activity history */
.dr-activity-list {
    gap:0 !important;
}

.dr-activity-item {
    position:relative;
    display:grid !important;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px !important;
    padding:0 0 13px !important;
}

.dr-activity-item:not(:last-child)::before {
    content:"";
    position:absolute;
    left:15px;
    top:31px;
    bottom:0;
    width:1px;
    background:#dfe7e4;
}

.dr-activity-icon {
    position:relative;
    z-index:1;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border:1px solid #d6e0dd;
    border-radius:50%;
    background:#fff;
    font-size:.78rem;
}

.dr-activity-content {
    min-width:0;
    padding-top:1px;
}

.dr-activity-topline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:2px;
}

.dr-activity-type-label {
    color:#466158;
    font-size:.67rem;
    font-weight:800;
    letter-spacing:.03em;
    text-transform:uppercase;
}

.dr-activity-relative {
    color:var(--dr-muted);
    font-size:.68rem;
    white-space:nowrap;
}

.dr-activity-content > strong {
    display:block;
    font-size:.82rem;
    line-height:1.4;
}

.dr-activity-meta {
    display:block;
    margin-top:2px;
    color:var(--dr-muted);
    font-size:.69rem;
}

.dr-activity-type-status .dr-activity-icon {
    background:#edf7f3;
    border-color:#c7dfd5;
}

.dr-activity-type-email .dr-activity-icon {
    background:#f3f0fa;
    border-color:#ded4ee;
}

.dr-activity-type-note .dr-activity-icon {
    background:#eef5fb;
    border-color:#d0dfeb;
}

.dr-activity-type-attachment .dr-activity-icon {
    background:#fff8eb;
    border-color:#ead9b8;
}

.dr-older-history {
    margin-top:3px;
    border-top:1px solid #e4eae8;
}

.dr-older-history > summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 2px 2px;
    color:#245f50;
    font-size:.76rem;
    font-weight:800;
    cursor:pointer;
    list-style:none;
}

.dr-older-history > summary::-webkit-details-marker {
    display:none;
}

.dr-older-history > summary span {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:23px;
    height:23px;
    padding:0 6px;
    border-radius:999px;
    background:#edf3f1;
    font-size:.68rem;
}

.dr-older-history-body {
    padding-top:10px;
}

/* Extra mobile cleanup */
@media (max-width:760px) {
    .dr-build-indicator,
    .dr-dashboard-alert,
    .dr-team-login-card {
        align-items:flex-start;
        grid-template-columns:1fr;
        flex-direction:column;
    }

    .dr-build-indicator {
        display:grid;
    }

    .dr-build-indicator strong {
        text-align:left;
    }

    .dr-dashboard-alert {
        display:flex;
    }

    .dr-dashboard-alert .dr-button,
    .dr-team-login-button {
        width:100% !important;
    }

    .dr-team-login-card {
        display:grid;
    }

    .dr-team-login-icon {
        width:36px;
        height:36px;
    }

    .dr-quick-edit-grid {
        grid-template-columns:1fr;
    }

    .dr-quick-edit-notes {
        grid-column:auto;
    }

    .dr-requester-track-callout {
        align-items:flex-start;
    }

    .dr-flash-message {
        grid-template-columns:auto minmax(0,1fr);
    }

    .dr-message-close {
        grid-column:2;
        justify-self:end;
        margin-top:-30px;
    }
}

@media (max-width:520px) {
    .dr-board {
        overflow-x:hidden;
    }

    .dr-service-job,
    .dr-detail-card,
    .dr-edit-workplan,
    .dr-history-card,
    .dr-job-admin-controls,
    .dr-track,
    .dr-form-panel {
        min-width:0;
    }

    .dr-service-job-head,
    .dr-my-task-head,
    .dr-simple-work-head {
        min-width:0;
    }

    .dr-service-job h3,
    .dr-my-task-card h3,
    .dr-simple-work-card h5,
    .dr-requester-track-callout strong {
        overflow-wrap:anywhere;
    }
}


.dr-attention-score {
    display:inline-flex;
    align-items:center;
    padding:4px 7px;
    border-radius:999px;
    background:#fff0d3;
    color:#725200;
    font-size:.68rem;
    font-weight:800;
    white-space:nowrap;
}


/* =========================================================
 * v2.5.0 FORM / MOOSEND WORKFLOW
 * ========================================================= */

.dr-selected-files {
    margin-top:10px;
    padding:10px 12px;
    border:1px solid #d6e0dd;
    border-radius:9px;
    background:#f8faf9;
}

.dr-selected-files[hidden] {
    display:none !important;
}

.dr-selected-files-head {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:6px;
}

.dr-selected-files-head > strong {
    font-size:.8rem;
}

.dr-selected-files ul {
    display:grid;
    gap:5px;
    margin:0;
    padding:0;
    list-style:none;
}

.dr-selected-files li {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:7px 8px;
    border:1px solid #e1e8e5;
    border-radius:7px;
    background:#fff;
    font-size:.78rem;
}

.dr-selected-files li > span {
    min-width:0;
    overflow-wrap:anywhere;
}

.dr-file-remove {
    appearance:none;
    flex:0 0 auto;
    padding:4px 7px;
    border:1px solid #d8bcbc;
    border-radius:6px;
    background:#fff7f7;
    color:#8b3d3d;
    font:inherit;
    font-size:.7rem;
    font-weight:700;
    cursor:pointer;
}

.dr-file-selection-message {
    margin:8px 0 0 !important;
    color:#8a5e00;
    font-size:.73rem;
    font-weight:700;
}

.dr-moo-choice-card {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:16px;
    margin:0 0 14px;
    padding:13px 14px;
    border:1px solid #c9d9d3;
    border-radius:10px;
    background:#f5faf8;
}

.dr-moo-choice-copy {
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}

.dr-moo-choice-icon {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
    width:34px;
    height:34px;
    border-radius:8px;
    background:#e6f1ed;
}

.dr-moo-choice-card h5 {
    margin:0 0 3px;
    font-size:.9rem;
}

.dr-moo-choice-card p {
    margin:0;
    color:var(--dr-muted);
    font-size:.76rem;
    line-height:1.45;
}

.dr-moo-choice-options {
    min-width:136px;
}

@media (max-width:760px) {
    .dr-moo-choice-card {
        grid-template-columns:1fr;
        align-items:stretch;
    }

    .dr-moo-choice-options {
        width:100%;
    }

    .dr-selected-files-head,
    .dr-selected-files li {
        align-items:flex-start;
    }
}


/* =========================================================
 * v2.5.1 DELETE JOB
 * ========================================================= */

.dr-job-control-groups {
    display:grid;
    gap:14px;
    padding-top:10px;
}

.dr-delete-job-zone {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:14px;
    padding:12px 13px;
    border:1px solid #e2c5c5;
    border-radius:9px;
    background:#fff7f7;
}

.dr-delete-job-zone strong {
    display:block;
    margin-bottom:2px;
    color:#823b3b;
    font-size:.82rem;
}

.dr-delete-job-zone p {
    margin:0;
    color:#785959;
    font-size:.73rem;
    line-height:1.45;
}

.dr-board .dr-button-delete {
    border:1px solid #b94e4e !important;
    background:#a63f3f !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    font-weight:800 !important;
}

.dr-board .dr-button-delete:hover,
.dr-board .dr-button-delete:focus {
    background:#8f3434 !important;
    color:#fff !important;
}

@media (max-width:760px) {
    .dr-delete-job-zone {
        grid-template-columns:1fr;
        align-items:stretch;
    }

    .dr-delete-job-zone .dr-button-delete {
        width:100% !important;
    }
}