/* 共用 UI 元件樣式 — 被 cases.html / sections.html / meetings.html 引用。
   改這裡三頁同步。 */

/* 建照比對資訊列 */
.permit-match { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px;
    margin-top:6px; padding:6px 8px; background:#fff8d8; border:1px solid #111;
    border-left:4px solid #111; border-radius:0; color:#111; font-size:12px;
    line-height:1.5; font-weight:800; }
.permit-match .pm-label,
.permit-match .pm-presale { display:inline-flex; align-items:center; min-height:24px;
    padding:1px 7px; background:#fff; border:1px solid rgba(17,17,17,.45);
    border-radius:0; color:#111; font-size:11px; font-weight:900; text-decoration:none; }
.permit-match .pm-no { color:#111; font-weight:900; font-family:inherit; letter-spacing:0; }
.permit-match .pm-owner,
.permit-match .pm-lots,
.permit-match .pm-fact { color:#111; font-weight:800; }
.permit-match .pm-lots strong { color:#111; font-weight:900; }
.permit-match .pm-presale { background:#111; color:#fff; }
.permit-match .pm-presale:hover { background:#f0c33b; color:#111; text-decoration:none; }
.permit-match-detail { display:flex; width:100%; }
.permit-match .pm-detail { flex-basis:100%; display:grid; gap:4px; margin-top:2px;
    padding-top:6px; border-top:1px solid rgba(17,17,17,.25); color:#333; }
.permit-match .pm-lots-summary summary { cursor:pointer; color:#8f201b; font-weight:900; }
.permit-match .pm-lots-summary div { margin-top:3px; color:#555; }

/* 會議「第X案」摘要行（sections.html / meetings.html 共用）
   meetings.html 純文字、無框；sections.html 在 #meeting-list 內加框更醒目 */
.mt-case { font-size: 13px; font-weight: 700; color: #333; margin-top: 6px; line-height: 1.5; }
.mt-case mark { background: #ffe8a1; padding: 0 2px; color: #111; }
#meeting-list .mt-case { padding: 4px 8px; background: #fafafa;
    border-left: 3px solid #ddd; margin-top: 4px; }

/* 政府下架但我們保留的資料標記 */
.archived-badge { display:inline-block; background:#e8e8e8; color:#666;
    padding:2px 8px; border-radius:10px; font-size:11px; font-weight:600;
    margin-left:6px; vertical-align:middle; }
.archived-row { background:#fafafa; opacity:0.75; }
.archived-row td { border-top:1px dashed #ccc !important; }

/* 搜尋歷史 */
.search-history { display:flex; flex-wrap:wrap; align-items:center; gap:0;
    margin:14px 0 0; font-size:12px; border-left:2px solid #111; border-top:2px solid #111; }
.search-history:empty { display:none; }
.search-history .sh-label { display:inline-flex; align-items:center; min-height:34px;
    padding:0 10px; background:#111; border-right:2px solid #111; border-bottom:2px solid #111;
    color:#fff; font-size:12px; font-weight:900; }
.search-history .sh-pill { min-height:34px; margin:0; padding:0 12px; border:0;
    border-right:2px solid #111; border-bottom:2px solid #111; border-radius:0;
    background:#fff; color:#111; cursor:pointer; font-size:12px; font-weight:900;
    font-family:inherit; line-height:1.2; }
.search-history .sh-pill:nth-of-type(2n) { background:#fff8d8; }
.search-history .sh-pill:hover,
.search-history .sh-pill:focus-visible { background:#111; color:#fff; outline:0; }
.search-history .sh-clear { display:inline-flex; align-items:center; justify-content:center;
    min-width:34px; min-height:34px; margin:0; padding:0 10px; border:0;
    border-right:2px solid #111; border-bottom:2px solid #111; border-radius:0;
    background:#fff; color:#9d261f; cursor:pointer; font-size:18px; font-weight:900;
    line-height:1; }
.search-history .sh-clear:hover,
.search-history .sh-clear:focus-visible { background:#c9342b; color:#fff; outline:0; }

@media (max-width: 768px) {
    .search-history { margin-top:12px; }
    .search-history .sh-label,
    .search-history .sh-pill,
    .search-history .sh-clear { min-height:40px; }
    .search-history .sh-pill { padding:0 10px; }
}