:root{color-scheme:light;--forest:#063e37;--deep:#092e2a;--mint:#baf4e3;--paper:#f7f8f4;--line:#dce7e1;--ink:#102e2b;--muted:#576f6a;--red:#9b2d27}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.52 'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.mast{background:var(--deep);color:white;display:flex;justify-content:space-between;align-items:center;padding:22px max(28px,calc((100vw - 1220px)/2));gap:20px}.eyebrow{font-size:11px;font-weight:750;letter-spacing:.15em;color:#b3d4c9}.eyebrow.dark{color:#397265}.brand{font-weight:800;letter-spacing:.02em;font-size:22px;margin-top:7px}.brand span{color:var(--mint);margin:0 5px}.date{font-size:12px;font-weight:650;color:#c6dbd5}main{max-width:1220px;margin:auto;padding:0 28px}.intro{padding:56px 0 38px;border-bottom:1px solid var(--line)}h1{font-weight:650;letter-spacing:-.05em;line-height:1.05;font-size:clamp(38px,5vw,66px);margin:10px 0 16px}h1 em{color:#418477;font-style:normal}.intro p{max-width:790px;color:var(--muted);font-size:17px}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 6px 24px rgba(4,40,34,.04)}.login{margin:36px 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:38px}.login h2{font-size:32px;line-height:1.2;margin:8px 0}.login p{max-width:420px}.muted,.small{color:var(--muted);font-size:13px}.error{color:var(--red);font-weight:600}.login form{display:grid;gap:13px;align-content:start}label{display:grid;gap:7px;font-size:13px;font-weight:650}input,select,textarea{width:100%;border:1px solid #c9d8d2;border-radius:7px;padding:11px 12px;background:#fff;color:var(--ink)}textarea{resize:vertical;min-height:80px}.btn{background:var(--forest);color:#fff;border:1px solid var(--forest);border-radius:8px;padding:12px 18px;font-weight:700;display:inline-flex;justify-content:space-between;gap:20px;align-items:center}.btn:hover{background:#13554d}.btn.outline{background:#fff;color:var(--forest)}.btn:disabled{opacity:.45;cursor:not-allowed}.textbutton{border:0;background:none;color:#23574c;font-weight:700}.userstrip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.userstrip>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.userstrip small{color:var(--muted)}.pill{border-radius:60px;padding:4px 12px;color:#114939;background:#d9f4e9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.tabs{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 16px}.tabs button{border:1px solid var(--line);background:#fff;padding:11px 14px;font-weight:650;border-radius:7px}.tabs button.active{background:var(--forest);color:#fff;border-color:var(--forest)}.content{min-height:300px;padding:30px;margin-bottom:30px}.content h2{font-size:29px;letter-spacing:-.04em;margin:0 0 10px}.content h3{font-size:18px;margin:0 0 8px}.content p{color:var(--muted)}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{background:#ecf5f0;padding:20px;border-radius:10px}.stat b{font-size:32px;font-weight:650;display:block}.stat span{font-size:12px;color:#526862}.group{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:19px 0}.group.single{grid-template-columns:1fr}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.items{display:grid;gap:11px}.item{border:1px solid var(--line);padding:18px;border-radius:9px}.item strong{font-size:16px}.item p{margin:5px 0;font-size:14px}.meta{font-size:12px;color:#637b72}.tag{font-size:11px;background:#edf3f0;padding:4px 8px;border-radius:5px;font-weight:700;display:inline-block}.tag.warn{background:#fff0d6;color:#754914}.tag.ok{background:#dbf4e6;color:#075839}.tag.red{background:#ffebe9;color:#a5332f}.alert{border-left:4px solid var(--forest);background:#e3f2eb;border-radius:6px;padding:14px 22px;margin:20px 0}.alert p{margin:3px 0;font-size:14px}.sectionbox{border:1px solid #d1dfd7;border-radius:11px;padding:22px;margin:16px 0}.sectionbox h3{margin:4px 0}.sectionbox pre{white-space:pre-wrap;word-break:break-word;font:14px/1.65 'Segoe UI',Arial,sans-serif;background:#f6f9f7;padding:16px;border-radius:7px}.review{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end}.review label{max-width:100%}.status{position:fixed;right:22px;bottom:22px;z-index:10;max-width:400px;background:var(--deep);color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 18px #0003;display:none}.status.show{display:block}.data-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table td,.data-table th{border-bottom:1px solid #e8efea;padding:10px 8px;text-align:left;vertical-align:top}.data-table th{color:#5f756d;background:#f6f9f7}.release-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.disclaimer{margin:48px 0 60px;border-top:1px solid var(--line);padding-top:24px;display:grid;gap:10px}.disclaimer span{font-size:11px;letter-spacing:.14em;color:#667b74}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;background:#082f29;color:#f7fff9;padding:22px max(28px,calc((100vw - 1220px)/2));font-size:11px;font-weight:600;letter-spacing:.08em}@media(max-width:770px){.mast{align-items:flex-start;flex-direction:column}.date{font-size:10px}.login,.group,.review{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}.content{padding:19px}.intro{padding:40px 0 24px}.userstrip>div{display:grid;gap:4px}.release-row{grid-template-columns:1fr}}
@media print{body{background:white}.mast,.tabs,.userstrip button,.btn,.login,.disclaimer,footer,.review,.date{display:none!important}.panel{box-shadow:none;border:0}.content{padding:0}.sectionbox{break-inside:avoid}}
[hidden]{display:none!important}

/* Original supplied brand asset: preserve proportions and colours. */
.ypsomed-logo{display:inline-block;width:180px;max-width:100%;height:auto;vertical-align:middle;object-fit:contain}.login-original-logo{display:block;width:220px;margin:12px 0 20px}[hidden]{display:none!important}@media(max-width:760px){.ypsomed-logo{width:140px}}