/* mydaklak.vn – trang xã/phường, danh sách, tra cứu. Dùng biến màu trong front.css. */
.mdl-xa__wrap{width:100%;max-width:1200px;margin:0 auto;padding:12px 16px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:18px}
.mdl-crumbs{font-size:.8rem;color:var(--mdl-muted)}
.mdl-crumbs a{color:var(--mdl-muted)}
.mdl-xa__head h1{font-size:1.6rem;line-height:1.25;margin:0 0 10px;font-weight:800;color:var(--mdl-charcoal)}
.mdl-xa__actions,.mdl-xa__btns{display:flex;gap:8px;flex-wrap:wrap}
.mdl-btn--red{background:var(--mdl-bazan);color:#fff}
.mdl-home .mdl-btn--red{color:#fff}
.mdl-btn--ghost-inline{background:#fff;border:1.5px solid var(--mdl-line);color:var(--mdl-ink)}
.mdl-home .mdl-btn--ghost-inline{color:var(--mdl-ink)}
.mdl-btn.is-done{background:var(--mdl-forest)}
.mdl-xa__cols{display:flex;flex-direction:column;gap:18px}
.mdl-xa__main,.mdl-xa__side{display:flex;flex-direction:column;gap:18px;min-width:0}
.mdl-answer{border:1.5px solid var(--mdl-line)}
.mdl-answer__label{margin:0 0 4px;font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--mdl-bazan)}
.mdl-answer__text{margin:0 0 10px;font-size:1.02rem;line-height:1.6}
.mdl-chip--verify{background:#F3DFD9;color:var(--mdl-bazan);font-weight:800;margin-left:6px}
.mdl-today{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mdl-today li{border-radius:16px}
.mdl-today a{display:flex;flex-direction:column;gap:2px;padding:12px;text-decoration:none;color:var(--mdl-ink)}
.mdl-today span{font-size:.78rem;font-weight:600}
.mdl-today b{font-size:1.1rem}
.mdl-today small{font-size:.78rem}
.mdl-old__district{margin:10px 0 6px;font-size:.8rem;font-weight:800;color:var(--mdl-muted)}
.mdl-pills{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mdl-pills li{background:var(--mdl-bg);border-radius:10px;padding:6px 10px;font-size:.88rem;font-weight:600}
.mdl-outage__day.is-water{background:var(--mdl-sea-soft);color:var(--mdl-sea)}
.mdl-outage__src{display:block;font-size:.75rem}
.mdl-small{font-size:.8rem;color:var(--mdl-muted)}
.mdl-faq{border-top:1px solid var(--mdl-line);padding:12px 0}
.mdl-faq summary{font-weight:700;cursor:pointer}
.mdl-faq p{margin:8px 0 0}
.mdl-xa__foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:.82rem;color:var(--mdl-muted)}
.mdl-linklist{list-style:none;margin:0;padding:0}
.mdl-linklist li{border-top:1px solid var(--mdl-line)}
.mdl-linklist li:first-child{border-top:0}
.mdl-linklist a{display:block;padding:9px 0;text-decoration:none;color:var(--mdl-ink)}

/* Tra cứu */
.mdl-lookup label[for]{display:block;font-weight:700;margin-bottom:6px}
.mdl-lookup input[type=search],.mdl-input{width:100%;box-sizing:border-box;min-height:50px;border:1.5px solid var(--mdl-charcoal);border-radius:12px;padding:0 14px;font:inherit;font-size:1rem;background:#fff}
.mdl-input{border-color:var(--mdl-line);margin-bottom:10px}
.mdl-lookup__filters{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0;font-size:.9rem}
.mdl-lookup__results{list-style:none;margin:0;padding:0}
.mdl-lookup__results li{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--mdl-line)}
.mdl-lookup__results .old{color:var(--mdl-muted)}
.mdl-lookup__results .old small{display:block;font-size:.75rem}
.mdl-lookup__results .arrow{color:var(--mdl-bazan);font-weight:800}
.mdl-lookup__results .new a{font-weight:800}
.mdl-lookup__note{font-size:.8rem;color:var(--mdl-muted);margin:10px 0 0}

/* Danh sách */
.mdl-xalist__tinh{margin:18px 0 10px}
.mdl-xalist__group{margin-bottom:12px}
.mdl-xalist__group h3{margin:0 0 6px;font-size:1rem}
.mdl-xalist__group h3 small{color:var(--mdl-muted);font-weight:600}
.mdl-xalist__group ul{list-style:none;margin:0;padding:0}
.mdl-xalist__group li{padding:8px 0;border-top:1px solid var(--mdl-line);font-size:.92rem}
.mdl-xalist__group li a{font-weight:800;margin-right:6px}
.mdl-xalist__group li span{color:var(--mdl-muted)}
[data-mdl-item][hidden],[data-mdl-group][hidden]{display:none}

@media (min-width:960px){
	.mdl-xa__wrap{padding:20px 24px 48px}
	.mdl-xa__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
	.mdl-xa__head h1{font-size:2.1rem;margin:0}
	.mdl-xa__cols{flex-direction:row;align-items:flex-start;gap:28px}
	.mdl-xa__main{flex:1 1 0}
	.mdl-xa__side{flex:0 0 320px;position:sticky;top:20px}
	.mdl-today{grid-template-columns:repeat(4,minmax(0,1fr))}
	.mdl-xalist{display:block}
}