/* Haval Lawyer • Night-mode task readability + three-language flag menus • 2026-10-18 */

/* Administrator: remove the white patch behind flags in dark mode.
   The white stripe on the Iraqi / UK flag itself remains part of the flag. */
#app.legal-night .hv-language-flag,
#app.legal-night .hv-language-option-flag{
  background:transparent!important;
  border-color:rgba(205,233,213,.22)!important;
  box-shadow:none!important;
}
#app.legal-night .hv-language-flag img,
#app.legal-night .hv-language-option-flag img{border-radius:3px}
#app.legal-night .hv-language-flag .hv-flag-emoji,
#app.legal-night .hv-language-option-flag .hv-flag-emoji{background:transparent!important}
#app.legal-night .legal-language-wrap .hv-language-trigger.legal-lang-btn[aria-expanded="true"]{
  background:#2d5040!important;color:#f5fff7!important;border-color:#b4d7c1!important;box-shadow:0 0 0 3px #9bcab52b!important;
}
#app.legal-night .legal-language-wrap .hv-language-menu .hv-language-option-flag{
 background:transparent!important;
}

/* Administrator dashboard: full night palette, including the previously white nested task group panels. */
#app.legal-night #page-dashboard .dash-workbench{
  background:#17362e!important;border:1px solid #426756!important;color:#ebf7ee!important;
}
#app.legal-night #page-dashboard .dash-workbench-head h3,
#app.legal-night #page-dashboard .dash-workbench-head p{color:#e6f6ec!important}
#app.legal-night #page-dashboard .dash-workbench-head p{color:#b8d2c4!important}
#app.legal-night #page-dashboard .dash-controls{
  background:#1c4034!important;border:1px solid #426c55!important;color:#f2faf5!important;
}
#app.legal-night #page-dashboard .dash-controls input,
#app.legal-night #page-dashboard .dash-controls select{
  background:#244a3c!important;border:1px solid #517763!important;color:#f3fff6!important;
}
#app.legal-night #page-dashboard .dash-controls input::placeholder{color:#c1d9c9!important;opacity:1}
#app.legal-night #page-dashboard .dash-controls .dash-sync{color:#b7d0c3!important}
#app.legal-night #page-dashboard .dash-controls .search svg{color:#c7ebd4!important}
#app.legal-night #page-dashboard .dash-controls select option{
  background:#213d31!important;color:#f3fcf5!important;
}
#app.legal-night #page-dashboard .dash-company-list .dash-company{
  background:#1c3b31!important;border:1px solid #456d58!important;color:#e9f8ee!important;
  box-shadow:0 5px 14px rgba(0,0,0,.13)!important;
}
#app.legal-night #page-dashboard .dash-company.has-overdue{border-color:#a56c61!important}
#app.legal-night #page-dashboard .dash-company-head{
  background:#204537!important;border-bottom:1px solid #456d58!important;
  color:#eef9f1!important;
}
#app.legal-night #page-dashboard .dash-company .dash-company-icon{
  background:#315a4a!important;border:1px solid #70947f!important;color:#e5f8ee!important;
}
#app.legal-night #page-dashboard .dash-company .dash-company-icon svg{color:#e5f8ee!important;stroke:currentColor!important}
#app.legal-night #page-dashboard .dash-company .dash-company-name b{
  color:#fffdf4!important;font-weight:800!important;
}
#app.legal-night #page-dashboard .dash-company .dash-company-name span{color:#c6dbcd!important}
#app.legal-night #page-dashboard .dash-company-meta{color:#d6e9dc!important}
#app.legal-night #page-dashboard .dash-company-body{
  background:#17372d!important;padding:12px!important;
}
#app.legal-night #page-dashboard .dash-company-body .dash-task-groups{
  background:transparent!important;border:0!important;gap:10px!important;
}
#app.legal-night #page-dashboard .dash-task-group{
  background:#214536!important;border:1px solid #436954!important;
  color:#e7f6eb!important;box-shadow:0 2px 12px rgba(3,17,10,.09)!important;
}
#app.legal-night #page-dashboard .dash-task-group-head{
  background:#2a5141!important;border-bottom:1px solid #497660!important;color:#edf9ef!important;
  font-size:11px!important;font-weight:850!important;
}
#app.legal-night #page-dashboard .dash-task-group-count{
  color:#f1fff6!important;background:#376851!important;border:1px solid #527f63!important;
}
#app.legal-night #page-dashboard .dash-task-group-body{
  background:#1c4032!important;min-height:75px!important;
}
#app.legal-night #page-dashboard .dash-task-group .dash-empty-group{
  color:#b9d4c4!important;font-size:11px!important;line-height:1.7!important;
  background:transparent!important;
}
#app.legal-night #page-dashboard .dash-mini-task{
  background:#2c4c3e!important;border:1px solid #567660!important;border-radius:10px!important;
  color:#f2f9f2!important;box-shadow:none!important;
}
#app.legal-night #page-dashboard .dash-mini-task:hover{
  background:#325848!important;border-color:#9bc6a3!important;
  box-shadow:0 5px 12px rgba(0,0,0,.16)!important;
}
#app.legal-night #page-dashboard .dash-mini-task.overdue{border-inline-end:3px solid #fa9e91!important}
#app.legal-night #page-dashboard .dash-mini-task.today{border-inline-end:3px solid #edc380!important}
#app.legal-night #page-dashboard .dash-mini-task .dash-mini-title{
  color:#ffffff!important;font-weight:850!important;font-size:12px!important;
  overflow-wrap:anywhere;
}
#app.legal-night #page-dashboard .dash-mini-task .dash-mini-desc{
  color:#d7e7dc!important;font-size:10px!important;
}
#app.legal-night #page-dashboard .dash-mini-task .dash-mini-period{
  background:#334c6b!important;color:#e6f0ff!important;font-weight:750!important;
}
#app.legal-night #page-dashboard .dash-mini-task .dash-mini-meta{
  color:#d2e4d7!important;gap:5px!important;
}
#app.legal-night #page-dashboard .dash-mini-task .badge{
  background:#365d4b!important;color:#edfff1!important;border:1px solid #527d65!important;
}
#app.legal-night #page-dashboard .dash-mini-task .badge.danger{
  background:#693e3a!important;border-color:#986357!important;color:#ffd4cc!important;
}
#app.legal-night #page-dashboard .dash-mini-task .badge.warn{
  background:#624e2c!important;border-color:#9b7a41!important;color:#ffe5a3!important;
}
#app.legal-night #page-dashboard .dash-mini-task .badge.ok{
  background:#244d39!important;border-color:#3d8a57!important;color:#c5f8d3!important;
}
#app.legal-night #page-dashboard .dash-mini-actions{
  border-top:1px dashed #547761!important;gap:7px!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .btn.secondary,
#app.legal-night #page-dashboard .dash-company-actions .btn,
#app.legal-night #page-dashboard .dash-workbench .dash-company-actions .btn{
  background:#315f4c!important;color:#f1fff3!important;border:1px solid #729980!important;
  box-shadow:none!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .btn.secondary:hover,
#app.legal-night #page-dashboard .dash-company-actions .btn:hover{
  background:#43765d!important;color:#ffffff!important;border-color:#aed5b5!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .btn:not(.secondary){
  background:#77c6a1!important;color:#092e1b!important;border:1px solid #8bdfae!important;
  font-weight:800!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .btn:not(.secondary):hover{
  background:#97ddb7!important;color:#082d1c!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .iconbtn,
#app.legal-night #page-dashboard .dash-company-actions .iconbtn{
  background:#315b4a!important;color:#e8ffef!important;border-color:#71977d!important;
}
#app.legal-night #page-dashboard .dash-mini-actions .iconbtn svg,
#app.legal-night #page-dashboard .dash-company-actions .iconbtn svg{color:#eafff0!important;stroke:currentColor!important}
#app.legal-night #page-dashboard .dash-no-results{
  background:#244536!important;color:#d9efdf!important;border:1px dashed #678e76!important;
}
/* Detailed task board (not just dashboard workbench) stays readable in night mode. */
#app.legal-night #page-tasks .task-lane{
  background:#18392e!important;border-color:#496c58!important;color:#eaf7ed!important;
}
#app.legal-night #page-tasks .task-lane-head{
  background:#29503d!important;border-color:#577b60!important;color:#f2fff4!important;
}
#app.legal-night #page-tasks .task-lane-title{
  color:#eafbee!important;
}
#app.legal-night #page-tasks .task-lane-count{
  background:#3c6b51!important;color:#f2fff4!important;
}
#app.legal-night #page-tasks .task-card{
  background:#2a493b!important;color:#edf9ef!important;border-color:#53745c!important;
}
#app.legal-night #page-tasks .task-card h4{color:#ffffff!important}
#app.legal-night #page-tasks .task-card p,
#app.legal-night #page-tasks .task-empty{color:#c4dacc!important}
#app.legal-night #page-tasks .task-check,
#app.legal-night #page-tasks .task-mobile-move button{
  background:#355d49!important;color:#ebfaef!important;border-color:#6d977c!important;
}
#app.legal-night #page-tasks .task-period{
  background:#344d68!important;color:#e1eefa!important;
}
#app.legal-night #page-tasks .task-lastdone{color:#c5e5c7!important;border-color:#57745e!important}
#app.legal-night #page-tasks .task-lane .task-card .badge{
  background:#345b47!important;color:#f2fff4!important;border-color:#6d987c!important;
}
#app.legal-night .task-detail-panel,
#app.legal-night .task-history-item,
#app.legal-night .task-comment,
#app.legal-night .task-detail-readonly{
  background:#29493a!important;color:#eef7ef!important;border-color:#557963!important;
}
#app.legal-night .task-history-item b,
#app.legal-night .task-comment b,
#app.legal-night .task-detail-panel h4{color:#f4fff6!important}
#app.legal-night .task-detail-readonly,
#app.legal-night .task-comment p{color:#e0efe5!important}
/* Footer/update blocks */
#app.legal-night #page-dashboard #dashUpdates .item{
  background:#224235!important;border-color:#456d55!important;color:#e9f8ef!important;
}
#app.legal-night #page-dashboard #dashUpdates .item b{color:#f7fff7!important}
#app.legal-night #page-dashboard #dashUpdates .item p,
#app.legal-night #page-dashboard #dashUpdates .item .muted{color:#c4d9ca!important}

/* Login / client portal: consistent three-language menu with flags. */
.hv-portal-language{
  position:relative;z-index:30;display:inline-flex;align-items:center;overflow:visible;
  flex:0 0 auto;direction:ltr;
}
.hv-portal-language .hv-portal-lang-trigger{
  display:inline-flex;flex-direction:row;align-items:center;gap:8px;
  min-width:130px;min-height:43px;padding:6px 10px;border-radius:100px;
  line-height:1.3;white-space:nowrap;
}
.hv-portal-language .lang-cycle-flag,
.hv-portal-language .hv-portal-option-flag{
  display:grid;place-items:center;flex:0 0 28px;width:28px;height:20px;
  overflow:hidden;border-radius:3px;border:1px solid rgba(31,54,42,.14);
  background:transparent;box-shadow:0 1px 3px rgba(5,32,19,.08);
  direction:ltr;
}
.hv-portal-language .lang-cycle-flag img,
.hv-portal-language .hv-portal-option-flag img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.hv-portal-language .hv-portal-flag-emoji{
  display:block;font:19px/20px "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  transform:scale(1.17);text-align:center;white-space:nowrap;
}
.hv-portal-language .lang-cycle-meta{
  display:flex!important;align-items:center;gap:5px;flex:1;
}
.hv-portal-language .lang-cycle-next{
  width:13px;height:13px;flex:0 0 13px;transform:none!important;transition:transform .18s ease;
}
.hv-portal-language .hv-portal-lang-trigger[aria-expanded="true"] .lang-cycle-next{
  transform:rotate(180deg)!important;
}
.hv-portal-language .hv-portal-language-menu{
  position:absolute;z-index:60;top:calc(100% + 9px);right:0;left:auto;
  display:flex;flex-direction:column;gap:3px;
  width:235px;max-width:calc(100vw - 24px);
  padding:7px;background:#fff;color:#183d32;
  border:1px solid #d9e4db;border-radius:14px;
  box-shadow:0 18px 42px rgba(13,36,26,.18);
  direction:rtl;
}
.hv-portal-language .hv-portal-language-menu.hidden{display:none!important}
.hv-portal-language .hv-portal-language-menu button{
  display:flex;align-items:center;gap:10px;min-height:51px;padding:9px 10px;
  width:100%;border:0;border-radius:9px;background:transparent;
  font-family:inherit;text-align:start;color:#254538;cursor:pointer;
}
.hv-portal-language .hv-portal-language-menu button:hover,
.hv-portal-language .hv-portal-language-menu button.is-selected{
  background:#eff7ef;
}
.hv-portal-language .hv-portal-option-copy{
  display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;
}
.hv-portal-language .hv-portal-option-copy b{font-size:12px;font-weight:800;line-height:1.4}
.hv-portal-language .hv-portal-option-copy small{font-size:10px;color:#788c7e;line-height:1.4}
.hv-portal-language .hv-portal-lang-check{width:15px;height:15px;color:#1d7546;opacity:0}
.hv-portal-language .hv-portal-language-menu button.is-selected .hv-portal-lang-check{opacity:1}
.hv-portal-language .hv-portal-language-menu button:focus-visible,
.hv-portal-language .hv-portal-lang-trigger:focus-visible{
  outline:2px solid #c7943f;outline-offset:2px;
}
#loginView.login-v3 .hv-portal-language .hv-portal-lang-trigger{
  background:#fff!important;color:#184135!important;border:1px solid #e3e7e0!important;
  box-shadow:0 5px 16px rgba(23,45,32,.08)!important;
}
#loginView.login-v3 .hv-portal-language .hv-portal-lang-trigger:hover{
  background:#f3faf3!important;border-color:#b4d2ba!important;
}
#loginView .hv-portal-language .lang-cycle-flag{background:transparent!important}
#loginView .hv-portal-language .lang-cycle-next{color:#536a5b!important}
#loginView .hv-portal-language .lang-cycle-code{color:#347458!important}
#loginView .hv-portal-language .lang-cycle-name{color:#1d3d32!important}
.topbar .hv-portal-language .hv-portal-lang-trigger{
  background:#fff;color:#213a31;border:1px solid #e5e9e4;
}
.topbar .hv-portal-language .hv-portal-lang-trigger:hover{
  background:#f6faf6;border-color:#b7d4bb;
}
.topbar .hv-portal-language .lang-cycle-flag{background:transparent!important}
.topbar .hv-portal-language .lang-cycle-code{color:#39785a}
.topbar .hv-portal-language .lang-cycle-next{color:#5f8070}
@media(max-width:550px){
 .hv-portal-language .hv-portal-lang-trigger{min-height:39px;min-width:112px;padding:5px 7px;gap:5px}
 .hv-portal-language .lang-cycle-meta{gap:4px}
 .hv-portal-language .lang-cycle-flag{flex-basis:25px;width:25px;height:19px}
 .hv-portal-language .hv-portal-language-menu{width:218px}
}
@media(prefers-reduced-motion:reduce){
 .hv-portal-language .lang-cycle-next{transition:none}
}