/* Local palette study: midnight, clay and warm neutrals. */
.logo .logo-dot{display:inline-block;width:.18em;height:.18em;margin-left:.04em;border-radius:50%;background:#a64f35;vertical-align:baseline}
:root{--ink:#18283b;--paper:#fff;--muted:#626770;--line:#dedbd5;--green:#e4d8c6;--orange:#a64f35;--clay:#a64f35;--sand:#e4d8c6;--slate:#536779}
body{background-color:#f7fafc;background-image:linear-gradient(rgba(247,250,252,.82),rgba(247,250,252,.82)),url('/hero-booking-space.png');background-size:cover;background-position:center top;background-attachment:fixed;background-repeat:no-repeat;color:var(--ink)}.hero{background:#fffffff0;background-image:none;backdrop-filter:blur(8px);padding-inline:clamp(24px,3.5vw,72px);margin-bottom:1cm}.wrap{max-width:1920px;width:100%;padding-inline:clamp(20px,3vw,64px)}
header{border-color:var(--line)}.logo i{background:#536779;box-shadow:0 -18px 0 #a64f35,18px 0 0 #d8c7af}.dot{background:var(--clay)}.hero .eyebrow{color:#626770}h1 em{color:var(--clay)}
.pill,nav .pill.light,.small-btn{background:var(--clay);border-color:var(--clay);color:#fffaf5}.pill:hover,nav .pill.light:hover,.small-btn:hover{background:#873e2a;border-color:#873e2a}
.login-cta{gap:10px!important;padding:13px 18px!important;background:var(--slate)!important;border-color:var(--slate)!important;box-shadow:0 8px 18px #53677933;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}.login-cta:hover{background:#3f5368!important;border-color:#3f5368!important;box-shadow:0 11px 24px #53677940;transform:translateY(-1px)}.login-cta-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.login-cta span{line-height:1}
.color-board{position:relative}.board-content{display:contents}.board-login{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:24px;overflow:hidden;background:#f7fafc linear-gradient(rgba(247,250,252,.82),rgba(247,250,252,.82)) fixed;background-image:linear-gradient(rgba(247,250,252,.82),rgba(247,250,252,.82)),url('/hero-booking-space.png');background-size:cover;background-position:center top;background-attachment:fixed;color:var(--ink);animation:none}.board-login[hidden]{display:none}.board-login-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.board-login-brand{font-size:23px;font-weight:800;letter-spacing:-1.4px}.board-login-brand span{color:var(--clay)}.board-login-back,.board-login-text{border:0;background:transparent;color:#536779;font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.board-login-copy{margin:16px 0 14px}.board-login-copy p{margin:0 0 8px;color:var(--clay);font-size:10px;font-weight:800;letter-spacing:2px}.board-login-copy h2{margin:0 0 8px;font-size:clamp(28px,3vw,36px);line-height:1.06;letter-spacing:-.055em}.board-login-copy>span{display:block;max-width:45ch;color:var(--muted);font-size:12px;line-height:1.5}.board-login-options{display:grid;gap:8px}.board-login-provider{display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 14px;border:1px solid #d8d2ca;border-radius:9px;background:#fff;color:var(--ink);font-size:13px;font-weight:750;box-shadow:0 1px 2px #18283b0a}.board-login-provider:hover{border-color:#a9a39b;background:#ffffff}.board-login-provider img,.board-login-provider svg{width:20px;height:20px;flex:0 0 auto}.board-login-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:#69717d;font-size:11px}.board-login-divider::before,.board-login-divider::after{content:'';height:1px;flex:1;background:#dcd6ce}.board-login-form{display:grid;gap:7px}.board-login-form label{font-size:12px;font-weight:750}.board-login-form input{width:100%;min-height:44px;padding:10px 13px;border:1px solid #ccc5bc;border-radius:8px;background:#fff;color:var(--ink);font:inherit}.board-login-form input:focus{outline:3px solid #53677938;outline-offset:1px;border-color:var(--slate)}.board-login-submit{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin-top:2px;padding:10px 15px;border:0;border-radius:8px;background:var(--clay);color:#fff;font:inherit;font-size:13px;font-weight:750;cursor:pointer}.board-login-submit:hover{background:#873e2a}.board-login-submit:disabled{opacity:.6;cursor:wait}.board-login-status{min-height:18px;margin:8px 0 0;color:#536779;font-size:12px;line-height:1.45}.board-login-status.is-error{color:#a0222c}@keyframes board-login-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.board-login{min-height:520px;overflow:auto;padding:28px}.board-login-copy{margin-top:26px}}@media(max-width:480px){.board-login{padding:24px 20px}.board-login-copy h2{font-size:30px}.board-login-copy>span{font-size:12px}}
.action-tile{background:var(--clay);color:#fffaf5;box-shadow:0 2px 0 #18283b0a}.action-tile:nth-child(2){background:var(--ink);color:#fffaf5}
.color-board{box-shadow:0 24px 56px #18283b18}.board-main{background:var(--ink);color:#fffaf5}.board-turquoise{background:#dce3e8;color:var(--ink)}.board-pink{background:var(--sand);color:var(--ink)}.board-purple{background:var(--slate);color:#fffaf5}.board-orange{background:#e7bda8;color:#37261f}.board-footer{background:#101d2d;color:#fffaf5}.board-footer span{color:#c7d0d8}
.stage,.app{border-color:var(--line)}.stage{box-shadow:0 18px 50px #18283b0c}.app{color:var(--ink)}.sidebar{background:#ffffff}.view-switch{background:#ece9e3}.view-switch button[aria-pressed=true],.day.today strong,.dates button[aria-pressed=true],.slots button[aria-pressed=true]{background:var(--ink);color:white}.side-links .active{background:#e6e0d5;color:var(--ink)}.avatar{background:#e6e0d5}.event{background:#eee3d2;border-color:#ad9473;color:#493e2f}.event.peach{background:#f1d8cb;border-color:#aa583d;color:#613723}.event.blue{background:#dfe6ed;border-color:#647b92;color:#283e53}.legend b{background:#647b92}.num{color:var(--clay)}.book-panel .summary{background:#eee7dd}
.plan:before{background:#b79e7c}.plan.featured{border-color:var(--clay);background:#ffffff}.plan.featured:before{background:var(--clay)}.plan:last-child:before{background:var(--slate)}.plan li::marker{color:var(--clay)}.plan-label{color:#626770}
a:focus-visible,button:focus-visible,.calendar-scroll:focus-visible{outline-color:var(--clay)}.site-footer{background:var(--ink)}.site-footer a:hover,.site-footer button:hover,.footer-brand span{color:#edc6b0}.site-footer :focus-visible{outline-color:#edc6b0}
.side-links,.day,.timecol{color:#596354}

.ubook-image-logo{display:inline-block;position:relative;overflow:hidden;width:220px;height:76px;flex-shrink:0;border-radius:8px;vertical-align:middle;background:transparent}.ubook-image-logo img{display:block;position:absolute;width:120%;max-width:none;height:auto;left:-10%;top:50%;transform:translateY(-50%)}@media(max-width:700px){.ubook-image-logo{width:160px;height:56px}}

.color-board{min-height:680px}.board-login{padding:32px;overflow:auto}.board-login-copy{margin:32px 0 24px}.board-login-options{gap:12px}.board-login-provider{min-height:54px}.board-login-divider{margin:22px 0}.board-login-form{gap:10px}.board-login-form input,.board-login-submit{min-height:52px}@media(max-width:480px){.color-board{min-height:640px}.board-login{padding:28px 20px}.board-login-copy{margin:24px 0}}

.board-content[hidden]{display:none}.board-login-copy h2{font-size:clamp(30px,4vw,44px)}.board-login-copy>span{max-width:none;font-size:15px}.board-login-provider,.board-login-submit{font-size:16px}.board-login-provider img,.board-login-provider svg{width:24px;height:24px}.board-login-form label{font-size:14px}@media(max-width:480px){.board-login-provider,.board-login-submit{font-size:14px}}

.board-register{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;padding:14px 16px;margin:0 0 20px;border:1px solid #b9c5d0;border-radius:9px;background:#f3f6f8;color:var(--ink);font-size:14px}.board-register strong{color:#934128}.board-register:hover{border-color:var(--clay);background:#fff}.hero .board-customer-entry{margin:12px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.6}.board-customer-entry a{font-weight:750;text-decoration:underline;text-underline-offset:3px}.board-register,.board-login-options,.board-login-form{flex-shrink:0}

.entry-choice-grid article{background:#fff;border-color:#d9dfe5;gap:16px}.entry-audience{font-size:11px;font-weight:800;letter-spacing:.1em;color:#536779}.entry-choice-grid h3{line-height:1.2}.entry-choice-grid p{margin:0 0 12px}.entry-choice-grid a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;min-height:48px;border:1px solid #b6c2cc;border-radius:9px;color:#18283b;font-size:14px;font-weight:750;text-decoration:none}.entry-choice-grid a:hover{background:#edf2f6}.entry-choice-grid .entry-create{border-color:#a64f35}.entry-choice-grid .entry-create a{background:#a64f35;color:#fff;border-color:#a64f35}.entry-choice-grid .entry-create a:hover{background:#873e2a}

/* Toningen följer varje rutas färg och ger texten en lugn bakgrund. */
.board-main { --tile-photo: url("/board-photos/meeting.webp"); --tile-tone: 24 40 59; }
.board-turquoise { --tile-photo: url("/board-photos/studio.webp"); --tile-tone: 220 227 232; }
.board-pink { --tile-photo: url("/board-photos/projector.webp"); --tile-tone: 230 218 201; }
.board-purple { --tile-photo: url("/board-photos/display.webp"); --tile-tone: 46 66 84; }
.board-orange { --tile-photo: url("/board-photos/scan.webp"); --tile-tone: 237 199 180; }
.color-board .board-block {
  position: relative; isolation: isolate; overflow: hidden;
  --tile-gradient: linear-gradient(90deg, rgb(var(--tile-tone) / .98), rgb(var(--tile-tone) / .92) 38%, rgb(var(--tile-tone) / .12));
  background-image: var(--tile-photo);
  background-position: center;
  background-size: cover;
}

.board-block video, .board-block::before { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.board-block video { object-fit: cover; z-index: -2; }
.board-block::before { content: ''; background: var(--tile-gradient); z-index: -1; }
@media (prefers-reduced-motion: reduce) { .board-block video { display: none; } }