/* ----------------------------------------------------------
   TDY / Deployment Tracker
---------------------------------------------------------- */

.eac-tdy-section {
    margin-bottom: 1rem;
}

.eac-tdy-section .eac-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.eac-tdy-section .eac-form-field {
    flex: 1 1 160px;
}

/* TDY roster table */

.eac-tdy-roster-table th,
.eac-tdy-roster-table td {
    white-space: nowrap;
}

.eac-tdy-roster-table .eac-tdy-col-assignment {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* TDY saved records */

.eac-tdy-existing-list {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.eac-tdy-card-meta {
    font-size: 0.85rem;
    opacity: 0.85;
}

.eac-tdy-date-range,
.eac-tdy-member-count {
    line-height: 1.3;
}

/* TDY actions layout */

.eac-tdy-actions-row {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.eac-tdy-actions-row .eac-tdy-check-btn {
    margin-right: auto;
}

/* Delete TDY button styling */

.eac-tdy-delete-btn {
    background-color: #dc2626;
    color: #f9fafb;
}

.eac-tdy-delete-btn:hover {
    background-color: #b91c1c;
}



/* --- Deployment widget (full-width row under the buttons) --- */
.eac-panel-topbar{
  display:flex;
  align-items:center;
  gap:16px;
}
.eac-panel-topbar .eac-panel-left{
  flex:1 1 auto;
  min-width: 240px;
}

.eac-tdy-deployments-row{
  /* Full-bleed inside .eac-my-panel (which has 20px side padding in eac-core.css) */
  width: calc(100% + 40px);
  margin: 12px -20px 0;
}

.eac-tdy-deployments-sidebar{
  width:100%;
  /* Keep content aligned with the rest of the panel while the background spans full width */
  padding: 12px 20px;
  border-radius: 12px;
  background: rgba(0,0,0,0.06);
}

/* Make the embedded deployment roster widget fit this sidebar without breaking its internal layout */
.eac-tdy-deployments-sidebar .eacdr-wrap{
  margin:0;
}
.eac-tdy-deployments-sidebar .eacdr-body{
  max-height: 540px;
  overflow:auto;
}

/* On narrower screens, keep a clean single column */
@media (max-width: 980px){
  .eac-panel-topbar{
    flex-direction:column;
    align-items:stretch;
  }
}

/* Print button (anchor styled as button) */
.eac-tdy-print-btn{
  text-decoration:none;
}