html[data-hq] .hint{ display:none !important; }   


.bar--hq .bar__brand{ order:0; }
.bar__actions{ display:flex; align-items:center; gap:.5rem; }
.bar__call{
  min-height:44px; padding:.45rem 1rem; border-radius:999px; border:0; cursor:pointer;
  background:var(--terracotta); color:#FBF3E8; font-weight:700; font-size:.92rem;
  box-shadow:0 0 0 3px rgba(196,101,58,.25);
}
.bar__call:hover{ background:#b3582f; }
.bar__call:disabled{ opacity:.6; cursor:default; }
.bar__out{ display:inline-flex; align-items:center; min-height:44px; padding:0 .4rem; color:var(--ink-soft); font-size:.84rem; }
.bar__out:hover{ color:var(--cream); }
.tile--waiting .tile__v{ color:#F1D27A; }
.tile__sub{ font-size:.7rem; color:var(--ink-soft); }
@media (max-width:759px){
  .bar--hq .bar__tiles{ flex-wrap:wrap; }
  .bar--hq .tile{ flex:1 1 auto; }
  .bar__call{ font-size:.84rem; padding:.4rem .8rem; }
}


.desk{
  position:absolute; left:.6rem; top:.6rem; z-index:4; width:min(22rem,calc(100% - 1.2rem));
  max-height:calc(100% - 5.4rem); overflow:auto;
  padding:1rem 1.1rem; border-radius:var(--round); background:var(--paper); color:var(--ink);
  box-shadow:0 20px 50px -18px rgba(0,0,0,.8);
}
.desk__head{ position:relative; padding-right:2.4rem; }
.desk__kicker{ margin:0; display:flex; align-items:center; gap:.45rem; font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:#4F6A3A; font-weight:700; }
.desk__light{ width:.6rem; height:.6rem; border-radius:50%; background:#6FB35A; box-shadow:0 0 0 3px rgba(111,179,90,.25), 0 0 10px #6FB35A; }
.desk h2{ font-size:1.25rem; color:var(--charcoal); margin-top:.2rem; }
.desk__hide{ position:absolute; right:-.3rem; top:-.3rem; width:44px; height:44px; border-radius:50%; border:0; background:rgba(61,44,41,.08); color:var(--ink); font-size:1.4rem; cursor:pointer; }
.desk__steps{ margin:.6rem 0 .8rem; padding-left:1.25rem; font-size:.88rem; }
.desk__steps li{ margin:.15rem 0; }
.desk__call{ width:100%; min-height:48px; border:0; border-radius:12px; cursor:pointer; background:var(--terracotta); color:#FBF3E8; font-weight:700; font-size:1rem; }
.desk__call:hover{ background:#b3582f; }
.desk__links{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.7rem; }
.desk__links .link-btn{ font-size:.82rem; padding:0 .75rem; }
.desk__note{ margin:.7rem 0 0; font-size:.78rem; color:rgba(42,29,27,.66); }
.desk-chip{
  position:absolute; left:.6rem; top:.6rem; z-index:4; min-height:44px; padding:0 .9rem; border-radius:999px;
  border:1px solid rgba(245,230,211,.3); background:rgba(36,24,22,.88); color:var(--cream); font-weight:600; cursor:pointer;
}
@media (max-width:759px){ .desk{ max-height:calc(100% - 4.6rem); } .desk__steps{ display:none; } }


.meeting{
  position:fixed; left:0; right:0; bottom:0; z-index:15; max-height:56dvh; display:flex; flex-direction:column;
  background:var(--paper); color:var(--ink); border-radius:18px 18px 0 0;
  box-shadow:0 -20px 50px -20px rgba(0,0,0,.8); animation:sheet-up .28s ease-out;
}
.meeting:focus{ outline:none; }
@media (min-width:760px){
  .meeting{ left:auto; top:0; width:min(28rem,92vw); max-height:none; border-radius:18px 0 0 18px; animation-name:sheet-in; }
}
.meeting__bar{ display:flex; align-items:center; gap:.4rem; padding:.5rem .6rem .4rem 1rem; border-bottom:1px solid rgba(61,44,41,.1); flex:none; }
.meeting__steps{ display:flex; flex:1; gap:.25rem; list-style:none; margin:0; padding:0; counter-reset:st; overflow-x:auto; }
.meeting__steps li{ counter-increment:st; flex:none; font-size:.72rem; font-weight:600; padding:.2rem .5rem; border-radius:999px; color:rgba(42,29,27,.55); white-space:nowrap; }
.meeting__steps li::before{ content:counter(st) " · "; }
.meeting__steps li.is-now{ background:var(--charcoal); color:var(--cream); }
.meeting__steps li.is-done{ color:#4F6A3A; }
.meeting__steps li.is-done::before{ content:"✓ "; }
.meeting__end{ flex:none; width:44px; height:44px; border-radius:50%; border:0; background:rgba(61,44,41,.08); color:var(--ink); font-size:1.5rem; cursor:pointer; }
.meeting__body{ overflow:auto; padding:1rem 1.1rem calc(1.4rem + var(--safe-b)); flex:1; -webkit-overflow-scrolling:touch; }

.mt-head h2{ font-size:1.45rem; color:var(--charcoal); }
.mt-kicker{ margin:0 0 .2rem; font-size:.72rem; text-transform:uppercase; letter-spacing:.08em; color:rgba(42,29,27,.6); }
.mt-sub{ margin:.3rem 0 0; font-size:.92rem; color:rgba(42,29,27,.75); }
.mt-fine{ margin:.1rem 0 .4rem; font-size:.76rem; color:rgba(42,29,27,.58); }
.mt-sec{ margin-top:1.1rem; }
.mt-sec h3{ font-size:1rem; color:var(--charcoal); margin-bottom:.4rem; }
.mt-lines{ list-style:none; margin:0; padding:0; display:grid; gap:.45rem; }
.mt-line{ display:flex; gap:.6rem; align-items:flex-start; padding:.55rem .65rem; border-radius:12px; background:#FFF8EA;
  border-left:4px solid var(--hue,#C4653A); animation:line-in .3s ease-out; }
.mt-line p{ margin:0; }
.mt-line--stuck{ background:#FFF3D6; }
@keyframes line-in{ from{ opacity:0; transform:translateY(6px); } }
.st-part{ display:block; font-size:.88rem; margin-top:.15rem; }
.st-part i{ font-style:normal; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; color:rgba(42,29,27,.6); margin-right:.3rem; }
.st-part--stuck i{ color:#8A5A12; background:#F6DC9A; padding:.05rem .4rem; border-radius:999px; }
.mt-quiet{ margin:.5rem 0 0; font-size:.88rem; color:rgba(42,29,27,.75); }
.mt-quiet span{ font-weight:700; color:var(--charcoal); }
.mt-rules{ margin-top:1.1rem; padding:.7rem .9rem; border-radius:12px; background:#6A4A30; color:var(--cream); }
.mt-rules h3{ font-size:.92rem; color:var(--cream); margin-bottom:.25rem; }
.mt-rules ul{ margin:0; padding-left:1.1rem; font-size:.86rem; }
.mt-actions{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.1rem; }
.mt-btn{ min-height:44px; padding:0 1rem; border-radius:999px; border:1px solid rgba(61,44,41,.3); background:#fff; color:var(--ink);
  font-weight:600; font-size:.92rem; cursor:pointer; }
.mt-btn span{ font-weight:400; opacity:.75; }
.mt-btn:hover{ border-color:var(--terracotta); }
.mt-btn:disabled{ opacity:.45; cursor:default; }
.mt-btn--primary{ background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.mt-btn--primary:hover{ background:#4c3833; }
.mt-btn--ghost{ background:transparent; }
.mt-link-btn{ min-height:44px; padding:0 .3rem; border:0; background:none; color:var(--ink); text-decoration:underline; font-size:.88rem; cursor:pointer; }
.mt-link-btn--strong{ font-weight:700; }
.mt-foot{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:.5rem; margin-top:1rem; }
.mt-confirm{ font-size:.88rem; }


.mt-progress{ display:flex; align-items:center; gap:.6rem; font-size:.86rem; }
.mt-bar{ flex:1; height:4px; border-radius:999px; background:rgba(61,44,41,.12); overflow:hidden; }
.mt-bar i{ display:block; height:100%; background:linear-gradient(90deg,#D9B06A,#B5793F); }
.mt-done{ color:rgba(42,29,27,.6); }
.mt-card{ position:relative; margin-top:.8rem; padding:1rem; border-radius:14px; background:#FFF8EA; border-top:5px solid var(--hue,#C4653A); overflow:hidden; }
.mt-card__head{ display:flex; gap:.6rem; align-items:center; }
.mt-card__head h2{ font-size:1.2rem; color:var(--charcoal); }
.mt-card__head p{ margin:0; font-size:.82rem; color:rgba(42,29,27,.65); }
.mt-ask{ margin:.8rem 0 0; font-size:1.08rem; line-height:1.45; }
.mt-detail{ margin:.4rem 0 0; font-size:.9rem; }
.mt-meta{ margin:.6rem 0 0; }
.mt-tag{ display:inline-block; font-size:.78rem; font-weight:600; padding:.12rem .5rem; border-radius:999px; background:rgba(61,44,41,.08); }
.mt-tag--due{ background:#F1E3C0; }
.mt-link{ margin:.6rem 0 0; }
.mt-stamp{ position:absolute; right:.8rem; bottom:.7rem; font-family:var(--font-display); font-weight:800; font-size:.95rem;
  text-transform:uppercase; letter-spacing:.06em; padding:.2rem .55rem; border:3px solid #4F6A3A; color:#4F6A3A; border-radius:8px;
  transform:rotate(-8deg); opacity:0; pointer-events:none; }
.mt-stamp.is-on{ opacity:.85; }
.mt-stamp.is-new{ animation:stamp .35s cubic-bezier(.2,1.6,.4,1); }
@keyframes stamp{ from{ transform:rotate(-8deg) scale(1.8); opacity:0; } }
.mt-choices{ display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; margin-top:.8rem; }
.mt-choice{ min-height:48px; border-radius:12px; border:2px solid rgba(61,44,41,.2); background:#fff; color:var(--ink); font-weight:700; font-size:.92rem; cursor:pointer; }
.mt-choice[aria-pressed="true"]{ background:var(--charcoal); color:var(--cream); border-color:var(--charcoal); }
.mt-note{ display:block; margin-top:.8rem; font-size:.86rem; }
.mt-note em{ font-style:normal; color:rgba(42,29,27,.55); }
.mt-note textarea{ display:block; width:100%; margin-top:.3rem; padding:.55rem .65rem; border-radius:10px; border:1px solid rgba(61,44,41,.25);
  font:16px/1.4 var(--font-body); background:#fff; color:var(--ink); resize:vertical; }
.mt-nav{ display:flex; justify-content:space-between; gap:.5rem; margin-top:.9rem; }


.mt-warn{ margin:.7rem 0 0; padding:.6rem .75rem; border-radius:10px; background:#F6E4C0; font-size:.92rem; }
.mt-lanterns{ display:flex; flex-wrap:wrap; gap:.35rem; margin-top:.6rem; }
.mt-lanterns i{ width:.85rem; height:1.15rem; border-radius:4px 4px 3px 3px; background:#D9CBB6; box-shadow:inset 0 0 0 2px rgba(61,44,41,.25); }
.mt-lanterns i.on{ background:#F7C66A; box-shadow:inset 0 0 0 2px #8A5A2E, 0 0 10px #F7C66A; }
.mt-copied{ min-height:1.2em; margin:.5rem 0 0; font-weight:600; color:#4F6A3A; }
.mt-preview{ margin-top:.5rem; }
.mt-preview summary{ cursor:pointer; min-height:44px; display:flex; align-items:center; font-weight:600; font-size:.9rem; }
.mt-pre{ white-space:pre-wrap; font-size:.8rem; padding:.7rem; border-radius:10px; background:#fff; border:1px solid rgba(61,44,41,.15); max-height:16rem; overflow:auto; }
.mt-sum{ display:grid; gap:.7rem; }
.mt-sum__group h4{ display:flex; align-items:center; gap:.4rem; font-size:.95rem; color:var(--charcoal); margin-bottom:.3rem; }
.mt-sum__group ol{ list-style:none; margin:0; padding:0; display:grid; gap:.3rem; }
.mt-sum__item{ width:100%; min-height:44px; text-align:left; display:flex; flex-wrap:wrap; gap:.2rem .6rem; align-items:center; padding:.45rem .6rem;
  border-radius:10px; border:1px solid rgba(61,44,41,.12); background:#FFF8EA; color:var(--ink); font-size:.86rem; cursor:pointer; }
.mt-sum__label{ flex:1 1 12rem; }
.mt-sum__choice{ font-weight:700; }
.mt-sum__choice[data-c="none"]{ font-weight:400; color:rgba(42,29,27,.55); }
.mt-sum__note{ flex:1 1 100%; font-size:.8rem; color:rgba(42,29,27,.7); }


.overlay__panel--narrow{ max-width:34rem; }
.roster{ list-style:none; margin:1rem 0 0; padding:0; display:grid; gap:.55rem; }
.roster__row{ display:flex; gap:.65rem; align-items:flex-start; padding:.65rem .75rem; border-radius:12px; background:#FFF8EA; border-left:4px solid var(--hue); }
.roster__row.is-retired{ opacity:.6; }
.roster__txt{ flex:1; min-width:0; }
.roster__name, .roster__doing{ margin:0; font-size:.9rem; }
.roster__doing{ margin-top:.2rem; color:rgba(42,29,27,.8); }
.roster__open{ margin:.3rem 0 0; padding-left:1.1rem; font-size:.84rem; }
.roster__status{ margin-top:.35rem; padding:.35rem .5rem; border-radius:8px; background:rgba(61,44,41,.05); }
.for-you{ display:inline-block; margin-left:.3rem; padding:.05rem .45rem; border-radius:999px; background:#F1D27A; color:#3D2C29; font-size:.74rem; font-weight:700; }
.rules--big li{ font-size:1rem; margin:.5rem 0; }
.placeholder{ margin-top:.8rem; padding:1rem; border-radius:12px; border:2px dashed rgba(61,44,41,.3); background:#FFF8EA; }
.placeholder__kicker{ margin:0 0 .3rem; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:#8A5A12; }
.hq-extra{ padding-top:.8rem; border-top:1px dashed rgba(61,44,41,.25); }
.hq-extra ul{ padding-left:1.1rem; }

html[data-motion="reduce"] .mt-line, html[data-motion="reduce"] .meeting, html[data-motion="reduce"] .mt-stamp{ animation:none !important; }


.meeting a, .sheet a:not(.link-btn), .overlay a:not(.link-btn), .desk a:not(.link-btn){ color:#8A4A22; }