#database-control-screen { color: #182024; background: #fff; min-width: 0; max-width: 100%; }
#database-control-screen .dbc-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; margin: 20px 0; }
#database-control-screen .dbc-toolbar > * { min-width: 0; max-width: 100%; }
#database-control-screen .dbc-cards { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 20px; margin: 24px 0; }
#database-control-screen .dbc-card, #database-control-screen .dbc-block { padding: 24px; border: 1px solid #d9e0dd; border-radius: 10px; background: white; }
#database-control-screen .dbc-card { background: linear-gradient(135deg,#fff,#f0f8f4); }
#database-control-screen .dbc-card > span { font-size: .9rem; font-weight: 600; color: #66747a; }
#database-control-screen .dbc-card strong { display: block; font-size: 2rem; letter-spacing: -.025em; font-variant-numeric: tabular-nums; color: #13513d; margin-top: 12px; overflow-wrap: anywhere; }
#database-control-screen .dbc-card small { display: block; color: #66747a; margin-top: 8px; }
#database-control-screen .dbc-block { margin-top: 28px; }
#database-control-screen h2 { font-size: 1.2rem; font-weight: 700; }
#database-control-screen .dbc-note { margin: 12px 0; color: #66747a; font-size: .875rem; }
#database-control-screen .dbc-filters, #database-control-screen .dbc-sources { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
#database-control-screen .dbc-filters { background: #eef3f6; margin-bottom: 20px; }
#database-control-screen .dbc-filter-actions { grid-column: 1 / -1; }
#database-control-screen .dbc-eyebrow { display: block; color: #24724f; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; font-weight: 700; margin-bottom: 8px; }
#database-control-screen .dbc-shortcuts { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 16px; }
#database-control-screen .dbc-shortcuts a { color: #047857; font-size: .85rem; text-decoration: underline; text-underline-offset: 3px; }
#database-control-screen #dbc-coverage, #database-control-screen #dbc-monitoring { scroll-margin-top: 24px; }
#database-control-screen .dbc-legend { display: inline-block; width: 9px; height: 9px; border-radius: 3px; background: #047857; margin-right: 6px; }
#database-control-screen .dbc-months { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 5px; }
#database-control-screen .dbc-month { border-radius: 4px; padding: 5px 1px; text-align: center; font-size: .7rem; font-weight: 600; }
#database-control-screen .dbc-month-present { background: #dff1e7; color: #13513d; border: 1px solid #abd5bd; }
#database-control-screen .dbc-month-absent { background: #f0f2f3; color: #7e898d; border: 1px solid #e2e7e5; }
#database-control-screen .dbc-coverage-table th:nth-child(1) { width: 20%; }
#database-control-screen .dbc-coverage-table th:nth-child(2) { width: 9%; }
#database-control-screen .dbc-coverage-table th:nth-child(3) { width: 36%; }
#database-control-screen .dbc-coverage-table th:nth-child(4) { width: 13%; }
#database-control-screen .dbc-coverage-table th:nth-child(5) { width: 22%; }
#database-control-screen tbody tr:nth-child(even) { background: #f8faf9; }
#database-control-screen .dbc-badge { display: inline-block; padding: 5px 9px; border-radius: 6px; font-size: .76rem; font-weight: 600; }
#database-control-screen .dbc-badge-ok { color: #13513d; background: #dff1e7; }
#database-control-screen .dbc-badge-warning { color: #81510a; background: #fff0d0; }
#database-control-screen .dbc-badge-neutral { color: #52636d; background: #e2e8ed; }
#database-control-screen .dbc-filters label { display: block; font-weight: 600; margin-bottom: 8px; }
#database-control-screen select { width: 100%; min-height: 46px; padding: 10px; border: 1px solid #d9e0dd; border-radius: 4px; background: white; }
#database-control-screen .dbc-source { padding: 20px; background: #eef3f6; border-radius: 6px; overflow-wrap: anywhere; }
#database-control-screen .dbc-source h3 { font-weight: 700; margin-bottom: 12px; }
#database-control-screen dl { margin-top: 12px; }
#database-control-screen dt { color: #66747a; font-size: .8rem; margin-top: 12px; }
#database-control-screen dd { margin-top: 4px; }
#database-control-screen table { width: 100%; table-layout: fixed; border-collapse: collapse; font-size: .85rem; }
#database-control-screen th, #database-control-screen td { padding: 14px 10px; border-bottom: 1px solid #d9e0dd; text-align: left; vertical-align: top; overflow-wrap: anywhere; }
#database-control-screen th { position: sticky; top: 0; z-index: 1; background: #eef3f6; }
#database-control-screen th button { width: 100%; padding: 0; text-align: inherit; font-weight: 700; background: transparent; border: 0; color: inherit; }
#database-control-screen .dbc-number { text-align: right; font-variant-numeric: tabular-nums; }
#database-control-screen .dbc-pagination { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 20px; }
#database-control-screen .dbc-pagination > div { display: flex; gap: 12px; }
#database-control-screen button:focus-visible, #database-control-screen select:focus-visible, #database-control-screen summary:focus-visible { outline: 2px solid #047857; outline-offset: 3px; }
#database-control-screen summary { cursor: pointer; font-weight: 700; }
#database-control-screen details > summary { padding: 16px; background: #eef3f6; border-radius: 6px; }
#database-control-screen .dbc-inventory { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin-top: 20px; }
#database-control-screen .dbc-update-meter { display: flex; align-items: center; gap: 16px; margin: 16px 0; }
#database-control-screen .dbc-update-meter progress { width: 100%; min-width: 0; height: 18px; accent-color: #047857; }
#database-control-screen .dbc-update-meter strong { font-variant-numeric: tabular-nums; }
#database-control-screen [data-state="error"] { color: #9f2424; }
@media(max-width:1100px) { #database-control-screen .dbc-cards { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:800px) {
    #database-control-screen .dbc-block, #database-control-screen .dbc-card { padding: 18px; }
    #database-control-screen .dbc-cards, #database-control-screen .dbc-filters, #database-control-screen .dbc-sources, #database-control-screen .dbc-inventory { grid-template-columns: 1fr; }
    #database-control-screen table, #database-control-screen tbody, #database-control-screen tr, #database-control-screen td { display: block; }
    #database-control-screen thead { display: block; }
    #database-control-screen thead tr { display: flex; flex-wrap: wrap; }
    #database-control-screen th { display: block; flex: 1 1 110px; position: static; }
    #database-control-screen .dbc-coverage-table th { width: auto; }
    #database-control-screen tbody tr { border: 1px solid #d9e0dd; border-radius: 6px; margin-top: 16px; padding: 8px; }
    #database-control-screen td { text-align: left; border-bottom: 0; }
    #database-control-screen td.dbc-number { text-align: left; }
    #database-control-screen td[data-label]::before { content: attr(data-label); display: block; color: #66747a; font-size: .75rem; margin-bottom: 4px; }
}