/* Shared Settings, Profile, Team and account access visuals. */
.account-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}
.account-settings-heading h3{font-size:23px;margin:0 0 8px;letter-spacing:-.035em}
.account-profile-summary,.account-team-person{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.account-profile-summary{background:white;border:1px solid #ece5de;border-radius:16px;padding:11px 15px;flex-shrink:0}
.account-profile-summary strong{display:block;font-size:12px}.account-profile-summary small,.account-team-person small{display:block;color:#87817b;font-size:11px;margin-top:4px;line-height:1.5}
.account-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;border:2px solid #fff;box-shadow:0 0 0 1px #eee6dd}
.account-initials{display:grid;place-items:center;background:#fff0e5;color:#F24815;font-size:14px;font-weight:800}
.account-avatar-large{width:88px;height:88px;flex-basis:88px;font-size:27px}
.account-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:6px;border:1px solid #ede5dc;background:#f1ede8;border-radius:16px;margin-bottom:26px}
.account-tabs a{display:flex;align-items:center;gap:9px;border-radius:11px;padding:12px 18px;font-size:12px;font-weight:700;color:#827c76;text-decoration:none}
.account-tabs a svg{width:18px;height:18px;flex:0 0 18px}
.account-tabs a[aria-current=page]{background:#fff;color:#F24815;box-shadow:0 4px 14px #2520170a}
.account-tabs a:hover{background:#fff8f2}
.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}
.account-settings-grid .card{padding:26px;border-radius:19px}
.account-section-heading{display:flex;align-items:center;gap:13px;margin-bottom:22px}
.account-section-heading h3{margin:0;font-size:17px;letter-spacing:-.025em}
.account-section-heading p{margin:6px 0 0}
.account-settings-grid .field label,.account-profile-card .field label,.account-team-editor .field label{font-size:11px;line-height:1.5;letter-spacing:.025em}
.account-settings-grid .field input,.account-settings-grid .field select,.account-settings-grid .field textarea{font-size:13px;padding:12px 14px;border-radius:11px}
.account-settings-grid .field textarea{min-height:105px;line-height:1.7}
.account-settings-grid .actions{margin-top:20px}
.account-settings-grid .code{font-size:12px;padding:12px 15px;border-radius:10px;background:#fff6ee;overflow-wrap:anywhere;color:#b54118}
.account-settings-grid .small{font-size:11px;line-height:1.8}
.account-profile-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:22px;align-items:start}
.account-profile-card{padding:27px}
.account-profile-aside{display:grid;gap:20px}
.account-profile-aside .card{padding:25px}
.account-photo-field{display:flex;align-items:center;gap:22px;background:#fcfaf7;border:1px solid #efe7dd;border-radius:15px;padding:20px;margin-bottom:25px}
.account-photo-field label{font-size:12px;font-weight:700;display:block;margin-bottom:8px}
.account-photo-field input[type=file]{max-width:100%;font-size:11px}
.account-photo-field input[type=file]::file-selector-button{font:600 11px Montserrat;border:1px solid #e7dcd1;border-radius:8px;background:white;padding:9px 11px;margin-right:10px;cursor:pointer}
.account-security-fields{margin-top:25px;padding-top:22px;border-top:1px solid #ede6de}
.account-security-fields h4{font-size:15px;margin:0 0 8px}
.account-security-fields>p{margin-bottom:18px}
.account-profile-card .actions{margin-top:25px}
.account-details{margin:0}.account-details>div{padding:14px 0;border-bottom:1px solid #f0e9e0}
.account-details dt{font-size:11px;color:#8a8177;margin-bottom:6px}.account-details dd{margin:0;font-size:13px;font-weight:600;overflow-wrap:anywhere}
.account-profile-aside .danger-subtle{margin-top:16px}
.account-password{position:relative;display:flex;align-items:center}
.account-password input{width:100%;padding-right:65px!important}
.account-password button{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:#fff;border:0;border-radius:6px;padding:6px;color:#ac5426;font:700 10px Montserrat;cursor:pointer}
.account-password button:focus-visible{outline:2px solid #F24815;outline-offset:2px}
.side-bottom .account-side-profile{display:flex;align-items:center;gap:8px;min-width:0;color:#aaa;text-decoration:none}
.side-bottom .account-side-profile .account-avatar{width:27px;height:27px;flex-basis:27px;font-size:10px;box-shadow:none}
.account-side-profile span:last-child{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-logout-form{display:inline;margin:0}
.account-logout-form button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0}
.account-top-profile{display:grid;place-items:center;margin-right:2px}
.client-invoice-grid{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:22px}
.client-invoice-grid .form-grid{grid-template-columns:1fr}
.client-invoice-contact{font-size:13px;line-height:1.8}.client-invoice-contact strong{font-size:21px;display:block;margin-bottom:7px}
.client-invoice-link{display:inline-block;margin-top:6px;color:#d44816;font-size:11px;font-weight:600}
.client-invoice-empty{border:1px dashed #ebd8c8;border-radius:14px;padding:22px;background:#fffbf6;font-size:13px}
/* Keep the familiar centered login card and original brand artwork. */
.account-login{min-height:100vh;display:grid;place-items:center;position:relative;overflow:hidden;padding:40px 20px;background:radial-gradient(circle at 75% 20%,#ffe9dba8,transparent 28%),radial-gradient(circle at 20% 80%,#ffe7d657,transparent 28%),#fbfaf8}
.account-login-card{position:relative;z-index:1;width:min(560px,94vw);background:#fff;border:1px solid #e9e3db;border-radius:24px;padding:34px 38px 25px;box-shadow:0 24px 75px #18120c17}
.account-login-brand img{display:block;width:290px;max-width:100%;height:auto;margin:0 auto 25px}
.account-auth-eyebrow{text-align:center;color:#b27450;font-size:9px;font-weight:700;letter-spacing:.17em;margin-bottom:13px}
.account-login-card h1{text-align:center;font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-.045em;margin:0 0 11px}
.account-auth-intro{text-align:center;color:#8b8681;font-size:12px;line-height:1.8;margin:0 0 28px}
.account-auth-label{display:block;font-size:12px;font-weight:700;margin:0 0 18px;line-height:1.5}
.account-auth-form input[type=email],.account-auth-form input[type=password],.account-auth-form input[type=text]{width:100%;height:49px;padding:0 16px;margin-top:8px;border:1px solid #dfdfdf;border-radius:12px;font:500 13px Montserrat;color:#222;outline:none;background:#fff}
.account-auth-form input:focus{border-color:#f68548;box-shadow:0 0 0 4px #ff6a0014}
.account-auth-form input::placeholder{color:#9b9895}
.account-auth-form .account-password input{margin-top:8px}.account-auth-form .account-password button{top:calc(50% + 4px)}
.account-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;font-size:11px}
.account-login-options a,.account-back{color:#F24815;font-weight:600;text-decoration:none;font-size:11px}
.account-check{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500}
.account-check input{width:17px;height:17px;accent-color:#F24815;margin:0}
.account-submit{width:100%;min-height:49px;display:flex;justify-content:center;align-items:center;gap:14px;border:0;border-radius:12px;background:linear-gradient(110deg,#F24815,#FF8A00);color:#fff;font:700 13px Montserrat;cursor:pointer;box-shadow:0 10px 25px #f2481521}
.account-submit:hover{filter:brightness(1.03)}.account-submit:focus-visible{outline:3px solid #f3ab76;outline-offset:3px}
.account-button-link{text-decoration:none}.account-back{display:block;text-align:center;margin-top:22px}
.account-auth-footer{margin:27px 0 0;padding-top:18px;border-top:1px solid #f0ebe5;text-align:center;color:#aaa19a;font-size:9px;font-weight:500}
.account-auth-alert,.account-auth-success{padding:13px 15px;border-radius:11px;font-size:12px;line-height:1.8;margin-bottom:20px}
.account-auth-alert{background:#fff0e9;color:#b63a10;border:1px solid #ffdfd0}.account-auth-success{background:#edf8f0;color:#23774a;border:1px solid #d4ebdb}
.account-decor{position:absolute;transform:rotate(35deg);border-radius:45px;background:linear-gradient(140deg,#ffab7230,#ff662005);pointer-events:none}
.decor-one{width:210px;height:210px;left:3%;top:5%}.decor-two{width:230px;height:230px;right:-75px;bottom:20%}
html:has(.account-login),body:has(.account-login){margin:0;min-height:100%;font-family:Montserrat,Arial,sans-serif;color:#111}
.account-login,.account-login *{box-sizing:border-box}
.account-login button,.account-login input,.account-login select,.account-login textarea{font-family:Montserrat,Arial,sans-serif}
@media(max-width:1100px){.account-profile-grid{grid-template-columns:1fr}.account-profile-aside{grid-template-columns:1fr 1fr}.account-settings-grid{grid-template-columns:1fr}.client-invoice-grid{grid-template-columns:1fr}}
@media(max-width:650px){.account-settings-heading{display:block}.account-profile-summary{margin-top:16px;width:fit-content}.account-tabs a{padding:11px 12px}.account-profile-aside{grid-template-columns:1fr}.account-settings-grid .card,.account-profile-card{padding:20px}.account-photo-field{display:block}.account-photo-field>div+div{margin-top:18px}.account-login{padding:20px 14px}.account-login-card{padding:27px 22px 24px;border-radius:20px}.account-login-brand img{width:255px}.account-login-card h1{font-size:25px}.account-login-options{align-items:flex-start;font-size:10px}.account-login-options a{white-space:nowrap}.account-top-profile{display:none}}

/* =========================================================
   Mateen CRM v5.0.15 — Settings / team mobile operation
   ========================================================= */
@media(max-width:650px){
  .account-settings-heading{margin-bottom:16px!important}.account-settings-heading h3{font-size:20px!important}.account-settings-heading p{font-size:11px!important;line-height:1.55!important}
  .account-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;padding:5px!important;margin-bottom:18px!important;scrollbar-width:none!important}.account-tabs::-webkit-scrollbar{display:none}.account-tabs a{flex:0 0 auto!important;white-space:nowrap!important;min-height:40px!important}
  .account-settings-grid .card,.account-profile-card,.account-profile-aside .card,.account-team-editor{padding:15px!important;border-radius:17px!important}.account-photo-field{padding:15px!important;margin-bottom:18px!important}.account-avatar-large{width:72px!important;height:72px!important;flex-basis:72px!important}
  .account-profile-card .actions .btn,.account-settings-grid .actions .btn,.account-team-editor .actions .btn{width:100%!important;min-height:43px!important}.account-team-editor .actions{display:grid!important;grid-template-columns:1fr!important}
  .account-team-person{min-width:0!important}.account-team-person>span:last-child{min-width:0!important}.account-team-person b,.account-team-person small{overflow-wrap:anywhere!important}
  .account-settings-grid input,.account-settings-grid select,.account-settings-grid textarea,.account-profile-card input,.account-profile-card select,.account-profile-card textarea,.account-team-editor input,.account-team-editor select,.account-team-editor textarea{font-size:16px!important}
  /* Team table becomes touch-friendly cards instead of a sideways desktop table. */
  .account-team-editor+section.card .table-wrap{overflow:visible!important}.account-team-editor+section.card .portal-table{display:block!important;width:100%!important;min-width:0!important}.account-team-editor+section.card .portal-table thead{display:none!important}.account-team-editor+section.card .portal-table tbody{display:grid!important;gap:10px!important}.account-team-editor+section.card .portal-table tr{display:block!important;padding:13px!important;border:1px solid #eadfd7!important;border-radius:15px!important;background:#fff!important}.account-team-editor+section.card .portal-table td{display:grid!important;grid-template-columns:80px minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important;padding:7px 0!important;border:0!important;white-space:normal!important}.account-team-editor+section.card .portal-table td:nth-child(1){display:block!important;padding-top:0!important}.account-team-editor+section.card .portal-table td:nth-child(1)::before{display:none!important}.account-team-editor+section.card .portal-table td:nth-child(2)::before{content:"Role"}.account-team-editor+section.card .portal-table td:nth-child(3)::before{content:"Access"}.account-team-editor+section.card .portal-table td:nth-child(4)::before{content:"Last sign-in"}.account-team-editor+section.card .portal-table td:nth-child(5)::before{content:"Action"}.account-team-editor+section.card .portal-table td:nth-child(n+2)::before{color:#9b8e86;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding-top:3px}.account-team-editor+section.card .portal-table td:last-child .btn{width:100%!important}
}