/* ===== Assign branch 242, Assign role 242 (static/assign242.js) ===== */
.a242-tab .a242-agent { position: relative; flex: 2 1 340px; }
.a242-tab .a242-comment { flex: 1 1 200px; max-width: 320px; }
.a242-tab .a242-agent input,
.a242-tab .a242-comment input { width: 100%; min-width: 0; box-sizing: border-box; }
.a242-tab .a242-agent input.invalid { border-color: var(--danger); }

.a242-tab .agent-search-results { max-height: 320px; }
.a242-tab .agent-search-item.active { background: var(--bg); }
.a242-tab .agent-search-empty { padding: 10px 14px; font-size: 13px; color: var(--text-secondary); }

.a242-tab .a242-toolbar {
    display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
    margin-bottom: 10px;
}
.a242-tab .a242-spacer { flex: 1; }
.a242-tab .a242-count {
    padding: 3px 10px; border: 1px solid var(--border); border-radius: 999px;
    font-size: 12px; font-weight: 600; color: var(--text);
}
.a242-tab .a242-btn {
    display: inline-flex; align-items: center; gap: 6px;
    height: 32px; padding: 0 12px;
    background: var(--surface); color: var(--text);
    border: 1px solid var(--border); border-radius: var(--radius-sm);
    font: inherit; font-size: 13px; cursor: pointer;
}
.a242-tab .a242-btn:hover { border-color: var(--text); }
.a242-tab .a242-btn svg { width: 15px; height: 15px; }

.a242-tab .a242-grid { width: 100%; height: calc(100vh - 260px); min-height: 360px; }
.a242-tab .a242-row-actions { display: flex; align-items: center; gap: 6px; height: 100%; }
.a242-tab .a242-row-actions .btn { padding: 3px 10px; font-size: 12px; }
.a242-tab .a242-row-actions .btn-danger { background: var(--danger); color: #fff; }

.a242-modal select,
.a242-modal input[type="date"] {
    width: 100%; box-sizing: border-box; padding: 10px 14px;
    background: var(--surface); color: var(--text);
    border: 1px solid var(--border); border-radius: var(--radius-sm);
    font: inherit; font-size: 14px;
}

[data-theme="dark"] .a242-tab input[type="date"],
[data-theme="dark"] .a242-modal input[type="date"] { color-scheme: dark; }