/* Klient only: observed Bilanc card spacing and icon artwork. */

.clientBirthdayControl{display:contents}
#masterForm[data-master-card-kind="client"] input,#masterForm[data-master-card-kind="client"] select,#masterForm[data-master-card-kind="client"] textarea,#masterForm[data-master-card-kind="client"] button,#masterForm[data-master-card-kind="client"] .masterCardRow>label,#masterForm[data-master-card-kind="client"] .checkLine{font-family:Verdana,Geneva,sans-serif;font-size:12px;font-weight:500;line-height:18px}
#masterForm[data-master-card-kind="client"] .tabBtn{font-size:14px;font-weight:600}
#masterForm[data-master-card-kind="client"] #clientLocation,#masterForm[data-master-card-kind="client"] #clientBankAccounts{display:grid;gap:3px;min-width:0;margin:18px 0 3px;padding:16px 5px 12px;border:1px solid #d3d3d3;border-radius:3px}
#masterForm[data-master-card-kind="client"] .clientFieldset>legend{padding:0 5px;color:#555;font-size:12px;font-weight:600}
#masterForm[data-master-card-kind="client"] .clientFieldset>.masterCardRow{grid-template-columns:150px minmax(0,1fr);gap:4px}
#masterForm[data-master-card-kind="client"] #clientBirthdayEnabled{width:14px;height:14px;min-height:14px;margin:0 5px 0 0;vertical-align:middle;accent-color:var(--t)}
#masterForm[data-master-card-kind="client"] .clientBirthdayControl{grid-column:2;display:flex;min-width:0;height:26px}
#masterForm[data-master-card-kind="client"] .clientBirthdayControl>input{width:100%;min-width:0;height:26px;min-height:26px;border:1px solid #d0d0d3;border-radius:4px 0 0 4px;padding:3px 5px}
#masterForm[data-master-card-kind="client"] .clientBirthdayControl>input::-webkit-calendar-picker-indicator{display:none}
#masterForm[data-master-card-kind="client"] #clientBirthdayCalendar{width:26px;min-width:26px;height:26px;min-height:26px;padding:3px;border:0;border-radius:0 3px 3px 0;background:var(--t);color:white}
#clientBirthdayCalendar svg{width:20px;height:20px}
#masterForm[data-master-card-kind="client"] [data-master-field="notes"]>textarea{height:50px;min-height:50px}
#masterForm[data-master-card-kind="client"] .masterActions{display:flex;flex-direction:column;align-items:stretch;margin:auto 35px 0 31px;padding:0;min-height:74px;border-top:1px solid #d6d6d6;background:transparent}
#masterForm[data-master-card-kind="client"] #clientCardSecondary{display:flex;align-items:center;gap:0;height:34px;min-height:34px}
#masterForm[data-master-card-kind="client"] #clientCardSecondary>button{border:0;border-right:1px solid #ddd;border-radius:0;background:transparent;box-shadow:none;padding:0 6px;margin:0;min-height:30px;height:30px;color:#888}
#masterForm[data-master-card-kind="client"] #clientCardSecondary>button:last-child{border-right:0}
#masterForm[data-master-card-kind="client"] #clientCardFind{width:50px;min-width:50px;padding:0 10px}
#masterForm[data-master-card-kind="client"] #clientCardPrimary{display:flex;justify-content:center;align-items:center;gap:1px;height:42px;min-height:42px}
#masterForm[data-master-card-kind="client"] #clientCardPrimary>button{display:flex;align-items:center;justify-content:center;width:54px;height:42px;min-height:42px;border:0;padding:0;margin:0;background:transparent;box-shadow:none;border-radius:0;font-size:0}
#masterForm[data-master-card-kind="client"] #masterSave [data-card-icon],#masterForm[data-master-card-kind="client"] [data-client-icon]{display:block;width:28px;height:28px;background-image:url('brand/artikull-footer-reference.jpg');background-size:978px 156px;background-repeat:no-repeat}
#masterForm[data-master-card-kind="client"] [data-client-icon="save-new"]{background-position:-384.5px -113px}
#masterForm[data-master-card-kind="client"] [data-card-icon="save"]{background-position:-439.5px -113px}
#masterForm[data-master-card-kind="client"] [data-client-icon="new"]{background-position:-494.5px -113px}
#masterForm[data-master-card-kind="client"] [data-client-icon="delete"]{background-position:-548.5px -113px}
#masterForm[data-master-card-kind="client"] #clientCardFind [data-client-icon="find"]{width:18px;height:18px;background-position:-65px -82.828px}
#masterForm[data-master-card-kind="client"] #clientCardPrimary .clientCardButtonLabel,#masterForm[data-master-card-kind="client"] #clientCardFind .clientCardButtonLabel{display:none}
#masterForm[data-master-card-kind="client"] #clientCardDelete{opacity:1;cursor:not-allowed}
#masterForm[data-master-card-kind="client"] #artikullCardLegacyActions{display:none}
@media screen and (min-width:761px){
 html:has(#master.on #masterForm.on[data-master-card-kind="client"]),body:has(#master.on #masterForm.on[data-master-card-kind="client"]){height:100%;overflow:hidden}
 #app:has(#master.on #masterForm.on[data-master-card-kind="client"])>.main{height:100vh;min-height:0;overflow:hidden}
 #master.on:has(#masterForm.on[data-master-card-kind="client"]){display:flex;flex-direction:column;height:calc(100vh - 48px);min-height:0;max-height:calc(100vh - 48px);padding-top:8px;padding-bottom:10px;overflow:hidden;background:#f0f0f0}
 #master.on:has(#masterForm.on[data-master-card-kind="client"])>.masterHead{flex:0 0 auto}
 #master #masterForm.on[data-master-card-kind="client"]{flex:1 1 auto;min-height:0;overflow:hidden;margin-top:8px}
 #masterForm[data-master-card-kind="client"]>.tabs{flex:0 0 25px}
 #masterForm[data-master-card-kind="client"]>.tabPanel.on{flex:0 1 auto;min-height:0;overflow:auto}
 #masterForm[data-master-card-kind="client"] .masterActions{flex:0 0 76px;overflow:visible}
 #masterForm[data-master-card-kind="client"] [data-master-field="gender"]>select,#masterForm[data-master-card-kind="client"] [data-master-field="education"]>select{height:32px;min-height:32px}
}
@media screen and (max-width:760px){#masterForm[data-master-card-kind="client"] .masterActions{margin:16px 0 0}#masterForm[data-master-card-kind="client"] .clientFieldset>.masterCardRow{grid-template-columns:135px minmax(0,1fr);gap:9px}}

#masterForm[data-master-card-kind="client"] #clientMap{border:0;background:transparent;color:var(--t);padding:3px 0;margin:0 0 0 154px;text-align:left;justify-self:start;box-shadow:none;min-height:20px}
#masterForm[data-master-card-kind="client"] #clientMap:disabled{color:#888}

/* The date shown to the user is explicitly dd/mm/yyyy; the original date input
   remains the ISO-valued source and native calendar target. */
#masterForm[data-master-card-kind="client"] .clientBirthdayControl{position:relative;height:25px}
#masterForm[data-master-card-kind="client"] .clientBirthdayControl>input{height:25px;min-height:25px}
#masterForm[data-master-card-kind="client"] .clientBirthdayControl>.clientBirthdayNative{position:absolute;inset:0 26px 0 0;width:calc(100% - 26px);opacity:0;pointer-events:none}
/* Keep the route's accessible heading focus without a cosmetic focus rectangle. */
#master.on:has(#masterForm.on[data-master-card-kind="client"]) #masterTitle:focus{outline:none}
@media screen and (min-width:761px){
 #masterForm[data-master-card-kind="client"] [data-master-field="gender"],#masterForm[data-master-card-kind="client"] [data-master-field="education"]{height:25px;min-height:25px;align-items:start}
 #masterForm[data-master-card-kind="client"] #clientLocation,#masterForm[data-master-card-kind="client"] #clientBankAccounts{position:relative;margin:24px 0 3px;padding:18px 5px 13px}
 #masterForm[data-master-card-kind="client"] #clientBankAccounts{margin-top:14px;padding-bottom:7px}
 #masterForm[data-master-card-kind="client"] .clientFieldset>legend{position:absolute;top:-8px;left:5px;background:white;line-height:15px}
 #masterForm[data-master-card-kind="client"] #clientMap{height:20px;min-height:20px;padding:0;line-height:18px}
}
@media screen and (min-width:761px){
 #master.on:has(#masterForm.on[data-master-card-kind="client"]){padding-left:12px!important;padding-right:22px!important}
 #masterForm[data-master-card-kind="client"] .tabBtn{font-family:Arial,sans-serif!important;font-size:14.4px!important}
 #masterForm[data-master-card-kind="client"] .masterCardRow:not(.masterCardCheckRow):not([data-master-field="active"]){grid-template-columns:calc((100% + 24px)/6) minmax(0,1fr);gap:0}
 #masterForm[data-master-card-kind="client"] #masterCardPaymentTerms .masterCardRow:not(.masterCardCheckRow):not([data-master-field="active"]),#masterForm[data-master-card-kind="client"] .clientFieldset>.masterCardRow:not(.masterCardCheckRow):not([data-master-field="active"]){grid-template-columns:calc((100% + 24px)/6) minmax(0,1fr);gap:0}
 #masterForm[data-master-card-kind="client"] .masterCardRow>select{background:#fff;border-radius:4px}
 #masterForm[data-master-card-kind="client"] #partnerNumberingNotice{order:1;flex:none;margin:8px 12px;font-size:12px;line-height:18px}
 #masterForm[data-master-card-kind="client"] .masterActions{order:2}
}