:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --radius-control:7px;
  --radius-card:10px;
  --control-height:40px;
  --focus-ring:0 0 0 3px rgba(230,161,26,.32);
  --danger:#9f2121;
  --danger-surface:#fff0ef;
  --notice-surface:#fff6df;
}

html{overflow-x:hidden}
body{min-width:0;overflow-x:hidden}
button,input,select,textarea{max-width:100%;font:inherit}
button,.button,.secondary,.file-picker,.action-menu,.filter-chips button{
  min-height:var(--control-height);
  border-radius:var(--radius-control);
  line-height:1.25;
  touch-action:manipulation;
}
input,select,textarea{
  min-height:var(--control-height);
  border-color:var(--border);
  border-radius:var(--radius-control);
  line-height:1.3;
}
textarea{padding:8px;line-height:1.45}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:0;
  box-shadow:var(--focus-ring);
}
button:disabled,.button[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.error-text,[role="alert"]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);background:var(--danger-surface);color:var(--danger)}
.success-text,[role="status"]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}
.is-loading,[aria-busy="true"]{cursor:progress;opacity:.72}
.form-state{grid-column:1/-1;margin:0;color:var(--muted);font-size:14px;font-weight:700}
.form-state.is-loading{color:#53616b}.form-state.is-success{color:var(--green)}.form-state.is-error{color:var(--danger);background:var(--danger-surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control)}
.form-retry{margin-left:var(--space-2)}

@media(max-width:560px){
  .content{min-width:0}
  .content>.card,.admin-card,.manager-employee,.focus-task,.call-journal,.client-registry{min-width:0}
  .page-header{flex-wrap:wrap}
  .button,.secondary,.file-picker{white-space:normal}
  input,select,textarea{font-size:16px}
}