/* Oase van Luik design system — tokens + components.
   Copied verbatim from the Claude Design handoff (_ds/…/tokens, components/components.css).
   App-specific layout lives in app.css / pages.css. Only local change: Plex Mono 600 added to the font import
   (the boards set mono figures at 600). Re-sync from the DS rather than editing by hand. */
/* IBM Plex Sans + Mono via Google Fonts (substitute — no brand font files provided) */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500;600&display=swap');

:root{
/* Base palette (from brief) */
--olk-ink:#050C0D;--olk-red:#59111E;--olk-stone:#736B65;--olk-concrete:#BFBDB4;--olk-paper:#F2F2F2;--olk-moss:#526C3C;
/* Derived steps */
--olk-ink-2:#10191A;--olk-ink-3:#1C2627;--olk-ink-4:#2A3435;
--olk-red-hover:#6D1827;--olk-red-tint:#EFE3E3;--olk-red-line:#D9BFC2;
--olk-moss-hover:#5F7B47;--olk-moss-dark:#3D5229;--olk-moss-tint:#E2E7DB;
--olk-stone-dark:#5A534E;--olk-concrete-dark:#ACA99F;--olk-concrete-light:#DCDAD3;
--olk-card:#FAFAF8;--olk-white:#FFFFFF;
/* Semantic: surfaces */
--bg-page:var(--olk-paper);--bg-shell:var(--olk-ink);--bg-shell-raised:var(--olk-ink-2);
--surface-card:var(--olk-card);--surface-sunken:var(--olk-concrete-light);--surface-secondary:var(--olk-concrete);--surface-dark:var(--olk-ink-2);--surface-input:var(--olk-white);
--surface-hover:rgba(5,12,13,.04);--surface-hover-dark:rgba(242,242,242,.08);
/* Semantic: text */
--text-1:var(--olk-ink);--text-2:var(--olk-stone-dark);--text-3:var(--olk-stone);
--text-on-dark:var(--olk-paper);--text-on-dark-2:var(--olk-concrete);--text-on-accent:var(--olk-white);
/* Semantic: borders */
--border-subtle:rgba(5,12,13,.08);--border-default:rgba(5,12,13,.14);--border-strong:var(--olk-concrete-dark);--border-focus:var(--olk-ink);--border-dark:rgba(242,242,242,.12);
/* Semantic: signal */
--signal-attention:var(--olk-red);--signal-attention-bg:var(--olk-red-tint);--signal-attention-line:var(--olk-red-line);
--signal-done:var(--olk-moss);--signal-done-text:var(--olk-moss-dark);--signal-done-bg:var(--olk-moss-tint);
/* Calendar */
--cal-resident:var(--olk-stone);--cal-resident-text:var(--olk-white);
--cal-guest:var(--olk-red);--cal-guest-text:var(--olk-white);
--cal-blocked:var(--olk-concrete);--cal-blocked-text:var(--olk-ink);
--cal-today:var(--olk-red);--cal-weekend:rgba(5,12,13,.035);
/* Elevation (kept minimal) */
--shadow-none:none;--shadow-1:0 1px 0 rgba(5,12,13,.06);--shadow-overlay:0 12px 32px rgba(5,12,13,.22),0 2px 6px rgba(5,12,13,.12);
--scrim:rgba(5,12,13,.55);
}

:root{
--font-sans:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
--fw-regular:400;/* @kind font */--fw-medium:500;/* @kind font */--fw-semibold:600;/* @kind font */
/* Accessible scale: body 16, smallest running text 14, plates 12 (uppercase mono only) */
--fs-2xs:12px;--fs-xs:14px;--fs-sm:15px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:28px;--fs-3xl:36px;--fs-4xl:44px;
--lh-tight:1.15;/* @kind font */--lh-snug:1.3;/* @kind font */--lh-body:1.5;/* @kind font */
--ls-plate:.08em;--ls-tight:-.01em;
--type-display:600 var(--fs-4xl)/var(--lh-tight) var(--font-sans);
--type-h1:600 var(--fs-3xl)/var(--lh-tight) var(--font-sans);
--type-h2:600 var(--fs-2xl)/var(--lh-snug) var(--font-sans);
--type-h3:600 var(--fs-xl)/var(--lh-snug) var(--font-sans);
--type-title:600 var(--fs-lg)/var(--lh-snug) var(--font-sans);
--type-body:400 var(--fs-md)/var(--lh-body) var(--font-sans);
--type-body-lg:400 var(--fs-lg)/var(--lh-body) var(--font-sans);
--type-small:400 var(--fs-sm)/var(--lh-body) var(--font-sans);
--type-caption:400 var(--fs-xs)/var(--lh-snug) var(--font-sans);
--type-plate:500 var(--fs-2xs)/1 var(--font-mono);
--type-figure:500 var(--fs-md)/1.2 var(--font-mono);
/* Icon sizes (Lucide, 2px stroke) */
--icon-sm:18px;--icon-md:20px;--icon-lg:24px;
}

:root{
/* 8pt system, 4 for tight internals */
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--space-8:48px;--space-9:64px;
--radius-xs:2px;--radius-sm:3px;--radius-md:4px;--radius-lg:6px;
--unit-gap:2px; /* gap between stacked units (mailboxes/floors) */
--control-sm:36px;--control-md:44px;--control-lg:52px; /* md+ meets 44px touch target */
--header-h:64px;--content-max:1200px;--page-margin:24px;
--dur-fast:120ms;/* @kind other */--dur-base:180ms;/* @kind other */--ease-out:cubic-bezier(.2,.6,.2,1);/* @kind other */
}

.olk-root,.olk-root *{box-sizing:border-box}
.olk-icon{display:inline-block;flex:none;background-color:currentColor;-webkit-mask:var(--icon-url) center/contain no-repeat;mask:var(--icon-url) center/contain no-repeat}
.olk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:500;font-size:16px;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;height:var(--control-md);padding:0 14px;white-space:nowrap;text-decoration:none;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}
.olk-btn:active:not(:disabled){transform:translateY(1px)}
.olk-btn:focus-visible,.olk-iconbtn:focus-visible{outline:2px solid var(--olk-red);outline-offset:2px}
.olk-btn:disabled,.olk-iconbtn:disabled{opacity:.45;cursor:not-allowed}
.olk-btn--sm{height:var(--control-sm);padding:0 10px;font-size:15px;gap:6px}
.olk-btn--lg{height:var(--control-lg);padding:0 18px;font-size:17px}
.olk-btn--full{width:100%}
.olk-btn--primary{background:var(--olk-ink);color:var(--olk-paper)}.olk-btn--primary:hover:not(:disabled){background:var(--olk-ink-4)}
.olk-btn--accent{background:var(--olk-red);color:var(--text-on-accent)}.olk-btn--accent:hover:not(:disabled){background:var(--olk-red-hover)}
.olk-btn--positive{background:var(--olk-moss);color:var(--text-on-accent)}.olk-btn--positive:hover:not(:disabled){background:var(--olk-moss-hover)}
.olk-btn--secondary{background:var(--olk-concrete);color:var(--olk-ink)}.olk-btn--secondary:hover:not(:disabled){background:var(--olk-concrete-dark)}
.olk-btn--outline{background:transparent;color:var(--olk-ink);border-color:var(--border-strong)}.olk-btn--outline:hover:not(:disabled){background:var(--surface-hover);border-color:var(--olk-stone)}
.olk-btn--ghost{background:transparent;color:var(--olk-ink)}.olk-btn--ghost:hover:not(:disabled){background:var(--surface-hover)}
.olk-on-dark .olk-btn--ghost,.olk-on-dark .olk-iconbtn--ghost{color:var(--text-on-dark)}
.olk-on-dark .olk-btn--ghost:hover:not(:disabled),.olk-on-dark .olk-iconbtn--ghost:hover:not(:disabled){background:var(--surface-hover-dark)}
.olk-on-dark .olk-btn--secondary{background:var(--olk-ink-4);color:var(--text-on-dark)}.olk-on-dark .olk-btn--secondary:hover:not(:disabled){background:#384344}
.olk-iconbtn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;width:var(--control-md);height:var(--control-md);padding:0;transition:background-color var(--dur-fast) ease}
.olk-iconbtn:active:not(:disabled){transform:translateY(1px)}
.olk-iconbtn--sm{width:var(--control-sm);height:var(--control-sm)}.olk-iconbtn--lg{width:var(--control-lg);height:var(--control-lg)}
.olk-iconbtn--ghost{background:transparent;color:var(--olk-ink)}.olk-iconbtn--ghost:hover:not(:disabled){background:var(--surface-hover)}
.olk-iconbtn--secondary{background:var(--olk-concrete);color:var(--olk-ink)}.olk-iconbtn--secondary:hover:not(:disabled){background:var(--olk-concrete-dark)}
.olk-iconbtn--primary{background:var(--olk-ink);color:var(--olk-paper)}.olk-iconbtn--primary:hover:not(:disabled){background:var(--olk-ink-4)}
.olk-iconbtn--outline{background:transparent;color:var(--olk-ink);border-color:var(--border-strong)}.olk-iconbtn--outline:hover:not(:disabled){background:var(--surface-hover)}
.olk-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans);min-width:0}
.olk-label{font-size:15px;font-weight:500;color:var(--text-1)}
.olk-hint{font-size:14px;color:var(--text-2);line-height:1.4}.olk-hint--error{color:var(--olk-red)}
.olk-inputwrap{display:flex;align-items:center;height:48px;background:var(--surface-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) ease,box-shadow var(--dur-fast) ease;min-width:0}
.olk-inputwrap:hover{border-color:var(--olk-stone)}
.olk-inputwrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}
.olk-inputwrap--error,.olk-inputwrap--error:hover{border-color:var(--olk-red)}.olk-inputwrap--error:focus-within{box-shadow:0 0 0 1px var(--olk-red);border-color:var(--olk-red)}
.olk-inputwrap--disabled{background:var(--surface-sunken);opacity:.7}
.olk-input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;padding:0 12px;font:400 16px/1 var(--font-sans);color:var(--text-1)}
.olk-input::placeholder{color:var(--text-3)}
.olk-input--mono{font-family:var(--font-mono);font-size:16px}
.olk-affix{padding:0 12px;font:400 15px/1 var(--font-mono);color:var(--text-2);display:flex;align-items:center;gap:6px;height:100%}
.olk-affix--pre{padding-right:0}.olk-affix--post{padding-left:0}
.olk-textarea{height:auto;padding:10px 12px;line-height:1.5;resize:vertical;min-height:104px}
.olk-select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px}
.olk-selectchev{position:absolute;right:12px;pointer-events:none;color:var(--text-2)}
.olk-check{display:inline-flex;align-items:center;gap:12px;min-height:44px;font:400 16px/1.3 var(--font-sans);color:var(--text-1);cursor:pointer;user-select:none}
.olk-check input{position:absolute;opacity:0;width:0;height:0}
.olk-checkbox{width:22px;height:22px;flex:none;border:1.5px solid var(--olk-stone);border-radius:var(--radius-sm);background:var(--surface-input);display:inline-flex;align-items:center;justify-content:center;color:var(--olk-paper);transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease}
.olk-radio{width:22px;height:22px;flex:none;border:1.5px solid var(--olk-stone);border-radius:50%;background:var(--surface-input);display:inline-flex;align-items:center;justify-content:center}
.olk-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--olk-ink);transform:scale(0);transition:transform var(--dur-fast) ease}
.olk-check input:checked+.olk-checkbox{background:var(--olk-ink);border-color:var(--olk-ink)}
.olk-check input:checked+.olk-radio{border-color:var(--olk-ink)}.olk-check input:checked+.olk-radio::after{transform:scale(1)}
.olk-check input:focus-visible+span{outline:2px solid var(--olk-red);outline-offset:2px}
.olk-check--disabled{opacity:.45;cursor:not-allowed}
.olk-switch{width:44px;height:26px;flex:none;border-radius:13px;background:var(--olk-concrete-dark);position:relative;transition:background-color var(--dur-base) var(--ease-out)}
.olk-switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--olk-white);transition:transform var(--dur-base) var(--ease-out)}
.olk-check input:checked+.olk-switch{background:var(--olk-moss)}.olk-check input:checked+.olk-switch::after{transform:translateX(18px)}
.olk-card{background:var(--surface-card);border-radius:var(--radius-lg);color:var(--text-1);font-family:var(--font-sans);display:flex;flex-direction:column;min-width:0}
.olk-card--sunken{background:var(--surface-sunken)}
.olk-card--dark{background:var(--surface-dark);color:var(--text-on-dark)}
.olk-card--flat{background:transparent;box-shadow:inset 0 0 0 1px var(--border-default)}
.olk-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.olk-card__title{font:600 18px/1.3 var(--font-sans);margin:0}
.olk-card__sub{font-size:15px;color:var(--text-2);margin-top:2px}
.olk-card--dark .olk-card__sub{color:var(--text-on-dark-2)}
.olk-plate{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--font-mono);letter-spacing:var(--ls-plate);text-transform:uppercase;color:var(--text-2);padding:4px 6px;border:1px solid var(--border-default);border-radius:var(--radius-xs);background:var(--olk-paper);align-self:flex-start;white-space:nowrap}
.olk-card--dark .olk-plate,.olk-on-dark .olk-plate{background:transparent;color:var(--text-on-dark-2);border-color:var(--border-dark)}
.olk-badge{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--radius-sm);font:500 14px/1 var(--font-sans);white-space:nowrap}
.olk-badge--sm{height:24px;padding:0 8px;font-size:12px}
.olk-badge__dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.olk-badge--neutral{background:var(--olk-concrete-light);color:var(--olk-ink)}
.olk-badge--paid{background:var(--signal-done-bg);color:var(--signal-done-text)}
.olk-badge--open{background:var(--signal-attention-bg);color:var(--olk-red)}
.olk-badge--guest{background:var(--cal-guest);color:var(--cal-guest-text)}
.olk-badge--resident{background:var(--cal-resident);color:var(--cal-resident-text)}
.olk-badge--outline{background:transparent;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border-strong)}
.olk-badge--dark{background:var(--olk-ink);color:var(--olk-paper)}
.olk-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;font-family:var(--font-sans);color:var(--text-1);border-bottom:1px solid var(--border-subtle);text-align:left;width:100%;background:transparent;border-left:0;border-right:0;border-top:0}
.olk-row:last-child{border-bottom:0}
.olk-row--click{cursor:pointer}.olk-row--click:hover{background:var(--surface-hover)}
.olk-row--dense{padding:10px 16px}
.olk-row__title{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.olk-row__meta{font-size:14px;color:var(--text-2);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.olk-row__trail{display:flex;align-items:center;gap:12px;font:500 16px/1 var(--font-mono)}
.olk-initials{width:40px;height:40px;border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;font:600 14px/1 var(--font-sans);background:var(--olk-concrete-light);color:var(--olk-ink);flex:none}
.olk-cal{display:flex;align-items:center;gap:6px;height:34px;padding:0 8px;border-radius:var(--radius-sm);font:500 14px/1 var(--font-sans);overflow:hidden;white-space:nowrap;min-width:0;cursor:pointer;transition:filter var(--dur-fast) ease}
.olk-cal:hover{filter:brightness(1.12)}
.olk-cal--tall{height:auto;min-height:52px;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;padding:6px 8px}
.olk-cal--resident{background:var(--cal-resident);color:var(--cal-resident-text)}
.olk-cal--guest{background:var(--cal-guest);color:var(--cal-guest-text)}
.olk-cal--blocked{background:var(--cal-blocked);color:var(--cal-blocked-text)}
.olk-cal--tentative{background:transparent;color:var(--olk-red);box-shadow:inset 0 0 0 1.5px var(--olk-red)}
.olk-cal--contL{border-top-left-radius:0;border-bottom-left-radius:0}.olk-cal--contR{border-top-right-radius:0;border-bottom-right-radius:0}
.olk-cal--overlap{box-shadow:inset 0 0 0 2px var(--olk-ink),inset 0 0 0 3px rgba(255,255,255,.5)}
.olk-cal__title{font-weight:600;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
.olk-cal__meta{font:400 12px/1 var(--font-mono);opacity:.85;overflow:hidden;text-overflow:ellipsis;flex:0 100 auto;min-width:0}
.olk-cal__row{display:flex;align-items:center;gap:6px;min-width:0;width:100%}
.olk-alert{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--radius-md);font:400 15px/1.45 var(--font-sans);color:var(--text-1)}
.olk-alert--attention{background:var(--signal-attention-bg);box-shadow:inset 0 0 0 1px var(--signal-attention-line)}.olk-alert--attention .olk-alert__icon{color:var(--olk-red)}
.olk-alert--done{background:var(--signal-done-bg);box-shadow:inset 0 0 0 1px #C6D0BA}.olk-alert--done .olk-alert__icon{color:var(--olk-moss-dark)}
.olk-alert--neutral{background:var(--surface-sunken)}.olk-alert--neutral .olk-alert__icon{color:var(--text-2)}
.olk-alert__icon{margin-top:1px}
.olk-alert__body{flex:1;min-width:0}.olk-alert__title{font-weight:600;font-size:16px;margin-bottom:2px}
.olk-alert__actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.olk-toast{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:10px 12px 10px 14px;background:var(--olk-ink-2);color:var(--text-on-dark);border-radius:var(--radius-md);box-shadow:var(--shadow-overlay);font:400 16px/1.35 var(--font-sans);max-width:min(480px,calc(100vw - 32px))}
.olk-toast__icon--done{color:#9DB583}.olk-toast__icon--attention{color:#E08A97}.olk-toast__icon--neutral{color:var(--text-on-dark-2)}
.olk-toast__action{background:transparent;border:0;color:var(--text-on-dark);font:500 15px/1 var(--font-sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:12px 8px;margin-left:auto}
.olk-toast__action:hover{color:var(--olk-white)}
.olk-scrim{position:fixed;inset:0;background:var(--scrim);display:flex;align-items:center;justify-content:center;padding:16px;z-index:100}
.olk-scrim--inline{position:absolute}
.olk-dialog{width:100%;max-width:520px;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);font-family:var(--font-sans);color:var(--text-1);display:flex;flex-direction:column;max-height:100%;overflow:hidden}
.olk-dialog__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 16px 12px 24px}
.olk-dialog__title{font:600 22px/1.3 var(--font-sans);margin:0}
.olk-dialog__body{padding:4px 24px 24px;overflow:auto;display:flex;flex-direction:column;gap:16px}
.olk-dialog__foot{display:flex;justify-content:flex-end;gap:8px;padding:12px 24px;background:var(--olk-paper);border-top:1px solid var(--border-subtle)}
.olk-tip{position:relative;display:inline-flex}
.olk-tip__bubble{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%);background:var(--olk-ink);color:var(--olk-paper);font:400 14px/1.35 var(--font-sans);padding:6px 8px;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) ease;z-index:50}
.olk-tip--bottom .olk-tip__bubble{bottom:auto;top:calc(100% + 6px)}
.olk-tip:hover .olk-tip__bubble,.olk-tip:focus-within .olk-tip__bubble,.olk-tip--open .olk-tip__bubble{opacity:1}
.olk-tabs{display:flex;align-items:stretch;gap:4px;font-family:var(--font-sans)}
.olk-tab{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;cursor:pointer;font:500 16px/1 var(--font-sans);white-space:nowrap;transition:color var(--dur-fast) ease,background-color var(--dur-fast) ease}
.olk-tabs--dark{height:var(--header-h)}
.olk-tabs--dark .olk-tab{color:var(--text-on-dark-2);padding:0 12px;box-shadow:inset 0 -2px 0 transparent}
.olk-tabs--dark .olk-tab:hover{color:var(--text-on-dark)}
.olk-tabs--dark .olk-tab--on{color:var(--text-on-dark);box-shadow:inset 0 -2px 0 var(--olk-red)}
.olk-tabs--segmented{background:var(--surface-sunken);padding:3px;border-radius:var(--radius-md);gap:2px;display:inline-flex}
.olk-tabs--segmented .olk-tab{height:38px;padding:0 14px;border-radius:var(--radius-sm);color:var(--text-2);font-size:15px}
.olk-tabs--segmented .olk-tab:hover{color:var(--text-1)}
.olk-tabs--segmented .olk-tab--on{background:var(--surface-card);color:var(--text-1);box-shadow:var(--shadow-1)}
.olk-tabs--underline{border-bottom:1px solid var(--border-default);gap:16px}
.olk-tabs--underline .olk-tab{height:48px;padding:0 2px;color:var(--text-2);box-shadow:inset 0 -2px 0 transparent;margin-bottom:-1px}
.olk-tabs--underline .olk-tab:hover{color:var(--text-1)}
.olk-tabs--underline .olk-tab--on{color:var(--text-1);box-shadow:inset 0 -2px 0 var(--olk-ink)}
.olk-tab__count{font:500 13px/1 var(--font-mono);padding:4px 6px;border-radius:var(--radius-xs);background:var(--olk-red);color:#fff}
.olk-tabs--bar{width:100%;gap:0;background:var(--bg-shell);border-top:1px solid var(--border-dark)}
.olk-tabs--bar .olk-tab{flex:1;flex-direction:column;gap:4px;height:64px;color:var(--text-on-dark-2);font-size:13px;position:relative}
.olk-tabs--bar .olk-tab--on{color:var(--text-on-dark);box-shadow:inset 0 2px 0 var(--olk-red)}
.olk-tabs--bar .olk-tab__count{position:absolute;top:8px;left:calc(50% + 6px)}
@media (max-width:600px){.olk-dialog{max-height:calc(100vh - 32px)}.olk-dialog__head{padding:16px 12px 8px 20px}.olk-dialog__body{padding:4px 20px 20px}.olk-dialog__foot{padding:12px 20px}}