/* Refined Add Lead dialog: compact, balanced, and visually consistent with Nest. */
.add-customer-drawer{
    width:min(960px,calc(100vw - 40px))!important;
    height:auto!important;
    max-height:calc(100vh - 40px)!important;
    overflow:hidden!important;
    border:1px solid #e3e8e5!important;
    border-radius:18px!important;
    background:#f6f8f7!important;
}
.add-customer-drawer>.profile-drawer-head{
    align-items:center!important;
    padding:20px 26px 18px!important;
    border-bottom:1px solid #e5e9e7!important;
}
.add-customer-drawer>.profile-drawer-head span{
    color:#4c7868;
    font-size:9px!important;
    font-weight:800;
    letter-spacing:.13em;
}
.add-customer-drawer>.profile-drawer-head h2{
    margin:5px 0 3px!important;
    color:#10213b;
    font:800 27px/1.08 Inter,sans-serif!important;
    letter-spacing:-.04em;
}
.add-customer-drawer>.profile-drawer-head p{
    color:#6f7d78;
    font-size:11px!important;
    line-height:1.45;
}
.add-customer-drawer>.profile-drawer-head>button{
    width:38px!important;
    height:38px!important;
    display:grid;
    place-items:center;
    border-radius:10px!important;
    background:#f0f4f2!important;
    color:#315849!important;
    font-size:23px!important;
    cursor:pointer;
}
.add-customer-drawer .add-customer-form{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
    max-height:calc(100vh - 142px)!important;
    padding:16px 20px 0!important;
    gap:12px!important;
    overflow-y:auto!important;
    scrollbar-gutter:stable;
}
.add-customer-drawer .add-customer-form fieldset{
    min-width:0!important;
    height:auto!important;
    min-height:0!important;
    align-self:start!important;
    margin:0!important;
    padding:15px 16px 16px!important;
    border:1px solid #dfe6e2!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 4px 14px rgba(20,48,39,.035)!important;
}
.add-customer-drawer .add-customer-form fieldset:nth-of-type(1),
.add-customer-drawer .add-customer-form fieldset:nth-of-type(2){
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0 10px!important;
    align-content:start!important;
}
.add-customer-drawer .add-customer-form fieldset:nth-of-type(1)>.customer-form-grid,
.add-customer-drawer .add-customer-form fieldset:nth-of-type(2)>.customer-form-grid{
    display:contents!important;
}
.add-customer-drawer .add-customer-form fieldset:nth-of-type(1)>label,
.add-customer-drawer .add-customer-form fieldset:nth-of-type(2)>label{
    grid-column:1/-1!important;
}
.add-customer-drawer .add-customer-form fieldset:nth-of-type(1)>.customer-form-grid>label,
.add-customer-drawer .add-customer-form fieldset:nth-of-type(2)>.customer-form-grid>label{
    grid-column:auto!important;
}
.add-customer-drawer .add-customer-form fieldset:nth-of-type(3){
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)!important;
    gap:0 12px!important;
    align-items:start!important;
}
.add-customer-drawer .add-customer-form legend{
    grid-column:1/-1!important;
    display:flex!important;
    align-items:center;
    gap:7px;
    width:auto;
    margin:0 0 6px!important;
    padding:0 2px!important;
    color:#18372d!important;
    font-size:11px!important;
    font-weight:800!important;
}
.add-customer-drawer .add-customer-form legend:before{
    width:6px;
    height:6px;
    flex:0 0 6px;
    border-radius:50%;
    background:#2563eb;
    content:"";
}
.add-customer-drawer .add-customer-form label{
    margin-top:7px!important;
    color:#475d54!important;
    font-size:10px!important;
    font-weight:700!important;
}
.add-customer-drawer .add-customer-form input,
.add-customer-drawer .add-customer-form select,
.add-customer-drawer .add-customer-form textarea{
    width:100%!important;
    margin-top:5px!important;
    border:1px solid #d8e1dc!important;
    border-radius:8px!important;
    background:#fff!important;
    color:#14213d!important;
    font:500 11px Inter,sans-serif!important;
    outline:none;
    transition:border-color .15s ease,box-shadow .15s ease;
}
.add-customer-drawer .add-customer-form input,
.add-customer-drawer .add-customer-form select{
    height:40px!important;
    padding:0 11px!important;
}
.add-customer-drawer .add-customer-form textarea{
    height:58px!important;
    min-height:58px!important;
    padding:10px 11px!important;
    resize:vertical;
}
.add-customer-drawer .add-customer-form :is(input,select,textarea):focus{
    border-color:#77a0f8!important;
    box-shadow:0 0 0 3px rgba(37,99,235,.1)!important;
}
.add-customer-drawer .add-customer-actions{
    position:sticky!important;
    bottom:0!important;
    z-index:3;
    grid-column:1/-1!important;
    align-self:auto!important;
    margin:0 -20px!important;
    padding:12px 20px!important;
    border-top:1px solid #e2e7e4!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 -8px 18px rgba(16,24,40,.04)!important;
    backdrop-filter:blur(8px);
}
.add-customer-drawer .add-customer-actions button{
    min-width:100px;
    height:40px!important;
    border-radius:8px!important;
    font:800 11px Inter,sans-serif!important;
}
.add-customer-drawer .add-customer-actions .save-customer{
    min-width:132px;
    border-color:#2563eb!important;
    background:#2563eb!important;
    color:#fff!important;
    box-shadow:0 6px 14px rgba(37,99,235,.18);
}
@media(max-width:700px){
    .add-customer-drawer{width:calc(100vw - 20px)!important;height:calc(100vh - 20px)!important}
    .add-customer-drawer .add-customer-form{grid-template-columns:1fr!important;padding:14px 14px 0!important}
    .add-customer-drawer .add-customer-form fieldset:nth-of-type(3){grid-column:auto!important;grid-template-columns:1fr!important}
    .add-customer-drawer .add-customer-actions{margin:0 -14px!important;padding:11px 14px!important}
}