.resource-overview-page{padding:0 0 80px;max-width:1060px;margin:0 auto;width:100%}
.resource-page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line,#e4e1e9)}
.resource-page-heading h2{font-size:38px;line-height:1.05;margin:6px 0 8px}.resource-page-heading p{margin:0;color:var(--muted,#6f6876);font-weight:650}.resource-create-controls{display:grid;grid-template-columns:auto auto;gap:7px 10px;align-items:end}.resource-create-controls label{grid-column:1/-1;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#6f6876)}.resource-create-controls select{min-width:220px}.resource-create-controls .btn.ghost{background:var(--panel,#fff);color:var(--primary,#4a1cb0);border:1px solid var(--line,#ded9e5)}
.resource-page-heading .domain-sync-summary{display:block;margin-top:9px;color:#807788;font-size:11px;font-weight:800}
.resource-overview-summary{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));border:1px solid var(--line,#e4e1e9);border-radius:18px;overflow:hidden;background:var(--panel,#fff);margin-bottom:22px}.resource-overview-summary>div{padding:18px 20px;border-right:1px solid var(--line,#e4e1e9);display:flex;flex-direction:column}.resource-overview-summary>div:last-child{border-right:0}.resource-overview-summary span{font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.07em;color:var(--muted,#756e7c)}.resource-overview-summary strong{font-size:27px;margin-top:4px;color:var(--text,#2d2735)}
.resource-type-grid{display:grid;grid-template-columns:1fr;gap:18px}.resource-type-card{display:flex;height:100%;flex-direction:column;background:var(--panel,#fff);border:1px solid var(--line,#ded9e5);border-radius:22px;box-shadow:0 12px 34px rgba(30,24,42,.055);overflow:hidden}.resource-type-card>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;border-bottom:1px solid var(--line,#e5e1e9)}.resource-type-card h3{font-size:21px;margin:0 0 3px}.resource-type-card header p{margin:0;color:var(--muted,#756e7c);font-size:14px}.resource-type-icon{width:44px;height:44px;border-radius:13px;background:color-mix(in srgb,var(--primary,#4a1cb0) 11%,var(--panel,#fff));color:var(--primary,#4a1cb0);display:grid;place-items:center;font-size:20px;font-weight:900}.scheduling-state{font-size:11px;font-weight:850;padding:7px 10px;border-radius:999px;white-space:nowrap}.scheduling-state.enabled{background:color-mix(in srgb,var(--secondary,#22c9dd) 14%,#fff);color:color-mix(in srgb,var(--secondary,#22c9dd) 65%,#064553)}.scheduling-state.disabled{background:var(--soft,#f3f1f5);color:var(--muted,#756e7c)}
.resource-type-grid.single-section{grid-template-columns:1fr}
.resource-type-metrics{display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft,#f8f7fa);border-bottom:1px solid var(--line,#e5e1e9)}.resource-type-metrics div{padding:14px 18px;border-right:1px solid var(--line,#e5e1e9)}.resource-type-metrics div:last-child{border-right:0}.resource-type-metrics strong{display:block;font-size:20px}.resource-type-metrics span{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#756e7c);font-weight:800}
.resource-record-list{min-height:74px;flex:1;padding:10px 14px}.resource-record-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;text-align:left;padding:11px 10px;border:0;border-bottom:1px solid var(--line,#ece9ef);background:transparent;color:var(--text,#2d2735);cursor:pointer}.resource-record-row:last-child{border-bottom:0}.resource-record-row:hover{background:var(--soft,#f8f7fa);border-radius:12px}.resource-record-row.archived{opacity:.66}.resource-record-name strong,.resource-record-name small{display:block}.resource-record-name small{color:var(--muted,#756e7c);margin-top:2px}.resource-status{font-size:11px;font-weight:850;border-radius:999px;padding:6px 9px}.status-active{background:#e9f8e5;color:#337528}.status-unavailable{background:#fff0ef;color:#a52b2b}.status-under-repair{background:#fff6dd;color:#8b6300}.status-out-of-service{background:#eeeaf0;color:#625967}.resource-type-empty,.resource-no-fields{color:var(--muted,#756e7c);font-size:14px;padding:12px}.archived-resources summary{cursor:pointer;font-size:12px;font-weight:800;color:var(--muted,#756e7c);padding:9px}
.resource-record-row.vehicle-overview-row{grid-template-columns:minmax(210px,1.2fr) minmax(250px,1.4fr) minmax(110px,.55fr) auto auto}.vehicle-compliance-summary{display:flex;min-width:0;flex-wrap:wrap;gap:6px}.vehicle-compliance-summary small,.vehicle-assignment-note{display:inline-flex;width:max-content;max-width:100%;align-items:center;padding:5px 8px;border-radius:999px;background:var(--soft,#f4f2f6);color:var(--muted,#756e7c);font-size:10px;font-weight:800;white-space:nowrap}.vehicle-compliance-summary .compliance-valid{background:#e9f8e5;color:#337528}.vehicle-compliance-summary .compliance-warning{background:#fff6d9;color:#845d00}.vehicle-compliance-summary .compliance-expired{background:#fff0ef;color:#a52b2b}.vehicle-compliance-summary .compliance-incomplete{background:#f2eff4;color:#6c6372}.vehicle-assignment-note{justify-self:start}
.resource-type-card>footer{display:flex;align-items:center;gap:8px;margin-top:auto;padding:14px 16px;border-top:1px solid var(--line,#e5e1e9)}.resource-type-card>footer .resource-order-actions{margin-right:auto}.icon-button{width:38px;height:38px;border:1px solid var(--line,#ded9e5);border-radius:11px;background:var(--panel,#fff);color:var(--text,#2d2735);font-weight:900;cursor:pointer}.icon-button:disabled{opacity:.35;cursor:default}.icon-button.danger{color:#b12d2d}.resource-empty-state{grid-column:1/-1;border:1px dashed var(--line,#d9d2df);border-radius:22px;padding:60px;text-align:center;background:var(--panel,#fff)}.resource-empty-state>span{font-size:34px;color:var(--primary,#4a1cb0)}.resource-empty-state h3{margin:12px 0 6px}.resource-empty-state p{color:var(--muted,#756e7c)}
.resource-archive{margin-top:22px}.resource-archive>details{border:1px solid var(--line,#ded9e5);border-radius:18px;background:var(--panel,#fff)}.resource-archive summary{padding:16px 20px;font-weight:850;cursor:pointer}.resource-archive-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 20px;border-top:1px solid var(--line,#e5e1e9)}.resource-archive-row small{display:block;color:var(--muted,#756e7c)}
.resource-editor-overlay{position:fixed;inset:0;z-index:2600;background:rgba(25,20,32,.38);backdrop-filter:blur(8px);display:grid;place-items:center;padding:28px}.resource-editor-overlay[hidden]{display:none}.resource-editor-card{width:min(920px,96vw);max-height:92vh;overflow:auto;background:var(--panel,#fff);border:1px solid var(--line,#ded9e5);border-radius:25px;box-shadow:0 28px 90px rgba(22,17,29,.25)}.resource-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:24px 26px;border-bottom:1px solid var(--line,#e5e1e9)}.resource-editor-head h2{margin:4px 0 5px}.resource-editor-head p{margin:0;color:var(--muted,#756e7c)}.resource-editor-body{padding:24px 26px}.resource-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-form-grid .full{grid-column:1/-1}.resource-form-grid label{display:block;font-size:12px;font-weight:850;margin-bottom:7px;color:var(--muted,#6f6876)}.resource-form-grid input:not([type=checkbox]),.resource-form-grid select,.resource-form-grid textarea{width:100%}.resource-form-grid textarea{min-height:100px}.resource-fields-editor{margin-top:24px;padding-top:22px;border-top:1px solid var(--line,#e5e1e9)}.resource-fields-editor h3{margin:0 0 4px}.resource-fields-editor p{margin:0 0 14px;color:var(--muted,#756e7c)}.resource-field-row{display:grid;grid-template-columns:minmax(180px,1fr) 150px auto auto;gap:9px;align-items:center;margin-bottom:9px}.resource-field-row label{font-size:13px;font-weight:750;white-space:nowrap}.resource-editor-actions{display:grid;grid-template-columns:auto 1fr auto auto;gap:10px;padding:18px 26px;border-top:1px solid var(--line,#e5e1e9);position:sticky;bottom:0;background:var(--panel,#fff)}
.resource-template-picker{width:min(760px,96vw)}.resource-template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.resource-template-option{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:96px;padding:16px;text-align:left;border:1px solid var(--line,#ded9e5);border-radius:17px;background:var(--panel,#fff);color:var(--text,#2d2735);cursor:pointer}.resource-template-option:hover{border-color:var(--primary,#4a1cb0);box-shadow:0 8px 24px rgba(74,28,176,.1)}.resource-template-option:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.resource-template-option .resource-type-icon{width:48px;height:48px}.resource-template-option strong,.resource-template-option small{display:block}.resource-template-option strong{font-size:16px}.resource-template-option small{margin-top:5px;color:var(--muted,#756e7c);line-height:1.35}.resource-template-chevron{font-size:28px;color:var(--primary,#4a1cb0)}@media(max-width:720px){.resource-template-grid{grid-template-columns:1fr}.resource-create-controls{grid-template-columns:1fr}}
@media(max-width:1000px){.resource-type-grid{grid-template-columns:1fr}.resource-overview-summary{grid-template-columns:repeat(2,1fr)}.resource-page-heading{align-items:flex-start;flex-direction:column}.resource-form-grid{grid-template-columns:1fr}.resource-form-grid .full{grid-column:auto}}
@media(max-width:1250px){.resource-record-row.vehicle-overview-row{grid-template-columns:minmax(180px,1fr) minmax(220px,1.2fr) auto auto}.vehicle-assignment-note{display:none}}

/* Keep resource titles and controls legible at every card width. */
.resource-type-card>header{grid-template-columns:44px minmax(0,1fr) auto}
.resource-type-card>header>div{min-width:0}
.resource-type-card h3,.resource-type-card header p{overflow-wrap:anywhere}
.resource-page-notice{display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--secondary,#22c9dd) 36%,var(--line,#ded9e5));border-radius:14px;background:color-mix(in srgb,var(--secondary,#22c9dd) 9%,var(--panel,#fff));color:var(--text,#2d2735);font-size:13px;font-weight:800}.resource-page-notice>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--secondary,#22c9dd);color:#fff}.resource-editor-actions .permanent-delete{margin-left:8px}.resource-type-card>header .resource-type-icon{overflow:hidden}.resource-type-card>header .resource-type-icon svg{width:28px;height:28px}.resource-type-card>header h3{line-height:1.15}.resource-type-card>header p{line-height:1.35}
.resource-type-icon{overflow:hidden;font-size:0}
.resource-type-icon svg{display:block;width:26px;height:26px}
.scheduling-state{appearance:none;border:0;font-family:inherit;cursor:pointer}
.scheduling-state:focus-visible{outline:3px solid color-mix(in srgb,var(--primary,#4a1cb0) 28%,transparent);outline-offset:2px}
.resource-type-visibility-actions{display:grid;justify-items:end;gap:7px}
.schedule-card-state{appearance:none;border:1px solid var(--line,#ded9e5);border-radius:999px;padding:7px 10px;background:var(--panel,#fff);color:var(--muted,#756e7c);font-family:inherit;font-size:10px;font-weight:850;white-space:nowrap;cursor:pointer}.schedule-card-state.enabled{border-color:color-mix(in srgb,var(--secondary,#22c9dd) 30%,var(--line,#ded9e5));background:color-mix(in srgb,var(--secondary,#22c9dd) 10%,var(--panel,#fff));color:color-mix(in srgb,var(--secondary,#22c9dd) 65%,#064553)}.schedule-card-state:disabled{opacity:.58}.schedule-card-state[disabled]{opacity:.36;cursor:not-allowed}.schedule-card-state:focus-visible{outline:3px solid color-mix(in srgb,var(--secondary,#22c9dd) 28%,transparent);outline-offset:2px}
@media(max-width:640px){.resource-type-card>header{grid-template-columns:44px minmax(0,1fr)}.resource-type-visibility-actions{grid-column:1/-1;justify-items:start}.scheduling-state{justify-self:start}}

/* Match the Customers page: simple grouped headings with independent full-width rows. */
.resource-type-grid{gap:32px}
.resource-type-card{display:block;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.resource-type-card>header{display:grid;grid-template-columns:44px minmax(220px,1fr) auto auto;gap:14px;padding:0 0 14px;border-bottom:1px solid var(--line,#e5e1e9);background:transparent}
.resource-type-copy{min-width:0}.resource-type-card h3{font-size:20px}.resource-type-card header p{font-size:12px}
.resource-type-inline-metrics{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
.resource-type-inline-metrics span{padding:6px 9px;border-radius:999px;background:var(--soft,#f3f1f5);color:var(--muted,#756e7c);font-size:10px;font-weight:800;white-space:nowrap}
.resource-type-inline-metrics strong{color:var(--text,#2d2735);font-size:11px}
.resource-type-card>footer{display:flex;align-items:center;gap:8px;margin:0;padding:10px 0 14px;border:0;background:transparent}
.resource-record-list{display:grid;min-height:0;gap:9px;padding:0}
.resource-record-row,.resource-record-row.vehicle-overview-row{display:grid;grid-template-columns:48px minmax(170px,1.1fr) minmax(230px,1.25fr) minmax(120px,.65fr) auto 18px;gap:14px;align-items:center;width:100%;padding:15px 17px;border:1px solid var(--line,#e8e4ec);border-radius:16px;background:var(--panel,#fff);color:var(--text,#3d3444);text-align:left;box-shadow:0 4px 16px rgba(40,28,52,.025)}
.resource-record-row:last-child{border-bottom:1px solid var(--line,#e8e4ec)}
.resource-record-row:hover{border-color:color-mix(in srgb,var(--primary,#4a1cb0) 30%,var(--line,#e8e4ec));border-radius:16px;background:color-mix(in srgb,var(--primary,#4a1cb0) 3%,var(--panel,#fff))}
.resource-record-avatar{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--primary,#4a1cb0) 10%,var(--panel,#fff));color:var(--primary,#4a1cb0);font-size:12px;font-weight:900}

/* Resource section icons and record codes use the shared Customer badge geometry. */
.resource-type-icon,.resource-record-avatar{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:var(--theme-soft,color-mix(in srgb,var(--primary,#4a1cb0) 10%,var(--panel,#fff)));color:var(--purple,var(--primary,#4a1cb0));box-shadow:none}
.resource-type-icon svg{width:24px;height:24px}
.resource-record-name,.resource-row-detail{min-width:0}.resource-record-name strong,.resource-row-detail strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.resource-record-name small,.resource-row-detail small{display:block;margin-top:4px;overflow:hidden;color:var(--muted,#756e7c);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
.vehicle-compliance-summary{align-content:center}.vehicle-assignment-note{justify-self:start}.resource-status{justify-self:end}.resource-row-chevron{color:var(--muted,#756e7c);font-size:20px;font-weight:800}
.resource-type-empty{padding:28px;border:1px dashed var(--line,#d9d2df);border-radius:16px;background:var(--panel,#fff);text-align:center}
@media(max-width:1200px){
  .resource-type-card>header{grid-template-columns:44px minmax(0,1fr) auto}.resource-type-inline-metrics{grid-column:2/4;justify-content:flex-start}.resource-type-visibility-actions{grid-column:3;grid-row:1}
  .resource-record-row,.resource-record-row.vehicle-overview-row{grid-template-columns:48px minmax(160px,1fr) minmax(210px,1.1fr) auto 18px}.vehicle-assignment-note{display:none}
}
@media(max-width:820px){
  .resource-type-card>header{grid-template-columns:44px minmax(0,1fr)}.resource-type-inline-metrics,.resource-type-visibility-actions{grid-column:1/-1;justify-content:flex-start;justify-items:start}.resource-type-visibility-actions{grid-row:auto}
  .resource-type-card>footer{flex-wrap:wrap}.resource-type-card>footer .resource-order-actions{width:100%}
  .resource-record-row,.resource-record-row.vehicle-overview-row{grid-template-columns:44px minmax(0,1fr) auto 16px}.vehicle-compliance-summary,.resource-row-detail{grid-column:2/5}.resource-status{grid-column:3;grid-row:1}.resource-row-chevron{grid-column:4;grid-row:1}
}