/* Resource manager layout; shared palette is defined by windows.css. */
.resource-import { display:grid; gap:12px; padding:18px; margin:16px 0; border:1px dashed var(--app-glass-edge); border-radius:14px; background:var(--app-glass-card); box-shadow:var(--app-glass-highlight); }
.resource-import > .button { justify-self:start; }
.resource-import-heading { display:flex; align-items:flex-start; gap:12px; }
.resource-import-heading > span { flex:none; color:var(--desk-accent); }
.resource-import-heading svg { width:22px; height:22px; }
.resource-review-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; }
.resource-preview small { color:var(--desk-muted); line-height:1.5; }
.resource-file { display:grid; gap:8px; font-size:13px; min-width:0; }
.resource-file input { max-width:100%; font-size:12px; }
.resource-file input::file-selector-button { border:1px solid var(--app-glass-edge); border-radius:8px; background:var(--app-glass-control); color:var(--desk-text); padding:8px 12px; margin-right:10px; cursor:pointer; }
.resource-preview { display:grid; gap:6px; padding:12px; border:1px solid var(--app-glass-edge); border-radius:10px; background:var(--app-glass-control); box-shadow:var(--app-glass-highlight); overflow-wrap:anywhere; }
.resource-preview span, .resource-preview p { font-size:13px; color:var(--desk-muted); margin:0; }
.resource-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:8px; margin:12px 0; }
.resource-toolbar > label:first-child { flex:1; min-width:160px; }
.resource-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.1fr); gap:18px; align-items:start; }
.resource-list { display:grid; gap:12px; max-height:650px; overflow:auto; }
.resource-card { padding:16px; border:1px solid var(--app-glass-edge); border-radius:12px; background:var(--app-glass-card); box-shadow:var(--app-glass-highlight); min-width:0; }
.resource-card.selected { border-color:var(--desk-accent); background:var(--app-glass-selected); }
.resource-card-heading { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; }
.resource-card strong { overflow-wrap:anywhere; }
.resource-card p { font-size:13px; line-height:1.6; color:var(--desk-muted); white-space:pre-wrap; overflow-wrap:anywhere; }
.resource-card pre { white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:12px; line-height:1.6; }
.resource-card small { color:var(--desk-muted); }
.resource-card details { width:100%; font-size:12px; }
.resource-card summary, .resource-advanced summary { cursor:pointer; padding:8px 0; }
.resource-card .resource-toolbar { align-items:center; }
.resource-card .resource-toolbar button { max-width:100%; }
.resource-feedback { white-space:pre-wrap; overflow-wrap:anywhere; font-size:13px; line-height:1.5; min-height:20px; color:var(--desk-text); }
.resource-extension-info { min-width:0; flex:1; }
.resource-extension-info > div { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.resource-extension-info small { color:var(--desk-muted); font-size:11px; }
.resource-extension-info p { margin:6px 0 0; }
.settings-dialog .manager-row { flex-wrap:wrap; gap:12px; padding:14px 0; }
.resource-advanced { border-top:1px solid var(--app-glass-edge); margin-top:16px; }
.skill-toolbar { align-items:end; }
.skill-layout { grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr); gap:14px; }
.skill-list { max-height:560px; gap:6px; }
.skill-row { width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px; text-align:left; cursor:pointer; padding:11px 12px; }
.skill-row-copy { display:grid; min-width:0; gap:3px; }
.skill-row-copy strong, .skill-row-description { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.skill-row-description, .skill-assignment, .skill-row small { color:var(--desk-muted); font-size:12px; }
.skill-row small, .skill-assignment { grid-column:1 / -1; }
.skill-detail, .skill-detail-empty { min-width:0; padding:14px; border:1px solid var(--app-glass-edge); border-radius:12px; background:var(--app-glass-card); }
.skill-detail-empty { align-self:start; color:var(--desk-muted); }
.skill-detail { display:grid; align-content:start; gap:10px; }
.skill-detail .template-editor-heading { padding:0; }
.skill-detail .template-editor-heading:focus { outline:2px solid var(--desk-accent); outline-offset:3px; }
.skill-back { justify-self:start; display:flex; align-items:center; gap:7px; }
.skill-back svg { width:16px; height:16px; }
.skill-editor { display:grid; gap:10px; padding:0; border:0; background:transparent; box-shadow:none; }
.skill-editor .template-editor-footer { flex-wrap:wrap; }
.skill-readonly { display:grid; gap:8px; min-width:0; }
.skill-readonly > p { margin:0; }
.skill-readonly pre { max-height:360px; overflow:auto; white-space:pre-wrap; overflow-wrap:anywhere; font:inherit; font-size:12px; }
.skill-package, .skill-instructions { min-width:0; overflow-wrap:anywhere; }
.skill-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.skill-assignment-note { color:var(--desk-muted); }
.resource-import > p { margin:0; }
.resource-import > div:first-child > p { margin:5px 0 0; }
.resource-import .resource-preview { border-left:3px solid var(--desk-accent); }
@media(max-width:760px) { .resource-grid { grid-template-columns:1fr; } .resource-list { max-height:420px; } .resource-toolbar { align-items:stretch; } .resource-toolbar > label { width:100%; } }
@media(max-width:560px) {
  .skill-layout.skill-detail-open .skill-list { display:none; }
  .skill-layout:not(.skill-detail-open) .skill-detail { display:none; }
  .skill-layout:not(.skill-detail-open) .skill-detail-empty { display:block; }
  .skill-row { min-height:60px; }
  .skill-editor textarea { min-height:220px; }
}