body.umila-profile-page{margin:0;background:var(--auth-canvas);color:var(--auth-ink);font:400 16px/1.45 "Umila Inter",sans-serif;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;color-scheme:light;--profile-line:color-mix(in srgb,var(--auth-border) 48%,transparent);--profile-nav:#ece2d7}
[data-umila-theme="B"] body.umila-profile-page{--profile-nav:#ece8f7}
.umila-profile-page *{box-sizing:border-box}
.umila-profile-page [hidden]{display:none!important}
.umila-profile-page :is(button,input,textarea,select){font:inherit;color:inherit;max-width:100%}
.umila-profile-page :is(button,a,summary){touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.umila-profile-page :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--auth-ink);outline-offset:4px}
.umila-profile-page a{color:inherit;text-underline-offset:4px}
.umila-profile-page :is(h1,h2,h3,p){margin:0}
.umila-profile-page :is(h1,h2,h3){font-family:"Umila Nunito",sans-serif;font-weight:800;letter-spacing:normal}
.umila-profile-page h1{font-size:32px;line-height:1.2}
.umila-profile-page h2{font-size:25px;line-height:1.25}
.umila-profile-page h3{font-size:20px;line-height:1.3}
.umila-profile-page .skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px 16px;background:var(--auth-paper);border:1px solid var(--auth-ink)}
.umila-profile-page .skip:focus{top:16px}
.umila-profile-page .profile-shell{max-width:1360px;width:calc(100% - 64px);margin:32px auto;border:1px solid var(--profile-line);border-radius:16px;background:var(--auth-paper)}
.umila-profile-page .profile-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 22px;padding:12px;height:auto;min-height:76px;background:transparent;border-bottom:1px solid var(--profile-line)}
.umila-profile-page .profile-brand{display:block;flex:none;text-decoration:none}
.umila-profile-page .profile-brand img{display:block;width:124px;height:auto}
.umila-profile-page .profile-navigation{display:flex;align-items:center;gap:20px;min-width:0}
.umila-profile-page .profile-nav-item{display:flex;align-items:center;justify-content:center;gap:14px;padding:8px 16px;min-height:44px;border-radius:12px;font-size:16px;line-height:1.2;text-decoration:none;white-space:nowrap}
.umila-profile-page .profile-nav-item svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.umila-profile-page .profile-nav-item.is-current{background:var(--profile-nav)}
.umila-profile-page .profile-nav-item:hover{background:var(--profile-nav)}
.umila-profile-page .profile-main{padding:24px 30px 28px;min-width:0;min-height:420px}
.umila-profile-page .profile-main:focus{outline:none}
.umila-profile-page .profile-heading{margin-bottom:20px}
.umila-profile-page .profile-heading p{margin-top:4px;font-size:18px;color:var(--auth-muted)}
.umila-profile-page .profile-settings-grid{display:grid;grid-template-columns:minmax(260px,1.03fr) minmax(0,1.92fr);gap:16px 28px}
.umila-profile-page .profile-panel{min-width:0;padding:20px 24px;border:1px solid var(--profile-line);border-radius:14px;background:transparent}
.umila-profile-page .profile-panel>h2{margin-bottom:12px}
.umila-profile-page .profile-account-value{display:grid;gap:6px;min-width:0}
.umila-profile-page .profile-account-value>*{display:block;padding:8px 16px;border-radius:10px;background:var(--auth-surface);overflow-wrap:anywhere}
.umila-profile-page .profile-account-actions{display:grid;gap:12px;margin-top:14px}
.umila-profile-page .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 16px;border:1px solid transparent;border-radius:11px;background:var(--auth-accent);color:var(--auth-action-ink);font:800 18px/1.3 "Umila Nunito",sans-serif;text-decoration:none;cursor:pointer;white-space:normal}
.umila-profile-page .button:hover:not(:disabled){filter:brightness(.96);background:var(--auth-accent)}
.umila-profile-page .button:disabled{opacity:.5;cursor:default}
.umila-profile-page .button.secondary,.umila-profile-page .button.ghost{background:transparent;border-color:var(--auth-border);color:var(--auth-ink);font:400 16px/1.4 "Umila Inter",sans-serif}
.umila-profile-page .button.secondary:hover:not(:disabled),.umila-profile-page .button.ghost:hover:not(:disabled){background:var(--auth-surface)}
.umila-profile-page .form-stack{display:grid;gap:14px;margin:0}
.umila-profile-page .form-stack label{display:grid;gap:6px;font-weight:600;font-size:16px;color:inherit}
.umila-profile-page .form-stack :is(input:not([type=checkbox]),textarea,select){width:100%;min-height:44px;padding:9px 14px;border:1px solid var(--auth-border);border-radius:10px;background:transparent;color:inherit}
.umila-profile-page .form-stack label.checkbox{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin-top:0}
.umila-profile-page .checkbox input{flex:none;width:23px;height:23px;margin:0;accent-color:var(--auth-accent)}
.umila-profile-page .field-help{font-size:14px;line-height:1.45;color:var(--auth-muted)}
.umila-profile-page #assistant-form .checkbox+.field-help{margin:-8px 0 0 35px}
.umila-profile-page .form-error{color:var(--auth-error);font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;min-height:0}
.umila-profile-page .form-error:empty{display:none}
.umila-profile-page .form-error[data-success="true"]{color:var(--auth-ink)}
.umila-profile-page #profile-save-status{color:var(--auth-ink)}
.umila-profile-page .profile-availability{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:18px;padding-top:16px;border-top:1px solid var(--profile-line)}
.umila-profile-page .profile-access-status{display:flex;align-items:center;gap:12px;padding:7px 14px;border-radius:10px;background:var(--auth-surface);font-size:16px;overflow-wrap:anywhere;max-width:100%}
.umila-profile-page .profile-access-status svg{width:23px;height:23px;flex:none}
.umila-profile-page .profile-availability>p{width:100%;font-size:14px;color:var(--auth-muted)}
.umila-profile-page .profile-connections{grid-column:1/-1}
.umila-profile-page .profile-connection-links{display:grid;gap:6px}
.umila-profile-page .profile-connection-links>a{display:flex;align-items:center;gap:18px;min-height:44px;padding:8px 18px;background:var(--auth-surface);border-radius:10px;text-decoration:none}
.umila-profile-page .profile-connection-links>a svg{width:24px;height:24px;flex:none}
.umila-profile-page .profile-connection-links>a>span{margin-left:auto;text-decoration:underline}
.umila-profile-page .profile-additional{margin-top:20px;color:var(--auth-muted);font-size:14px}
.umila-profile-page .profile-additional>summary{min-height:44px;padding:10px 0;cursor:pointer}
.umila-profile-page .profile-additional>div{color:var(--auth-ink);margin-top:12px}
.umila-profile-page .profile-back{display:inline-flex;align-items:center;min-height:44px;margin-bottom:12px;text-decoration:underline;font-size:16px}
.umila-profile-page .profile-password{max-width:520px}
.umila-profile-page .profile-password-notice{padding:16px;border-radius:12px;background:var(--auth-surface)}
.umila-profile-page .profile-google-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.umila-profile-page .profile-connection-panel{max-width:800px}
.umila-profile-page .page-heading .eyebrow{display:none}
.umila-profile-page .page-heading{margin-bottom:20px}
.umila-profile-page .panel{background:transparent;border-color:var(--profile-line)}
.umila-profile-page #modal{background:var(--auth-paper);color:var(--auth-ink);border-color:var(--auth-border);max-height:calc(100dvh - 32px);overflow:auto}
.umila-profile-page #modal .form-stack label{color:inherit}
.umila-profile-page .note-card p,.umila-profile-page .list-row p{overflow-wrap:anywhere}
@media(max-width:1100px){
  .umila-profile-page .profile-header{gap:16px;margin-inline:16px;padding-inline:4px}
  .umila-profile-page .profile-navigation{gap:2px}
  .umila-profile-page .profile-nav-item{gap:8px;padding-inline:10px;font-size:15px}
  .umila-profile-page .profile-settings-grid{gap:16px;grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr)}
  .umila-profile-page .profile-main{padding-inline:24px}
}
@media(max-width:899px){
  body.umila-profile-page{background:var(--auth-canvas)}
  .umila-profile-page .profile-shell{max-width:680px;width:100%;margin:0 auto;border:0;border-radius:0;background:transparent}
  .umila-profile-page .profile-header{display:block;margin:0 18px;padding:16px 0 12px}
  .umila-profile-page .profile-brand{width:max-content;margin:0 4px 14px}
  .umila-profile-page .profile-brand img{width:116px}
  .umila-profile-page .profile-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
  .umila-profile-page .profile-nav-item{flex-direction:column;gap:6px;min-height:60px;padding:6px 2px;font-size:13px;line-height:1.25}
  .umila-profile-page .profile-nav-item svg{width:24px;height:24px}
  .umila-profile-page .profile-main{padding:22px;min-height:calc(100dvh - 142px)}
  .umila-profile-page .profile-heading{margin-bottom:20px}
  .umila-profile-page h1{font-size:29px}
  .umila-profile-page h2{font-size:24px}
  .umila-profile-page .profile-heading>p{font-size:16px}
  .umila-profile-page .profile-settings-grid{display:flex;flex-direction:column;gap:14px}
  .umila-profile-page .profile-account,.umila-profile-page .profile-assistant,.umila-profile-page .profile-account-actions{display:contents}
  .umila-profile-page .profile-account>h2,.umila-profile-page .profile-assistant>h2,.umila-profile-page .profile-account-actions>h3{display:none}
  .umila-profile-page .profile-account-value{order:1;display:flex;flex-direction:column;gap:0;padding:10px 16px;background:var(--auth-surface);border-radius:12px}
  .umila-profile-page .profile-account-value>*{padding:0;background:transparent}
  .umila-profile-page #assistant-form{order:2}
  .umila-profile-page .profile-availability{order:3;margin:0;padding:0;border:0;display:block;border-radius:10px;background:var(--auth-surface)}
  .umila-profile-page .profile-availability h3{display:inline;font:400 14px/1.45 "Umila Inter",sans-serif}
  .umila-profile-page .profile-availability h3::after{content:" · "}
  .umila-profile-page .profile-availability{padding:10px 12px}
  .umila-profile-page .profile-access-status{display:inline;padding:0;border-radius:0;font-size:14px;font-weight:600;background:transparent}
  .umila-profile-page .profile-access-status svg{display:none}
  .umila-profile-page .profile-availability>p{margin-top:6px}
  .umila-profile-page .profile-account-actions>[data-action="change-password"]{order:4;background:transparent;color:var(--auth-ink);border-color:var(--auth-border);font:400 16px/1.4 "Umila Inter",sans-serif}
  .umila-profile-page .profile-connections{order:5;padding:4px 0 0;border:0;border-radius:0}
  .umila-profile-page .profile-connections>h2{margin-bottom:10px}
  .umila-profile-page .profile-connection-links{gap:0;padding:0 14px;border:1px solid var(--auth-border);border-radius:14px}
  .umila-profile-page .profile-connection-links>a{min-height:48px;padding:9px 0;gap:14px;border-radius:0;background:transparent}
  .umila-profile-page .profile-connection-links>a+a{border-top:1px solid var(--profile-line)}
  .umila-profile-page .profile-connection-links>a>strong{font-weight:400}
  .umila-profile-page .profile-connection-links>a>span{font-size:0}
  .umila-profile-page .profile-connection-links>a>span::after{content:"›";font-size:22px;text-decoration:none}
  .umila-profile-page .profile-account-actions>[data-action="logout"]{order:6}
  .umila-profile-page .profile-account-actions>.field-help{order:7}
  .umila-profile-page .profile-google-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .umila-profile-page .profile-google-grid>.profile-panel,.umila-profile-page .profile-connection-panel{padding:16px}
  .umila-profile-page .profile-password{max-width:none}
  .umila-profile-page .profile-password .form-stack{gap:16px}
  .umila-profile-page .profile-password-notice{margin-block:4px 6px}
  .umila-profile-page #modal{width:calc(100% - 24px);max-width:520px}
}
@media(max-width:370px){
  .umila-profile-page .profile-main{padding-inline:18px}
  .umila-profile-page .profile-header{margin-inline:12px}
  .umila-profile-page .profile-nav-item{font-size:12px}
  .umila-profile-page h1{font-size:27px}
}
