/* Online Mahalla: murojaat manzili testi, daftar roʻyxati, ariza konstruktori,
   aloqa maʼlumotnomasi, javob muddati taymlayni. v1 */
.mh-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.mh-t{background:#f6f9fd;border:1px solid #dde6f1;border-radius:999px;padding:9px 16px;font:600 14.5px/1.2 inherit;color:#1c2b3a;cursor:pointer;transition:.15s}
.mh-t:hover{background:#eaf2fb;border-color:#c9d9ec}
.mh-t.on{background:#134e8e;border-color:#134e8e;color:#fff}
.mh-p{display:none}
.mh-p.on{display:block}
.mh-q{padding:13px 0;border-bottom:1px solid #e8ecf3}
.mh-q:last-of-type{border-bottom:0}
.mh-qt{font-weight:700;margin:0 0 9px;line-height:1.45}
.mh-o{display:block;padding:9px 12px;margin:6px 0;border:1px solid #dfe5ee;border-radius:10px;cursor:pointer;line-height:1.45;font-size:15.5px;transition:background .15s,border-color .15s}
.mh-o:hover{background:#f4f7fc;border-color:#b9c7dc}
.mh-o input{margin-right:9px}
.mh-prog{font-size:14px;color:#5b6b82;margin:10px 0 0}
.mh-res{display:none;margin-top:16px;padding:16px;border-radius:12px;background:#f5f8fd;border:1px solid #dbe4f1}
.mh-res.on{display:block}
.mh-res h4{margin:0 0 6px;font-size:18px;color:#134e8e}
.mh-res p{margin:0 0 8px;line-height:1.6}
.mh-res ul,.mh-res ol{margin:0 0 10px 20px;line-height:1.6}
.mh-who{display:inline-block;background:#e8f7ef;color:#0b7a4b;border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:600;margin:0 0 8px}
.mh-sc{margin:10px 0 0;font-size:14px;color:#5b6b82}
.mh-chk{margin:0;padding:0;list-style:none}
.mh-chk li{display:flex;align-items:flex-start;gap:10px;padding:9px 11px;border:1px solid #e3e9f0;border-radius:10px;margin:0 0 7px;line-height:1.5;font-size:15.5px;cursor:pointer}
.mh-chk li:hover{background:#f6f9fd}
.mh-chk input{margin:3px 0 0;flex:none;width:17px;height:17px}
.mh-chk li.done{background:#e8f7ef;border-color:#8bd3ad}
.mh-note{margin:12px 0 0;padding:11px 13px;background:#f4f8fd;border-left:3px solid #134e8e;border-radius:0 8px 8px 0;font-size:14.5px;line-height:1.6;color:#31465c}
.mh-warn{margin:12px 0 0;padding:11px 13px;background:#fff6e5;border:1px solid #f0dcb4;border-radius:10px;font-size:14.5px;line-height:1.6;color:#8a5a12}
.mh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:12px;margin:0 0 12px}
.mh-f{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#41536a}
.mh-f input,.mh-f select,.mh-f textarea{font:15.5px/1.5 inherit;color:#1c2b3a;background:#fff;border:1px solid #cfdbea;border-radius:10px;padding:10px 12px;width:100%;box-sizing:border-box}
.mh-f input:focus,.mh-f select:focus,.mh-f textarea:focus{outline:0;border-color:#134e8e;box-shadow:0 0 0 3px rgba(19,78,142,.1)}
.mh-f.wide{grid-column:1/-1}
.mh-f textarea{min-height:84px;resize:vertical}
.mh-out{width:100%;box-sizing:border-box;min-height:270px;font:14.5px/1.65 "Courier New",monospace;color:#1c2b3a;background:#fbfdff;border:1px solid #cfdbea;border-radius:12px;padding:14px;resize:vertical;margin:12px 0 0}
.mh-acts{display:flex;flex-wrap:wrap;gap:9px;margin:11px 0 0}
.mh-tl{margin:14px 0 0;padding:0 0 0 24px;list-style:none;border-left:2px solid #d7e4f3}
.mh-tl li{position:relative;padding:0 0 16px 4px;line-height:1.6}
.mh-tl li:last-child{padding-bottom:0}
.mh-tl li:before{content:"";position:absolute;left:-31px;top:6px;width:11px;height:11px;border-radius:50%;background:#134e8e;border:2px solid #fff;box-shadow:0 0 0 2px #d7e4f3}
.mh-tl li.hot:before{background:#b5322a;box-shadow:0 0 0 2px #f3bdb8}
.mh-tl b{display:block;color:#134e8e;font-size:15.5px}
.mh-tl .d{font-variant-numeric:tabular-nums;font-weight:700;color:#0b7a4b}
.mh-dir{margin:12px 0 0}
.mh-dir dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:7px 14px;font-size:15.5px;line-height:1.5}
.mh-dir dt{font-weight:700;color:#134e8e;white-space:nowrap}
.mh-dir dd{margin:0}
.mh-dir a{color:#134e8e}
@media(max-width:600px){
  .mh-grid{grid-template-columns:1fr}
  .mh-out{min-height:300px;font-size:13.5px}
  .mh-dir dl{grid-template-columns:1fr;gap:2px 0}
  .mh-dir dd{margin:0 0 8px}
}
@media print{
  .mh-tabs,.mh-acts,.ia-btn,.toc,.site-header,.site-nav,.totop,.flinks{display:none!important}
  .ia{border:0;box-shadow:none;padding:0}
}
