/* VM_CLIENT_MASTER_20260926_V1 */
.vm-client-drawer{width:min(860px,100%);padding:0;display:flex;flex-direction:column;overflow:hidden}
.vm-client-drawer-head{padding:22px 26px 18px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid #27445f}
.vm-client-drawer-head h2{margin:4px 0 5px;font-size:1.45rem}.vm-client-drawer-head p{margin:0;color:#91abc5;font-size:.86rem;line-height:1.5}
.vm-client-form{display:flex;min-height:0;flex:1;flex-direction:column}.vm-client-scroll{overflow:auto;padding:20px 26px 100px}.vm-client-section{border:1px solid #284963;border-radius:10px;background:#0a2036;padding:18px;margin-bottom:16px}
.vm-client-section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.vm-client-section-head h3{margin:0 0 4px;font-family:Georgia,serif;font-size:1.03rem;font-weight:500;color:#f0f2f6}.vm-client-section-head p{margin:0;color:#8fa7c2;font-size:.78rem;line-height:1.45}
.vm-client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.vm-client-grid .field{min-width:0}.vm-wide{grid-column:1/-1}.vm-help{display:block;color:#8fa7c2;margin-top:8px;font-size:.76rem}
.vm-inline-check,.vm-switch-line{display:flex;align-items:center;gap:8px;font-size:.77rem;font-weight:500;color:#9db4cb;margin-top:8px}.vm-inline-check input,.vm-switch-line input{width:auto!important;margin:0}.vm-check-field{align-content:start}.vm-check-field>span{margin-bottom:8px}.vm-switch-line{min-height:44px;border:1px solid #34516c;border-radius:9px;padding:10px 12px;background:#0c253b}
.vm-duplicate{grid-column:1/-1;padding:10px 12px;border:1px solid #cf8b56;border-radius:8px;background:#382417;color:#ffd7b8;font-size:.8rem;margin:0 0 14px}.vm-duplicate[hidden]{display:none}
.vm-contact-list{display:grid;gap:12px}.vm-contact-row{border:1px solid #31516d;border-radius:9px;padding:14px;background:#0c253b}.vm-contact-row-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.vm-contact-row-head strong{font-size:.83rem}.vm-add-contact{margin-top:12px}
.vm-client-footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 26px;border-top:1px solid #294863;background:#071b30;box-shadow:0 -12px 30px #020b164d;z-index:2}
.vm-detail-sections{display:grid;gap:18px}.vm-detail-sections>section{border-bottom:1px solid #24415b;padding-bottom:18px}.vm-detail-sections>section:last-child{border-bottom:0}.vm-detail-sections h3{font-family:Georgia,serif;font-size:1rem;font-weight:500;margin:0 0 14px;color:#f0f2f6}.vm-contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vm-contact-card{border:1px solid #284963;border-radius:8px;padding:13px;background:#0c253b}.vm-contact-card span,.vm-contact-card small{display:block;color:#91abc5;margin-top:4px}
body:has(.user-light) .vm-client-drawer-head{border-color:#c1dbea}body:has(.user-light) .vm-client-drawer-head p,body:has(.user-light) .vm-client-section-head p,body:has(.user-light) .vm-help{color:#698ba8}body:has(.user-light) .vm-client-section{background:#fff;border-color:#c9deec}body:has(.user-light) .vm-client-section-head h3,body:has(.user-light) .vm-detail-sections h3{color:#244666}body:has(.user-light) .vm-contact-row,body:has(.user-light) .vm-contact-card,body:has(.user-light) .vm-switch-line{background:#f5faff;border-color:#c5dceb;color:#294a67}body:has(.user-light) .vm-inline-check,body:has(.user-light) .vm-switch-line,body:has(.user-light) .vm-contact-card span,body:has(.user-light) .vm-contact-card small{color:#6687a3}body:has(.user-light) .vm-client-footer{background:#f5faff;border-color:#c1dbea}body:has(.user-light) .vm-duplicate{background:#fff3e8;border-color:#e4af7c;color:#874b20}
@media(max-width:760px){.vm-client-drawer{width:100%}.vm-client-drawer-head{padding:18px}.vm-client-scroll{padding:16px 16px 90px}.vm-client-section{padding:14px}.vm-client-grid,.vm-contact-cards{grid-template-columns:1fr}.vm-wide,.vm-duplicate{grid-column:1}.vm-client-footer{padding:12px 16px}.vm-client-footer .btn{flex:1}}

/* VM_CLIENT_UI_POLISH_20260926_V2 */
.vm-client-drawer{
  width:min(820px,calc(100vw - 18px));
  max-width:820px;
}
.vm-client-drawer-head{
  padding:18px 22px 14px;
  gap:14px;
}
.vm-client-drawer-head h2{font-size:1.36rem}
.vm-client-drawer-head p{font-size:.82rem}
.vm-client-scroll{padding:16px 22px 88px}
.vm-client-section{
  padding:15px;
  margin-bottom:12px;
  border-radius:9px;
}
.vm-client-section-head{margin-bottom:12px}
.vm-client-grid{
  align-items:start;
  column-gap:14px;
  row-gap:2px;
}
.vm-client-grid>.field{align-self:start;width:100%}
.vm-client-grid>.field>input:not([type="checkbox"]),
.vm-client-grid>.field>select{
  box-sizing:border-box;
  height:44px;
  min-height:44px;
  max-height:44px;
}
.vm-client-grid>.field>textarea{
  box-sizing:border-box;
  min-height:82px;
  resize:vertical;
}
.vm-whatsapp-field{grid-column:1/-1}
.vm-whatsapp-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:14px;
  align-items:center;
}
.vm-whatsapp-row>input{
  box-sizing:border-box;
  height:44px;
  min-height:44px;
  max-height:44px;
  width:100%;
}
.vm-inline-check{
  margin:0;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
  padding:0 5px;
  cursor:pointer;
  font-size:.79rem;
}
.vm-inline-check input[type="checkbox"]{
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  margin:0!important;
  cursor:pointer;
}
.vm-client-footer{padding:12px 22px}
@media(max-width:760px){
  .vm-client-drawer{width:100%;max-width:none}
  .vm-client-drawer-head{padding:16px}
  .vm-client-scroll{padding:14px 14px 82px}
  .vm-client-section{padding:13px;margin-bottom:10px}
  .vm-whatsapp-row{grid-template-columns:1fr;gap:7px}
  .vm-inline-check{min-height:auto;padding:2px 1px 4px;white-space:normal}
  .vm-client-footer{padding:11px 14px}
}