/* DiDoMo Zabrze — warstwa tokenów z paczki wdrożeniowej 28.08.2026 */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@75..100,300..800&family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');

:root {
  --void: #080A09;
  --graphite: #111411;
  --surface: #181B18;
  --card: #0E110E;
  --card2: #0A0C0A;
  --card3: #0C0F0C;
  --tint: #12150F;
  --chip: rgba(8, 10, 9, .72);
  --sunken: rgba(8, 10, 9, .5);
  --stripe: rgba(255, 255, 255, .05);
  --field: rgba(8, 10, 9, .55);
  --ink: #F0EEE8;
  --ink2: #C9C8C1;
  --muted: #A5A8A2;
  --faint: #6E7169;
  --faint2: #7C7F78;
  --orange: #FF5A1F;
  --copper: #C2481A;
  --accent-hi: #FF3B1B;
  --on-accent: #0A0705;
  --line: rgba(255, 255, 255, .12);
  --line-soft: rgba(255, 255, 255, .06);
  --dim: #2C2F2B;
  --dim2: #3A3E39;
  --display: 'Archivo', 'Helvetica Neue', Helvetica, sans-serif;
  --sans: 'IBM Plex Sans', 'Helvetica Neue', Helvetica, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, monospace;
  --white-card-update: #057dcd;
  --white-card-paper: #FFFFFF;
  --white-card-ink: #14170F;
  --pad: clamp(20px, 5vw, 64px);
  --rowpad: 14px;
  --sidebar: 246px;
  --sidebar-collapsed: 64px;
  --sidebar-w: var(--sidebar);
  --sidebar-w-collapsed: var(--sidebar-collapsed);
  --radius: 0;
  --radius-sm: 0;

  --em-red: var(--orange);
  --em-teal: var(--orange);
  --em-teal-dark: var(--copper);
  --em-ink: var(--ink);
  --em-bg: var(--void);
  --em-border: var(--line);
  --em-white: var(--surface);
  --em-muted: var(--muted);
  --em-muted-2: var(--faint);
  --em-surface: var(--surface);
  --em-sidebar: var(--card2);
  --em-sidebar-text: var(--ink2);
  --em-success: var(--muted);
  --em-warning: var(--orange);
  --color-primary: var(--orange);
  --color-accent: var(--orange);
  --color-accent-dark: var(--copper);
  --color-ink: var(--ink);
  --color-bg: var(--void);
  --color-border: var(--line);
  --color-muted: var(--muted);
  --color-surface: var(--surface);
  --font-title: var(--display);
  --font-ui: var(--sans);
  --font-mono: var(--mono);
  --font-heritage: var(--display);
  --font-sans: var(--sans);

  --hypso-lo: var(--faint);
  --hypso-mid: var(--ink2);
  --hypso-hi: var(--orange);
}

[data-theme="light"],
html[data-theme="light"] {
  --void: #F4F2EC;
  --graphite: #EAE7DF;
  --surface: #FFFFFF;
  --card: #E6E3DA;
  --card2: #EBE8E0;
  --card3: #EFECE4;
  --tint: #EFEBE1;
  --chip: rgba(255, 255, 255, .78);
  --sunken: rgba(255, 255, 255, .6);
  --stripe: rgba(8, 10, 9, .06);
  --field: rgba(255, 255, 255, .82);
  --ink: #14170F;
  --ink2: #33362F;
  --muted: #4E514A;
  --faint: #5A5D55;
  --faint2: #4F524B;
  --orange: #A6330C;
  --copper: #7A280C;
  --accent-hi: #7F2408;
  --on-accent: #FFF8F4;
  --line: rgba(8, 10, 9, .2);
  --line-soft: rgba(8, 10, 9, .11);
  --dim: #CDC9BF;
  --dim2: #B9B5AB;
  --white-card-update: #057dcd;
  --white-card-paper: #FFFFFF;
  --white-card-ink: #14170F;
}

html[data-density='compact'] {
  --rowpad: 9px;
}

.dmz-label {
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--faint);
}

.dmz-mark {
  font-family: var(--display);
  font-weight: 300;
  font-variation-settings: 'wdth' 100;
  letter-spacing: .07em;
  color: var(--ink);
}
.dmz-mark i { font-style: normal; color: var(--orange); font-weight: 350; }
[data-theme="light"] .dmz-mark i { font-weight: 300; }

.dmz-enter { animation: dmz-in .28s ease both; }
.dmz-work  { animation: dmz-pulse 1.8s ease-in-out infinite; }

*{box-sizing:border-box;border-radius:0}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit}button,input{font:inherit}button{cursor:pointer}header,footer{display:flex;align-items:center;gap:24px;padding:24px var(--pad);border-bottom:1px solid var(--line)}header button{margin-left:auto}.wordmark{font-family:var(--display);font-weight:800;font-size:30px;text-decoration:none}.wordmark span,.accent{color:var(--orange)}main{max-width:1100px;margin:0 auto;padding:72px var(--pad)}h1{font-family:var(--display);font-size:clamp(36px,6vw,68px);line-height:1.08;letter-spacing:-.04em;margin:20px 0}h2,h3{font-family:var(--display)}.label,label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.intro{max-width:650px;color:var(--muted);font-size:18px}form{max-width:520px;margin-top:36px;border-top:1px solid var(--line);padding-top:20px}label{display:block;margin:18px 0 8px}input{width:100%;padding:12px;background:var(--field);color:var(--ink);border:1px solid var(--line)}button{padding:10px 16px;border:1px solid var(--line);background:var(--card);color:var(--ink)}.primary{display:block;margin:24px 0;background:var(--orange);color:var(--on-accent);border-color:var(--orange)}button:disabled{opacity:.5;cursor:wait}.account{display:flex;justify-content:space-between;align-items:center;gap:16px;border-block:1px solid var(--line);padding:16px 0;margin-top:40px}.institution{display:block;border:1px solid var(--line);padding:28px;background:var(--card2);text-decoration:none}.institution:hover{background:var(--stripe)}.institution h3{font-size:26px;margin:0}.institution p,.note{color:var(--muted)}.note{font-size:13px}.institution[aria-disabled]{opacity:.6}#error{border-left:3px solid var(--orange);padding:16px;color:var(--orange)}footer{border-top:1px solid var(--line);justify-content:space-between;font-size:13px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--orange);outline-offset:4px}@media(max-width:600px){header{flex-wrap:wrap;gap:12px}header .label{display:none}.account{align-items:start;flex-direction:column}main{padding-top:40px}}

select{font:inherit;width:100%;padding:12px;background:var(--field);color:var(--ink);border:1px solid var(--line)}
.team-list{list-style:none;padding:0}.person{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;padding:18px;margin-bottom:-1px;overflow-wrap:anywhere}.person span{font-size:13px;color:var(--muted)}.person:hover{background:var(--stripe)}
#account-form{max-width:none;padding:24px;border:1px solid var(--line);background:var(--card2)}fieldset{border:1px solid var(--line);margin-top:24px;padding:18px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;gap:12px;align-items:center;font:inherit;letter-spacing:0;text-transform:none;margin:0}.check input{width:18px;height:18px;flex-shrink:0;accent-color:var(--orange)}label.check{margin-block:16px}.form-actions{display:flex;gap:12px;align-items:center}.form-actions .primary{margin:20px 0}#account-error{color:var(--orange)}@media(max-width:600px){.permission-grid{grid-template-columns:1fr}#account-form{padding:16px}}

#password-dialog{width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px;background:var(--surface);color:var(--ink);border:1px solid var(--line)}#password-dialog::backdrop{background:var(--chip)}#password-dialog h2{font-size:28px;line-height:1.2}#password-dialog form{margin-top:20px;padding-top:0;border:0}#password-dialog button{width:100%}#password-error{color:var(--orange)}