body { margin: 0; background: var(--bg-page); color: var(--ink); font-family: var(--font-body); line-height: 1.6; }
main, .mz-crm-header { max-width: var(--container); margin: auto; padding: var(--gutter); overflow-wrap: anywhere; }
.mz-crm-header { display: flex; gap: var(--gutter); flex-wrap: wrap; }
h1, h2, h3 { font-family: var(--font-display); }
a { color: var(--primary); display: inline-block; box-sizing: border-box; min-height: 44px; padding-block: calc(var(--gutter) / 2); }
label { display: block; margin-block: calc(var(--gutter) / 2); }
input, select, textarea { display: block; box-sizing: border-box; width: 100%; max-width: calc(var(--container) / 2); min-height: 44px; padding: calc(var(--gutter) / 2); border: 1px solid var(--border); background: var(--surface); color: var(--ink); font: inherit; }
button { min-height: 44px; padding: calc(var(--gutter) / 2) var(--gutter); border: 0; border-radius: 999px; background: var(--primary); color: var(--on-primary); font: inherit; cursor: pointer; }
button:disabled { cursor: wait; opacity: .6; }
section { border: 1px solid var(--border); background: var(--surface); padding: var(--gutter); margin-block: var(--gutter); overflow-wrap: anywhere; }
.mz-crm-table { overflow-x: auto; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; border-bottom: 1px solid var(--border); padding: calc(var(--gutter) / 2); }
#error { color: var(--error); }
input[type="checkbox"] { display: inline-block; width: 44px; vertical-align: middle; }