/* head_html block @652 */
nav.navbar,
.frappe-app > nav,
navbar.navbar-light {
  display: none !important;
}
footer.web-footer,
.web-footer {
  display: none !important;
}
body {
  padding-top: 0 !important;
}
.navbar .navbar-right,
.navbar .user-avatar,
.navbar .navbar-user,
.navbar .dropdown,
.navbar-collapse {
  display: none !important;
}
#ph-site .hdr {
  top: 0 !important;
}
.page-header,
.title-area,
.breadcrumb-area {
  display: none !important;
}

/* head_html block @1103 */
#lac-ai-tab-wrap{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;}
#tab-ai.tab-pane{display:flex;flex-direction:column;flex:1;padding:0;height:calc(100vh - 120px);}
#lac-ai-tab-sidebar{display:flex;flex-direction:row;overflow-x:auto;gap:6px;padding:8px 12px;border-bottom:1px solid #f0f0f0;background:#fafafa;flex-shrink:0;scrollbar-width:none;}
#lac-ai-tab-sidebar::-webkit-scrollbar{display:none;}
.lair-brand{display:none;}
#lair-mode-list{display:flex;flex-direction:row;gap:6px;flex-shrink:0;}
.lair-mode-btn{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;font-size:18px;color:#374151;transition:all .15s;flex-shrink:0;width:36px;height:36px;}
.lair-mode-btn.active,.lair-mode-btn:hover{background:#0f766e;border-color:#0f766e;color:#fff;}
.lair-mode-icon{font-size:14px;}
.lair-mode-name{display:none;}
#lair-chat-hdr{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #f0f0f0;background:#fff;flex-shrink:0;}
#lair-hdr-icon{font-size:20px;}
#lair-chat-hdr > div{flex:1;min-width:0;}
#lair-hdr-title{font-size:14px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
#lair-hdr-desc{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-top:1px;}
#lair-clear-btn{background:none;border:none;cursor:pointer;color:#9ca3af;font-size:16px;padding:4px;border-radius:6px;flex-shrink:0;transition:color .15s;}
#lair-clear-btn:hover{color:#374151;background:#f3f4f6;}
#lac-ai-msgs{display:flex;flex-direction:column;gap:16px;overflow-y:auto;flex:1;padding:20px 16px;background:#fff;}
#lac-ai-msgs::-webkit-scrollbar{width:4px;}
#lac-ai-msgs::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:2px;}
.lai-m{max-width:85%;line-height:1.6;font-size:14px;}
.lai-m.a{align-self:flex-start;background:none;padding:0;color:#111827;border-radius:0;border:none;box-shadow:none;}
.lai-m.a .lai-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#0f766e,#0891b2);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;margin-bottom:6px;}
.lai-m.a p{margin:0 0 8px;color:#111827;}
.lai-m.a p:last-child{margin-bottom:0;}
.lai-m.a ol,.lai-m.a ul{margin:6px 0 10px;padding-left:20px;color:#111827;}
.lai-m.a li{margin-bottom:4px;}
.lai-m.a strong{color:#111827;font-weight:600;}
.lai-m.a h1,.lai-m.a h2,.lai-m.a h3{font-size:14px;font-weight:600;margin:8px 0 4px;}
.lai-m.a code{background:#f3f4f6;padding:1px 5px;border-radius:4px;font-size:12px;}
.lai-m.a pre{background:#f3f4f6;padding:10px;border-radius:8px;overflow-x:auto;margin:8px 0;}
.lai-m.u{align-self:flex-end;background:#0f766e !important;color:#fff !important;border-radius:18px 18px 4px 18px !important;padding:10px 15px !important;max-width:72%;}
.lai-m.u p{margin:0;color:#fff;}
.lai-error{border-left:3px solid #ef4444;padding-left:10px;}
.lai-error .lai-content,.lai-error{color:#dc2626 !important;}
.lair-ts{font-size:10px;color:#9ca3af;margin-top:4px;display:block;}
.lai-m.u .lair-ts{color:rgba(255,255,255,0.7);text-align:right;}
.lai-m.a .lair-ts{text-align:left;}
.lair-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px;}
.lair-chip{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:16px;padding:5px 12px;font-size:12px;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap;}
.lair-chip:hover{background:#0f766e;color:#fff;border-color:#0f766e;}
#lac-ai-input-row{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fff;flex-shrink:0;}
textarea#lac-ai-input{flex:1;border:1.5px solid #e5e7eb;border-radius:20px;padding:10px 16px !important;font-size:14px;line-height:1.5;resize:none;outline:none;min-height:42px;max-height:120px;background:#fafafa;color:#111827;transition:border-color .15s;}
textarea#lac-ai-input:focus{border-color:#0f766e;background:#fff;box-shadow:0 0 0 3px rgba(15,118,110,.08);}
#lac-ai-send-btn{width:40px;height:40px;border-radius:50%;background:#0f766e;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:all .15s;}
#lac-ai-send-btn:hover{background:#0d9488;}
#lac-ai-send-btn:disabled{background:#d1d5db;cursor:not-allowed;}
#lair-char-counter{font-size:10px;color:#9ca3af;padding:0 4px;align-self:center;}
#lac-ai-typing{display:none;align-self:flex-start;padding:8px 14px;background:#f3f4f6;border-radius:16px 16px 16px 4px;}
.lai-typing .lai-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ca3af;margin:0 2px;animation:laiDot .9s infinite both;}
.lai-dot:nth-child(2){animation-delay:.15s;}
.lai-dot:nth-child(3){animation-delay:.3s;}
@keyframes laiDot{0%,80%,100%{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}
#lair-welcome{display:none;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;text-align:center;min-height:320px;}
.lair-welcome-icon{font-size:52px;margin-bottom:16px;line-height:1;}
.lair-welcome-title{font-size:18px;font-weight:700;color:#111827;margin-bottom:6px;}
.lair-welcome-sub{font-size:13px;color:#6b7280;margin-bottom:28px;line-height:1.6;max-width:260px;}
.lair-welcome-chips{display:flex;flex-direction:column;gap:8px;width:100%;max-width:280px;}
.lair-chip{padding:10px 16px !important;border-radius:20px !important;border:1.5px solid #e5e7eb !important;background:#fff !important;cursor:pointer;font-size:13px !important;color:#374151 !important;text-align:left;transition:all .15s;width:100%;}
.lair-chip:hover{background:#f0fdf9 !important;border-color:#0f766e !important;color:#0f766e !important;}

/* head_html block @8032 */
/* === PRODUCT CAROUSEL === */
.lair-carousel{display:flex;gap:10px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none;-webkit-overflow-scrolling:touch;align-self:flex-start;max-width:100%;width:100%;}
.lair-carousel::-webkit-scrollbar{display:none;}
.lair-product-card{flex-shrink:0;background:white;border:1.5px solid var(--mid,#5BA4B0);border-radius:12px;padding:12px 14px;min-width:140px;max-width:165px;display:flex;flex-direction:column;gap:3px;}
.lair-card-category{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--mid,#5BA4B0);}
.lair-card-name{font-size:12px;font-weight:700;color:var(--deep,#080C18);line-height:1.3;}
.lair-card-benefit{font-size:11px;color:var(--muted,#6B7280);line-height:1.3;flex:1;}
.lair-card-price{font-size:13px;font-weight:700;color:var(--deep,#080C18);margin-top:4px;}
/* === SUGGESTION CHIPS === */
.lair-suggestions{display:flex;flex-wrap:wrap;gap:7px;align-self:flex-start;padding:2px 0 4px;max-width:92%;}
.lair-chip{background:transparent;border:1px solid var(--mid,#5BA4B0);border-radius:16px;padding:5px 12px;font-size:12px;color:var(--mid,#5BA4B0);cursor:pointer;font-family:inherit;transition:all 0.15s;white-space:nowrap;}
.lair-chip:hover{background:var(--mid,#5BA4B0);color:white;}
/* === TIMESTAMPS === */
.lair-ts{display:block;font-size:10px;margin-top:4px;opacity:0.5;text-align:right;letter-spacing:0.3px;}
.lai-m.u .lair-ts{color:rgba(255,255,255,0.75);}
.lai-m.a .lair-ts{color:var(--muted,#6B7280);}
/* === CHAR COUNTER === */
#lair-char-counter{display:block;font-size:10px;color:var(--muted,#9CA3AF);text-align:right;padding:2px 16px 0;background:var(--card-bg,white);flex-shrink:0;}
/* === TEXTAREA INPUT === */
textarea#lac-ai-input{border-radius:14px !important;padding:9px 14px !important;line-height:1.45;max-height:120px;resize:none;overflow:hidden;}
/* === ERROR MESSAGE STYLING === */
.lai-m.a.lai-error{border-color:#fb923c !important;background:#fff7ed !important;}
/* === EIR BANNER POLISH === */
.lai-eir{align-self:center;background:#dcfce7;border:1px solid #86efac;border-radius:10px;padding:7px 14px;font-size:12px;color:#166534;font-weight:500;}

/* head_html block @19654 */
@media (max-width: 600px) {
  #lac-portal-root[data-lair-active] .bottom-nav { display: none !important; }
  #lac-portal-root[data-lair-active] #tab-ai.tab-pane {
    position: fixed !important;
    top: 55px !important;
    left: 0; right: 0; bottom: 0;
    height: auto !important;
    overflow: hidden;
  }
  #lac-ai-msgs { padding: 14px 12px; gap: 12px; }
  .lai-m { font-size: 13px; }
  .lai-m.u { max-width: 78%; border-radius: 16px 16px 4px 16px; padding: 9px 13px; }
  .lai-m.a { max-width: 90%; }
  #lac-ai-input-row { padding: 10px 12px; padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)); }
  textarea#lac-ai-input { font-size: 14px; padding: 9px 14px !important; }
  #lac-ai-send-btn { width: 38px; height: 38px; }
  #lair-chat-hdr { padding: 8px 12px; }
  #lair-hdr-title { font-size: 13px; }
  .lair-mode-btn { padding: 4px 10px; font-size: 11px; }
  .lair-mode-name { font-size: 11px; }
}
@media (max-width: 400px) {
  .lai-m.u { max-width: 85%; }
}

/* head_html block @23672 */
/* The portal's icon pass stamps data-lacq-solo on #lac-payslip-body, and
   #lac-portal-root [data-lacq-solo] * { pointer-events: none } then swallows
   every click inside the payslip card - the Цалингийн асуудал мэдүүлэх
   link rendered perfectly and did nothing. Equal specificity, so !important.
   Lives here rather than in the page's own JS because the page field has
   been overwritten by a stale save once already. */
#lac-payslip-card .ps-foot,
#lac-payslip-card .ps-raise,
#lac-payslip-card .ps-raise * { pointer-events: auto !important; }
#lac-payslip-card .ps-raise { cursor: pointer !important; }

/* head_html block @24329 */
/* not [hidden]: the card sets .ps-slip{display:block !important} */
#lac-payslip-card .ps-slip[data-ps-hide]{display:none !important}
#lac-payslip-card select,
#lac-ps-monthsel, #lac-ps-monthsel *{pointer-events:auto !important}
#lac-ps-monthsel{display:flex !important;align-items:center;gap:8px;margin:0 0 10px}
#lac-ps-monthsel label{font-size:11.5px;opacity:.65;font-weight:600}
#lac-ps-monthsel select{font:inherit;font-size:13px;padding:5px 9px;border-radius:8px;
  border:1px solid rgba(128,128,128,.45);background:transparent;color:inherit;max-width:190px}

/* head_html block @58502 */
/* lacia card inside the employee portal: #lac-portal-root *{margin:0;padding:0} */
/* out-specifies the plain .lacia-* rules, so restore them at equal weight. */
#lac-portal-root .lacia-chip{display:inline-block;padding:2px 7px;margin:2px 4px 0 0}
#lac-portal-root .lacia-seg{margin:6px 0 2px}
#lac-portal-root .lacia-seg button{padding:4px 11px;margin:0}
#lac-portal-root .lacia-rz{margin:8px 0}
#lac-portal-root .lacia-rz button{padding:4px 10px}
#lac-portal-root .lacia-note-btn{display:inline-block;margin-top:4px;padding:3px 9px}
#lac-portal-root .lacia-sum{display:block;margin-top:3px}
#lac-portal-root .lacia-q-row{padding:9px 0}
#lac-portal-root .lacia-flagbox{margin:2px 0 8px}
#lac-portal-root .lacia-btn{padding:10px 16px}
#lac-portal-root .lacia-actions{margin-top:8px}