/* Sate cu internet rapid (views/utile/sate-cu-internet-rapid.ejs) */
.is-mapwrap { padding: 28px 0 8px; }
.is-bar { display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: center; margin: 12px 0 10px; }
.is-search { position: relative; flex: 1 1 300px; max-width: 460px; display: flex; align-items: center; gap: 8px; border: 1px solid #d1d5db; border-radius: 12px; background: #fff; padding: 0 12px; }
.is-search:focus-within { border-color: #2563eb; box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); }
.is-search .ut-icon { width: 18px; height: 18px; color: #6b7280; flex-shrink: 0; }
.is-search input { flex: 1; min-width: 0; border: 0; outline: 0; padding: 11px 0; font-size: 1rem; background: transparent; }
.is-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.is-results { position: absolute; z-index: 1000; top: calc(100% + 6px); left: 0; right: 0; list-style: none; margin: 0; padding: 6px; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; box-shadow: 0 12px 32px rgba(15, 23, 42, .16); max-height: 360px; overflow: auto; }
.is-results li[data-i] { display: flex; align-items: center; gap: 10px; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.is-results li[data-i]:hover, .is-results li.is-active { background: #eff6ff; }
.is-res__a { flex: 1; min-width: 0; color: #111827; font-size: .92rem; }
.is-res__a small { color: #6b7280; }
.is-res__c { font-size: .78rem; font-weight: 600; color: #4b5563; white-space: nowrap; }
.is-none { padding: 8px 10px; font-size: .88rem; color: #4b5563; }
.is-jud select { border: 1px solid #d1d5db; border-radius: 12px; padding: 10px 12px; background: #fff; font-size: .95rem; max-width: 100%; }
.is-only { display: inline-flex; align-items: center; gap: 6px; font-size: .92rem; color: #374151; cursor: pointer; }
.is-only input, .is-legend input { accent-color: #111827; }
.is-legend { list-style: none; margin: 0 0 10px; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: .88rem; color: #374151; }
.is-legend label { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.is-legend em { font-style: normal; color: #6b7280; }
.is-dot { display: inline-block; width: 12px; height: 12px; border-radius: 50%; flex-shrink: 0; box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(0, 0, 0, .12); }
.is-map { height: 70vh; min-height: 420px; max-height: 760px; border: 1px solid #d1d5db; border-radius: 14px; overflow: hidden; background: #e5e7eb; z-index: 0; }
.is-status { margin: 8px 0 0; font-size: .9rem; color: #374151; }
.is-source { margin: 4px 0 0; font-size: .8rem; color: #6b7280; }

/* fereastra unei localități */
.is-pop { font-size: .87rem; line-height: 1.45; }
.is-pop__name { margin: 0 0 6px !important; font-weight: 700; font-size: 1rem; color: #111827; }
.is-pop__name span { display: block; font-weight: 400; font-size: .8rem; color: #6b7280; }
.is-pop__cls { margin: 0 0 6px !important; color: #374151; }
.is-chip { display: inline-block; color: #fff; font-weight: 700; font-size: .76rem; border-radius: 999px; padding: 2px 9px; }
.is-pop__warn { margin: 6px 0 !important; color: #991b1b; background: #fef2f2; border-radius: 6px; padding: 6px 8px; font-size: .8rem; }
.is-pop__h { margin: 8px 0 4px !important; font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: #6b7280; }
.is-bar100 { display: flex; height: 12px; border-radius: 6px; overflow: hidden; background: #e5e7eb; }
.is-bar100 span { display: block; height: 100%; }
.is-pop__legend { list-style: none; margin: 6px 0 !important; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 2px 10px; font-size: .78rem; color: #374151; }
.is-pop__legend i { display: inline-block; width: 9px; height: 9px; border-radius: 2px; margin-right: 5px; vertical-align: 0; }
.is-pop__meta { margin: 6px 0 !important; color: #374151; font-size: .8rem; }
.is-pop__links { margin: 6px 0 0 !important; }
.is-pop__links a { color: #2563eb; font-weight: 600; }

/* conținutul de sub hartă */
.is-content { padding-bottom: 32px; }
.is-p { color: #374151; line-height: 1.65; margin: 0 0 16px; max-width: 75ch; }
.is-cities { display: grid; gap: 12px; }
@media (min-width: 768px) { .is-cities { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .is-cities { grid-template-columns: 1fr 1fr 1fr; } }
.is-city { background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 14px 16px; }
.is-city h3 { margin: 0 0 8px; font-size: 1.02rem; font-weight: 700; color: #111827; }
.is-city ol { margin: 0; padding-left: 18px; display: grid; gap: 6px; font-size: .88rem; }
.is-city li span { display: block; color: #6b7280; font-size: .8rem; }
.is-city a { color: #1d4ed8; }
.is-tablewrap { overflow-x: auto; border: 1px solid #e5e7eb; border-radius: 12px; background: #fff; }
.is-table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.is-table th, .is-table td { padding: 9px 12px; text-align: right; border-bottom: 1px solid #f3f4f6; white-space: nowrap; }
.is-table thead th { background: #f9fafb; color: #374151; font-weight: 600; position: sticky; top: 0; }
.is-table th[scope=row], .is-table thead th:first-child { text-align: left; }
.is-table small { color: #6b7280; }
.is-table a { color: #2563eb; }
.is-classes { display: grid; gap: 10px; }
.is-class { display: flex; gap: 10px; align-items: flex-start; background: #fff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 12px 14px; }
.is-class .is-dot { margin-top: 5px; }
.is-class p { margin: 0; color: #374151; line-height: 1.55; font-size: .93rem; }
@media (max-width: 640px) { .is-map { height: 64vh; min-height: 360px; } .is-search { max-width: none; } }