/* MakerPool v1.7.0 + Print Quote Studio v1.16.2 theme compatibility */

/* Maker-facing compensation lifecycle: keep states legible without exposing admin-only financials. */
.makerpool-portal [class*="compensation-status"],
.makerpool-portal [class*="earnings-status"],
.makerpool-compensation-status,
.makerpool-earnings-status,
.makerpool-compensation-pill{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;min-height:1.75rem;padding:.25rem .6rem;border:1px solid currentColor;border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.makerpool-portal [data-compensation-status="paid"],.makerpool-portal .is-paid,.makerpool-compensation-status--paid{color:#147a4a;background:#edf8f2}
.makerpool-portal [data-compensation-status="approved"],.makerpool-portal [data-compensation-status="payable"],.makerpool-portal .is-approved,.makerpool-portal .is-payable{color:#245da8;background:#eef5ff}
.makerpool-portal [data-compensation-status="earned"],.makerpool-portal .is-earned{color:#76531d;background:#fff8e8}
.makerpool-portal [data-compensation-status="disputed"],.makerpool-portal .is-disputed{color:#a13b36;background:#fff1f0}
.makerpool-portal [data-compensation-status="void"],.makerpool-portal .is-void{color:#626b75;background:#f2f4f6}

/* Production Calendar v1.6.2+ / v1.6.3 all-month and Month List views. */
.makerpool-calendar-toolbar,.makerpool-calendar-filterbar,.makerpool-calendar-filters,.makerpool-calendar-view-switcher{display:flex;flex-wrap:wrap;align-items:end;gap:.65rem 1rem;margin:0 0 1rem}
.makerpool-calendar-toolbar label,.makerpool-calendar-filterbar label,.makerpool-calendar-filters label{display:grid;gap:.3rem;min-width:9rem;font-weight:600}
.makerpool-calendar-toolbar select,.makerpool-calendar-toolbar input,.makerpool-calendar-filterbar select,.makerpool-calendar-filterbar input,.makerpool-calendar-filters select,.makerpool-calendar-filters input{min-height:2.5rem;max-width:100%}
.makerpool-month-list,.makerpool-calendar-month-list,.makerpool-calendar-months{display:grid;gap:1rem}
.makerpool-month-card,.makerpool-calendar-month-card{min-width:0;overflow:hidden;border:1px solid rgba(15,42,77,.14);border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(15,42,77,.06)}
.makerpool-month-card>header,.makerpool-calendar-month-card>header,.makerpool-month-card__header,.makerpool-calendar-month-card__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.9rem 1rem;border-bottom:1px solid rgba(15,42,77,.12)}
.makerpool-calendar-legend,.makerpool-calendar-status-legend{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin:.75rem 0 1rem}
.makerpool-calendar-selected-day,.makerpool-calendar-day-detail,.makerpool-calendar-upcoming,.makerpool-calendar-upcoming-overdue{min-width:0;overflow-wrap:anywhere}
.makerpool-calendar .makerpool-table-wrap,.makerpool-month-card .makerpool-table-wrap,.makerpool-calendar-month-card .makerpool-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.makerpool-calendar tr.is-overdue,.makerpool-month-card tr.is-overdue,.makerpool-calendar-month-card tr.is-overdue,.makerpool-calendar .is-overdue{background:rgba(184,42,42,.06)}
.makerpool-calendar .is-due-soon{background:rgba(191,121,0,.08)}

/* v1.7 frontend coordinator management workspace. The plugin owns colors and actions; the theme protects layout and responsiveness. */
.makerpool-theme-management-page .makerpool-management{width:100%;max-width:1280px;margin-inline:auto}
.makerpool-theme-management-page .makerpool-management-hero{min-width:0}
.makerpool-theme-management-page .makerpool-management-hero>div:first-child{min-width:0}
.makerpool-theme-management-page .makerpool-management-hero h1,.makerpool-theme-management-page .makerpool-management-hero p{overflow-wrap:anywhere}
.makerpool-theme-management-page .makerpool-management-nav{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:.2rem}
.makerpool-theme-management-page .makerpool-management-nav a{flex:0 0 auto}
.makerpool-theme-management-page .makerpool-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.makerpool-theme-management-page .makerpool-card{min-width:0}
.makerpool-theme-management-page .makerpool-table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.makerpool-theme-management-page .makerpool-table{width:100%;min-width:720px}
.makerpool-theme-management-page .makerpool-table th,.makerpool-theme-management-page .makerpool-table td{overflow-wrap:anywhere}
.makerpool-theme-management-page .makerpool-filterbar{align-items:end}
.makerpool-theme-management-page .makerpool-filterbar label{min-width:min(10rem,100%)}
.makerpool-theme-management-page .makerpool-inline-form{max-width:100%}
.makerpool-theme-management-page .makerpool-inline-form select,.makerpool-theme-management-page .makerpool-inline-form input{max-width:none;min-width:8rem;flex:1 1 9rem}
.makerpool-theme-management-page .makerpool-inline-form .makerpool-btn{flex:0 0 auto}
.makerpool-theme-management-page .makerpool-btn:focus-visible,.makerpool-theme-management-page .makerpool-management-nav a:focus-visible{outline:3px solid currentColor;outline-offset:2px}
.makerpool-theme-management-page .makerpool-month-head{flex-wrap:wrap;align-items:flex-start}
.makerpool-theme-management-page .makerpool-calendar-grid{max-width:100%;overflow:hidden}
.makerpool-theme-management-page .makerpool-plugin-fallback{max-width:900px;margin:2rem auto;padding:1.25rem;border:1px solid rgba(15,42,77,.16);border-radius:12px;background:#fff}

/* Tables and cards added by v1.6+ remain usable inside narrow portal templates. */
.makerpool-portal .makerpool-table-wrap,.makerpool-portal .makerpool-jobs-wrap,.makerpool-portal [class*="earnings"]{max-width:100%}
.makerpool-portal .makerpool-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.makerpool-portal .makerpool-table{width:100%;min-width:680px}
.makerpool-portal .makerpool-table th,.makerpool-portal .makerpool-table td{vertical-align:top;overflow-wrap:anywhere}

/* PQS v1.16.2 integration notices/summaries remain readable in theme containers. */
.pqs-makerpool-summary,.pqs-compensation-summary,[class*="pqs-makerpool-"]{max-width:100%;overflow-wrap:anywhere}

@media(max-width:900px){
  .makerpool-theme-management-page .makerpool-management-hero{display:block}
  .makerpool-theme-management-page .makerpool-management-hero-actions{margin-top:1rem}
  .makerpool-theme-management-page .makerpool-filterbar{align-items:stretch}
  .makerpool-theme-management-page .makerpool-filterbar>*{flex:1 1 calc(50% - .5rem)}
}
@media(max-width:782px){
  .makerpool-calendar-toolbar,.makerpool-calendar-filterbar,.makerpool-calendar-filters{align-items:stretch}
  .makerpool-calendar-toolbar>*,.makerpool-calendar-filterbar>*,.makerpool-calendar-filters>*{flex:1 1 100%;min-width:0}
  .makerpool-month-card>header,.makerpool-calendar-month-card>header,.makerpool-month-card__header,.makerpool-calendar-month-card__header{align-items:flex-start}
  .makerpool-portal .makerpool-table{min-width:620px}
  .makerpool-theme-management-page .makerpool-table{min-width:660px}
  .makerpool-theme-management-page .makerpool-filterbar>*{flex:1 1 100%;min-width:0}
  .makerpool-theme-management-page .makerpool-inline-form select,.makerpool-theme-management-page .makerpool-inline-form input,.makerpool-theme-management-page .makerpool-inline-form .makerpool-btn{flex:1 1 100%;width:100%;min-width:0}
}
