.resources-panel { overflow: hidden; }
.resources-panel .panel-head { margin-bottom: .4rem; }
.resource-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .7rem; padding: .85rem 0 1rem; border-top: 1px solid var(--border); }
.resource-path { margin-right: auto; color: var(--text); font-family: ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.resource-layout { display: grid; grid-template-columns: minmax(220px, 30%) minmax(0, 1fr); min-height: 510px; border: 1px solid var(--border); background: rgb(8 12 12 / .55); }
.resource-browser { border-right: 1px solid var(--border); padding: .65rem; overflow: auto; max-height: 70vh; }
.resource-row { display: flex; align-items: stretch; border-bottom: 1px solid rgb(213 175 113 / .1); }
.resource-entry { display: flex; align-items: center; gap: .55rem; min-width: 0; flex: 1; padding: .65rem .55rem; text-align: left; color: var(--text); border: 0; background: transparent; cursor: pointer; overflow-wrap: anywhere; }
.resource-entry:hover, .resource-entry:focus-visible, .resource-row-action:hover { background: rgb(194 151 86 / .13); }
.resource-entry.directory, .resource-entry.up { color: #dfb77a; }
.resource-icon { width: 1.25rem; flex: none; color: #d4a662; }
.resource-row-action { min-width: 2rem; color: var(--muted); border: 0; background: transparent; cursor: pointer; }
.resource-row-action.danger:hover { color: #e89482; }
.resource-workspace { display: flex; flex-direction: column; min-width: 0; padding: 1rem; }
.resource-editor-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem; margin-bottom: .8rem; }
.resource-editor-head strong { overflow-wrap: anywhere; }
.resource-editor { flex: 1; min-height: 365px; width: 100%; resize: vertical; font: .9rem/1.5 ui-monospace, SFMono-Regular, Consolas, monospace; tab-size: 2; white-space: pre; color: #e3dccd; background: #0b1111; }
.resource-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; padding-top: .9rem; }
.version-list { display: grid; gap: .55rem; }
.version-row { align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem; border: 1px solid var(--border); }
.version-meta { display: grid; gap: .25rem; min-width: 0; overflow-wrap: anywhere; }
.monitor-history { padding: .3rem 0; }
.monitor-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; margin-bottom: 1rem; }
.monitor-kpis > div { display: grid; gap: .2rem; padding: .75rem .9rem; border: 1px solid rgb(185 150 99 / .22); background: linear-gradient(140deg, rgb(75 66 48 / .27), rgb(17 19 17 / .35)); }
.monitor-kpis small { color: var(--muted); }
.monitor-kpis strong { color: var(--accent-light); font: 1.25rem/1.2 var(--display); }
.monitor-graph { display: block; width: 100%; height: 190px; padding: .35rem; border: 1px solid var(--border); background: linear-gradient(180deg, rgb(29 38 35 / .7), rgb(12 16 16 / .8)); }
.monitor-grid { stroke: rgb(212 176 119 / .2); stroke-width: 1; stroke-dasharray: 4 7; }
.monitor-line { fill: none; stroke: #d9b978; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgb(217 185 120 / .4)); }
.monitor-segment.healthy { fill: #88af91; } .monitor-segment.failed { fill: #d27667; }
.monitor-axis { display: flex; justify-content: space-between; gap: .5rem; color: var(--muted); font: .7rem/1.5 var(--mono); }
.guide-panel { max-width: 100%; }
.guide-article { max-width: 78ch; margin: 1.1rem auto 0; padding: clamp(1rem, 3vw, 2.5rem); border: 1px solid rgb(185 150 99 / .3); background: linear-gradient(155deg, rgb(45 39 28 / .75), rgb(21 21 18 / .92)); box-shadow: 0 22px 55px rgb(0 0 0 / .2); }
.guide-article h2 { font: 1.7rem/1.15 var(--display); color: #f1debd; }
.guide-article h3 { margin: 1.6rem 0 .5rem; padding-bottom: .35rem; border-bottom: 1px solid rgb(185 150 99 / .25); color: var(--accent-light); font: 1.2rem/1.3 var(--display); }
.guide-article p, .guide-article li { line-height: 1.65; }
.guide-article ul { padding-left: 1.4rem; }
.guide-article li { margin: .45rem 0; }
.guide-article li::marker { color: var(--accent); }
.guide-editor { width: 100%; min-height: 65vh; margin-top: 1rem; padding: 1rem; font: .9rem/1.6 var(--mono); resize: vertical; }
.schedule-panel { max-width: 950px; }
.schedule-form { display: flex; flex-wrap: wrap; align-items: end; gap: 1rem; padding: 1rem; border: 1px solid var(--border); background: rgb(8 12 12 / .4); }
.schedule-form > label { display: grid; gap: .35rem; }
.schedule-form input[type=time] { min-width: 9rem; }
.schedule-days { display: flex; flex-wrap: wrap; gap: .4rem .8rem; flex: 1; }
.schedule-days .check { white-space: nowrap; }
.schedule-list { display: grid; gap: .6rem; margin-top: 1rem; }
.schedule-entry { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .6rem 1rem; padding: 1rem 1.2rem; border: 1px solid var(--border); border-left: 3px solid var(--accent); background: linear-gradient(115deg, rgb(71 57 36 / .28), rgb(16 20 19 / .45)); }
.schedule-entry.disabled { opacity: .55; border-left-color: var(--muted); }
.schedule-entry strong { font: 1.5rem/1.2 var(--display); color: var(--accent-light); }
.schedule-entry p { margin: .3rem 0; }
.schedule-entry small { display: block; }
@media (max-width: 650px) { .monitor-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.incident-list { display: grid; gap: .5rem; } .incident { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem 1rem; padding: .7rem; border: 1px solid var(--border); }
.incident.open { border-color: #bd7254; } .incident.resolved { opacity: .65; } .incident small { color: var(--muted); }
.maintenance-form { display: grid; gap: 1rem; max-width: 42rem; } .maintenance-form label:not(.check) { display: grid; gap: .35rem; }
.database-overview { margin: 1rem 0; padding: 1rem; border: 1px solid var(--border); background: rgb(8 12 12 / .55); }
.database-overview-head { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem 1rem; margin-bottom: .9rem; }
.database-overview-head h4 { margin: 0; }
.database-overview-head input { width: min(100%, 19rem); margin-left: auto; }
.database-index { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: .45rem; }
.database-index-entry { min-width: 0; padding: .6rem .75rem; border: 1px solid var(--border); background: rgb(21 32 30 / .65); color: var(--text); text-align: left; overflow-wrap: anywhere; font: .78rem/1.3 ui-monospace, SFMono-Regular, Consolas, monospace; cursor: pointer; }
.database-index-entry:hover, .database-index-entry:focus-visible { border-color: #c8a46c; background: rgb(194 151 86 / .13); }
.database-index-entry.active { border-color: #d4a662; background: rgb(194 151 86 / .2); color: #f1d7ac; }
.database-table { max-height: 60vh; overflow: auto; border: 1px solid var(--border); }
.database-table .table { min-width: max-content; width: 100%; }
.database-table th { position: sticky; top: 0; z-index: 1; background: #172020; }
.database-table td { max-width: 19rem; vertical-align: top; }
.database-cell { display: block; max-width: 19rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .82rem; }
.database-form { margin-top: 1rem; padding: 1.1rem; border: 1px solid var(--border); background: rgb(8 12 12 / .65); }
.database-form-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: .8rem; max-height: 55vh; overflow: auto; }
.database-field { display: grid; gap: .35rem; min-width: 0; }
.database-field small { color: var(--muted); font-weight: normal; }
.database-field input, .database-field textarea { width: 100%; font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .86rem; }
.database-null { display: inline-flex; align-items: center; gap: .4rem; color: var(--muted); }
@media (max-width: 760px) { .resource-layout { grid-template-columns: 1fr; } .resource-browser { max-height: 270px; border-right: 0; border-bottom: 1px solid var(--border); } }