/* Stronger borders only in the catalogue service-request dialog. */
#dialog.service-request-dialog{--control-border:#899c93;--control-hover:#536f60}
html[data-theme=dark] #dialog.service-request-dialog{--control-border:#81988e;--control-hover:#b4c9bf}
#dialog.service-request-dialog :is(input,select,textarea){border-color:var(--control-border)}
html[data-input-mode=pointer] #dialog.service-request-dialog :is(input,select,textarea):focus{border-color:var(--control-border)}
#dialog.service-request-dialog :is(input,select,textarea):hover:not(:disabled){border-color:var(--control-hover)}
#dialog.service-request-dialog :is(input,select,textarea):focus-visible{border-color:var(--brand);outline:2px solid var(--brand);outline-offset:2px}

/* Keep native scrolling and keyboard behavior, styled to the workspace palette. */
html{--scroll-thumb:#749484;--scroll-thumb-hover:#48785f;--scroll-track:#f2f5f3}
html[data-theme=dark]{--scroll-thumb:#709581;--scroll-thumb-hover:#a0c1ae;--scroll-track:#1d2e27}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}
@supports selector(::-webkit-scrollbar){
 *{scrollbar-width:auto;scrollbar-color:auto}
 ::-webkit-scrollbar{width:10px;height:10px}
 ::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:100px}
 ::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:100px;min-height:36px}
 ::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}
 ::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover)}
 ::-webkit-scrollbar-corner{background:var(--scroll-track)}
}
@media(forced-colors:active){*{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:Canvas}}

.welcome-page{min-height:100dvh;background:var(--bg);color:var(--ink)}
.welcome-top{max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.welcome-brand{display:flex;align-items:center;gap:12px}
.welcome-brand img{width:42px;height:42px}
.welcome-brand strong{font-size:20px;line-height:1.4}
.welcome-brand span{display:block;font-size:13px;font-weight:500;color:var(--muted)}
.welcome-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.welcome-main{padding:24px 20px 64px;max-width:760px;margin:auto;min-width:0}
.welcome-card{padding:36px 40px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 12px 40px #173f2f08}
.welcome-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#f4efe3;color:#315d49;margin-bottom:24px}
.welcome-symbol .icon{width:26px;height:26px}
.welcome-eyebrow{font-size:14px;font-weight:700;color:var(--muted);margin:0 0 8px}
.welcome-card h1{font-size:clamp(25px,4vw,32px);line-height:1.5;margin:0 0 12px;overflow-wrap:anywhere}
.welcome-intro{font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 24px}
.welcome-card .form-grid{gap:20px}
.welcome-card .field{min-width:0}
.welcome-card .field>span{font-size:15px;font-weight:650}
.welcome-card input{min-height:48px;font-size:16px}
.welcome-card .caption{margin:0}
.welcome-note{font-size:14px;line-height:1.9;color:var(--muted);margin:0;padding:16px;border-radius:12px;background:var(--bg)}
.welcome-card .form-footer{margin:0;padding-top:4px}
.welcome-card .form-footer .btn{min-height:48px}
.welcome-error{color:#b52e3d}
html[data-theme=dark] .welcome-symbol{background:#30463c;color:#e2eee7}
@media(max-width:600px){.welcome-top{padding:20px 16px;align-items:flex-start;flex-wrap:wrap}.welcome-main{padding:12px 12px 32px}.welcome-card{padding:24px 20px}.welcome-card .form-grid{grid-template-columns:minmax(0,1fr)}.welcome-card .form-footer .btn{width:100%;justify-content:center}.welcome-tools{gap:6px}.welcome-tools .btn{padding-inline:12px}}
