.boss-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:24px; border:1px solid #c9dcec; border-radius:10px; background:linear-gradient(110deg,#f1f7fc,#f1f7fc); }
.boss-banner h2 { margin:10px 0; font-size:24px; }
.boss-banner p { margin:0; max-width:760px; color:var(--muted); line-height:1.7; font-size:13px; }
.boss-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:18px 0; }
.boss-summary > div { padding:18px; border:1px solid var(--border); border-radius:8px; background:var(--panel); }
.boss-summary strong,.boss-summary span { display:block; }
.boss-summary strong { font-size:28px; color:var(--gold); margin-bottom:5px; }
.boss-summary span { font-size:12px; color:var(--muted); }
.boss-filters { display:flex; gap:10px; padding:14px; border:1px solid var(--border); border-radius:8px; background:var(--panel); }
.boss-filters input { flex:1 1 280px; min-width:0; }
.boss-filters select { flex:0 1 185px; width:auto; }
.boss-result-count { margin:18px 0 12px; font-size:12px; color:var(--muted); }
.boss-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.boss-card { display:flex; flex-direction:column; min-width:0; padding:18px; border:1px solid #c9dcec; border-radius:10px; background:linear-gradient(155deg,#f1f7fc,#f1f7fc); }
.boss-card-head { display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
.boss-portrait { display:grid; place-items:center; flex:0 0 52px; width:52px; height:52px; border-radius:12px; border:1px solid #c9dcec; background:radial-gradient(#f1f7fc66,#f1f7fc); font-size:28px; color:var(--gold); overflow:hidden; }
.boss-portrait img { width:44px; height:44px; object-fit:contain; image-rendering:pixelated; }
.boss-card-head > div { flex:1; min-width:0; }
.boss-card h3 { margin:0 0 5px; font-size:16px; }
.boss-card-head small { display:block; font-size:9px; color:var(--muted); overflow-wrap:anywhere; }
.boss-card-head .badge { font-size:9px; }
.boss-location { display:flex; justify-content:space-between; gap:8px; margin:16px 0; padding:10px; border-radius:6px; background:#f1f7fc; font-size:11px; }
.boss-location b { flex-shrink:0; color:var(--gold); }
.boss-maps,.boss-tags { margin-bottom:15px; }
.boss-maps small,.boss-tags > small { display:block; margin-bottom:8px; font-size:10px; color:var(--muted); letter-spacing:.5px; }
.boss-maps > div,.boss-tags > div { display:flex; flex-wrap:wrap; gap:5px; }
.boss-chip { display:inline-block; border:1px solid #c9dcec; padding:4px 7px; border-radius:4px; background:#f1f7fc; font-size:10px; line-height:1.5; }
.boss-chip.gold { color:var(--gold); border-color:#c9dcec; background:#f1f7fc; }
.boss-chip em { color:var(--muted); font-style:normal; }
.boss-hp { margin:2px 0 16px; }
.boss-hp > div { display:flex; justify-content:space-between; gap:8px; font-size:11px; }
.boss-hp b { overflow-wrap:anywhere; }
.boss-hp small { font-size:10px; color:var(--muted); }
.boss-hp progress { display:block; width:100%; height:5px; margin:9px 0 6px; border:0; background:#f1f7fc; accent-color:var(--green); }
.boss-hp progress::-webkit-progress-bar { background:#f1f7fc; }
.boss-hp progress::-webkit-progress-value { background:var(--green); }
.boss-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:18px; }
.boss-metrics > div { padding:10px; border-radius:5px; background:#f1f7fc; }
.boss-metrics small { display:block; margin-bottom:7px; font-size:10px; color:var(--muted); }
.boss-metrics strong { color:var(--gold); font-size:12px; overflow-wrap:anywhere; }
.boss-card-actions { display:flex; justify-content:space-between; gap:8px; margin-top:auto; padding-top:15px; border-top:1px solid var(--border); }
.boss-card-actions button { font-size:11px; padding:9px; }
dialog:has(.boss-editor),dialog:has(.boss-picker),dialog:has(.boss-radar),dialog:has(.boss-control) { width:min(920px,calc(100vw - 28px)); }
.boss-editor-heading { display:flex; gap:15px; align-items:center; margin-bottom:20px; }
.boss-editor-heading p { margin:5px 0; line-height:1.6; }
.boss-editor fieldset { border:0; padding:0; margin:0; min-width:0; }
.boss-editor fieldset:disabled { opacity:.8; }
.boss-editor label small { display:block; margin-top:5px; line-height:1.5; color:var(--muted); }
.boss-editor-section { padding:18px 0; border-top:1px solid var(--border); }
.boss-section-head { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.boss-section-head h3 { margin:0; font-size:15px; }
.boss-inline { display:flex; gap:9px; margin-top:10px; }
.boss-inline select,.boss-inline input { flex:1; min-width:0; }
.boss-inline button { flex-shrink:0; }
.boss-skill-row { display:grid; grid-template-columns:minmax(0,2fr) minmax(65px,.65fr) minmax(95px,1fr) 35px; gap:8px; align-items:end; }
.boss-skill-row label { min-width:0; margin:7px 0; }
.boss-skill-row button { margin-bottom:7px; padding:9px; }
.boss-drop-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.boss-drop { border:1px solid var(--border); border-radius:8px; padding:13px; min-width:0; background:#f1f7fc; }
.boss-drop-head { display:flex; align-items:center; gap:8px; }
.boss-drop-head img { width:34px; height:34px; object-fit:contain; image-rendering:pixelated; }
.boss-drop-head b { flex:1; font-size:13px; }
.boss-drop-head button { padding:5px 9px; }
.boss-option { display:grid; grid-template-columns:minmax(0,1fr) 75px 30px; align-items:center; gap:7px; margin:8px 0; }
.boss-option span { font-size:11px; }
.boss-option button { padding:7px; }
.boss-picker-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:15px; }
.boss-picker-grid button { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:95px; min-width:0; }
.boss-picker-grid img { width:36px; height:36px; object-fit:contain; image-rendering:pixelated; }
.boss-picker-grid b { font-size:12px; }
.boss-picker-grid small { color:var(--muted); }
.boss-runtime { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:15px 0; border-top:1px solid var(--border); }
.boss-runtime .badge { margin-left:10px; }
.boss-runtime small { display:block; margin-top:7px; font-size:11px; color:var(--muted); }
.boss-runtime-actions { flex-shrink:0; }
@media (max-width:1250px) { .boss-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .boss-filters { flex-wrap:wrap; } }
@media (max-width:760px) { .boss-summary { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; } .boss-banner { align-items:flex-start; padding:17px; } .boss-banner h2 { font-size:20px; } .boss-banner > .badge { display:none; } .boss-grid { grid-template-columns:minmax(0,1fr); } .boss-drop-list { grid-template-columns:minmax(0,1fr); } .boss-picker-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .boss-section-head,.boss-runtime { flex-wrap:wrap; } .boss-skill-row { grid-template-columns:minmax(0,1fr) 70px; padding:8px; border:1px solid var(--border); margin-bottom:8px; } .boss-filters select { flex:1 1 120px; } .boss-inline { flex-wrap:wrap; } .boss-inline select { flex-basis:100%; } .boss-card { padding:16px; } }

.boss-view-tabs,.boss-edit-tabs,.boss-pages,.boss-row-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:14px 0}.boss-table-wrap{overflow:auto;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px}.boss-table{width:100%;border-collapse:collapse;min-width:700px}.boss-table th,.boss-table td{text-align:left;padding:14px;border-bottom:1px solid var(--border)}.boss-table small{display:block;margin-top:5px;color:var(--muted)}.boss-row-title{display:flex;align-items:center;gap:12px}.boss-row-title .boss-portrait{width:44px;height:44px}.boss-result-count{margin:12px 0;color:var(--muted)}.boss-pages{justify-content:center}.boss-editor [hidden]{display:none!important}.boss-edit-tabs{position:sticky;top:0;background:var(--surface,#fff);padding:10px 0;z-index:2}.boss-apply{display:flex!important;align-items:center;gap:10px;padding:14px 0}.boss-apply input{width:auto!important}.boss-editor .form-actions{position:sticky;bottom:0;background:var(--surface,#fff);padding:15px 0}
/* Clear contrast for both panel themes. */
.boss-editor,.boss-control,.boss-radar{color:#203349;background:#f5f9fd}
.boss-editor h2,.boss-editor h3,.boss-control h2,.boss-radar h2,.boss-editor .eyebrow{color:#203349}
.boss-editor button,.boss-control button,.boss-radar button,.boss-view-tabs button,.boss-table button,.boss-pages button{color:#203349;background:#fff;border:1px solid #b8cddd}
.boss-editor button.primary,.boss-control button.primary,.boss-view-tabs button.primary,.boss-table button.primary{background:#1769aa;color:#fff;border-color:#1769aa}
.boss-editor .form-actions{position:static;background:transparent}
.boss-edit-tabs{background:#f5f9fd}
.boss-table{color:#203349;background:#fff}.boss-table th{background:#eaf2f9}.boss-table small{color:#526a80}
.boss-editor input,.boss-editor select,.boss-editor textarea,.boss-control input,.boss-control select,.boss-control textarea{color:#203349;background:#fff}
.boss-editor .boss-portrait{background:#eaf2f9;color:#1769aa}

.boss-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px;max-height:62vh;min-height:160px;overflow-y:auto;overscroll-behavior:contain;padding:12px;border:1px solid #c9dcec;border-radius:12px;background:#eaf2f9;scrollbar-width:thin;touch-action:pan-y}.boss-thumbnail{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:130px;padding:12px 7px;background:#fff!important;color:#203349!important;border:1px solid #c9dcec!important;border-radius:10px;cursor:pointer}.boss-thumbnail:hover,.boss-thumbnail:focus-visible{border-color:#1769aa!important;box-shadow:0 0 0 2px #1769aa33;transform:translateY(-1px)}.boss-thumbnail .boss-portrait{width:52px;height:52px;flex:0 0 52px;background:#f0f6fc;color:#1769aa}.boss-thumbnail img{max-width:44px;max-height:44px;object-fit:contain;image-rendering:pixelated}.boss-thumbnail b{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.boss-thumbnail small{font-size:10px;color:#64788a}.boss-thumbnail .is-live{color:#16804b;font-weight:700}.boss-detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.boss-detail-actions button{color:#203349;background:#fff}.boss-detail-actions button.primary{color:#fff;background:#1769aa}.boss-detail-actions button:disabled{opacity:.45}.boss-thumbnail-grid .empty{grid-column:1/-1}@media(max-width:600px){.boss-thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:7px;max-height:65vh}.boss-thumbnail{min-height:116px}}

.boss-view-tabs button{color:#203349;background:#fff;border:1px solid #b8cddd}.boss-view-tabs button.primary{color:#fff;background:#1769aa}.boss-banner .eyebrow{color:#526a80}.boss-filters button{color:#203349;background:#fff}