:root{--primary:#1f4e78;--primary2:#2d6da3;--bg:#f4f7fa;--text:#1d2733;--muted:#6b7785;--danger:#b42318;--success:#067647;--warning:#b54708}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);padding-bottom:78px}
.topbar{background:var(--primary);color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}
.brand{font-weight:800;font-size:20px}.subtitle{font-size:12px;opacity:.9}.userbox{text-align:right;font-size:12px}.userbox a{color:#fff;display:block;margin-top:4px}
.container{max-width:1000px;margin:0 auto;padding:18px}
h1{font-size:24px;margin:8px 0 18px}h2{font-size:19px;margin:22px 0 12px}
.card,.login-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.06);margin-bottom:16px}
.login-card{max-width:430px;margin:40px auto}
.form{display:flex;flex-direction:column;gap:10px}
label{font-weight:700;font-size:14px}
input,select,textarea{width:100%;padding:13px;border:1px solid #cbd5df;border-radius:10px;font-size:16px;background:#fff}
textarea{resize:vertical}
.btn{border:none;border-radius:10px;padding:13px 18px;font-size:16px;font-weight:700;cursor:pointer}
.btn.primary{background:var(--primary);color:#fff}.full{width:100%}
.muted,.doc-meta{color:var(--muted);font-size:13px}
.demo-box{margin-top:16px;padding:12px;background:#eef5fb;border-radius:10px;font-size:14px;line-height:1.6}
.grid{display:grid;gap:12px}.grid.stats{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:1fr 1fr}
.stat{text-align:center}.stat b{display:block;font-size:28px;color:var(--primary)}.stat span{font-size:13px;color:var(--muted)}
.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}
.big-action{display:flex;align-items:center;justify-content:center;text-align:center;min-height:92px;background:#fff;border-radius:14px;padding:16px;text-decoration:none;color:var(--primary);font-weight:800;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.primary-bg{background:var(--primary);color:#fff}
.list{display:flex;flex-direction:column;gap:10px}
.doc-item{display:block;background:#fff;border-radius:12px;padding:15px;text-decoration:none;color:inherit;border-left:5px solid transparent}
.doc-item.unread{border-left-color:var(--danger);background:#fff8f7}.doc-title{font-weight:800;margin-bottom:6px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.badge{background:#e9eef3;border-radius:999px;padding:4px 9px;font-size:12px}.badge.danger{background:#fee4e2;color:var(--danger)}.badge.success{background:#dcfae6;color:var(--success)}.badge.warning{background:#fef0c7;color:var(--warning)}
.content-box{white-space:pre-wrap;line-height:1.6;background:#f7f9fb;border-radius:10px;padding:14px;margin-top:14px}
.response{padding:12px 0;border-bottom:1px solid #e6ebf0}.response:last-child{border-bottom:none}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #dbe2e8;display:flex;justify-content:center;gap:4px;padding:8px;z-index:20}
.bottom-nav a{flex:1;max-width:220px;text-align:center;text-decoration:none;color:var(--primary);font-weight:700;padding:10px 5px;font-size:13px}
.alert{padding:12px 14px;border-radius:10px;margin-bottom:12px}.alert.success{background:#dcfae6;color:var(--success)}.alert.danger{background:#fee4e2;color:var(--danger)}
.receiver-box{max-height:360px;overflow:auto;border:1px solid #d8e0e8;border-radius:10px;padding:10px}.receiver{padding:8px;border-bottom:1px solid #edf0f3;font-weight:500}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #e3e8ee;text-align:left;font-size:14px}th{background:#eef4f8}
.back{display:inline-block;margin-bottom:12px;text-decoration:none;color:var(--primary);font-weight:700}.empty{padding:20px;text-align:center;color:var(--muted);background:#fff;border-radius:12px}
@media(max-width:700px){
  .container{padding:12px}.grid.stats{grid-template-columns:repeat(3,1fr)}.action-grid{grid-template-columns:1fr 1fr}.grid.two{grid-template-columns:1fr}
  h1{font-size:21px}.big-action{min-height:82px}.userbox strong{display:none}
}
@media(max-width:430px){
  .grid.stats{grid-template-columns:1fr 1fr 1fr}.stat b{font-size:24px}.stat span{font-size:11px}
  .action-grid{grid-template-columns:1fr}.topbar{padding:12px}.bottom-nav a{font-size:12px}
}


.app-footer{
  margin-top:28px;
  padding:18px 12px 92px;
  text-align:center;
  color:#5f6b78;
  font-size:13px;
  line-height:1.7;
}


.upload-section{margin:14px 0;padding:14px;background:#f7f9fb;border:1px dashed #9db1c4;border-radius:12px}
.file-row{display:grid;grid-template-columns:1.2fr 1fr auto;gap:8px;margin-bottom:10px;align-items:center}
.btn.secondary{background:#e9eef3;color:#1f4e78}
.remove-file{border:none;background:#fee4e2;color:#b42318;border-radius:8px;padding:10px;cursor:pointer}
.attachment-list{display:flex;flex-direction:column;gap:10px}
.attachment-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid #e1e7ed;border-radius:10px}
.btn.small{padding:8px 11px;background:#1f4e78;color:#fff;text-decoration:none;font-size:13px}
@media(max-width:700px){
  .file-row{grid-template-columns:1fr}
  .attachment-item{align-items:flex-start;flex-direction:column}
}



/* CONFIG UI V1.3 */
.config-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:26px 28px;
  margin-bottom:18px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,#174a75 0%,#28689d 100%);
  box-shadow:0 12px 30px rgba(31,78,120,.2);
}
.config-hero h1{margin:4px 0 8px;font-size:30px}
.config-hero p{margin:0;max-width:680px;line-height:1.55;color:rgba(255,255,255,.86)}
.config-eyebrow{font-size:12px;font-weight:800;letter-spacing:1.4px;opacity:.82}
.config-summary{
  min-width:150px;
  padding:18px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:16px;
  text-align:center;
  background:rgba(255,255,255,.10);
}
.summary-number{font-size:36px;font-weight:900;line-height:1}
.summary-label{font-size:12px;margin-top:7px;opacity:.85}

.config-note{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:24px;
  padding:15px 17px;
  border:1px solid #cfe0ee;
  border-radius:14px;
  background:#f5faff;
}
.config-note-icon{
  flex:0 0 28px;
  width:28px;height:28px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  color:#fff;background:#2d6da3;font-weight:800;
}
.config-note p{margin:3px 0 0;color:#607181;font-size:13px;line-height:1.5}

.config-section{margin:28px 0 34px}
.config-section-heading{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:14px;
}
.config-section-heading h2{margin:0;font-size:21px}
.config-section-heading p{margin:3px 0 0;color:var(--muted);font-size:13px}
.config-section-icon{
  width:46px;height:46px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:#e7f0f8;color:#1f4e78;
  font-size:20px;font-weight:900;
}
.config-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.unit-card{
  display:block;
  padding:17px;
  border:1px solid #e0e8ef;
  border-radius:16px;
  background:#fff;
  color:inherit;
  text-decoration:none;
  box-shadow:0 3px 12px rgba(30,62,91,.055);
  transition:.18s ease;
}
.unit-card:hover{
  transform:translateY(-2px);
  border-color:#a9c6dd;
  box-shadow:0 10px 24px rgba(30,62,91,.11);
}
.unit-card-top{display:flex;align-items:center;gap:12px}
.unit-avatar{
  flex:0 0 44px;
  width:44px;height:44px;
  display:flex;align-items:center;justify-content:center;
  border-radius:13px;
  background:linear-gradient(135deg,#dfeefa,#eef6fc);
  color:#1f4e78;font-size:20px;font-weight:900;
}
.unit-title-wrap{min-width:0;flex:1}
.unit-title{font-weight:800;font-size:16px;line-height:1.3}
.unit-code{margin-top:3px;color:#8a98a6;font-size:11px;text-transform:uppercase;letter-spacing:.7px}
.unit-arrow{font-size:30px;color:#9bb0c1;line-height:1}
.route-status{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0 12px}
.route-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 9px;border-radius:999px;
  font-size:11px;font-weight:700;
}
.route-pill.on{background:#e6f5ed;color:#087443}
.route-pill.off{background:#f0f2f4;color:#929da7}
.route-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.unit-card-footer{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:11px;border-top:1px solid #edf1f4;
  font-size:11px;color:#87939f;
}
.active-label{color:#087443;font-weight:700}
.inactive-label{color:#b42318;font-weight:700}

.config-back{
  display:inline-flex;align-items:center;gap:8px;
  margin:3px 0 16px;padding:9px 12px;
  border-radius:10px;background:#eaf2f8;
  color:#1f4e78;text-decoration:none;font-weight:700;font-size:13px;
}
.routing-header{
  display:flex;align-items:center;gap:16px;
  padding:23px 25px;margin-bottom:17px;
  border-radius:18px;background:#fff;
  border:1px solid #e0e8ef;
  box-shadow:0 4px 16px rgba(30,62,91,.06);
}
.routing-header-icon{
  flex:0 0 60px;width:60px;height:60px;
  display:flex;align-items:center;justify-content:center;
  border-radius:17px;
  background:linear-gradient(135deg,#1f4e78,#3679ad);
  color:#fff;font-size:27px;font-weight:900;
}
.routing-header h1{margin:3px 0 5px;font-size:25px}
.routing-header p{margin:0;color:var(--muted);font-size:13px}

.routing-form{display:flex;flex-direction:column;gap:16px}
.routing-panel{
  padding:20px;
  border:1px solid #e0e8ef;
  border-radius:18px;background:#fff;
  box-shadow:0 3px 13px rgba(30,62,91,.045);
}
.panel-heading{
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start;
  margin-bottom:16px;
}
.panel-heading h2{margin:0 0 4px;font-size:19px}
.panel-heading p{margin:0;color:var(--muted);font-size:13px}
.step-badge{
  flex:0 0 auto;padding:6px 10px;border-radius:999px;
  background:#e8f2fa;color:#1f4e78;font-size:11px;font-weight:800;
}
.routing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.routing-option{display:block;cursor:pointer}
.routing-option>input{position:absolute;opacity:0;pointer-events:none}
.routing-option-ui{
  min-height:150px;
  display:flex;flex-direction:column;
  padding:16px;border:2px solid #e4eaf0;border-radius:15px;
  background:#fbfcfd;transition:.18s ease;
}
.routing-option:hover .routing-option-ui{border-color:#b9cedf}
.routing-option>input:checked + .routing-option-ui{
  border-color:#2d6da3;background:#f0f7fc;
  box-shadow:0 0 0 3px rgba(45,109,163,.08);
}
.routing-option-icon{
  width:39px;height:39px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;background:#e3edf5;color:#1f4e78;
  font-size:12px;font-weight:900;
}
.routing-option>input:checked + .routing-option-ui .routing-option-icon{
  color:#fff;background:#2d6da3;
}
.routing-option-text{display:flex;flex-direction:column;gap:5px;margin-top:13px;flex:1}
.routing-option-text strong{font-size:15px}
.routing-option-text small{font-size:12px;line-height:1.45;color:#70808f;font-weight:400}
.switch{
  align-self:flex-end;width:42px;height:23px;padding:3px;
  border-radius:999px;background:#cbd4dc;transition:.18s;
}
.switch span{display:block;width:17px;height:17px;border-radius:50%;background:#fff;transition:.18s}
.routing-option>input:checked + .routing-option-ui .switch{background:#2d6da3}
.routing-option>input:checked + .routing-option-ui .switch span{transform:translateX(19px)}

.select-account-box{
  padding:16px;border-radius:14px;background:#f7f9fb;border:1px solid #e3e9ee;
}
.select-account-box label{display:block;margin-bottom:8px}
.field-help{margin-top:8px;color:#73808c;font-size:12px;line-height:1.5}
.field-help code{padding:2px 5px;border-radius:5px;background:#e8edf1;color:#34495b}

.routing-preview{
  display:flex;align-items:flex-start;gap:13px;
  padding:16px 18px;border-radius:14px;
  background:#eef8f3;border:1px solid #cce9d9;
}
.preview-icon{
  flex:0 0 32px;width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:#0a8050;color:#fff;font-weight:900;
}
.routing-preview p{margin:4px 0 0;color:#587064;font-size:13px;line-height:1.5}
.routing-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}
.cancel-btn{background:#e9eef3;color:#334e68;text-decoration:none}
.save-config-btn{min-width:170px}

@media(max-width:780px){
  .config-hero{align-items:flex-start;padding:21px;flex-direction:column}
  .config-summary{width:100%;min-width:0;display:flex;align-items:center;justify-content:center;gap:10px}
  .summary-label{margin:0}
  .config-grid{grid-template-columns:1fr}
  .routing-options{grid-template-columns:1fr}
  .routing-option-ui{min-height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
  .routing-option-text{margin-top:0}
  .switch{align-self:center}
}
@media(max-width:480px){
  .config-hero h1{font-size:25px}
  .routing-header{padding:17px;align-items:flex-start}
  .routing-header-icon{width:48px;height:48px;flex-basis:48px;font-size:21px}
  .routing-header h1{font-size:21px}
  .panel-heading{flex-direction:column}
  .routing-actions{flex-direction:column-reverse}
  .routing-actions .btn{width:100%;text-align:center}
}



/* ACCOUNTS UI V1.4 */
.accounts-hero{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:25px 28px;
  margin-bottom:18px;
  border-radius:20px;
  color:#fff;
  background:linear-gradient(135deg,#173f64 0%,#2d6da3 100%);
  box-shadow:0 12px 28px rgba(31,78,120,.18);
}
.accounts-hero h1{margin:4px 0 8px;font-size:29px}
.accounts-hero p{margin:0;color:rgba(255,255,255,.84);line-height:1.5}
.accounts-count{
  flex:0 0 132px;
  min-width:132px;
  padding:17px 14px;
  border-radius:16px;
  text-align:center;
  background:rgba(255,255,255,.11);
  border:1px solid rgba(255,255,255,.20);
}
.accounts-count strong{display:block;font-size:34px;line-height:1}
.accounts-count span{display:block;margin-top:7px;font-size:12px;opacity:.88}

.account-search-panel{
  display:flex;
  align-items:center;
  gap:16px;
  padding:14px 16px;
  margin-bottom:15px;
  border-radius:16px;
  background:#fff;
  border:1px solid #dfe7ee;
  box-shadow:0 4px 14px rgba(30,62,91,.05);
}
.search-input-wrap{
  position:relative;
  flex:1;
}
.search-input-wrap input{
  height:48px;
  padding-left:46px;
  padding-right:42px;
  border-radius:13px;
  background:#f7f9fb;
}
.search-icon{
  position:absolute;
  left:16px;
  top:50%;
  transform:translateY(-50%);
  font-size:22px;
  color:#59758c;
  z-index:2;
}
.clear-search{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  width:30px;height:30px;
  border:none;
  border-radius:50%;
  background:#e8eef3;
  color:#52697c;
  font-size:20px;
  cursor:pointer;
}
.search-result-text{
  flex:0 0 auto;
  color:#6f7e8b;
  font-size:13px;
  white-space:nowrap;
}

.account-group-tabs{
  display:flex;
  gap:8px;
  padding:6px 0 14px;
  margin-bottom:4px;
  overflow-x:auto;
  scrollbar-width:thin;
}
.group-tab{
  flex:0 0 auto;
  padding:9px 14px;
  border:1px solid #d6e0e8;
  border-radius:999px;
  background:#fff;
  color:#496275;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:.16s ease;
}
.group-tab:hover{border-color:#9fbed5;color:#1f4e78}
.group-tab.active{
  color:#fff;
  background:#1f4e78;
  border-color:#1f4e78;
  box-shadow:0 5px 14px rgba(31,78,120,.18);
}

.account-group-section{margin:23px 0 31px}
.account-group-heading{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:13px;
}
.account-group-badge{
  flex:0 0 48px;
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:linear-gradient(135deg,#dfeefa,#edf6fc);
  color:#1f4e78;
  font-size:13px;
  font-weight:900;
}
.account-group-heading h2{margin:0;font-size:20px}
.account-group-heading p{margin:3px 0 0;color:#7b8996;font-size:12px}
.account-group-number{
  margin-left:auto;
  min-width:37px;
  height:37px;
  padding:0 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#e8f1f8;
  color:#1f4e78;
  font-weight:900;
}

.account-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
}
.account-card{
  padding:16px;
  border:1px solid #e0e7ed;
  border-radius:16px;
  background:#fff;
  box-shadow:0 3px 12px rgba(30,62,91,.05);
  transition:.16s ease;
}
.account-card:hover{
  transform:translateY(-2px);
  border-color:#aac5d9;
  box-shadow:0 9px 22px rgba(30,62,91,.10);
}
.account-card-head{
  display:flex;
  align-items:flex-start;
  gap:11px;
}
.account-avatar{
  flex:0 0 43px;
  width:43px;height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:13px;
  background:#e5f0f8;
  color:#1f4e78;
  font-size:11px;
  font-weight:900;
}
.account-main{min-width:0;flex:1}
.account-username{
  font-family:Consolas,monospace;
  font-size:15px;
  font-weight:800;
  color:#173f64;
  word-break:break-word;
}
.account-position{
  margin-top:4px;
  color:#667785;
  font-size:12px;
  line-height:1.4;
}
.account-status{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  font-size:10px;
  font-weight:800;
}
.account-status.active{background:#e5f6ec;color:#087443}
.account-status.inactive{background:#fee9e7;color:#b42318}

.account-info-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:9px;
  margin-top:14px;
}
.account-info-item{
  padding:10px 11px;
  border-radius:11px;
  background:#f7f9fb;
  border:1px solid #edf1f4;
}
.account-info-item span{
  display:block;
  color:#84919d;
  font-size:10px;
  margin-bottom:4px;
}
.account-info-item strong{
  display:block;
  font-size:12px;
  line-height:1.35;
  color:#34495b;
}

.account-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:13px;
  padding-top:11px;
  border-top:1px solid #edf1f4;
  color:#8895a0;
  font-size:10px;
}
.copy-account-btn{
  padding:6px 10px;
  border:none;
  border-radius:8px;
  background:#e8f1f8;
  color:#1f4e78;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.copy-account-btn.copied{background:#dcfae6;color:#087443}

.no-account-result{
  padding:30px;
  margin-top:15px;
  text-align:center;
  border-radius:16px;
  background:#fff;
  border:1px dashed #cfdbe4;
  color:#7b8996;
}

@media(max-width:780px){
  .accounts-hero{flex-direction:column;align-items:flex-start;padding:21px}
  .accounts-count{
    width:100%;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
  }
  .accounts-count span{margin-top:0}
  .account-search-panel{flex-direction:column;align-items:stretch}
  .search-result-text{text-align:right}
  .account-card-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .accounts-hero h1{font-size:24px}
  .account-info-grid{grid-template-columns:1fr}
  .account-card-head{align-items:flex-start}
  .account-status{font-size:9px}
}



/* CONFIG POLISH V1.4 */
.config-section:nth-of-type(odd) .unit-avatar,
.config-section:nth-of-type(odd) .config-section-icon{
  background:linear-gradient(135deg,#e7f2fb,#f4f9fd);
}
.unit-card{
  position:relative;
  overflow:hidden;
}
.unit-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:4px;
  background:linear-gradient(#2d6da3,#69a1cb);
  opacity:.75;
}
.routing-panel{
  border-top:4px solid #dceaf5;
}



/* HEADER AND GROUP ACCOUNTS V1.5 */
.gov-header{
  min-height:150px;
  display:flex;
  justify-content:space-between;
  align-items:stretch;
  gap:20px;
  padding:14px 18px;
  color:#fff;
  background:
    linear-gradient(120deg,rgba(4,43,102,.98),rgba(0,82,145,.96)),
    url('/static/assets/header_mau.png') center/cover no-repeat;
  border-bottom:3px solid #1bb3e5;
  box-shadow:0 4px 14px rgba(4,43,102,.28);
}
.gov-header-left{
  display:flex;
  align-items:center;
  min-width:0;
  flex:1;
}
.emblem-wrap{
  width:92px;
  height:118px;
  overflow:hidden;
  border-radius:8px;
  margin-right:16px;
  flex:0 0 auto;
  background:#083f78;
}
.emblem-wrap img{
  height:118px;
  width:720px;
  max-width:none;
  object-fit:cover;
  object-position:left center;
}
.brand-block{min-width:0}
.brand-title{
  font-size:34px;
  font-weight:900;
  letter-spacing:.5px;
  color:#ffe600;
  line-height:1;
  text-shadow:0 2px 3px rgba(0,0,0,.35);
}
.brand-subtitle{
  margin-top:8px;
  font-size:17px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.3px;
  color:#fff;
}
.developer-line{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:15px;
  color:#ffe600;
  font-size:13px;
}
.developer-line .divider{opacity:.6}

.gov-header-right{
  display:grid;
  grid-template-columns:52px 145px minmax(190px,1fr);
  grid-template-rows:68px 38px;
  gap:8px 10px;
  align-items:stretch;
  min-width:430px;
}
.header-icon-box,.date-box,.user-profile-box{
  border:1px solid rgba(255,255,255,.22);
  background:rgba(2,45,103,.42);
  border-radius:12px;
  backdrop-filter:blur(3px);
}
.header-icon-box{
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  font-size:25px;
}
.notification-count{
  position:absolute;
  right:5px;top:4px;
  min-width:19px;height:19px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#f04438;color:#fff;
  font-size:10px;font-weight:900;
  border:2px solid #fff;
}
.date-box{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  font-size:14px;
}
.calendar-icon{font-size:25px}
.date-box small{display:block;margin-top:3px;color:#e9f2fa}
.user-profile-box{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
}
.user-avatar{
  width:43px;height:43px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#fff;color:#1f4e78;
  font-size:23px;
  box-shadow:0 2px 7px rgba(0,0,0,.18);
}
.user-info{display:flex;flex-direction:column;min-width:0;flex:1}
.user-info strong{
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.user-info span{
  margin-top:4px;
  font-size:11px;
  color:#ffe600;
}
.user-caret{font-size:18px}
.logout-header-btn{
  grid-column:3;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.26);
  background:rgba(2,45,103,.42);
  border-radius:10px;
  color:#fff;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
}

.accounts-hero.compact{
  min-height:auto;
  padding:20px 24px;
}
.account-toolbar{
  display:flex;
  align-items:center;
  gap:14px;
  margin:15px 0 18px;
}
.account-tabs-main{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  flex:1;
}
.account-main-tab{
  min-width:62px;
  padding:11px 15px;
  border:1px solid #cfdce6;
  border-radius:10px;
  background:#fff;
  color:#2a506d;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 2px 7px rgba(31,78,120,.05);
}
.account-main-tab.active{
  color:#fff;
  background:#1f4e78;
  border-color:#1f4e78;
  box-shadow:0 5px 14px rgba(31,78,120,.20);
}
.account-search-simple{
  width:390px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 10px;
  border:1px solid #d4e0e8;
  border-radius:11px;
  background:#fff;
}
.account-search-simple input{
  border:none;
  box-shadow:none;
  background:transparent;
  height:44px;
  padding:0;
}
.account-search-simple input:focus{outline:none}
.account-search-simple button{
  border:none;
  background:#eaf0f4;
  border-radius:50%;
  width:28px;height:28px;
  cursor:pointer;
}
.account-tab-panel{display:none}
.account-tab-panel.active{display:block}
.account-panel-header{
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 18px;
  border-radius:14px 14px 0 0;
  color:#fff;
  background:linear-gradient(135deg,#1f4e78,#2e6f9f);
}
.account-panel-code{
  width:48px;height:48px;
  display:flex;align-items:center;justify-content:center;
  border-radius:12px;
  background:rgba(255,255,255,.16);
  font-weight:900;
}
.account-panel-header h2{margin:0;font-size:20px}
.account-panel-header p{margin:3px 0 0;color:#dbeaf5;font-size:12px}
.account-panel-count{
  margin-left:auto;
  min-width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;
  background:#ffe600;color:#173f64;
  font-weight:900;
}
.account-list-table{
  overflow:auto;
  border:1px solid #dce5ec;
  border-top:none;
  border-radius:0 0 14px 14px;
  background:#fff;
}
.account-list-head,.account-list-row{
  display:grid;
  grid-template-columns:70px 1.1fr 1.25fr 1.3fr 1fr 120px;
  align-items:center;
  min-width:980px;
}
.account-list-head{
  background:#eef4f8;
  font-weight:800;
  color:#2a455b;
}
.account-list-head>div,.account-list-row>div{
  padding:13px 14px;
  border-bottom:1px solid #e4ebf0;
}
.account-list-row:hover{background:#f8fbfd}
.stt-cell{text-align:center;font-weight:800;color:#6c7c89}
.village-cell{font-weight:800;color:#1f4e78}
.username-cell{
  display:flex;
  align-items:center;
  gap:8px;
}
.username-cell code{
  font-size:13px;
  color:#173f64;
  font-weight:800;
}
.copy-mini{
  border:none;
  border-radius:7px;
  padding:5px 8px;
  background:#e8f1f8;
  color:#1f4e78;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.group-no-result{
  display:none;
  padding:28px;
  text-align:center;
  color:#788894;
  background:#fff;
  border:1px dashed #cfdbe4;
  border-radius:0 0 14px 14px;
}
@media(max-width:1000px){
  .gov-header{flex-direction:column}
  .gov-header-right{
    width:100%;
    min-width:0;
    grid-template-columns:52px 145px 1fr;
  }
}
@media(max-width:760px){
  .gov-header{
    min-height:auto;
    padding:12px;
  }
  .emblem-wrap{width:65px;height:86px;margin-right:10px}
  .emblem-wrap img{height:86px;width:520px}
  .brand-title{font-size:25px}
  .brand-subtitle{font-size:12px}
  .developer-line{font-size:10px;flex-wrap:wrap;margin-top:9px}
  .gov-header-right{
    grid-template-columns:46px 110px 1fr;
    grid-template-rows:58px 34px;
  }
  .date-box{font-size:11px}
  .user-info strong{font-size:11px}
  .account-toolbar{flex-direction:column;align-items:stretch}
  .account-search-simple{width:100%}
}



/* MH DASHBOARD V1.5 */
body.app-shell{margin:0;background:#f1f5f9;color:#172033;padding:0;font-family:Arial,Helvetica,sans-serif}
.mh-top-header{
  position:fixed;left:0;right:0;top:0;height:194px;z-index:1000;
  display:flex;justify-content:space-between;align-items:center;
  padding:14px 28px 14px 22px;color:#fff;
  background:linear-gradient(120deg,#062a66 0%,#063d84 53%,#021d51 100%);
  box-shadow:0 2px 12px rgba(0,22,65,.35);
}
.mh-top-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#18a7ff}
.mh-brand-zone{display:flex;align-items:center;min-width:580px}
.mh-emblem{width:132px;height:132px;object-fit:contain;margin-right:18px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.mh-brand-copy{padding-top:3px}
.mh-brand-title{font-size:45px;line-height:1;font-weight:900;color:#ffd700;letter-spacing:.8px;text-shadow:0 2px 1px rgba(0,0,0,.18)}
.mh-brand-subtitle{margin-top:10px;font-size:23px;font-weight:800;line-height:1.35;letter-spacing:.4px}
.mh-developer{display:flex;align-items:center;gap:10px;margin-top:16px;font-size:16px}
.mh-developer strong{color:#ffd800}.mh-developer i{display:block;width:1px;height:20px;background:rgba(255,255,255,.65)}
.mh-header-tools{display:flex;align-items:center;gap:15px}
.mh-tool-box,.mh-date-box{min-width:110px;text-align:center}
.mh-tool-icon{position:relative;font-size:42px;line-height:1}.mh-tool-icon b{position:absolute;right:17px;top:-8px;background:#f21622;border-radius:50%;font-size:12px;padding:4px 6px}
.mh-tool-box span,.mh-date-box span{display:block;margin-top:8px;font-size:14px}
.mh-tool-separator{width:1px;height:90px;background:rgba(255,255,255,.35)}
.mh-calendar-icon{font-size:40px;line-height:1;margin-bottom:8px}.mh-date-box strong{font-size:15px}
.mh-user-box{display:flex;align-items:center;min-width:220px;gap:12px}
.mh-user-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(#3d93ed,#2264c4);border:2px solid rgba(255,255,255,.65);font-size:38px;color:#fff}
.mh-user-copy strong{display:block;color:#ffd600;font-size:17px}.mh-user-copy span{display:block;margin-top:6px;font-size:14px}.mh-user-arrow{font-size:20px;margin-left:auto}
.mh-settings-btn,.mh-logout-btn{display:inline-block;padding:12px 16px;border-radius:8px;color:#fff;text-decoration:none;font-weight:700;font-size:14px}
.mh-settings-btn{border:1px solid #fff;background:rgba(255,255,255,.05)}.mh-logout-btn{background:#ef313c;border:1px solid #ff5962}
.mh-sidebar{
  position:fixed;left:0;top:194px;bottom:0;width:228px;z-index:900;
  display:flex;flex-direction:column;justify-content:space-between;
  color:#fff;background:linear-gradient(#063b7c,#022a60);
  border-right:1px solid rgba(255,255,255,.08);
}
.mh-sidebar-nav{padding-top:14px;overflow-y:auto}
.mh-side-item,.mh-sub-item{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}
.mh-side-item{height:44px;padding:0 18px;font-size:15px;font-weight:600}
.mh-side-item.active{background:linear-gradient(90deg,#147be3,#0d5fc5);box-shadow:inset -3px 0 #45b4ff}
.mh-side-item:hover,.mh-sub-item:hover{background:rgba(255,255,255,.08)}
.mh-side-group{margin-top:6px;padding-bottom:10px}.mh-side-group-title{padding:12px 18px;font-size:14px;font-weight:700;border-top:1px solid rgba(255,255,255,.09)}
.mh-sub-item{margin:2px 11px;padding:10px 12px;border-radius:6px;font-size:13px}.mh-sub-item.active{background:rgba(69,143,221,.35)}
.mh-collapse{padding:18px 20px;border-top:1px solid rgba(255,255,255,.14);font-weight:700;font-size:14px}
.mh-page-wrap{margin-left:228px;padding-top:194px;min-height:100vh}
.mh-main-content{padding:28px 24px 36px;max-width:none;margin:0}
.user-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:18px}
.user-admin-main{min-width:0}.page-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin:0 0 20px}
.page-title-row h1{margin:0;font-size:24px;color:#103b7b}.page-title-row p{margin:8px 0 0;color:#718198}
.add-account-btn{padding:12px 18px;border:0;border-radius:7px;background:#1169d8;color:#fff;font-size:14px;font-weight:700;box-shadow:0 4px 12px rgba(17,105,216,.22)}
.account-control-card{background:#fff;border:1px solid #dfe5eb;border-radius:9px;padding:18px;box-shadow:0 2px 12px rgba(25,55,95,.08)}
.account-filter-row{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr auto;gap:12px;align-items:center}
.account-filter-row input,.account-filter-row select{height:43px;border:1px solid #ccd6e2;border-radius:6px;padding:0 13px;background:#fff;font-size:13px}
.filter-search{position:relative}.filter-search input{width:100%;padding-right:40px}.filter-search span{position:absolute;right:14px;top:10px;color:#47698d}
.search-blue-btn{height:43px;padding:0 18px;border:0;border-radius:6px;background:#1169d8;color:#fff;font-weight:700}
.big-account-tabs{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:0;margin-top:16px;background:#f7f9fb;border:1px solid #dce3ea;border-radius:7px;padding:0}
.big-account-tab{height:51px;border:0;background:transparent;color:#53647a;font-weight:700;font-size:14px;border-radius:7px}.big-account-tab b{margin-left:5px;background:#dce4ec;padding:2px 7px;border-radius:10px;font-size:11px}
.big-account-tab.active{background:#1268d4;color:#fff;box-shadow:0 4px 10px rgba(18,104,212,.25)}.big-account-tab.active b{background:rgba(255,255,255,.22)}
.big-tab-panel{display:none;padding-top:20px}.big-tab-panel.active{display:block}
.unit-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.admin-unit-card{position:relative;display:flex;align-items:flex-start;min-height:115px;padding:20px;border:1px solid #dbe3eb;border-radius:9px;background:#fff}
.admin-unit-icon{flex:0 0 52px;width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;margin-right:15px}
.color-0{background:linear-gradient(135deg,#0b75e6,#278ef5)}.color-1{background:linear-gradient(135deg,#8438d8,#a85df0)}.color-2{background:linear-gradient(135deg,#08a825,#20c849)}.color-3{background:linear-gradient(135deg,#f27600,#ff9d14)}.color-4{background:linear-gradient(135deg,#00a5af,#1ac5c9)}.color-5{background:linear-gradient(135deg,#d6295d,#f0467a)}
.admin-unit-copy h3{margin:2px 0 8px;font-size:15px}.admin-unit-copy p{margin:0;color:#7b8796;font-size:12px}.admin-unit-copy a{display:block;margin-top:16px;color:#0965ce;text-decoration:none;font-size:12px;font-weight:700}
.green-status{position:absolute;right:13px;top:54px;background:#e7f7e9;color:#1b9b3b;border-radius:12px;padding:4px 8px;font-size:10px}
.user-admin-side{display:flex;flex-direction:column;gap:18px}
.side-stat-card,.system-notice-card{background:#fff;border:1px solid #dfe5eb;border-radius:9px;box-shadow:0 2px 10px rgba(25,55,95,.06)}
.side-stat-card h3,.notice-head{margin:0;padding:15px 17px;border-bottom:1px solid #e3e8ed;font-size:14px;color:#173c73}
.side-stat-card>div:not(:first-child){display:flex;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #edf0f3;font-size:13px}.side-stat-card b{color:#176ed4}.green-text{color:#0aa03c!important}.orange-text{color:#ef8b00!important}.red-text{color:#e52b36!important}
.notice-head{display:flex;justify-content:space-between;align-items:center}.notice-head h3{margin:0;font-size:13px}.notice-head a{font-size:11px;color:#1268d4;text-decoration:none}
.notice-item{display:flex;gap:11px;padding:16px;border-bottom:1px solid #edf0f3}.notice-item i{width:8px;height:8px;border-radius:50%;margin-top:4px;flex:0 0 8px}.red-notice{background:#ef3b45}.green-notice{background:#17a66b}.orange-notice{background:#f5a000}
.notice-item strong{font-size:12px}.notice-item p{margin:6px 0;color:#677687;font-size:11px;line-height:1.45}.notice-item small{color:#8996a5;font-size:10px}
.notice-footer-link{display:block;padding:16px;text-align:center;color:#1268d4;text-decoration:none;font-size:12px;font-weight:700}
.village-role-tabs{display:flex;gap:8px;margin-bottom:14px}.role-tab{padding:9px 16px;border:1px solid #cdd8e3;border-radius:6px;background:#fff;color:#38516c;font-weight:800}.role-tab.active{background:#1268d4;color:#fff;border-color:#1268d4}
.role-panel{display:none}.role-panel.active{display:block}.role-panel-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f5f8fb;border:1px solid #dce5ed;border-radius:7px 7px 0 0}.role-panel-title strong{display:block;color:#143f77}.role-panel-title span{display:block;margin-top:3px;color:#7a8998;font-size:11px}.role-panel-title b{background:#1268d4;color:#fff;border-radius:14px;padding:6px 10px}
.role-account-list{border:1px solid #dce5ed;border-top:0;border-radius:0 0 7px 7px;overflow:hidden}.role-account-head,.role-account-row{display:grid;grid-template-columns:60px 1fr 1.2fr 1.3fr 1fr 1fr;gap:10px;align-items:center}
.role-account-head{padding:12px 14px;background:#eaf1f7;font-weight:700;font-size:12px}.role-account-row{padding:13px 14px;border-top:1px solid #edf1f4;font-size:12px}.role-account-row code{color:#075fbd;font-weight:700}
.status-dot-on,.status-dot-off{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.status-dot-on{background:#1eb24b}.status-dot-off{background:#e43741}
.unit-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(1,20,50,.52);z-index:1500}.unit-modal.open{display:flex}.unit-modal-box{width:min(620px,92vw);max-height:76vh;overflow:auto;background:#fff;border-radius:10px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.unit-modal-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #e4e9ee}.unit-modal-head h2{margin:0;font-size:18px}.unit-modal-head button{border:0;background:#eef2f5;border-radius:50%;width:32px;height:32px;font-size:20px}.modal-account-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px;padding:14px 18px;border-bottom:1px solid #edf1f4}.modal-account-row code{color:#0965ce}
.login-shell .gov-header,.login-shell .mh-sidebar{display:none}
@media(max-width:1280px){
  .mh-brand-zone{min-width:470px}.mh-emblem{width:104px;height:104px}.mh-brand-title{font-size:36px}.mh-brand-subtitle{font-size:18px}.mh-top-header{height:170px}.mh-sidebar{top:170px}.mh-page-wrap{padding-top:170px}
  .unit-card-grid{grid-template-columns:repeat(2,1fr)}.user-admin-layout{grid-template-columns:minmax(0,1fr) 270px}
}
@media(max-width:980px){
  .mh-sidebar{width:78px}.mh-sidebar span,.mh-side-group,.mh-collapse span{display:none}.mh-page-wrap{margin-left:78px}.mh-side-item{justify-content:center;padding:0}
  .mh-header-tools .mh-tool-separator,.mh-date-box,.mh-tool-box{display:none}.user-admin-layout{grid-template-columns:1fr}.user-admin-side{display:grid;grid-template-columns:1fr 1fr}
  .account-filter-row{grid-template-columns:1fr 1fr}.unit-card-grid{grid-template-columns:1fr 1fr}.role-account-head,.role-account-row{grid-template-columns:45px 1fr 1.2fr 1fr}.role-account-head span:nth-child(4),.role-account-head span:nth-child(5),.role-account-row span:nth-child(4),.role-account-row span:nth-child(5){display:none}
}
@media(max-width:700px){
  .mh-top-header{position:relative;height:auto;padding:12px}.mh-brand-zone{min-width:0}.mh-emblem{width:72px;height:72px;margin-right:10px}.mh-brand-title{font-size:27px}.mh-brand-subtitle{font-size:12px}.mh-developer{font-size:11px;margin-top:7px}.mh-header-tools{display:none}
  .mh-sidebar{position:relative;top:0;width:100%;height:auto}.mh-sidebar-nav{display:flex;overflow-x:auto;padding:0}.mh-side-item{min-width:112px}.mh-page-wrap{margin-left:0;padding-top:0}.mh-main-content{padding:14px}.user-admin-side{grid-template-columns:1fr}
  .unit-card-grid{grid-template-columns:1fr}.big-account-tabs{grid-template-columns:1fr}.account-filter-row{grid-template-columns:1fr}.account-filter-row select,.search-blue-btn{width:100%}
  .role-account-head,.role-account-row{grid-template-columns:35px 1fr 1.2fr}.role-account-head span:nth-child(4),.role-account-head span:nth-child(5),.role-account-head span:nth-child(6),.role-account-row span:nth-child(4),.role-account-row span:nth-child(5),.role-account-row span:nth-child(6){display:none}
}


/* ACCOUNT PERMISSION V1.6 */
.big-account-tabs.single-tab{
  grid-template-columns:1fr;
}
.scope-note{
  display:block;
  margin-top:4px;
  font-size:10px;
  font-weight:500;
  color:#7b8796;
}


/* FUNCTIONAL PAGES V1.7 */
.mh-tool-box,.mh-date-box{color:#fff;text-decoration:none}
.functional-page{max-width:1180px}
.functional-card{background:#fff;border:1px solid #dfe6ed;border-radius:10px;overflow:hidden;box-shadow:0 2px 10px rgba(20,50,90,.06)}
.functional-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 19px;border-bottom:1px solid #edf1f4;color:#172033;text-decoration:none}
.functional-row:last-child{border-bottom:0}.functional-row:hover{background:#f7fbff}
.functional-row strong{font-size:15px}.functional-row p{margin:6px 0 0;color:#748395;font-size:12px}
.functional-badges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.f-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}
.f-badge.green{background:#e5f7ea;color:#10823b}.f-badge.red{background:#ffe8e8;color:#c62f37}.f-badge.orange{background:#fff1dc;color:#cc7600}.f-badge.blue{background:#e6f1ff;color:#1268d4}.f-badge.gray{background:#edf1f4;color:#647485}
.empty-state{padding:42px;text-align:center;color:#7b8997}
.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.report-card{background:#fff;border:1px solid #dfe6ed;border-radius:10px;padding:25px;text-align:center;box-shadow:0 2px 10px rgba(20,50,90,.06)}.report-card b{display:block;font-size:35px;color:#1268d4}.report-card span{display:block;margin-top:8px;color:#6e7d8d}
.search-page-form{display:flex;gap:10px;margin-bottom:16px}.search-page-form input{flex:1;height:46px;border:1px solid #cfd9e3;border-radius:7px;padding:0 15px;font-size:14px}.search-page-form button{padding:0 22px;border:0;border-radius:7px;background:#1268d4;color:#fff;font-weight:700}
.calendar-date{flex:0 0 105px;text-align:center;padding:9px;border-radius:8px;background:#e8f2ff;color:#1268d4}.grow{flex:1}
@media(max-width:800px){.report-grid{grid-template-columns:1fr 1fr}.functional-row{align-items:flex-start;flex-direction:column}.functional-badges{justify-content:flex-start}}



/* TYPOGRAPHY POLISH V1.8 */
html,body{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.app-shell{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  letter-spacing:0;
}
.mh-brand-title{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:800;
  letter-spacing:.2px;
}
.mh-brand-subtitle{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:700;
  letter-spacing:.1px;
  line-height:1.32;
}
.mh-developer{
  font-weight:500;
}
.mh-side-item{
  font-weight:600;
  font-size:14px;
}
.mh-sub-item{
  font-weight:500;
}
.mh-main-content h1,
.page-title-row h1{
  font-weight:700;
  letter-spacing:-.35px;
  line-height:1.2;
}
.mh-main-content h2{
  font-weight:650;
  letter-spacing:-.15px;
}
.big-action,
.btn,
.add-account-btn,
.search-blue-btn{
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
  font-weight:650;
}
.doc-title,
.functional-row strong,
.admin-unit-copy h3{
  font-weight:650;
}
.mh-main-content{
  font-size:14px;
}
.mh-main-content p,
.doc-meta,
.functional-row p{
  line-height:1.55;
}
.card,.functional-card,.account-control-card{
  box-shadow:0 4px 16px rgba(24,55,92,.06);
}
.big-action{
  min-height:110px;
  font-size:18px;
  border:1px solid #e2e8ef;
}
.mh-top-header{
  height:184px;
}
.mh-sidebar{
  top:184px;
}
.mh-page-wrap{
  padding-top:184px;
}
.mh-brand-title{
  font-size:42px;
}
.mh-brand-subtitle{
  font-size:20px;
}
.mh-developer{
  font-size:14px;
}
.mh-emblem{
  width:118px;
  height:118px;
}
.mh-user-copy strong{
  font-size:16px;
  line-height:1.25;
}
.mh-user-copy span{
  font-size:13px;
}

/* ADMIN LOGIN ACCOUNTS */
.login-guide-card{
  margin-bottom:18px;
  padding:16px 18px;
  border:1px solid #cfe0ee;
  border-radius:10px;
  background:#f5faff;
}
.login-guide-card strong{
  display:block;
  color:#124778;
  font-size:15px;
}
.login-guide-card p{
  margin:7px 0 0;
  color:#5f7081;
}
.login-guide-card code{
  padding:2px 6px;
  border-radius:5px;
  background:#e2edf6;
  color:#0b5ba7;
}
.login-unit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
}
.login-unit-card{
  overflow:hidden;
  border:1px solid #dde5ec;
  border-radius:11px;
  background:#fff;
  box-shadow:0 4px 14px rgba(24,55,92,.055);
}
.login-unit-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 17px;
  background:linear-gradient(135deg,#f5f9fc,#edf4f9);
  border-bottom:1px solid #e2e9ef;
}
.login-unit-icon{
  width:44px;
  height:44px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:#1268d4;
  color:#fff;
  font-size:13px;
  font-weight:800;
}
.login-unit-head h2{
  margin:0;
  color:#173d70;
  font-size:16px;
}
.login-unit-head p{
  margin:3px 0 0;
  color:#7c8996;
  font-size:12px;
}
.login-account-list{
  padding:4px 0;
}
.login-account-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 16px;
  border-bottom:1px solid #edf1f4;
}
.login-account-row:last-child{
  border-bottom:0;
}
.login-account-row strong{
  display:block;
  font-size:13px;
  font-weight:600;
}
.login-account-row code{
  display:block;
  margin-top:4px;
  color:#0e65bd;
  font-size:12px;
}
.login-account-row button{
  flex:0 0 auto;
  padding:7px 10px;
  border:0;
  border-radius:7px;
  background:#e7f1fa;
  color:#135a9b;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
}
.login-account-row button.copied{
  background:#dff6e8;
  color:#087443;
}
@media(max-width:850px){
  .login-unit-grid{
    grid-template-columns:1fr;
  }
}


/* LEADER MONITOR DASHBOARD V1.9 */
.leader-page{max-width:1280px}
.leader-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}
.leader-summary-card{padding:22px;border-radius:12px;color:#fff;box-shadow:0 7px 18px rgba(20,50,90,.12)}
.leader-summary-card b{display:block;font-size:34px;line-height:1}.leader-summary-card span{display:block;margin-top:9px;font-size:13px}
.leader-summary-card.blue{background:linear-gradient(135deg,#1268d4,#3187ea)}
.leader-summary-card.orange{background:linear-gradient(135deg,#de7a00,#f7a31a)}
.leader-summary-card.red{background:linear-gradient(135deg,#c82e3a,#ef505b)}
.leader-summary-card.green{background:linear-gradient(135deg,#07874a,#22b66c)}
.leader-panel{margin-bottom:18px;border:1px solid #dfe6ed;border-radius:11px;background:#fff;box-shadow:0 3px 13px rgba(24,55,92,.055);overflow:hidden}
.leader-panel-head{padding:17px 19px;border-bottom:1px solid #e6ebef}.leader-panel-head h2{margin:0;color:#173e71;font-size:18px}.leader-panel-head p{margin:5px 0 0;color:#768596;font-size:12px}
.unit-monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:16px}
.unit-monitor-card{padding:15px;border:1px solid #e1e8ee;border-radius:9px;background:#f9fbfd}
.unit-monitor-card>strong{display:block;margin-bottom:12px;color:#173e71;font-size:14px}
.unit-monitor-card>div{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #e8edf1;font-size:12px}
.leader-doc-list{padding:0}
.leader-doc-row{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:16px;align-items:center;padding:16px 18px;border-bottom:1px solid #edf1f4}
.leader-doc-row:last-child{border-bottom:0}
.leader-doc-main{text-decoration:none;color:#172033}.leader-doc-main strong{font-size:14px}.leader-doc-main p{margin:5px 0;color:#758494;font-size:12px}
.leader-progress{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.leader-progress span{padding:4px 8px;border-radius:999px;background:#edf4fa;color:#285b87;font-size:10px;font-weight:650}
.remind-form{display:flex;gap:8px}.remind-form input{flex:1;height:38px;padding:0 10px;border:1px solid #ced9e3;border-radius:7px;font-size:12px}.remind-form button{border:0;border-radius:7px;padding:0 14px;background:#e84a55;color:#fff;font-weight:700;cursor:pointer}
@media(max-width:980px){
  .leader-summary-grid{grid-template-columns:1fr 1fr}
  .unit-monitor-grid{grid-template-columns:1fr 1fr}
  .leader-doc-row{grid-template-columns:1fr}
}
@media(max-width:620px){
  .leader-summary-grid,.unit-monitor-grid{grid-template-columns:1fr}
  .remind-form{flex-direction:column}.remind-form button{height:40px}
}


/* SEND TO VILLAGES V1.10 */
.village-send-toolbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:15px 17px;
  margin-bottom:14px;
  border:1px solid #d8e4ed;
  border-radius:9px;
  background:#f5faff;
}
.village-send-toolbar strong{display:block;color:#173e71;font-size:15px}
.village-send-toolbar p{margin:4px 0 0;color:#6d7d8d;font-size:12px}
.selected-counter{padding:10px 13px;border-radius:8px;background:#fff;border:1px solid #d8e4ed;color:#52677b;font-size:12px}
.selected-counter b{color:#1268d4;font-size:17px}
.send-selected-btn{
  height:42px;padding:0 17px;border:0;border-radius:7px;
  background:#1268d4;color:#fff;font-weight:700;cursor:pointer
}
.send-selected-btn:disabled{background:#aebbc8;cursor:not-allowed}
.receiver-role-title{gap:12px}
.receiver-role-actions{display:flex;gap:8px}
.receiver-role-actions button{
  padding:7px 10px;border:1px solid #c6d5e2;border-radius:6px;
  background:#fff;color:#1b5b98;font-size:11px;font-weight:700;cursor:pointer
}
.receiver-head,.receiver-row{
  grid-template-columns:55px 55px 1fr 1.15fr 1.3fr 1fr!important
}
.receiver-row{cursor:pointer}
.receiver-row:hover{background:#f6fbff}
.receiver-checkbox{width:18px;height:18px;accent-color:#1268d4}
.send-village-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:17px}
.send-village-form{display:flex;flex-direction:column;gap:14px}
.compose-card,.selected-receivers-card{
  border:1px solid #dce5ed;border-radius:10px;background:#fff;
  box-shadow:0 3px 13px rgba(24,55,92,.055)
}
.compose-card{padding:20px}
.compose-card h2,.selected-receivers-head h2{margin:0 0 16px;color:#173e71;font-size:18px}
.compose-card label{display:block;margin:13px 0 7px;font-size:13px;font-weight:650;color:#354c63}
.compose-card input,.compose-card select,.compose-card textarea{
  width:100%;border:1px solid #cdd8e2;border-radius:7px;
  padding:11px 12px;font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-size:13px
}
.compose-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.compose-options{display:flex;gap:18px;flex-wrap:wrap;margin-top:15px;padding:12px;border-radius:8px;background:#f6f9fb}
.compose-options label{display:flex;align-items:center;gap:8px;margin:0}
.compose-options input{width:auto}
.compose-actions{display:flex;justify-content:flex-end;gap:10px}
.cancel-compose-btn,.confirm-send-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:0 17px;border-radius:7px;font-weight:700;text-decoration:none
}
.cancel-compose-btn{background:#e9eef3;color:#3f566c}
.confirm-send-btn{border:0;background:#1268d4;color:#fff;cursor:pointer}
.selected-receivers-card{overflow:hidden}
.selected-receivers-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:16px;border-bottom:1px solid #e4eaf0;background:#f6f9fc
}
.selected-receivers-head h2{margin:0}
.selected-receivers-head b{padding:5px 9px;border-radius:999px;background:#1268d4;color:#fff}
.selected-receiver-list{max-height:550px;overflow:auto}
.selected-receiver-item{padding:13px 15px;border-bottom:1px solid #edf1f4}
.selected-receiver-item strong{display:block;font-size:12px}
.selected-receiver-item code{display:block;margin-top:4px;color:#0d64bc;font-size:11px}
.attachment-list{display:flex;flex-direction:column;gap:8px}
.attachment-item{display:flex;align-items:center;gap:10px;padding:11px;border-radius:8px;background:#f6f9fb;color:#172033;text-decoration:none}
.attachment-item strong{display:block;font-size:13px}
.attachment-item small{display:block;margin-top:3px;color:#6e7e8e}
@media(max-width:900px){
  .send-village-layout{grid-template-columns:1fr}
  .selected-receivers-card{order:-1}
  .selected-receiver-list{max-height:230px}
  .village-send-toolbar{grid-template-columns:1fr}
}
@media(max-width:650px){
  .compose-grid{grid-template-columns:1fr}
  .receiver-head,.receiver-row{grid-template-columns:45px 40px 1fr 1.2fr!important}
  .receiver-head span:nth-child(5),.receiver-head span:nth-child(6),
  .receiver-row span:nth-child(5),.receiver-row span:nth-child(6){display:none}
}


/* PASSWORD RESET & CALENDAR UPLOAD V1.11 */
.reset-password-mini{
  margin-left:8px;
  padding:4px 7px;
  border:0;
  border-radius:6px;
  background:#fff0dd;
  color:#b96800;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
.reset-password-box{max-width:430px}
.reset-password-form{
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px;
}
.reset-password-form p{margin:0 0 5px}
.reset-password-form label{font-size:13px;font-weight:650}
.reset-password-form input{
  height:42px;
  padding:0 12px;
  border:1px solid #ccd8e3;
  border-radius:7px;
}
.reset-password-form small{color:#718191}
.reset-password-form .confirm-send-btn{height:42px;margin-top:5px}

.calendar-page{max-width:1220px}
.calendar-upload-card,
.calendar-files-card,
.calendar-task-card{
  margin-bottom:18px;
  border:1px solid #dfe6ed;
  border-radius:10px;
  background:#fff;
  box-shadow:0 3px 13px rgba(24,55,92,.055);
}
.calendar-upload-card{padding:18px}
.calendar-upload-card h2{margin:0;color:#173e71;font-size:18px}
.calendar-upload-card p{margin:5px 0 15px;color:#758495;font-size:12px}
.calendar-upload-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1.4fr auto;
  gap:10px;
}
.calendar-upload-grid input{
  height:42px;
  padding:0 11px;
  border:1px solid #ced9e3;
  border-radius:7px;
  font-family:"Segoe UI",Tahoma,Arial,sans-serif;
}
.calendar-upload-grid button{
  border:0;
  border-radius:7px;
  padding:0 16px;
  background:#1268d4;
  color:#fff;
  font-weight:700;
  cursor:pointer;
}
.calendar-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:15px 17px;
  border-bottom:1px solid #e5ebf0;
}
.calendar-section-head h2{margin:0;color:#173e71;font-size:17px}
.calendar-section-head span{
  padding:4px 8px;
  border-radius:999px;
  background:#e8f2ff;
  color:#1268d4;
  font-size:11px;
  font-weight:700;
}
.calendar-file-row{
  display:grid;
  grid-template-columns:45px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  padding:14px 17px;
  border-bottom:1px solid #edf1f4;
}
.calendar-file-row:last-child{border-bottom:0}
.calendar-file-icon{
  width:40px;height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:10px;
  background:#e8f2ff;
  color:#1268d4;
  font-size:20px;
}
.calendar-file-main strong{font-size:13px}
.calendar-file-main p{margin:5px 0 0;color:#768595;font-size:11px}
.calendar-file-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.calendar-file-actions a,
.calendar-file-actions button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 10px;
  border-radius:6px;
  text-decoration:none;
  font-size:11px;
  font-weight:700;
}
.calendar-file-actions a{background:#e8f2ff;color:#1268d4}
.calendar-file-actions button{border:0;background:#ffe8e8;color:#c82e38;cursor:pointer}
.calendar-file-actions form{margin:0}
.calendar-task-card{overflow:hidden}
@media(max-width:900px){
  .calendar-upload-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .calendar-upload-grid{grid-template-columns:1fr}
  .calendar-upload-grid button{height:42px}
  .calendar-file-row{grid-template-columns:40px 1fr}
  .calendar-file-actions{grid-column:1 / -1;justify-content:flex-end}
}

/* COMPLETE DIRECT SEND V1.13 */
.mh-password-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.9);border-radius:8px;color:#fff;text-decoration:none;font-size:13px;font-weight:650;background:rgba(255,255,255,.06)}
.receiver-selection-card{margin-top:15px;border:1px solid #dbe5ed;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 4px 15px rgba(24,55,92,.06)}
.receiver-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 19px;background:#f5faff;border-bottom:1px solid #dfe8ef}
.receiver-toolbar h2{margin:0;color:#173e71;font-size:17px}.receiver-toolbar p{margin:5px 0 0;color:#6f8090;font-size:12px}
.receiver-toolbar-actions{display:flex;align-items:center;gap:10px}.selected-total{padding:11px 13px;border:1px solid #d4e0ea;border-radius:8px;background:#fff;color:#607284;font-size:12px}.selected-total b{color:#1268d4;font-size:16px}
.receiver-toolbar button{min-height:42px;padding:0 16px;border:0;border-radius:7px;background:#1268d4;color:#fff;font-weight:700;cursor:pointer}.receiver-toolbar button:disabled{background:#aebac6;cursor:not-allowed}
.receiver-tabs{display:flex;gap:8px;padding:14px 17px 0;overflow-x:auto}.receiver-tab{flex:0 0 auto;min-width:70px;height:43px;border:1px solid #ccd9e4;border-radius:7px;background:#fff;color:#36516b;font-weight:800;cursor:pointer}.receiver-tab span{margin-left:4px;padding:2px 6px;border-radius:999px;background:#e6edf3;font-size:10px}.receiver-tab.active{background:#1268d4;border-color:#1268d4;color:#fff}.receiver-tab.active span{background:rgba(255,255,255,.22)}
.receiver-panel{display:none;padding:14px 17px 17px}.receiver-panel.active{display:block}.receiver-panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border:1px solid #dfe6ed;border-radius:8px 8px 0 0;background:#f7fafc}.receiver-panel-head h3{margin:0;color:#173e71;font-size:15px}.receiver-panel-head p{margin:4px 0 0;color:#788797;font-size:11px}.receiver-panel-head button{padding:7px 10px;border:1px solid #c9d7e3;border-radius:6px;background:#fff;color:#155e9f;font-size:11px;font-weight:700;cursor:pointer}
.receiver-table{border:1px solid #dfe6ed;border-top:0;border-radius:0 0 8px 8px;overflow:hidden}.receiver-table-head,.receiver-table-row{display:grid;grid-template-columns:58px 55px 1fr 1.15fr 1.3fr 1fr 1fr;gap:10px;align-items:center}.receiver-table-head{padding:12px 14px;background:#eaf1f7;font-size:11px;font-weight:700}.receiver-table-row{padding:13px 14px;border-top:1px solid #edf1f4;cursor:pointer;font-size:12px}.receiver-table-row:hover{background:#f7fbff}.receiver-table-row input{width:18px;height:18px;accent-color:#1268d4}.receiver-table-row code{color:#0965ce;font-weight:700}
@media(max-width:850px){.receiver-toolbar{align-items:flex-start;flex-direction:column}.receiver-toolbar-actions{width:100%;flex-wrap:wrap}.receiver-toolbar-actions button{flex:1}.receiver-table-head,.receiver-table-row{grid-template-columns:48px 1fr 1.1fr 1fr}.receiver-table-head span:nth-child(2),.receiver-table-head span:nth-child(6),.receiver-table-head span:nth-child(7),.receiver-table-row span:nth-child(2),.receiver-table-row span:nth-child(6),.receiver-table-row span:nth-child(7){display:none}}
@media(max-width:560px){.receiver-table-head,.receiver-table-row{grid-template-columns:42px 1fr 1.2fr}.receiver-table-head span:nth-child(5),.receiver-table-row span:nth-child(5){display:none}.mh-password-btn{min-height:38px;padding:0 10px;font-size:11px}}


/* ACCOUNT ADMIN COMPLETE V1.14 */
.admin-account-list{display:flex;flex-direction:column;gap:10px}
.admin-account-row{
  display:grid;
  grid-template-columns:minmax(260px,1.6fr) 1fr .8fr .8fr auto;
  gap:12px;
  align-items:center;
  padding:14px 15px;
  border:1px solid #dfe6ed;
  border-radius:9px;
  background:#fff;
}
.admin-account-row strong{display:block;font-size:13px}
.admin-account-row code{display:block;margin-top:4px;color:#0965ce;font-size:11px}
.reset-action-btn{
  min-height:34px;padding:0 10px;border:0;border-radius:6px;
  background:#fff0dd;color:#b76700;font-size:10px;font-weight:700;cursor:pointer
}
.add-account-modal-box{max-width:720px}
.add-account-form{display:flex;flex-direction:column;gap:11px;padding:18px}
.add-account-form label{font-size:12px;font-weight:650}
.add-account-form input,.add-account-form select{
  width:100%;height:41px;padding:0 10px;border:1px solid #ccd8e2;border-radius:7px
}
.form-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.role-account-head,.role-account-row{
  grid-template-columns:55px 1fr 1.1fr 1.2fr .9fr .9fr 120px!important
}
@media(max-width:900px){
  .admin-account-row{grid-template-columns:1.4fr 1fr auto}
  .admin-account-row span:nth-child(3),.admin-account-row span:nth-child(4){display:none}
  .form-grid-two{grid-template-columns:1fr}
}
@media(max-width:650px){
  .admin-account-row{grid-template-columns:1fr auto}
  .admin-account-row span{display:none}
  .role-account-head,.role-account-row{grid-template-columns:40px 1fr 1.2fr 100px!important}
  .role-account-head span:nth-child(4),.role-account-head span:nth-child(5),.role-account-head span:nth-child(6),
  .role-account-row span:nth-child(4),.role-account-row span:nth-child(5),.role-account-row span:nth-child(6){display:none}
}



/* GLOBAL TYPOGRAPHY HARMONY V1.15 */
:root{
  --font-main:"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;
  --font-mono:"Cascadia Mono","Consolas","Courier New",monospace;
}

html,
body,
button,
input,
select,
textarea,
table,
th,
td,
label,
a,
span,
div,
p,
strong,
small,
code{
  font-family:var(--font-main);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

body{
  font-size:14px;
  font-weight:400;
  line-height:1.5;
  letter-spacing:0;
}

code,
.username-cell code,
.role-account-row code,
.admin-account-row code,
.login-account-row code,
.selected-receiver-item code{
  font-family:var(--font-mono);
  font-size:12px;
  font-weight:600;
  letter-spacing:0;
}

/* Header */
.mh-brand-title{
  font-family:var(--font-main);
  font-weight:800;
  letter-spacing:-.5px;
}

.mh-brand-subtitle{
  font-family:var(--font-main);
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.1px;
}

.mh-developer{
  font-weight:500;
  line-height:1.4;
}

.mh-user-copy strong{
  font-weight:700;
  line-height:1.25;
}

.mh-user-copy span{
  font-weight:400;
}

/* Menu trái */
.mh-side-item{
  font-weight:600;
  letter-spacing:-.1px;
}

.mh-side-group-title{
  font-weight:650;
}

.mh-sub-item{
  font-weight:500;
  line-height:1.35;
}

/* Tiêu đề trang */
.page-title-row h1,
.mh-main-content h1,
.functional-page h1,
.leader-page h1,
.send-direct-page h1{
  font-family:var(--font-main);
  font-weight:700;
  letter-spacing:-.45px;
  line-height:1.2;
}

.page-title-row p,
.mh-main-content p{
  font-weight:400;
  line-height:1.55;
}

/* Tiêu đề khối */
h2,
h3,
.card h2,
.compose-card h2,
.leader-panel h2,
.calendar-section-head h2,
.receiver-toolbar h2,
.receiver-panel-head h3,
.side-stat-card h3,
.notice-head h3{
  font-family:var(--font-main);
  font-weight:650;
  letter-spacing:-.18px;
  line-height:1.3;
}

/* Nút */
button,
.btn,
.add-account-btn,
.search-blue-btn,
.confirm-send-btn,
.reset-action-btn,
.mh-settings-btn,
.mh-password-btn,
.mh-logout-btn,
.role-tab,
.big-account-tab,
.receiver-tab{
  font-family:var(--font-main);
  font-weight:650;
  letter-spacing:-.1px;
}

/* Form */
input,
select,
textarea{
  font-family:var(--font-main);
  font-size:13px;
  font-weight:400;
  line-height:1.45;
}

label{
  font-weight:600;
  letter-spacing:-.05px;
}

/* Thẻ tài khoản và đơn vị */
.admin-unit-copy h3,
.admin-account-row strong,
.role-account-row strong,
.login-unit-head h2,
.login-account-row strong,
.unit-monitor-card>strong,
.selected-receiver-item strong,
.functional-row strong{
  font-family:var(--font-main);
  font-weight:650;
  letter-spacing:-.15px;
}

.admin-unit-copy p,
.login-unit-head p,
.login-account-row code,
.role-account-row span,
.admin-account-row span,
.functional-row p{
  font-weight:400;
  line-height:1.45;
}

/* Bảng */
.role-account-head,
.receiver-table-head,
.account-list-head{
  font-family:var(--font-main);
  font-weight:650;
  letter-spacing:-.05px;
}

.role-account-row,
.receiver-table-row,
.account-list-row{
  font-family:var(--font-main);
  font-weight:400;
  line-height:1.4;
}

/* Thống kê */
.side-stat-card b,
.report-card b,
.leader-summary-card b,
.account-panel-count,
.selected-receivers-head b{
  font-family:var(--font-main);
  font-weight:700;
}

.side-stat-card span,
.report-card span,
.leader-summary-card span{
  font-weight:400;
}

/* Giảm cảm giác chữ thô */
strong{
  font-weight:650;
}

small{
  font-weight:400;
  line-height:1.4;
}

.green-status,
.account-status,
.f-badge,
.summary-tags span,
.leader-progress span{
  font-weight:600;
}

/* Căn lại một số cỡ chữ */
.page-title-row h1{
  font-size:25px;
}

.admin-account-row strong,
.role-account-row strong{
  font-size:13px;
}

.mh-side-item{
  font-size:14px;
}

.mh-sub-item{
  font-size:12.5px;
}

.big-account-tab{
  font-size:13px;
}

.role-tab,
.receiver-tab{
  font-size:13px;
}

.side-stat-card h3,
.notice-head h3{
  font-size:13px;
}

@media(max-width:700px){
  body{
    font-size:13px;
  }
  .page-title-row h1{
    font-size:21px;
  }
  .mh-side-item{
    font-size:12px;
  }
}


/* ACCOUNT ADMIN FIX V1.18 */
body.modal-open{overflow:hidden}
.add-account-btn,.search-blue-btn,.reset-action-btn,.big-account-tab,.role-tab{
  cursor:pointer;
}
.add-account-btn:active,.search-blue-btn:active,.reset-action-btn:active{
  transform:translateY(1px);
}
.account-empty-message{
  display:none;
  padding:24px;
  text-align:center;
  color:#718198;
}
.unit-modal.open{
  display:flex!important;
}


/* V3 STEP 1 MOBILE PWA */
html{
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100dvh;
}
button,
a,
input,
select,
textarea{
  -webkit-tap-highlight-color:transparent;
}
button,
a{
  touch-action:manipulation;
}
input,
select,
textarea{
  font-size:16px;
}
@media(max-width:768px){
  .mh-top-header{
    position:sticky;
    top:0;
    z-index:1000;
  }
  .mh-page-wrap{
    padding-bottom:84px;
  }
  .mh-main-content{
    padding:12px;
  }
  .page-title-row{
    gap:10px;
    flex-direction:column;
    align-items:stretch;
  }
  .add-account-btn,
  .search-blue-btn,
  .confirm-send-btn{
    width:100%;
    min-height:46px;
  }
  .account-filter-row{
    grid-template-columns:1fr!important;
  }
  .big-account-tabs{
    grid-template-columns:1fr!important;
    gap:6px;
  }
  .big-account-tab{
    min-height:46px;
  }
  .admin-account-row,
  .role-account-row{
    border-radius:10px;
  }
  .unit-modal-box{
    width:96vw!important;
    max-height:88dvh!important;
  }
  .form-grid-two{
    grid-template-columns:1fr!important;
  }
  table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
}
@media(max-width:480px){
  .mh-brand-title{
    font-size:24px!important;
  }
  .mh-brand-subtitle{
    font-size:11px!important;
  }
  .mh-developer{
    display:none;
  }
}

/* MH-OFFICE 2.0: Lịch họp và điểm danh */
.primary-action{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:12px;background:#0b5ed7;color:#fff;text-decoration:none;font-weight:700;box-shadow:0 8px 22px rgba(11,94,215,.2)}
.meeting-list{display:grid;gap:14px}.meeting-card{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #e4eaf2;border-radius:16px;text-decoration:none;color:#18324b;box-shadow:0 4px 18px rgba(18,50,81,.06)}
.meeting-card:hover{transform:translateY(-1px);box-shadow:0 8px 25px rgba(18,50,81,.1)}.meeting-date-box{width:64px;min-width:64px;text-align:center;border-radius:14px;background:#eef5ff;padding:10px 6px;color:#0b5ed7}.meeting-date-box b{display:block;font-size:26px}.meeting-date-box span{font-size:12px}.meeting-main{flex:1}.meeting-main strong{font-size:17px}.meeting-main p{margin:5px 0 0;color:#617286}.meeting-status{min-width:95px;text-align:center}.meeting-status b{display:block;font-size:22px;color:#0b5ed7}.meeting-status span{font-size:12px}
.meeting-form-card,.meeting-result-card,.checkin-card,.meeting-hero{background:#fff;border:1px solid #e4eaf2;border-radius:18px;padding:20px;box-shadow:0 6px 24px rgba(18,50,81,.07);margin-bottom:18px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meeting-form-card label{display:flex;flex-direction:column;gap:7px;font-weight:650}.meeting-form-card input,.meeting-form-card textarea{padding:12px;border:1px solid #ccd7e3;border-radius:10px;font:inherit}.meeting-group-grid,.meeting-user-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.meeting-group-grid label,.meeting-user-grid label{display:flex;flex-direction:row;align-items:center;background:#f7f9fc;border-radius:10px;padding:10px;font-weight:500}.meeting-detail-select{margin:16px 0}.meeting-detail-select summary{cursor:pointer;font-weight:700;color:#0b5ed7}.form-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:20px}.form-actions a{text-decoration:none;color:#526273}.form-actions button,.danger-button{border:0;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}.form-actions button{background:#0b5ed7;color:#fff}.danger-button{background:#fff0f0;color:#b42318;border:1px solid #ffc9c9}
.meeting-unit{display:inline-block;background:#eef5ff;color:#0b5ed7;border-radius:999px;padding:6px 10px;font-weight:700}.meeting-hero h1{margin:12px 0 8px}.checkin-card{text-align:center}.checkin-button{width:min(100%,430px);border:0;border-radius:16px;padding:18px;background:#12834b;color:white;font-size:20px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(18,131,75,.22)}.checkin-success,.checkin-wait,.checkin-closed{padding:18px;border-radius:14px;font-size:18px;font-weight:700}.checkin-success{background:#e9f8ef;color:#146c3c}.checkin-wait{background:#eef5ff;color:#194f91}.checkin-closed{background:#fff1f0;color:#a61b13}
.meeting-table-wrap{overflow:auto}.meeting-table{width:100%;border-collapse:collapse}.meeting-table th,.meeting-table td{padding:11px;border-bottom:1px solid #e5eaf0;text-align:left}.meeting-table small{display:block;color:#7a8795;margin-top:3px}.dashboard-meetings{display:grid;gap:10px;margin-bottom:22px}.dashboard-meeting-card{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dde7f1;border-radius:14px;padding:13px;text-decoration:none;color:#18324b}.dashboard-meeting-card>div{min-width:58px;text-align:center;color:#0b5ed7}.dashboard-meeting-card>div b,.dashboard-meeting-card>div span{display:block}.dashboard-meeting-card section{flex:1}.dashboard-meeting-card section p{margin:4px 0 0;color:#66788a}.dashboard-meeting-card em{font-style:normal;background:#fff3cd;color:#856404;border-radius:999px;padding:7px 10px;font-weight:700}.dashboard-meeting-card em.done{background:#e9f8ef;color:#146c3c}
@media(max-width:760px){.meeting-card{align-items:flex-start}.meeting-status{min-width:auto}.form-grid-2,.meeting-group-grid,.meeting-user-grid{grid-template-columns:1fr}.meeting-title-row{align-items:flex-start;gap:12px}.primary-action{width:100%}.dashboard-meeting-card{align-items:flex-start;flex-wrap:wrap}.dashboard-meeting-card section{min-width:calc(100% - 80px)}.dashboard-meeting-card em{margin-left:70px}}


/* MH-OFFICE 2.0 MOBILE HOME */
.mh-mobile-topbar,.mh-mobile-bottom-nav,.mh-mobile-dashboard{display:none}
@media(max-width:700px){
  body.app-shell{background:#f7f7f2;padding-bottom:84px}
  .mh-top-header,.mh-sidebar{display:none!important}
  .mh-mobile-topbar{display:block;background:#2f573e;color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 5px rgba(0,0,0,.12)}
  .mh-mobile-topline{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;color:#111;border-bottom:1px solid #e7e7e7}
  .mh-mobile-topline>div:first-child{display:flex;flex-direction:column}.mh-mobile-topline strong{font-size:20px}.mh-mobile-topline span{font-size:11px;color:#66756c;margin-top:2px}
  .mh-mobile-actions{display:flex;gap:10px}.mh-mobile-actions a{width:42px;height:42px;border-radius:12px;background:#51725c;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:20px}
  .mh-mobile-profile{display:flex;align-items:center;gap:12px;padding:14px 18px}.mh-mobile-avatar{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e7ece8;color:#2f573e;font-size:26px}.mh-mobile-profile strong{display:block;font-size:20px}.mh-mobile-profile span{display:block;color:#dfe8e1;margin-top:4px;font-size:13px}
  .mh-page-wrap{margin-left:0!important;padding-top:0!important;padding-bottom:0!important;min-height:auto}.mh-main-content{padding:0 14px 18px!important}.mh-mobile-dashboard{display:block}.mh-desktop-dashboard{display:none}
  .mh-mobile-welcome{margin:18px 0 22px;background:linear-gradient(145deg,#315b43,#2b533c);border-radius:24px;color:#fff;padding:22px;box-shadow:0 8px 24px rgba(36,75,51,.14)}
  .mh-mobile-date{font-size:16px;color:#dce7df}.mh-mobile-welcome h1{margin:10px 0 4px!important;color:#fff;font-size:28px!important;line-height:1.18}.mh-mobile-welcome p{margin:0;color:#dbe5de;font-size:15px}.mh-mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.mh-mobile-stats>div{background:rgba(255,255,255,.12);border-radius:18px;padding:14px 16px}.mh-mobile-stats span{display:block;color:#dce7df;font-size:13px}.mh-mobile-stats b{display:block;margin-top:7px;font-size:28px}
  .mh-mobile-quick h2,.mh-mobile-meeting-section h2{margin:0 4px 12px!important;color:#557463;font-size:16px!important;letter-spacing:1px}.mh-mobile-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mh-mobile-quick-grid a{min-height:142px;background:#fff;border:1px solid #e1e4df;border-radius:20px;padding:18px;text-decoration:none;color:#13251a;box-shadow:0 2px 7px rgba(0,0,0,.035)}.mh-mobile-quick-grid span{display:block;font-size:30px}.mh-mobile-quick-grid strong{display:block;font-size:19px;margin-top:12px}.mh-mobile-quick-grid small{display:block;color:#738078;font-size:14px;margin-top:6px;line-height:1.3}
  .mh-mobile-meeting-section{margin-bottom:22px}.mh-mobile-meeting{display:grid;grid-template-columns:62px 1fr;gap:12px;position:relative;background:#fff;border:1px solid #dce3dd;border-radius:20px;padding:15px;text-decoration:none;color:#16231a;margin-bottom:10px}.mh-mobile-meeting-time{background:#eef4ef;border-radius:14px;padding:10px 6px;text-align:center;color:#2f6a46}.mh-mobile-meeting-time b,.mh-mobile-meeting-time span{display:block}.mh-mobile-meeting-time b{font-size:18px}.mh-mobile-meeting-time span{font-size:12px;margin-top:4px}.mh-mobile-meeting-copy{padding-right:74px}.mh-mobile-meeting-copy strong{display:block;font-size:16px;line-height:1.35}.mh-mobile-meeting-copy span{display:block;color:#76837a;font-size:13px;margin-top:5px}.mh-mobile-meeting em{position:absolute;right:14px;bottom:14px;font-style:normal;font-size:11px;font-weight:800;color:#866500;background:#fff4c9;border-radius:999px;padding:6px 8px}.mh-mobile-meeting em.done{background:#e7f7ed;color:#17653c}
  .mh-mobile-bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:1200;background:#fff;border-top:1px solid #e1e5e1;padding:7px 4px calc(7px + env(safe-area-inset-bottom));box-shadow:0 -3px 15px rgba(0,0,0,.06)}.mh-mobile-bottom-nav a{min-width:0;text-decoration:none;color:#66736a;text-align:center;font-size:11px;padding:4px 1px}.mh-mobile-bottom-nav b{display:block;font-size:23px;line-height:1.15;font-weight:500}.mh-mobile-bottom-nav span{display:block;margin-top:3px;white-space:nowrap}.mh-mobile-bottom-nav a.active{color:#2f6544;font-weight:800}
}
@media(max-width:390px){.mh-mobile-welcome h1{font-size:24px!important}.mh-mobile-quick-grid a{min-height:130px;padding:15px}.mh-mobile-quick-grid strong{font-size:17px}.mh-mobile-bottom-nav span{font-size:10px}}
/* MH-OFFICE V3: gửi đồng cấp, lịch họp mở rộng, quản lý đơn vị */
.receiver-level-tabs{display:flex;gap:10px;padding:16px 17px 0}.receiver-level-tab{border:1px solid #ccd9e4;border-radius:9px;background:#fff;padding:11px 18px;font-weight:800;color:#31506e;cursor:pointer}.receiver-level-tab.active{background:#0b5ed7;color:#fff;border-color:#0b5ed7}.receiver-level-tab span{margin-left:6px;border-radius:999px;padding:2px 7px;background:rgba(0,0,0,.08)}.receiver-level-panel{display:none;padding:15px 17px}.receiver-level-panel.active{display:block}.xa-unit-block{border:1px solid #e0e7ef;border-radius:12px;margin:12px 0;overflow:hidden}.xa-unit-head{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#f7faff}.xa-unit-head strong{flex:1}.xa-unit-head span{font-size:11px;color:#68798c}.xa-unit-head button{border:1px solid #cbd8e5;background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer;color:#125c9e}.meeting-user-grid label span{display:flex;flex-direction:column;gap:3px}.meeting-user-grid label small{color:#748395;font-weight:500}.meeting-invite-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meeting-invite-columns>section{border:1px solid #e2e9f0;border-radius:14px;padding:14px}.meeting-files{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.meeting-files a{display:inline-block;padding:7px 10px;background:#eef5ff;border-radius:8px;text-decoration:none;color:#0b5ed7;font-weight:700}.account-add-actions{display:flex;gap:8px;flex-wrap:wrap}.unit-manage-list{margin-top:20px;border-top:1px solid #e4e9ef;padding-top:14px}.unit-manage-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #edf1f4}.unit-manage-row span{display:flex;flex-direction:column}.unit-manage-row small{color:#7b8896}.unit-manage-row button{border:1px solid #d2dbe4;background:#fff;border-radius:7px;padding:6px 9px;cursor:pointer}
@media(max-width:760px){.meeting-invite-columns{grid-template-columns:1fr}.receiver-level-tabs{overflow-x:auto}.xa-unit-head{flex-wrap:wrap}.xa-unit-head strong{min-width:100%}}


/* ===== NHẬN DIỆN CHÍNH THỐNG THEO HỆ THỐNG TÀI KHOẢN ===== */
.mh-emblem.mh-official-logo{width:118px;height:118px;object-fit:contain;margin-right:18px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.22))}
.mh-version-badge{font-size:16px;background:#ffdf00;color:#073879;padding:4px 10px;border-radius:12px;vertical-align:middle;white-space:nowrap}
.mh-brand-subtitle small{display:block;margin-top:4px;font-size:.68em;line-height:1.2;letter-spacing:.25px}
.mh-user-avatar{overflow:hidden;background:#fff!important;padding:3px;box-sizing:border-box}
.mh-user-avatar img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}
.mh-mobile-avatar{overflow:hidden;background:#fff!important;padding:3px;box-sizing:border-box}
.mh-mobile-avatar img{width:100%;height:100%;object-fit:contain;display:block;border-radius:50%}
@media(max-width:1300px){.mh-emblem.mh-official-logo{width:98px;height:98px}.mh-brand-subtitle small{font-size:.65em}}
@media(max-width:760px){.mh-emblem.mh-official-logo{width:68px;height:68px;margin-right:10px}.mh-version-badge{font-size:11px;padding:3px 7px}.mh-brand-subtitle small{font-size:.78em}}


/* ===== LỊCH CÔNG DÂN ĐĂNG KÝ HCC ===== */
.mh-hcc-badge{background:#dc2626;color:#fff;border-radius:12px;padding:1px 7px;font-size:11px;margin-left:5px}.account-row-actions{display:flex;gap:6px;align-items:center;justify-content:flex-end}.hcc-permission-btn{border:1px solid #1d4ed8;background:#eff6ff;color:#1d4ed8;border-radius:7px;padding:7px 9px;font-weight:700;cursor:pointer}.unit-modal.open{display:flex!important}.hcc-permission-modal-box{max-width:560px}.hcc-permission-form{padding:18px}.hcc-account-name{background:#eef5ff;border-radius:10px;padding:12px;margin-bottom:14px;display:flex;gap:10px;justify-content:space-between}.hcc-permission-form>label{display:flex;gap:12px;padding:13px;border:1px solid #dbe5ef;border-radius:10px;margin-bottom:10px}.hcc-permission-form input[type=checkbox]{width:20px;height:20px}.hcc-permission-form label span{display:flex;flex-direction:column}.hcc-permission-form small{color:#64748b;margin-top:3px}.hcc-permission-note{background:#fff7ed;color:#9a3412;padding:10px;border-radius:8px;margin:12px 0}.hcc-page{padding-bottom:25px}.hcc-public-link,.hcc-filters button,.hcc-filters a,.hcc-edit-btn{background:#0b5cad;color:white;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;font-weight:700;cursor:pointer}.hcc-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.hcc-stats article{background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:16px;box-shadow:0 4px 14px rgba(15,23,42,.05)}.hcc-stats span{display:block;color:#64748b}.hcc-stats b{font-size:28px;color:#0b3d78}.hcc-stats .pending{border-left:5px solid #f59e0b}.hcc-stats .confirmed{border-left:5px solid #2563eb}.hcc-stats .completed{border-left:5px solid #16a34a}.hcc-filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:8px;background:#fff;padding:12px;border:1px solid #dbe5ef;border-radius:12px;margin-bottom:14px}.hcc-filters input,.hcc-filters select{padding:10px;border:1px solid #cbd5e1;border-radius:8px}.hcc-table-wrap{overflow:auto;background:#fff;border-radius:12px;border:1px solid #dbe5ef}.hcc-table{width:100%;border-collapse:collapse;min-width:1000px}.hcc-table th{background:#0b3d78;color:#fff;padding:12px;text-align:left}.hcc-table td{padding:12px;border-bottom:1px solid #e5e7eb;vertical-align:top}.hcc-table td small{display:block;color:#64748b;margin-top:5px;max-width:280px}.hcc-status{display:inline-flex;padding:5px 9px;border-radius:20px;font-weight:700;font-size:12px}.hcc-status.cho_xu_ly{background:#fff7ed;color:#c2410c}.hcc-status.da_xac_nhan{background:#eff6ff;color:#1d4ed8}.hcc-status.da_hoan_thanh{background:#f0fdf4;color:#15803d}.hcc-status.da_huy{background:#fef2f2;color:#b91c1c}.hcc-empty{text-align:center!important;padding:35px!important;color:#64748b}.hcc-edit-modal{max-width:600px}.hcc-edit-modal form{padding:18px}.hcc-edit-modal label{display:block;font-weight:700;margin:10px 0}.hcc-edit-modal input,.hcc-edit-modal select,.hcc-edit-modal textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid #cbd5e1;border-radius:8px;margin-top:5px}.hcc-public-body{margin:0;background:linear-gradient(135deg,#eaf2fb,#f8fbff);font-family:Arial,Helvetica,sans-serif;color:#17324d;padding:18px}.hcc-public-card{max-width:720px;margin:20px auto;background:#fff;border-radius:18px;padding:24px;box-shadow:0 15px 45px rgba(10,60,120,.15);border-top:7px solid #0b5cad}.hcc-public-head{display:flex;gap:14px;align-items:center;border-bottom:1px solid #e5e7eb;padding-bottom:14px}.hcc-public-seal{font-size:42px}.hcc-public-head b{color:#b91c1c}.hcc-public-head h1{font-size:24px;margin:4px 0;color:#0b3d78}.hcc-public-card>p{line-height:1.6}.hcc-public-form label{display:block;font-weight:700;margin:13px 0}.hcc-public-form label b{color:#dc2626}.hcc-public-form input,.hcc-public-form select,.hcc-public-form textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid #cbd5e1;border-radius:9px;margin-top:6px;font:inherit}.hcc-public-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hcc-public-form button{width:100%;padding:14px;border:0;border-radius:10px;background:#0b5cad;color:#fff;font-size:17px;font-weight:800;margin-top:10px}.hcc-success{text-align:center;padding:45px 28px}.hcc-success-icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#16a34a;color:#fff;font-size:42px;margin:auto}.hcc-success h1{color:#0b3d78}.hcc-success p{line-height:1.7}
@media(max-width:900px){.hcc-stats{grid-template-columns:repeat(2,1fr)}.hcc-filters{grid-template-columns:1fr}.account-row-actions{flex-direction:column}.hcc-public-grid{grid-template-columns:1fr}.hcc-public-body{padding:8px}.hcc-public-card{padding:16px;margin:8px auto}.hcc-public-head h1{font-size:19px}}

/* ===== HCC WORKFLOW V3 ===== */
.hcc-stats-six{grid-template-columns:repeat(6,1fr)}.hcc-stats .received{border-left:5px solid #7c3aed}.hcc-appointment-code{display:inline-block;background:#eaf2ff;color:#0b5cad;border-radius:999px;padding:3px 8px;font-weight:800;font-size:11px;margin-bottom:6px}.hcc-status.cho_tiep_nhan{background:#fff7ed;color:#c2410c}.hcc-status.da_tiep_nhan{background:#f5f3ff;color:#6d28d9}.hcc-official{color:#0b5cad!important;font-weight:700}.hcc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.hcc-detail-grid>div{display:flex;flex-direction:column;gap:4px}.hcc-detail-grid .wide{grid-column:1/-1}.hcc-detail-grid span{font-size:12px;color:#64748b}.hcc-detail-grid b{font-size:14px;line-height:1.45}.hcc-public-form fieldset{border:1px solid #dbe5ef;border-radius:13px;padding:15px;margin:15px 0}.hcc-public-form legend{font-weight:800;color:#0b3d78;padding:0 7px}.hcc-public-head span{font-size:12px;color:#64748b;font-weight:700}.hcc-public-intro{background:#eff6ff;border-radius:10px;padding:12px}.hcc-consent{display:flex!important;align-items:flex-start;gap:10px;background:#f8fafc;border-radius:10px;padding:12px}.hcc-consent input{width:20px!important;height:20px;margin:0!important;flex:none}.hcc-consent span{font-weight:500;line-height:1.45}.hcc-code-label{margin-bottom:5px!important;color:#64748b}.hcc-code{display:inline-block;background:#eff6ff;color:#0b3d78;border:2px dashed #0b5cad;border-radius:12px;padding:12px 20px;font-size:24px;font-weight:900;letter-spacing:1px}.hcc-back-link{display:block;margin-top:20px;color:#0b5cad;font-weight:700}@media(max-width:1100px){.hcc-stats-six{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.hcc-stats-six{grid-template-columns:repeat(2,1fr)}.hcc-detail-grid{grid-template-columns:1fr}.hcc-detail-grid .wide{grid-column:auto}}


.mh-greeting{color:#e8f3ff;font-size:14px;font-weight:700;margin:5px 0 7px;line-height:1.35}@media(max-width:760px){.mh-greeting{font-size:12px;margin:3px 0 5px}}

/* V11 - Thông báo đỏ ưu tiên trên điện thoại; không thay đổi bố cục ổn định */
@media(max-width:900px){
  .mh-mobile-actions a.mh-mobile-bell{position:relative}
  .mh-mobile-actions a.mh-mobile-bell.has-alert{background:#dc2626;color:#fff;box-shadow:0 0 0 3px rgba(220,38,38,.22)}
  .mh-mobile-actions a.mh-mobile-bell b{position:absolute;right:-5px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#fff;color:#b91c1c;border:2px solid #dc2626;font-size:11px;line-height:16px;text-align:center}
  .mh-mobile-nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:2px;border-radius:999px;background:#dc2626;color:#fff;font-style:normal;font-size:10px;font-weight:800;vertical-align:top}
}


/* ===== MOBILE CONFIGURATION V12 - ưu tiên thông báo, gọn và dễ thao tác ===== */
@media(max-width:700px){
  body.app-shell{background:#f5f7f5;padding-bottom:78px!important;overflow-x:hidden}
  .mh-mobile-topbar{background:#0b3d78!important;color:#fff!important;box-shadow:0 2px 10px rgba(3,35,75,.18)!important}
  .mh-mobile-topline{height:62px!important;padding:0 14px!important;background:#0b3d78!important;color:#fff!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
  .mh-mobile-brand-copy strong{font-size:21px!important;color:#fff;line-height:1.05}
  .mh-mobile-brand-copy strong em{font-style:normal;font-size:10px;background:#ffdf00;color:#083675;padding:3px 6px;border-radius:999px;vertical-align:middle;margin-left:3px}
  .mh-mobile-brand-copy span{font-size:11px!important;color:#d8e8fa!important;margin-top:4px!important}
  .mh-mobile-actions{gap:7px!important}
  .mh-mobile-actions a{width:40px!important;height:40px!important;border-radius:12px!important;background:rgba(255,255,255,.12)!important;color:#fff!important}
  .mh-mobile-actions a.mh-mobile-bell.has-alert{background:#dc2626!important;animation:mhBellPulse 1.6s infinite}
  @keyframes mhBellPulse{0%,100%{box-shadow:0 0 0 0 rgba(220,38,38,.38)}50%{box-shadow:0 0 0 7px rgba(220,38,38,0)}}
  .mh-mobile-greeting{display:block;padding:8px 14px 7px;background:#0b3d78;color:#fff;font-size:12.5px;font-weight:700;line-height:1.35;border-top:1px solid rgba(255,255,255,.08)}
  .mh-mobile-profile{min-height:68px!important;padding:10px 14px!important;gap:10px!important;background:#285d43!important}
  .mh-mobile-avatar{width:48px!important;height:48px!important;flex:0 0 48px!important;padding:2px!important}
  .mh-mobile-profile-copy{min-width:0;flex:1}
  .mh-mobile-profile strong{font-size:17px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mh-mobile-profile span{font-size:12px!important;margin-top:2px!important}
  .mh-mobile-attention{flex:0 0 auto;text-decoration:none;background:#dc2626;color:#fff;border-radius:999px;padding:7px 9px;font-size:11px;font-weight:800}
  .mh-main-content{padding:12px 12px 18px!important}
  .leader-page h1,.page-title-row h1,.mh-main-content h1{font-size:24px!important;line-height:1.15!important;margin-top:2px!important}
  .leader-page>p,.page-title-row p{font-size:14px!important;line-height:1.45!important}
  .leader-summary-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .leader-summary-card{min-height:94px!important;padding:14px!important;border-radius:16px!important}
  .leader-summary-card b{font-size:30px!important}
  .leader-summary-card span{font-size:13px!important}
  .hcc-stats-six{grid-template-columns:1fr 1fr!important;gap:9px!important}
  .hcc-stats article{min-height:82px;padding:12px!important;border-radius:14px!important}
  .hcc-stats b{font-size:25px!important}
  .hcc-filters{grid-template-columns:1fr!important;padding:10px!important}
  .hcc-filters input,.hcc-filters select,.hcc-filters button,.hcc-filters a{min-height:46px;font-size:14px}
  .hcc-table-wrap{border:0!important;background:transparent!important;overflow:visible!important}
  .hcc-table{min-width:0!important;display:block}
  .hcc-table thead{display:none}
  .hcc-table tbody{display:grid;gap:10px}
  .hcc-table tr{display:block;background:#fff;border:1px solid #dbe5ef;border-radius:15px;padding:12px;box-shadow:0 3px 10px rgba(15,23,42,.05)}
  .hcc-table td{display:block;padding:5px 2px!important;border:0!important}
  .hcc-table td:first-child{display:none}
  .hcc-table td:last-child{padding-top:10px!important}
  .mh-mobile-bottom-nav{height:auto!important;padding:6px 3px calc(6px + env(safe-area-inset-bottom))!important}
  .mh-mobile-bottom-nav a{position:relative;font-size:10.5px!important;padding:3px 1px!important}
  .mh-mobile-bottom-nav b{position:relative;font-size:22px!important}
  .mh-mobile-icon-badge{position:absolute;right:-9px;top:-5px;display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#dc2626;color:#fff;font-style:normal;font-size:10px;font-weight:800;border:2px solid #fff}
}
@media(max-width:380px){
  .mh-mobile-brand-copy strong{font-size:18px!important}
  .mh-mobile-brand-copy span{font-size:10px!important}
  .mh-mobile-profile strong{font-size:15px!important}
  .mh-mobile-greeting{font-size:11.5px}
}

/* V13 - Đăng lịch HCC trực tiếp bởi cán bộ */
.hcc-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.hcc-add-btn{border:0;border-radius:10px;background:#0b65bd;color:#fff;font-weight:800;padding:13px 18px;cursor:pointer;box-shadow:0 8px 18px rgba(11,101,189,.18)}
.hcc-add-btn:hover{background:#084f94}
.hcc-create-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hcc-create-grid label{display:flex;flex-direction:column;gap:6px;font-weight:700;color:#123f73}
.hcc-create-grid input,.hcc-create-grid select,.hcc-create-grid textarea{width:100%;box-sizing:border-box;border:1px solid #c7d5e5;border-radius:9px;padding:11px 12px;font:inherit;background:#fff}
.hcc-create-grid .wide{grid-column:1/-1}
.hcc-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}
.hcc-modal-actions .secondary{border:1px solid #b9c8d8;background:#fff;border-radius:9px;padding:10px 16px;font-weight:700;cursor:pointer}
@media(max-width:700px){.hcc-head-actions{width:100%;justify-content:stretch}.hcc-head-actions>*{flex:1;text-align:center}.hcc-add-btn,.hcc-public-link{min-height:46px;display:flex;align-items:center;justify-content:center}.hcc-create-grid{grid-template-columns:1fr}.hcc-create-grid .wide{grid-column:auto}.hcc-edit-modal{width:min(94vw,620px);max-height:88vh;overflow:auto}}

/* HCC V14 - đăng ký lịch đơn giản và phản hồi công dân */
.hcc-lookup-result{margin-top:18px;padding:18px;border:1px solid #d8e2ee;border-radius:14px;background:#f8fbff}
.hcc-lookup-result h2{margin:0 0 12px;color:#0b3d73}
.hcc-public-response{margin-top:14px;padding:14px;border-left:4px solid #1677ff;background:#eef6ff;border-radius:8px}
.hcc-public-response p{margin:6px 0 0;white-space:pre-wrap}
.hcc-status.cho_phan_hoi{background:#fff3cd;color:#7a5200}
.hcc-status.da_xac_nhan{background:#d1e7dd;color:#0f5132}
.hcc-status.doi_lich{background:#cff4fc;color:#055160}
.hcc-status.tu_choi{background:#f8d7da;color:#842029}
@media(max-width:700px){
  .hcc-table thead{display:none}
  .hcc-table,.hcc-table tbody,.hcc-table tr,.hcc-table td{display:block;width:100%}
  .hcc-table tr{margin-bottom:14px;border:1px solid #dce5ef;border-radius:14px;padding:12px;background:#fff}
  .hcc-table td{border:0;padding:6px 4px}
  .hcc-table td:before{font-weight:700;color:#526273;margin-right:6px}
  .hcc-table td:nth-child(1):before{content:'STT: '}.hcc-table td:nth-child(2):before{content:'Mã: '}.hcc-table td:nth-child(3):before{content:'Họ tên: '}.hcc-table td:nth-child(4):before{content:'Địa chỉ: '}.hcc-table td:nth-child(5):before{content:'Số ĐT: '}.hcc-table td:nth-child(6):before{content:'Lĩnh vực: '}.hcc-table td:nth-child(7):before{content:'Nội dung: '}.hcc-table td:nth-child(8):before{content:'Thời gian: '}.hcc-table td:nth-child(9):before{content:'Trạng thái: '}
}

/* V17 - Nhận diện đăng ký đến từ Zalo OA */
.hcc-zalo-source,.hcc-zalo-note{margin:10px 0;padding:10px 12px;border-radius:10px;background:#eaf6ff;color:#075985;font-weight:700;border:1px solid #bae6fd;text-align:center}