/* Container and layout */
.wp-phonebook-wrap{border:1px solid #e5e7eb;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(16,24,40,0.08);max-width:1200px;margin:0 auto 24px;font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;box-sizing:border-box}

/* Category tabs and matched numbers */
.wp-phonebook-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}
.wp-phonebook-tab{min-width:130px;padding:10px 14px;border-radius:24px;background:#f8fafc;border:2px solid #e2e8f0;cursor:pointer;font-weight:600;text-align:center;font-size:0.9rem;transition:all 0.2s ease;color:#475569}
.wp-phonebook-tab:hover{background:#f1f5f9;border-color:#cbd5e1}
.wp-phonebook-tab.active{background:#0073aa;color:#fff;border-color:#0073aa;box-shadow:0 2px 6px rgba(0,115,170,0.25)}

.wp-phonebook-filter-top{display:flex;gap:16px;align-items:flex-start;margin-bottom:16px;padding:14px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb;flex-wrap:wrap}
.wp-phonebook-filter-top label{font-size:0.95rem;color:#374151;display:inline-flex;align-items:center;gap:8px;font-weight:500;flex:1 1 auto}
.wp-phonebook-filter-top input[type="search"]{padding:10px 12px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;width:100%;font-size:1rem;transition:border-color 0.2s ease}
.wp-phonebook-filter-top input[type="search"]:focus{outline:none;border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,0.1)}
.wp-phonebook-matched{background:#f8fafc;border:2px solid #e2e8f0;padding:10px 12px;border-radius:8px;overflow-y:auto;margin-bottom:16px;box-shadow:inset 0 1px 3px rgba(16,24,40,0.05);border-bottom:15px solid #000;padding-bottom:14px}
.wp-phonebook-matched-title{font-size:0.95rem;margin:0 0 8px 0;color:#0f172a;font-weight:700;letter-spacing:-0.01em}
.wp-phonebook-matched-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:100%}
.wp-phone-matched-agency-box{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:8px;box-shadow:0 1px 3px rgba(16,24,40,0.06)}
.wp-phone-matched-agency-title{font-weight:800;color:#0f172a;font-size:1rem;margin-bottom:6px;padding-bottom:4px;border-bottom:2px solid #0073aa;position:relative;text-transform:uppercase;letter-spacing:0.02em}
.wp-phone-info-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:4px;cursor:help;opacity:0.6;transition:opacity 0.2s ease;position:relative;vertical-align:middle}
.wp-phone-info-icon svg{display:block;stroke:#000;width:14px;height:14px}
.wp-phone-info-icon:hover{opacity:1}
.wp-phone-info-icon::after{content:attr(data-tooltip);position:fixed;top:var(--tooltip-top);left:var(--tooltip-left);transform:translate(var(--tooltip-transform-x,-50%),var(--tooltip-transform-y,-100%));padding:8px 12px;background:#1f2937;color:#fff;font-size:0.85rem;font-weight:400;border-radius:6px;white-space:normal;width:280px;max-width:90vw;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;pointer-events:none;z-index:10000;box-shadow:0 4px 12px rgba(0,0,0,0.2);line-height:1.4;text-align:left}
.wp-phone-info-icon:hover::after{opacity:1;visibility:visible}
.wp-phone-matched-phones-list{display:flex;flex-direction:column;gap:4px}
.wp-phone-matched-item{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;padding:4px 6px;background:#f8fafc;border-radius:4px;border:1px solid #e5e7eb}
.wp-phone-matched-agency{min-width:160px;font-weight:600;color:#475569;font-size:0.88rem;flex:0 0 auto}
.wp-phone-matched-label{min-width:70px;font-weight:600;color:#0369a1;font-size:0.82rem;flex:0 0 auto}
.wp-phone-matched-number-container{display:inline-flex;align-items:center;gap:4px;flex:1 1 auto}
.wp-phone-matched-number{color:#0369a1;font-weight:700;font-size:0.9rem}
.wp-phone-matched-number.wp-phone-outside-hours{color:#9ca3af;opacity:0.7}
.wp-phone-copy-small{padding:4px;font-size:0.82rem;border-radius:4px;background:#64748b;color:#fff;border:none;cursor:pointer;transition:background 0.2s ease;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.wp-phone-copy-small:hover{background:#475569}
.wp-phone-copy-small.copied{background:#059669}
.wp-phone-copy-small svg{display:block}
.wp-phone-matched-empty{color:#94a3b8;font-style:italic;padding:8px 0;text-align:center}

/* Star icon */
.wp-phone-star{font-size:1.1rem;margin-left:6px;display:inline-block;vertical-align:middle;line-height:1}

/* Top filters */
.wp-phonebook-top-filters{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb}
.wp-phonebook-quickroads-top,.wp-phonebook-quickcounties-top,.wp-phonebook-quickcategory-top{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.wp-phonebook-quickroad-top,.wp-phonebook-quickcounty-top{background:#f1f5f9!important;border:1px solid #cbd5e1!important;padding:4px 10px!important;border-radius:16px!important;cursor:pointer;color:#334155!important;min-width:70px;display:inline-flex!important;justify-content:center;align-items:center;box-sizing:border-box;transition:all 0.2s ease;font-weight:500!important;font-size:0.8rem!important;text-decoration:none!important;box-shadow:none!important;height:auto!important;line-height:normal!important}
.wp-phonebook-quickcat-top{background:#f1f5f9!important;border:1px solid #cbd5e1!important;padding:4px 10px!important;border-radius:16px!important;cursor:pointer;color:#334155!important;min-width:70px;display:inline-flex!important;justify-content:center;align-items:center;box-sizing:border-box;transition:all 0.2s ease;font-weight:500!important;font-size:0.8rem!important;text-decoration:none!important;box-shadow:none!important;height:auto!important;line-height:normal!important}
.wp-phonebook-quickroad-top:hover,.wp-phonebook-quickcounty-top:hover,.wp-phonebook-quickcat-top:hover{background:#e2e8f0!important;border-color:#94a3b8!important}
.wp-phonebook-quickroad-top.active,.wp-phonebook-quickcounty-top.active{background:#0073aa!important;color:#fff!important;border-color:#0073aa!important;font-weight:600!important}
.wp-phonebook-quickcat-top.active{background:#0073aa!important;color:#fff!important;border-color:#0073aa!important;font-weight:600!important;box-shadow:0 0 0 3px rgba(0,115,170,0.3)!important;transform:scale(1.05)!important}
.wp-phonebook-quickcat-top[data-category="law-enforcement"]:not(.active){background:#3b82f6!important;border-color:#2563eb!important;color:#fff!important}
.wp-phonebook-quickcat-top[data-category="law-enforcement"]:not(.active):hover{background:#2563eb!important;border-color:#1d4ed8!important}
.wp-phonebook-quickcat-top[data-category="law-enforcement"].active{background:#1e3a8a!important;border-color:#1e40af!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 0 3px rgba(30,58,138,0.4)!important;transform:scale(1.05)!important}
.wp-phonebook-quickcat-top[data-category="fire-department"]:not(.active){background:#ef4444!important;border-color:#dc2626!important;color:#fff!important}
.wp-phonebook-quickcat-top[data-category="fire-department"]:not(.active):hover{background:#dc2626!important;border-color:#b91c1c!important}
.wp-phonebook-quickcat-top[data-category="fire-department"].active{background:#7f1d1d!important;border-color:#991b1b!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 0 3px rgba(127,29,29,0.4)!important;transform:scale(1.05)!important}
.wp-phonebook-quickcat-top[data-category="asset-fdot-maint"]:not(.active){background:#f97316!important;border-color:#ea580c!important;color:#fff!important}
.wp-phonebook-quickcat-top[data-category="asset-fdot-maint"]:not(.active):hover{background:#ea580c!important;border-color:#c2410c!important}
.wp-phonebook-quickcat-top[data-category="asset-fdot-maint"].active{background:#7c2d12!important;border-color:#9a3412!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 0 3px rgba(124,45,18,0.4)!important;transform:scale(1.05)!important}
.wp-phonebook-quickcat-top[data-category="tmc-rtmc"]:not(.active){background:#10b981!important;border-color:#059669!important;color:#fff!important}
.wp-phonebook-quickcat-top[data-category="tmc-rtmc"]:not(.active):hover{background:#059669!important;border-color:#047857!important}
.wp-phonebook-quickcat-top[data-category="tmc-rtmc"].active{background:#065f46!important;border-color:#047857!important;color:#fff!important;font-weight:700!important;box-shadow:0 0 0 3px rgba(6,95,70,0.4)!important;transform:scale(1.05)!important}
.wp-phonebook-clear-top-filters{background:#1f2937;color:#fff;border:1px solid #111827;padding:4px 8px;border-radius:14px;cursor:pointer;font-size:0.75rem;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:auto;margin-left:8px;gap:4px}
.wp-phonebook-clear-top-filters svg{width:14px;height:14px;stroke:#fff}
.wp-phonebook-clear-top-filters:hover{background:#111827;border-color:#000;transform:scale(1.05)}
.wp-phonebook-clear-bottom-filters{background:#1f2937;color:#fff;border:1px solid #111827;padding:4px 10px;border-radius:14px;cursor:pointer;font-size:0.8rem;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:auto;margin-left:8px;gap:4px}
.wp-phonebook-clear-bottom-filters svg{width:16px;height:16px;stroke:#fff}
.wp-phonebook-clear-bottom-filters:hover{background:#111827;border-color:#000;transform:scale(1.05)}

/* Filter bar */
.wp-phonebook-filter{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;padding:14px;background:#fafbfc;border-radius:8px;border:1px solid #e5e7eb}
.wp-phonebook-section-title{margin:0 0 8px 0;font-size:1.1rem;color:#0f172a;font-weight:700;letter-spacing:-0.01em}
.wp-phonebook-filter-row{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}

/* Category hover reveal */
.wp-phonebook-quickcats,.wp-phonebook-quickroads{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;flex-wrap:wrap}
.wp-phonebook-cat-hover-container{position:relative;display:inline-block}
.wp-phonebook-hover-children{position:absolute;top:100%;left:0;margin-top:2px;background:#fff;border:2px solid #0073aa;border-radius:6px;padding:6px;box-shadow:0 4px 12px rgba(0,0,0,0.15);z-index:1000;min-width:180px;display:none;flex-direction:column;gap:4px;pointer-events:auto}
.wp-phonebook-cat-hover-container:hover .wp-phonebook-hover-children,.wp-phonebook-hover-children:hover{display:flex}
.wp-phonebook-hover-children .wp-phonebook-subcat{width:100%;text-align:left;justify-content:flex-start!important;min-width:auto!important;white-space:nowrap;padding:6px 10px!important;font-size:0.8rem!important}

/* Filter actions */
.wp-phonebook-filter-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:8px;border-top:1px solid #e5e7eb}
.wp-phonebook-quickcat,.wp-phonebook-quickroad{background:#f1f5f9!important;border:1px solid #cbd5e1!important;padding:4px 10px!important;border-radius:14px!important;cursor:pointer;color:#334155!important;min-width:100px;display:inline-flex!important;justify-content:center;align-items:center;box-sizing:border-box;transition:all 0.2s ease;font-weight:500!important;font-size:0.8rem!important;text-decoration:none!important;box-shadow:none!important;height:auto!important;line-height:normal!important}
.wp-phonebook-quickcat:hover,.wp-phonebook-quickroad:hover{background:#e2e8f0!important;border-color:#94a3b8!important}
.wp-phonebook-quickcat.active,.wp-phonebook-quickroad.active{background:#0073aa!important;color:#fff!important;border-color:#0073aa!important;font-weight:600!important}
.wp-phonebook-filter label{font-size:0.9rem;color:#374151;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.wp-phonebook-filter input[type="search"],.wp-phonebook-filter select{padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;min-width:180px;font-size:0.95rem;transition:border-color 0.2s ease}
.wp-phonebook-filter input[type="search"]:focus,.wp-phonebook-filter select:focus{outline:none;border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,0.1)}
#wp-phonebook-search{flex:1 1 340px;min-width:240px}

/* Counties and Roadways */
.wp-phonebook-counties-wrapper{display:flex;flex-direction:column;gap:8px;min-width:60px}
.wp-phonebook-roadways-wrapper{display:flex;flex-direction:column;gap:8px;min-width:120px}
.wp-phonebook-counties-wrapper label,.wp-phonebook-roadways-wrapper label{font-size:0.9rem;color:#374151;display:inline-flex;align-items:center;gap:8px;font-weight:500}
.wp-phonebook-counties-wrapper select{padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;width:100%;min-width:60px;font-size:0.95rem;transition:border-color 0.2s ease;box-sizing:border-box}
.wp-phonebook-roadways-wrapper select{padding:8px 10px;border-radius:6px;border:1px solid #cbd5e1;background:#fff;width:100%;min-width:120px;font-size:0.95rem;transition:border-color 0.2s ease;box-sizing:border-box}
.wp-phonebook-counties-wrapper select:focus,.wp-phonebook-roadways-wrapper select:focus{outline:none;border-color:#0073aa;box-shadow:0 0 0 3px rgba(0,115,170,0.1)}

/* Results list */
#wp-phonebook-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:6px;margin-top:12px}
.wp-phonebook-agency{background:#ffffff;border:1px solid #e5e7eb;border-radius:3px;padding:5px;box-shadow:0 1px 2px rgba(16,24,40,0.04);min-height:50px;transition:all 0.2s ease;display:none}
.wp-phonebook-agency:hover{border-color:#cbd5e1;box-shadow:0 2px 6px rgba(16,24,40,0.08);transform:translateY(-1px)}
.wp-phonebook-agency-title{margin:0 0 3px 0;padding-bottom:2px;border-bottom:1px solid #e5e7eb;font-size:0.95rem;color:#0f172a;font-weight:700;letter-spacing:-0.01em}
.wp-phonebook-agency-content{color:#475569;font-size:0.82rem;margin-bottom:4px;line-height:1.3}

/* Phone entries */
.wp-phonebook-phones{margin-top:4px;display:flex;flex-direction:column;gap:3px}
.wp-phonebook-phone{display:flex;flex-direction:column;background:#fafbfc;border:1px solid #e2e8f0;padding:4px;border-radius:3px;transition:all 0.2s ease}
.wp-phonebook-phone:hover{border-color:#cbd5e1;background:#fff;box-shadow:0 1px 3px rgba(16,24,40,0.04)}
.wp-phone-number{font-weight:600;color:#0369a1;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.wp-phone-label{flex:0 0 auto;min-width:70px;color:#475569;font-weight:700;font-size:0.75rem}
.wp-phone-value{flex:1 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0369a1;font-weight:700;font-size:0.88rem}
.wp-phonebook-copy{background:#64748b;color:#fff;border:none;padding:4px;border-radius:4px;cursor:pointer;font-size:0.82rem;flex:0 0 auto;transition:background 0.2s ease;font-weight:600;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px}
.wp-phonebook-copy:hover{background:#475569}
.wp-phonebook-copy.copied{background:#059669}
.wp-phonebook-copy svg{display:block}
.wp-phone-bypass{color:#64748b;font-style:italic;margin-left:6px;font-size:0.82rem}
.wp-phone-bypass-top{color:#dc2626;font-weight:600;font-size:0.85rem;margin-left:6px;cursor:help}
.wp-phone-hours-inline{display:inline-flex;align-items:center;gap:4px;margin-left:8px;flex-wrap:wrap}
.wp-phone-hours-item{font-size:0.78rem;color:#475569;background:#dbeafe;padding:3px 6px;border-radius:4px;border:1px solid #bfdbfe;white-space:nowrap}
.wp-phone-hours-icon{display:inline-flex;align-items:center;margin-left:6px;color:#3b82f6;cursor:help;opacity:0.8;transition:opacity 0.2s ease}
.wp-phone-hours-icon:hover{opacity:1}
.wp-phone-hours-icon svg{display:block;stroke:currentColor}
.wp-phone-notes{color:#64748b;font-size:0.85rem;margin-top:6px;line-height:1.4;padding:6px;background:#f8fafc;border-radius:4px;border-left:3px solid #cbd5e1}

/* County grouping styles */
.wp-phone-county-divider{padding:2px 6px;margin:4px 0 2px 0;background:#f3f4f6;border-left:3px solid #3b82f6;font-weight:700;font-size:0.8rem;color:#1f2937;text-transform:uppercase;letter-spacing:0.03em;line-height:1.2;grid-column:1/-1;display:block;width:100%}
.wp-phone-matched-agency-box.county-color-0{border-left:4px solid #3b82f6}
.wp-phone-matched-agency-box.county-color-1{border-left:4px solid #10b981}
.wp-phone-matched-agency-box.county-color-2{border-left:4px solid #f59e0b}
.wp-phone-matched-agency-box.county-color-3{border-left:4px solid #8b5cf6}
.wp-phone-matched-agency-box.county-color-4{border-left:4px solid #ef4444}
.wp-phone-hours{list-style:none;padding-left:0;margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.wp-phone-hours li{font-size:0.8rem;color:#475569;background:#dbeafe;padding:4px 8px;border-radius:4px;border:1px solid #bfdbfe}

/* No results */
.wp-phonebook-no-results{padding:16px;border-radius:8px;background:#fef2f2;border:2px solid #fecaca;color:#991b1b;font-weight:600;margin-top:12px;text-align:center}

/* Pagination */
.wp-phonebook-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:16px 0;margin:12px 0}
.wp-phonebook-page-btn{padding:10px 20px;background:#0073aa;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:0.95rem;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(0,115,170,0.2)}
.wp-phonebook-page-btn:hover:not(:disabled){background:#005a87;box-shadow:0 4px 8px rgba(0,115,170,0.3);transform:translateY(-1px)}
.wp-phonebook-page-btn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;box-shadow:none}
.wp-phonebook-page-info{font-size:0.95rem;color:#475569;font-weight:600;padding:0 8px}

/* Accessibility */
.screen-reader-text{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}

/* Responsive */
@media (max-width:980px){
  .wp-phonebook-filter{grid-template-columns:1fr;gap:12px}
  .wp-phonebook-counties{max-width:100%}
  #wp-phonebook-list{grid-template-columns:1fr}
  .wp-phonebook-wrap{padding:16px}
  .wp-phonebook-tab{min-width:110px;padding:8px 10px;font-size:0.85rem}
  .wp-phonebook-quickcat{min-width:120px;padding:7px 10px}
}