:root{font-family:system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#1c2c3e;background:#f4f7fb}*{box-sizing:border-box}body{margin:0}header{background:#132a45;color:#fff}a{color:#1761a5;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1240px;margin:auto;padding:0 20px}.nav{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:20px}.nav nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.nav a,.nav span,.nav button{color:#fff}.brand{font-size:22px;font-weight:750}.link{background:none;border:0;cursor:pointer;font-size:inherit;padding:0}main{padding-top:25px!important;padding-bottom:70px!important}h1{font-size:29px;margin:0 0 22px}h2{font-size:19px;margin:0 0 16px}.panel{background:white;border:1px solid #e0e7ee;box-shadow:0 2px 10px #132a450a;padding:25px;border-radius:12px;margin-bottom:20px}.narrow{max-width:440px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}label{display:block;font-weight:650;font-size:13px;margin-bottom:13px}input:not([type=checkbox]),select,textarea{display:block;width:100%;padding:11px 12px;border:1px solid #becbd8;border-radius:7px;background:#fff;margin:6px 0 0;font:inherit;color:#213449}textarea{resize:vertical}button,.button{display:inline-block;background:#1464a8;color:white!important;border:0;border-radius:7px;padding:11px 18px;font-weight:650;cursor:pointer;font-size:14px}.actions{display:flex;gap:18px;align-items:center;margin-bottom:20px}.search{display:flex;align-items:center;gap:10px}.search input{flex:1;margin:0}.search select{width:180px;margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th,td{padding:13px;border-bottom:1px solid #e7edf2;white-space:nowrap}th{font-size:12px;color:#62758a;background:#f7f9fc;text-transform:uppercase}tr:hover td{background:#fbfdff}.muted{color:#758699;font-size:13px}.flash{background:#e6f5ea;border:1px solid #b4dfbf;color:#27633a;padding:14px;border-radius:8px;margin-bottom:20px}.error{color:#b72929}.status{font-size:12px;font-weight:750;padding:5px 9px;border-radius:6px;background:#e3e9f0}.status.active{background:#ddf3e4;color:#146a32}.status.cancelled,.status.inactive{background:#fbe7e4;color:#9d2820}.status.pending{background:#fff3d8;color:#966000}.details{display:grid;grid-template-columns:230px 1fr;margin:0}.details dt,.details dd{margin:0;padding:10px 8px;border-bottom:1px solid #eef1f5}.details dt{color:#64778a}.details dd{font-weight:530;overflow-wrap:anywhere}.activity{padding:13px 0;border-bottom:1px solid #edf1f5}.activity p{white-space:normal;margin:8px 0}.inline{display:flex;gap:12px;align-items:center}.inline select{max-width:250px}.pager{margin-top:18px}.pager a{display:inline-block;padding:7px 12px;border-radius:5px}.pager .current{background:#1464a8;color:white}@media(max-width:720px){.nav,.nav nav{align-items:flex-start;flex-direction:column;padding-top:12px;padding-bottom:12px}.form-grid{grid-template-columns:1fr}.details{grid-template-columns:130px 1fr}.search{flex-wrap:wrap}.search input{flex-basis:100%}.search select{flex:1}}

button.secondary{background:#64778a}h3{font-size:16px;margin:22px 0 10px}.catalog-form{margin-top:12px}

/* Priloge: predogledi slik; dostop prek prijavljenega PHP uporabnika */
.attachment-entry{display:flex;gap:16px;align-items:center;min-height:80px}
.attachment-preview{display:block;flex:0 0 148px;width:148px;height:100px;border:1px solid #d9e3ed;border-radius:9px;overflow:hidden;background:#f2f5f9}
.attachment-preview img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .15s ease}
.attachment-preview:hover img{transform:scale(1.05)}
.attachment-info{min-width:0;overflow-wrap:anywhere}
.attachment-file-icon{display:grid;place-items:center;flex:0 0 70px;height:78px;border-radius:8px;background:#f7e9e7;color:#9d342e;font-weight:750}
@media(max-width:500px){.attachment-preview{flex-basis:106px;width:106px;height:85px}}

/* V4: admin-only comment removal */
.comment-entry{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.comment-entry>div{min-width:0;overflow-wrap:anywhere}.comment-entry form{flex-shrink:0}.comment-entry button.danger{background:#b42318;padding:7px 12px;font-size:12px}.comment-entry button.danger:hover{background:#912018}

/* V5: admin-only attachment removal. */
.attachment-entry{justify-content:space-between;flex-wrap:wrap}.attachment-entry .attachment-info{flex:1;min-width:180px;overflow-wrap:anywhere}.attachment-entry form{flex-shrink:0}.attachment-entry button.danger{background:#b42318;padding:7px 12px;font-size:12px}.attachment-entry button.danger:hover{background:#912018}

/* V6: circuit map */
#circuit-map{width:100%;height:min(67vh,680px);min-height:400px;border:1px solid #d9e4ee;border-radius:9px;z-index:0}.map-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;margin:12px 0}.map-toolbar label{flex:1;min-width:180px}.map-toolbar select,.map-toolbar input{margin-top:5px}.map-toolbar #map-count{padding-bottom:18px}.map-subtitle{margin-top:25px}.map-missing-row{padding:10px 0;border-bottom:1px solid #e4eaf0;display:flex;gap:15px;flex-wrap:wrap}.map-missing-row a{font-weight:700}.map-missing-row span{color:#657b90}.geo-form{margin-top:18px}.geo-form input{max-width:340px}

/* v7: shared filtering UI */
.search.circuit-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.circuit-filters label{flex:1 1 165px;min-width:150px;margin:0}
.circuit-filters .filter-search{flex:2 1 260px}
.circuit-filters input,.circuit-filters select{width:100%;margin-top:5px}
.circuit-filters button,.circuit-filters>a{margin-bottom:0}
.map-toolbar label{min-width:160px}
.map-toolbar button{margin-bottom:13px}

/* v8: dark, low-glare interface (no database changes). */
:root{
 color-scheme:dark;
 --bg:#101721;--surface:#1b2634;--surface-alt:#202e3e;
 --border:#33465b;--text:#e6edf5;--subtle:#a9bacb;
 --accent:#72b7ff;--accent-strong:#276da9;
 background:var(--bg);color:var(--text);
}
body{background:var(--bg);color:var(--text)}
header{background:#151f2d;border-bottom:1px solid var(--border)}
.nav a,.nav span,.nav button{color:#e6edf5}
.nav a:hover,.nav button:hover{color:#a9d6ff}
a{color:var(--accent)}a:hover{color:#a9d6ff}
.panel{background:var(--surface);border:1px solid var(--border);box-shadow:0 4px 18px #00000020}
input:not([type=checkbox]),select,textarea{background:#121d29;color:var(--text);border-color:#45576b}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid:#85c6ff;outline-offset:2px}
input::placeholder,textarea::placeholder{color:#91a3b7;opacity:1}
button,.button{background:var(--accent-strong);color:#fff!important}
button:hover,.button:hover{background:#3686c4;text-decoration:none}
button.secondary{background:#3b5269}button.secondary:hover{background:#4c6680}
th{background:#243447;color:#c0cfdd}
th,td{border-bottom-color:var(--border)}
tr:hover td{background:#26384c}
.muted,.details dt,.map-missing-row span{color:var(--subtle)}
.details dt,.details dd,.activity,.map-missing-row{border-bottom-color:var(--border)}
.flash{background:#1b3b32;border-color:#36745e;color:#c7f1da}
.error{color:#ff9d9d}
.status{background:#344458;color:#dce8f3}
.status.active{background:#214d39;color:#9ae3b2}
.status.cancelled,.status.inactive{background:#573237;color:#ffb2ac}
.status.pending{background:#59472a;color:#ffda92}
.pager .current{background:#347cb3;color:white}
.attachment-preview{background:#182431;border-color:#45576b}
.attachment-file-icon{background:#4b3237;color:#ffd1ca}
.comment-entry button.danger,.attachment-entry button.danger{background:#a83d3b}
.comment-entry button.danger:hover,.attachment-entry button.danger:hover{background:#c34c49}
#circuit-map{border-color:var(--border);background:#151e2a}
.leaflet-container{background:#151e2a;color:#e6edf5}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#253448;color:#e6edf5}
.leaflet-popup-content a{color:#93caff}
.leaflet-control-zoom a{background:#253448;color:#edf4fc;border-color:#45576b}
.leaflet-control-zoom a:hover{background:#344b62;color:white}
.leaflet-control-attribution{background:#1b2634db!important;color:#c2cede!important}
.leaflet-control-attribution a{color:#93caff!important}
@media(prefers-reduced-motion:reduce){.attachment-preview img{transition:none}}
/* Circuit Manager - širši pregled circuitov */

@media (min-width: 1400px) {

    body:has(.table-wrap) main {
        max-width: 96% !important;
        width: 96% !important;
    }

    body:has(.table-wrap) main > .card {
        width: 100%;
        max-width: none;
    }

    body:has(.table-wrap) table {
        width: 100%;
    }

    body:has(.table-wrap) th,
    body:has(.table-wrap) td {
        white-space: nowrap;
    }
}
/* Širši prikaz Circuit Managerja na velikih zaslonih */

@media (min-width: 1400px) {

    main.wrap {
        max-width: 98% !important;
        width: 98% !important;
    }

    main.wrap .panel {
        max-width: 100% !important;
    }

    main.wrap .table-scroll {
        width: 100%;
        overflow-x: auto;
    }

    main.wrap table {
        width: 100%;
        min-width: 1300px;
    }
}
@media (min-width: 1400px) {
    header .wrap {
        max-width: 98% !important;
        width: 98% !important;
    }
}