/* The owner's scheduling settings. One card, because splitting six fields across three
   screens is how a settings page stops getting finished. */
.sched .docmain,.docmain.sched{max-width:880px}
.sc-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;
  padding:24px;margin:26px 0}
.sc-live{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 22px;
  border-radius:12px;background:var(--sunk,rgba(255,255,255,.05));
  border:1px solid var(--line);flex-wrap:wrap}
.sc-url{font-family:var(--mono);font-size:13px;color:var(--ink);flex:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-copy,.sc-open{all:unset;cursor:pointer;font-size:12.5px;padding:6px 13px;border-radius:8px;
  border:1px solid var(--line);color:var(--mid);white-space:nowrap}
.sc-copy:hover,.sc-open:hover{color:var(--ink);border-color:var(--blue)}

#scForm{display:flex;flex-direction:column;gap:16px}
#scForm label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--mid)}
#scForm label i{font-style:normal;font-size:11.5px;color:var(--dim)}
#scForm input,#scForm textarea,#scForm select{background:var(--sunk,rgba(255,255,255,.04));
  border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:10px 12px;
  font:inherit;font-size:14px;outline:none}
#scForm input:focus,#scForm textarea:focus,#scForm select:focus{border-color:var(--blue)}
#scForm textarea{resize:vertical;line-height:1.55}
.sc-inline{display:flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;
  background:var(--sunk,rgba(255,255,255,.04));overflow:hidden}
.sc-inline span{font-family:var(--mono);font-size:13px;color:var(--dim);padding:0 0 0 12px;white-space:nowrap}
.sc-inline input{border:0!important;background:transparent!important;flex:1;min-width:0;padding-left:2px}
.sc-handle i{font-family:var(--mono);font-size:11.5px;min-height:1em}
.sc-handle i.ok{color:var(--good)}
.sc-handle i.no{color:var(--warn)}
.sc-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}

.sc-hours{border:1px solid var(--line);border-radius:12px;padding:14px 16px 16px;margin:0}
.sc-hours legend{font-size:12px;color:var(--dim);padding:0 6px;
  font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}
.sc-day{display:flex;align-items:center;gap:10px;padding:6px 0;flex-wrap:wrap}
.sc-day.off{opacity:.45}
.sc-on{flex-direction:row!important;align-items:center;gap:8px!important;width:112px;flex:none;
  cursor:pointer;font-size:13px}
.sc-on input{width:auto!important;padding:0!important;accent-color:var(--blue)}
.sc-day input[type=time]{width:110px;padding:7px 9px!important;font-size:13px!important;
  color-scheme:dark}
.sc-to{font-size:12px;color:var(--dim)}

.sc-next{margin-top:34px}
.sc-next h2{font-family:var(--display);font-size:18px;font-weight:600;margin:0 0 14px}
.sc-b{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid var(--line);
  border-radius:13px;background:var(--panel);margin-bottom:9px}
.sc-bmain{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sc-bmain b{font-size:14.5px;color:var(--ink)}
.sc-bwhen{font-family:var(--mono);font-size:11.5px;color:var(--dim)}
.sc-babout{font-size:12.5px;color:var(--mid);line-height:1.5;margin-top:3px}
.sc-bjoin{color:var(--blue);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap}
.sc-empty{color:var(--dim);font-size:13.5px;padding:26px 0;text-align:center}

@media (max-width:620px){
  .sc-on{width:100%}
  .sc-day{gap:8px}
}

/* named rooms */
.sc-sub{color:var(--mid);font-size:13px;line-height:1.6;margin:0 0 14px;max-width:56ch}
.rmrow{display:flex;gap:9px;margin-bottom:14px}
.rmrow .sc-inline{flex:1}
.rmrow .btn{border:1px solid var(--line);border-radius:10px;padding:0 16px;color:var(--mid);
  font-size:13px;cursor:pointer;background:none;white-space:nowrap}
.rmrow .btn:hover{color:var(--ink);border-color:var(--blue)}
.rmitem{display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid var(--line);
  border-radius:11px;background:var(--panel);margin-bottom:7px}
.rmurl{flex:1;min-width:0;font-family:var(--mono);font-size:13px;color:var(--ink);
  text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rmurl:hover{color:var(--blue)}
.rmcopy{all:unset;cursor:pointer;font-size:11.5px;color:var(--dim);border:1px solid var(--line);
  border-radius:8px;padding:5px 11px}
.rmcopy:hover{color:var(--ink)}
.rmkill{all:unset;cursor:pointer;color:var(--dim);font-size:16px;padding:2px 6px}
.rmkill:hover{color:var(--bad,#E5484D)}
/* docs.css restyles every <section> in .docmain as a chapter (46px top and bottom, no
   sides, a rule underneath) — one selector heavier than `.sc-card`, so it won and the
   fields ran into the card's edges. Same bug as the meeting page's cards. */
.docmain section.sc-card,.docmain section.sc-card:last-of-type{padding:24px;border:1px solid var(--line)}
.docmain section.sc-next,.docmain section.sc-next:last-of-type{padding:0;border-bottom:0}
.rmitem.fresh{border-color:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 18%,transparent)}

/* ── 2026-10-23 redesign: [stated] "WE CAN UPGRADE THE UI/UX OF THIS PAGE" ─────
   Signed out: the same landing shape as the dashboard's (dash.css .dgate), with the
   three steps in place of the picture. Signed in: the live link first and large,
   then the settings in titled sections, then rooms, then what is booked. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.sgate .sg-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:none}
.sg-steps li{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;padding:16px 18px;border-radius:16px;border:1px solid var(--line);
  background:linear-gradient(180deg,var(--panel),var(--sunk))}
.sg-steps li b{display:block;font-family:var(--display);font-size:16px;color:var(--ink);margin:2px 0 4px}
.sg-steps li span:not(.sg-n){font-size:13.5px;color:var(--mid);line-height:1.55}
.sg-n{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--display);font-weight:700;font-size:17px;color:#fff;
  background:linear-gradient(135deg,#0794FC,#5B2EF2);box-shadow:0 10px 24px rgba(91,46,242,.3)}
.sg-steps li.sg-extra{border-style:dashed;background:transparent}
.sg-steps li.sg-extra .sg-n{background:transparent;color:var(--acc);box-shadow:none;border:1px dashed var(--acc)}
@media (max-width:940px){ .sgate .sg-steps{order:2} }

.sc-head{padding:34px 0 6px}
.sc-head h1{margin:0;font-family:var(--display);font-size:clamp(30px,4.4vw,44px);letter-spacing:-.03em;line-height:1.08}
.sc-head p:not(.dg-eyebrow){margin:12px 0 0;color:var(--mid);font-size:16px;line-height:1.6;max-width:62ch}
.sc-live{margin:24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:18px;
  border:1px solid transparent;background:linear-gradient(180deg,var(--panel),var(--panel)) padding-box,linear-gradient(120deg,#0794FC,#5B2EF2 60%,#2FD39A) border-box;
  box-shadow:0 18px 44px color-mix(in srgb,#5B2EF2 18%,transparent)}
.sc-livetext{display:grid;gap:4px;min-width:0;flex:1}
.sc-livelabel{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--good)}
.sc-livelabel::before{content:'● ';}
.sc-live .sc-url{font-family:var(--mono);font-size:clamp(15px,2.2vw,20px);color:var(--ink);white-space:normal;overflow-wrap:anywhere}
.sc-liveacts{display:flex;gap:8px;flex-wrap:wrap}
.sc-live .sc-copy{background:linear-gradient(90deg,#0794FC,#5B2EF2);color:#fff;border:0;font-weight:600;padding:10px 16px;border-radius:11px;font-size:13.5px}
.sc-live .sc-copy:hover{color:#fff;filter:brightness(1.08)}
.sc-live .sc-share,.sc-live .sc-open{all:unset;cursor:pointer;font-size:13.5px;padding:9px 14px;border-radius:11px;border:1px solid var(--line);color:var(--ink);background:var(--sunk)}
.sc-live .sc-share:hover,.sc-live .sc-open:hover{border-color:var(--acc)}
.docmain section.sc-card,.docmain section.sc-card:last-of-type{padding:26px 26px 24px;border-radius:20px}
.sc-sec{margin:10px 0 0;padding-top:16px;border-top:1px solid var(--line);font-family:var(--display);font-size:15px;font-weight:600;color:var(--ink)}
#scForm .sc-sec:first-child{margin-top:0;padding-top:0;border-top:0}
#scForm .bk-go{margin-top:6px;padding:13px;border-radius:12px;font-size:15px}
.sc-next h2{font-size:20px}
.rmrow .btn{background:linear-gradient(90deg,#0794FC,#5B2EF2);color:#fff;border:0;font-weight:600}
.rmrow .btn:hover{color:#fff;filter:brightness(1.08)}
@media (max-width:620px){ .sc-live{padding:16px} .sc-liveacts{width:100%} .sc-live .sc-copy{flex:1;text-align:center} }

/* docs.css sizes every `.docmain h2` at 26px with a 16px margin — one selector heavier than
   `.sc-sec`, so the section titles inside the card printed as page headings with a gap
   under them. */
.docmain h2.sc-sec{font-size:17px;margin:10px 0 0;letter-spacing:0}
#scForm h2.sc-sec:first-child{margin-top:0}
/* Rooms and what is booked: the same card as the settings, so the page reads as three
   panels rather than one panel and two loose lists. */
.docmain section.sc-next,.docmain section.sc-next:last-of-type{margin:22px 0 0;padding:24px 26px;border:1px solid var(--line);
  border-radius:20px;background:var(--panel)}
.docmain section.sc-next h2{font-size:20px;margin:0 0 6px}
/* The room field sits outside #scForm, so it never got the form's input styling and
   printed 24px tall beside a full-size button. */
.rmrow{align-items:stretch}
.rmrow .sc-inline input{font:inherit;font-size:14px;color:var(--ink);padding:11px 12px 11px 2px;outline:none}
.rmrow .sc-inline:focus-within{border-color:var(--blue)}
.rmrow .btn{padding:0 22px;min-height:44px;border-radius:11px;font-size:14px}
/* docs.css caps paragraphs at a reading width, so "centred" landed left of centre. */
.docmain p.sc-empty{max-width:none;margin:0;padding:22px 16px;border:1px dashed var(--line);border-radius:14px}
@media (max-width:620px){
  .docmain section.sc-next,.docmain section.sc-next:last-of-type{padding:20px 18px}
  .rmrow{flex-direction:column}
  .rmrow .btn{min-height:44px}
}
/* Signed out, the page is a landing: give it the dashboard landing's width, so the
   headline is three lines and not five. */
.docmain.sched:has(#signed-out:not([hidden])){max-width:1136px}
.sgate h1{font-size:clamp(34px,4.4vw,54px)}
#scErr:empty,#rmErr:empty,#rmList:empty{display:none}