:root{
  --bg:#070b12;
  --panel:#101722;
  --panel2:#151f2e;
  --line:#263447;
  --text:#edf4ff;
  --muted:#93a4bc;
  --cyan:#31d4ff;
  --green:#28e085;
  --amber:#ffbf47;
  --red:#ff4d5f;
  --purple:#a970ff;
  --shadow:0 20px 50px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,#152033 0%,var(--bg) 42%,#030509 100%);color:var(--text);min-height:100vh}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.landing-body{display:flex;align-items:center;justify-content:center;padding:24px}
.landing-shell{width:100%;max-width:760px}
.hero-card,.app-shell,.modal-card{background:linear-gradient(180deg,rgba(21,31,46,.96),rgba(10,15,24,.96));border:1px solid rgba(49,212,255,.22);border-radius:28px;box-shadow:var(--shadow);padding:28px}
.brand-mark{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));font-weight:900;font-size:24px;color:#07101a;box-shadow:0 0 30px rgba(49,212,255,.25)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-size:12px;margin:22px 0 8px}
h1{font-size:44px;line-height:1;margin:0 0 12px}h2{margin:0 0 14px}h3{margin:22px 0 10px}.hero-copy{color:var(--muted);font-size:18px;line-height:1.5;max-width:560px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.primary-link,.secondary-link,.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer}.primary-link,.primary-btn{background:linear-gradient(135deg,var(--cyan),#4a8dff);color:#04101a}.secondary-link,.ghost-btn{background:#1d2a3d;color:var(--text);border:1px solid var(--line)}.danger-btn{background:#34141a;color:#ffdbe0;border:1px solid rgba(255,77,95,.45)}.note-panel{border:1px solid var(--line);border-radius:18px;padding:14px 16px;color:var(--muted);display:grid;gap:4px;background:rgba(255,255,255,.03)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;position:sticky;top:0;background:rgba(7,11,18,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);z-index:2}.topbrand{display:flex;align-items:center;gap:10px;font-weight:900}.mini-mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--cyan),var(--purple));display:grid;place-items:center;color:#06111c;font-weight:900}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-links a{padding:9px 11px;border-radius:12px;background:#111b29;border:1px solid var(--line);font-size:13px;color:var(--muted)}.wrap{width:100%;max-width:1180px;margin:0 auto;padding:18px}.app-shell{padding:20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.field{display:grid;gap:6px;margin-bottom:12px}.field label{font-size:13px;color:var(--muted);font-weight:700}input,select,textarea{width:100%;border:1px solid var(--line);background:#09101a;color:var(--text);border-radius:14px;padding:12px;outline:none}textarea{min-height:80px;resize:vertical}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.list{display:grid;gap:10px}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:12px;border-radius:16px}.muted{color:var(--muted)}
.pad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,160px));gap:14px;justify-content:start;margin-top:16px}.cue-pad{aspect-ratio:1/1;border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 12px 26px rgba(0,0,0,.35);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.03em;padding:12px;cursor:pointer;text-shadow:0 1px 8px rgba(0,0,0,.55);transition:transform .12s ease, box-shadow .12s ease, outline-color .12s ease;overflow:hidden}.cue-pad:hover{transform:translateY(-1px)}.cue-pad small{display:block;margin-top:10px;font-size:11px;font-weight:700;opacity:.82;text-transform:none}.cue-pad.selected,.cue-pad.clicked{outline:4px solid var(--cyan);outline-offset:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 4px rgba(49,212,255,.2),0 18px 34px rgba(0,0,0,.45)}.cue-pad.clicked{transform:scale(.97)}.recipient-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:18px}.recipient-btn{min-height:84px;border-radius:20px;background:#132033;color:var(--text);border:1px solid var(--line);font-weight:900;cursor:pointer}.recipient-btn.active{border-color:var(--cyan);box-shadow:0 0 20px rgba(49,212,255,.25)}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:26px 0 12px}.pill{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:#0b121d}.global-panel{border:1px solid rgba(169,112,255,.35);border-radius:22px;padding:14px;background:rgba(169,112,255,.06)}.setup-actions{display:none;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 22px;padding:12px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}.setup-actions.show{display:flex}.setup-actions .selected-label{font-weight:900;color:var(--cyan);margin-right:auto}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.74);display:none;align-items:center;justify-content:center;padding:18px;z-index:10}.modal-backdrop.show{display:flex}.modal-card{width:100%;max-width:560px;text-align:center}.alert-title{font-size:13px;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase}.alert-message{font-size:42px;font-weight:900;line-height:1.05;margin:14px 0;text-transform:uppercase}.response-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.response-grid button{border:0;border-radius:16px;padding:16px;font-weight:900;background:#1d2a3d;color:var(--text);cursor:pointer}.history{max-height:280px;overflow:auto;display:grid;gap:8px}.history-card{border:1px solid var(--line);border-radius:14px;padding:10px;background:rgba(255,255,255,.03)}.tiny{font-size:12px;color:var(--muted)}@media(max-width:560px){h1{font-size:34px}.topbar{align-items:flex-start;flex-direction:column}.pad-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cue-pad{min-height:104px}.alert-message{font-size:32px}.response-grid{grid-template-columns:1fr}.button-row .primary-btn,.button-row .ghost-btn,.button-row .danger-btn,.button-row label{flex:1 1 calc(50% - 10px);text-align:center}}

/* R004 setup/control spacing and safety fixes */
.pad-editor-block{margin-top:18px;margin-bottom:34px;padding-top:2px;}
.add-pad-spacer{height:22px;}
#globalPads.pad-grid,#directPads.pad-grid{margin-top:26px;}
#globalPadActions,#directPadActions{margin-top:16px;margin-bottom:24px;}
.pad-grid.setup-pad-grid{margin-top:26px;}
.setup-pad-grid .cue-pad{position:relative;}
.setup-pad-grid .cue-pad::after{content:'Tap to select';position:absolute;left:10px;right:10px;bottom:9px;font-size:10px;opacity:.78;text-transform:none;letter-spacing:0;}
.setup-pad-grid .cue-pad small{padding-bottom:14px;}
.host-reset-row{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);}
.control-spacer{height:22px;}
@media(min-width:700px){.pad-grid{grid-template-columns:repeat(auto-fill,minmax(140px,160px));}.cue-pad{max-width:170px;}}

/* R006 setup UX refinements */
.pad-editor-block{margin-top:24px;margin-bottom:38px;}
.add-pad-spacer{height:30px;}
.setup-actions{margin-top:18px;margin-bottom:26px;}
.cue-pad{position:relative;--pad-colour:var(--cyan);}
.cue-pad.selected,.cue-pad.clicked{outline:4px solid var(--pad-colour);outline-offset:4px;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px rgba(255,255,255,.16),0 18px 34px rgba(0,0,0,.45);}
.colour-picker{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;}
.colour-picker input[type=color]{width:54px;height:46px;padding:4px;border-radius:16px;cursor:pointer;}
.swatch-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;}
.swatch-btn{width:34px;height:34px;border-radius:12px;border:2px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 8px 18px rgba(0,0,0,.25);cursor:pointer;}
.swatch-btn.active{outline:3px solid currentColor;outline-offset:3px;}
.qpad-dialog-card{text-align:left;}
.qpad-dialog-card .alert-title,.qpad-dialog-card h2,.qpad-dialog-card p{text-align:left;}
.dialog-buttons{justify-content:flex-end;margin-top:22px;}
.dialog-buttons button{min-width:130px;}
@media(min-width:760px){.pad-grid{grid-template-columns:repeat(auto-fill,minmax(140px,150px));}.cue-pad{max-width:158px;}}


/* R007 QPad colour picker and physical pad finish */
.compact-picker{
  position:relative;
  display:block;
}
.compact-picker input[type=color]{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.current-colour{
  --selected-colour:#31d4ff;
  width:100%;
  min-height:52px;
  display:flex;
  align-items:center;
  gap:12px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  padding:10px 12px;
  color:var(--text);
  background:
    linear-gradient(135deg, rgba(49,212,255,.18), rgba(169,112,255,.14)),
    linear-gradient(180deg, rgba(255,255,255,.09), rgba(0,0,0,.16));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 10px 24px rgba(0,0,0,.24);
  cursor:pointer;
}
.current-colour span{
  width:30px;
  height:30px;
  border-radius:10px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    inset 0 -8px 14px rgba(0,0,0,.28),
    0 0 0 3px rgba(255,255,255,.08),
    0 0 18px var(--selected-colour);
}
.current-colour strong{
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.colour-panel{
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + 10px);
  z-index:9;
  opacity:0;
  transform:translateY(-8px) scale(.96);
  pointer-events:none;
  transition:opacity .16s ease, transform .16s ease;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  padding:14px;
  background:
    linear-gradient(135deg, rgba(8,14,24,.98), rgba(16,27,43,.98)),
    radial-gradient(circle at top left, rgba(49,212,255,.16), transparent 42%);
  box-shadow:0 22px 46px rgba(0,0,0,.46);
}
.compact-picker.open .colour-panel{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
.tone-slider-label{
  display:block;
  margin-top:14px;
  font-size:12px;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:.08em;
}
.tone-slider-label input{
  width:100%;
  margin-top:8px;
  accent-color:var(--cyan);
}
.colour-panel .swatch-row{
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  gap:10px;
}
.colour-panel .swatch-btn{
  width:100%;
  aspect-ratio:1;
  border-radius:14px;
}
.cue-pad{
  border:1px solid rgba(255,255,255,.22);
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.54), rgba(255,255,255,.18) 16%, transparent 38%),
    linear-gradient(145deg, rgba(255,255,255,.20), rgba(0,0,0,.22)),
    var(--pad-colour, #31d4ff) !important;
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.45),
    inset 0 -13px 24px rgba(0,0,0,.32),
    inset 8px 0 18px rgba(255,255,255,.08),
    inset -8px 0 18px rgba(0,0,0,.14),
    0 10px 0 rgba(0,0,0,.24),
    0 18px 34px rgba(0,0,0,.42),
    0 0 22px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 45%);
  transform:translateY(0);
}
.cue-pad::before{
  content:'';
  position:absolute;
  inset:7px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.13), transparent 46%, rgba(0,0,0,.10));
  pointer-events:none;
}
.cue-pad:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.50),
    inset 0 -13px 24px rgba(0,0,0,.30),
    0 12px 0 rgba(0,0,0,.22),
    0 22px 38px rgba(0,0,0,.46),
    0 0 28px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 35%);
}
.cue-pad:active,.cue-pad.clicked{
  transform:translateY(5px) scale(.985);
  box-shadow:
    inset 0 3px 14px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,255,255,.25),
    0 4px 0 rgba(0,0,0,.24),
    0 10px 20px rgba(0,0,0,.36),
    0 0 18px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 45%);
}
.cue-pad.selected{
  outline:4px solid var(--pad-colour);
  outline-offset:5px;
}
.setup-pad-grid .cue-pad::after{
  z-index:1;
}
.cue-pad small,
.cue-pad{
  position:relative;
}
.cue-pad small{
  z-index:1;
}
@supports not (color: color-mix(in srgb, red, blue)){
  .cue-pad{
    box-shadow:
      inset 0 2px 0 rgba(255,255,255,.45),
      inset 0 -13px 24px rgba(0,0,0,.32),
      0 10px 0 rgba(0,0,0,.24),
      0 18px 34px rgba(0,0,0,.42);
  }
}

/* R008 layout order and more realistic illuminated button finish */
.direct-pad-form{
  display:grid;
  gap:14px;
}
.direct-recipient-field{
  max-width:520px;
}
.direct-pad-line{
  display:grid;
  grid-template-columns:minmax(180px, 1fr) minmax(220px, 1.4fr) minmax(180px, .9fr);
  gap:14px;
  align-items:start;
}
@media(max-width:760px){
  .direct-pad-line{grid-template-columns:1fr;}
  .direct-recipient-field{max-width:none;}
}
.cue-pad{
  border:1px solid color-mix(in srgb, var(--pad-colour, #31d4ff), white 34%) !important;
  background:
    radial-gradient(circle at 30% 16%, rgba(255,255,255,.58) 0%, rgba(255,255,255,.30) 15%, transparent 36%),
    linear-gradient(150deg,
      color-mix(in srgb, var(--pad-colour, #31d4ff), white 28%) 0%,
      var(--pad-colour, #31d4ff) 42%,
      color-mix(in srgb, var(--pad-colour, #31d4ff), black 24%) 100%) !important;
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.48),
    inset 0 -14px 24px rgba(0,0,0,.34),
    inset 10px 0 18px rgba(255,255,255,.10),
    inset -10px 0 18px rgba(0,0,0,.16),
    0 4px 0 color-mix(in srgb, var(--pad-colour, #31d4ff), black 50%),
    0 13px 25px rgba(0,0,0,.46),
    0 0 20px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 52%) !important;
}
.cue-pad::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,.04) 42%, rgba(0,0,0,.13) 100%),
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.24), transparent 58%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22), inset 0 -1px 0 rgba(0,0,0,.16);
}
.cue-pad::after{
  pointer-events:none;
}
.setup-pad-grid .cue-pad::after{
  color:rgba(255,255,255,.78);
  text-shadow:0 1px 4px rgba(0,0,0,.75);
}
.cue-pad:hover{
  box-shadow:
    inset 0 2px 1px rgba(255,255,255,.54),
    inset 0 -13px 23px rgba(0,0,0,.30),
    0 5px 0 color-mix(in srgb, var(--pad-colour, #31d4ff), black 48%),
    0 18px 32px rgba(0,0,0,.50),
    0 0 28px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 40%) !important;
}
.cue-pad:active,.cue-pad.clicked{
  transform:translateY(4px) scale(.988);
  box-shadow:
    inset 0 7px 18px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.26),
    0 1px 0 color-mix(in srgb, var(--pad-colour, #31d4ff), black 58%),
    0 8px 16px rgba(0,0,0,.40),
    0 0 18px color-mix(in srgb, var(--pad-colour, #31d4ff), transparent 46%) !important;
}
.cue-pad.selected{
  outline:4px solid var(--pad-colour) !important;
  outline-offset:5px;
}

/* R009 subtle illuminated pads, mobile colour reliability, colour selector polish */
.current-colour{
  appearance:none;
  -webkit-appearance:none;
  background:
    linear-gradient(135deg, rgba(49,212,255,.12), rgba(169,112,255,.10)),
    rgba(8,14,24,.72) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  color:var(--text) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.22) !important;
}
.current-colour strong{color:#dcecff;text-shadow:none;}
.current-colour span{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -5px 10px rgba(0,0,0,.18),0 0 0 2px rgba(255,255,255,.10),0 0 12px var(--selected-colour) !important;
}
.colour-panel{
  background:linear-gradient(145deg, rgba(8,14,24,.98), rgba(13,21,34,.98)) !important;
  border:1px solid rgba(49,212,255,.20) !important;
}
.tone-slider-label{color:#b8c8dd;}
.cue-pad{
  color:var(--pad-text,#fff) !important;
  text-shadow:var(--pad-text-shadow,0 1px 4px rgba(0,0,0,.45)) !important;
  border:1px solid var(--pad-edge,rgba(255,255,255,.18)) !important;
  background:
    linear-gradient(155deg,
      var(--pad-light,#58ddff) 0%,
      var(--pad-colour,#31d4ff) 48%,
      var(--pad-dark,#1a7c95) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -9px 15px rgba(0,0,0,.20),
    inset 6px 0 12px rgba(255,255,255,.045),
    inset -6px 0 12px rgba(0,0,0,.08),
    0 3px 0 var(--pad-shadow,rgba(0,0,0,.35)),
    0 10px 20px rgba(0,0,0,.35),
    0 0 12px var(--pad-glow,rgba(49,212,255,.18)) !important;
}
.cue-pad::before{
  inset:8px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 46%, rgba(0,0,0,.08)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.10) !important;
}
.cue-pad:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -9px 15px rgba(0,0,0,.18),
    0 4px 0 var(--pad-shadow,rgba(0,0,0,.35)),
    0 13px 22px rgba(0,0,0,.38),
    0 0 16px var(--pad-glow,rgba(49,212,255,.22)) !important;
}
.cue-pad:active,.cue-pad.clicked{
  transform:translateY(3px) scale(.99);
  box-shadow:
    inset 0 5px 14px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.16),
    0 1px 0 var(--pad-shadow,rgba(0,0,0,.35)),
    0 7px 14px rgba(0,0,0,.34),
    0 0 10px var(--pad-glow,rgba(49,212,255,.16)) !important;
}
.cue-pad small{color:var(--pad-note,currentColor) !important;text-shadow:inherit;}
.setup-pad-grid .cue-pad::after{color:var(--pad-note,currentColor) !important;text-shadow:inherit;}
.cue-pad.selected{
  outline:4px solid var(--pad-colour) !important;
  outline-offset:5px;
}
@media(max-width:560px){
  .current-colour{background:rgba(8,14,24,.82) !important;}
  .cue-pad{min-height:112px;}
}

/* R010 event file controls and refined remove buttons */
.event-file-row{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-items:stretch;
}
.event-file-row .primary-btn,
.event-file-row .ghost-btn{
  width:100%;
  text-align:center;
  display:grid;
  place-items:center;
}
.danger-btn{
  background:
    linear-gradient(135deg, rgba(255,77,95,.22), rgba(255,77,95,.08)),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(0,0,0,.16));
  color:#ffe5e9;
  border:1px solid rgba(255,77,95,.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 22px rgba(0,0,0,.24),
    0 0 14px rgba(255,77,95,.08);
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.danger-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(255,77,95,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 12px 25px rgba(0,0,0,.30),
    0 0 20px rgba(255,77,95,.14);
}
.danger-btn:active{transform:translateY(1px) scale(.99);}
.list-item .danger-btn,
.setup-actions .danger-btn{
  border-radius:14px;
  padding:10px 13px;
  font-size:13px;
  letter-spacing:.02em;
}
.save-event-card .field{margin-top:18px;}
.save-event-card input{
  border-color:rgba(49,212,255,.28);
  background:rgba(5,10,17,.88);
}
.save-dialog-buttons{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.save-dialog-buttons button{min-width:0;width:100%;}
@media(max-width:560px){
  .event-file-row{grid-template-columns:repeat(2,minmax(0,1fr));}
  .save-dialog-buttons{grid-template-columns:1fr;}
}

/* R011 host access, member link sharing and file-save refinements */
.member-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;}
.member-actions .ghost-btn,.member-actions .danger-btn{padding:10px 12px;font-size:12px;}
.share-member-card{max-width:620px;}
.qr-wrap{display:flex;justify-content:center;align-items:center;margin:14px auto 18px;padding:14px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(0,0,0,.18));}
.qr-wrap img{width:220px;height:220px;border-radius:16px;background:#fff;padding:10px;box-shadow:0 18px 40px rgba(0,0,0,.38);}
#qpadMemberLink{font-size:12px;}
#qpadSaveFileName[readonly]{cursor:pointer;caret-color:transparent;}
#hostAccessPassword{letter-spacing:.08em;}
@media(max-width:560px){.member-actions{width:100%;justify-content:flex-start}.qr-wrap img{width:190px;height:190px}}

/* R012 host access, pad editing and member cue popup refinements */
.host-locked{filter:blur(2px);pointer-events:none;user-select:none;opacity:.45;}
#editGlobalSelection,#editDirectSelection{background:linear-gradient(135deg,rgba(49,212,255,.14),rgba(169,112,255,.12));border-color:rgba(49,212,255,.28);}
.response-log{margin-top:8px;padding:8px;border-radius:10px;background:rgba(49,212,255,.08);border:1px solid rgba(49,212,255,.18);font-size:12px;color:#cfeeff;line-height:1.5;}
.member-cue-card{
  color:var(--pad-text,#fff) !important;
  background:linear-gradient(155deg,var(--pad-light,#24364f),var(--pad-colour,#142033) 48%,var(--pad-dark,#07101a)) !important;
  border:2px solid var(--pad-edge,rgba(255,255,255,.16)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),inset 0 -16px 34px rgba(0,0,0,.22),0 28px 70px rgba(0,0,0,.62),0 0 30px var(--pad-glow,rgba(49,212,255,.18)) !important;
}
.member-cue-card .alert-title{color:var(--pad-text,#fff);opacity:.78;}
.member-cue-card .alert-message{color:var(--pad-text,#fff);text-shadow:var(--pad-text-shadow,0 1px 5px rgba(0,0,0,.5));margin-bottom:8px;}
.member-cue-card .alert-note{color:var(--pad-note,currentColor);font-size:18px;font-weight:800;line-height:1.35;margin:4px 0 12px;}
.member-cue-card .muted{color:var(--pad-note,currentColor);}
.member-cue-card .response-grid button{background:rgba(5,10,17,.52);border:1px solid rgba(255,255,255,.18);color:var(--pad-text,#fff);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 22px rgba(0,0,0,.20);}
#typedMessageText{min-height:130px;}
#messageMemberBtn{min-width:230px;}
@media(max-width:560px){#messageMemberBtn{width:100%;}.member-cue-card .alert-note{font-size:16px;}}

/* R013 host message and member typed reply refinements */
.recipient-action-row{
  margin:4px 0 24px;
  display:flex;
  justify-content:flex-start;
}
.message-member-action{
  width:min(100%, 360px);
  min-height:76px;
  text-align:left;
  padding:16px 18px;
  background:
    linear-gradient(135deg, rgba(49,212,255,.15), rgba(169,112,255,.12)),
    #132033;
}
.message-member-action:hover{
  border-color:var(--cyan);
  box-shadow:0 0 22px rgba(49,212,255,.18), inset 0 1px 0 rgba(255,255,255,.08);
}
.member-reply-panel{
  display:none;
  margin-top:18px;
  padding:14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  background:rgba(7,13,22,.55);
  text-align:left;
}
.member-reply-panel.show{display:block;}
.member-reply-panel textarea{
  min-height:96px;
  resize:vertical;
}
.response-grid .reply-option-btn{
  background:
    linear-gradient(135deg, rgba(49,212,255,.18), rgba(169,112,255,.16)),
    #1d2a3d;
  border:1px solid rgba(49,212,255,.26);
}
@media(max-width:560px){
  .message-member-action{width:100%;}
}

/* R014 member event id collapse and communication reliability refinements */
.member-event-toggle{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 10px;
}
.event-id-toggle{
  min-width:180px;
  justify-content:center;
}
.event-id-panel{
  display:none;
  margin:0 0 16px;
  padding:14px;
  border:1px solid rgba(49,212,255,.16);
  border-radius:18px;
  background:rgba(6,13,22,.48);
}
.event-id-panel.show{display:block;}
.event-id-panel .field{margin:0;}
@media(max-width:560px){
  .member-event-toggle{align-items:stretch;}
  .event-id-toggle{width:100%;}
}

/* R015 response-on-pad and host reply popup refinements */
.pad-response-badge{
  position:absolute;
  left:9px;
  right:9px;
  bottom:8px;
  display:block;
  padding:6px 7px;
  border-radius:10px;
  background:rgba(5,10,17,.52);
  border:1px solid rgba(255,255,255,.20);
  color:var(--pad-text,#fff);
  font-size:10px;
  line-height:1.15;
  font-weight:900;
  text-transform:none;
  letter-spacing:0;
  text-shadow:var(--pad-text-shadow,none);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  backdrop-filter:blur(6px);
}
.cue-pad:has(.pad-response-badge) small{margin-bottom:28px;}
.host-reply-card{border-color:rgba(49,212,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 30px rgba(49,212,255,.12);}
.host-reply-message{font-size:30px;text-transform:none;line-height:1.15;color:var(--text);}
.member-event-toggle{justify-content:flex-start;}
@media(max-width:560px){.host-reply-message{font-size:24px}.pad-response-badge{font-size:9px}}


/* R016 collapsible recent activity audit and temporary response badges */
.activity-title{align-items:flex-start;}
.activity-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;}
.history.collapsed{display:none;}
.audit-card{display:grid;gap:8px;}
.audit-main{display:flex;align-items:flex-start;gap:10px;}
.audit-dot{width:14px;height:14px;border-radius:50%;flex:0 0 14px;margin-top:3px;box-shadow:0 0 0 3px rgba(255,255,255,.06),0 0 12px currentColor;border:1px solid rgba(255,255,255,.45);}
.audit-text{display:grid;gap:3px;min-width:0;}
.audit-text strong{font-size:14px;line-height:1.2;}
.audit-text small{font-size:12px;color:var(--muted);line-height:1.25;}
.audit-meta{font-size:12px;color:var(--muted);padding-left:24px;}
.audit-log{display:grid;gap:6px;margin-top:3px;padding:8px;border-radius:12px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06);}
.audit-response{display:grid;grid-template-columns:minmax(80px,1fr) minmax(70px,auto) auto;gap:8px;align-items:center;font-size:12px;}
.audit-response span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.audit-response strong{color:var(--text);}
.audit-response em{font-style:normal;color:var(--muted);font-size:11px;}
.pad-response-badge{animation:qpadBadgeIn .18s ease-out;}
@keyframes qpadBadgeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.activity-title{display:grid}.activity-controls{justify-content:stretch}.activity-controls .ghost-btn,.activity-controls .pill{flex:1 1 auto;text-align:center}.audit-response{grid-template-columns:1fr;gap:2px}.audit-meta{padding-left:0}}

/* R018 audit and member history refinements */
.audit-response strong b{font-weight:800;color:inherit;opacity:.85;margin-right:3px;}
.audit-response.text-response{border-left:3px solid rgba(49,212,255,.55);padding-left:7px;background:rgba(49,212,255,.055);border-radius:8px;}
.member-event-toggle + .event-id-panel:not(.show){display:none;}

/* R022 member detail and host access refinements */
.member-detail-card{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:16px 0 22px;
  padding:14px;
  border:1px solid rgba(49,212,255,.18);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 16px 32px rgba(0,0,0,.18);
}
.member-detail-card div{
  padding:12px;
  border-radius:14px;
  background:rgba(2,8,18,.42);
  border:1px solid rgba(255,255,255,.07);
}
.member-detail-card span{
  display:block;
  margin-bottom:5px;
  color:rgba(232,245,255,.64);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.member-detail-card strong{
  display:block;
  color:#f5fbff;
  font-size:16px;
}
@media(max-width:620px){.member-detail-card{grid-template-columns:1fr}.member-detail-card strong{font-size:15px}}

/* R024 modal flow repair */
#qpadDialog.qpad-dialog{z-index:99999;}
#qpadSaveDialog{z-index:99998;}
.host-access-modal{z-index:99990;}


/* R026 layout and in-app selection refinements */
.native-select-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}
.qpad-select-btn{
  width:100%;
  min-height:58px;
  border:1px solid rgba(49,212,255,.28);
  border-radius:18px;
  padding:12px 14px;
  text-align:left;
  color:var(--text);
  background:linear-gradient(135deg,rgba(49,212,255,.14),rgba(169,112,255,.10)),#111b29;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(0,0,0,.24);
  cursor:pointer;
}
.qpad-select-btn strong{display:block;font-size:15px;line-height:1.2;}
.qpad-select-btn span{display:block;margin-top:3px;font-size:12px;color:var(--muted);}
.qpad-select-btn:disabled{opacity:.55;cursor:not-allowed;}
.qpad-select-card{max-width:520px;}
.qpad-option-list{display:grid;gap:10px;margin-top:16px;max-height:55vh;overflow:auto;padding-right:4px;}
.qpad-option{
  width:100%;
  border:1px solid var(--line);
  border-radius:18px;
  padding:14px 16px;
  background:#132033;
  color:var(--text);
  text-align:left;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
}
.qpad-option strong{display:block;font-size:16px;}
.qpad-option span{display:block;margin-top:4px;font-size:12px;color:var(--muted);}
.qpad-option.active{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(49,212,255,.16),0 0 22px rgba(49,212,255,.22);}
.control-spacer{height:14px;}
.recipient-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:stretch;
}
.recipient-btn,
.message-member-action{
  border-color:rgba(49,212,255,.20);
}
.message-member-action.active,
.message-member-action:focus-visible,
.message-member-action:hover{
  border-color:var(--cyan) !important;
  box-shadow:0 0 0 3px rgba(49,212,255,.14),0 0 22px rgba(49,212,255,.22) !important;
}
.recipient-action-row{margin-bottom:18px;}
@media(max-width:720px){
  .recipient-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px;}
  .recipient-btn{min-height:72px;padding:8px 6px;border-radius:16px;}
  .recipient-btn strong{font-size:13px;line-height:1.15;}
  .recipient-btn .tiny{font-size:10px;}
}
@media(max-width:420px){
  .recipient-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:7px;}
  .recipient-btn{min-height:68px;}
}


/* R027 control member grid and member detail formatting */
#recipients.recipient-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow:row !important;
  gap:10px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
}
#recipients.recipient-grid .recipient-btn{
  width:100% !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  min-height:78px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
#recipients.recipient-grid .recipient-btn strong{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#recipients.recipient-grid .recipient-btn .tiny{
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.member-detail-card .member-detail-row{
  display:flex;
  align-items:baseline;
  gap:8px;
  flex-wrap:wrap;
}
.member-detail-card .member-detail-row span{
  display:inline;
  margin-bottom:0;
  flex:0 0 auto;
}
.member-detail-card .member-detail-row strong{
  display:inline;
  flex:1 1 auto;
  min-width:0;
  overflow-wrap:anywhere;
}
@media(max-width:420px){
  #recipients.recipient-grid{gap:7px !important;}
  #recipients.recipient-grid .recipient-btn{min-height:70px;padding:8px 5px;border-radius:15px;}
  #recipients.recipient-grid .recipient-btn strong{font-size:12px;}
  #recipients.recipient-grid .recipient-btn .tiny{font-size:10px;}
}


/* R028 member popup pad match, longer response badges and larger direct member names */
.member-cue-card{
  color:var(--pad-text,#fff) !important;
  text-shadow:var(--pad-text-shadow,0 1px 4px rgba(0,0,0,.45)) !important;
  border:1px solid var(--pad-edge,rgba(255,255,255,.18)) !important;
  border-radius:24px !important;
  background:
    linear-gradient(155deg,
      var(--pad-light,#58ddff) 0%,
      var(--pad-colour,#31d4ff) 48%,
      var(--pad-dark,#1a7c95) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -9px 15px rgba(0,0,0,.20),
    inset 6px 0 12px rgba(255,255,255,.045),
    inset -6px 0 12px rgba(0,0,0,.08),
    0 3px 0 var(--pad-shadow,rgba(0,0,0,.35)),
    0 22px 52px rgba(0,0,0,.55),
    0 0 16px var(--pad-glow,rgba(49,212,255,.18)) !important;
  overflow:hidden;
  position:relative;
}
.member-cue-card::before{
  content:'';
  position:absolute;
  inset:10px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg, rgba(255,255,255,.08), transparent 46%, rgba(0,0,0,.08)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -1px 0 rgba(0,0,0,.10) !important;
  pointer-events:none;
}
.member-cue-card > *{position:relative;z-index:1;}
.member-cue-card .alert-title{color:var(--pad-text,#fff) !important;opacity:.78;}
.member-cue-card .alert-message{color:var(--pad-text,#fff) !important;text-shadow:var(--pad-text-shadow,0 1px 4px rgba(0,0,0,.45)) !important;}
.member-cue-card .alert-note,
.member-cue-card .muted{color:var(--pad-note,currentColor) !important;}
.member-cue-card .response-grid button{color:var(--pad-text,#fff) !important;background:rgba(5,10,17,.38) !important;border:1px solid rgba(255,255,255,.18) !important;}
#recipients.recipient-grid .recipient-btn strong{font-size:24px !important;line-height:1.08;}
@media(max-width:560px){
  #recipients.recipient-grid .recipient-btn strong{font-size:18px !important;}
}
@media(max-width:420px){
  #recipients.recipient-grid .recipient-btn strong{font-size:16px !important;}
}

/* R029 direct messaging panel and green direct message pad button */
.direct-panel{
  border:1px solid rgba(54,226,139,.36);
  border-radius:22px;
  padding:14px;
  margin-top:18px;
  background:rgba(54,226,139,.055);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 16px 34px rgba(0,0,0,.22);
}
.direct-panel .pad-grid{
  margin-top:18px;
}
.recipient-action-row{
  margin:0 0 6px;
}
.message-member-action{
  width:100%;
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  color:#06110b !important;
  border:1px solid rgba(148,255,190,.55) !important;
  border-radius:20px;
  background:
    linear-gradient(155deg,
      #8effb6 0%,
      #36e28b 48%,
      #159557 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -8px 14px rgba(0,0,0,.18),
    0 3px 0 rgba(4,62,34,.85),
    0 16px 30px rgba(0,0,0,.34),
    0 0 18px rgba(54,226,139,.18) !important;
  text-shadow:none !important;
}
.message-member-action strong{
  display:block;
  width:100%;
  color:#06110b !important;
  font-size:24px !important;
  line-height:1.08;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:.03em;
}
.message-member-action .tiny{
  display:block;
  width:100%;
  margin-top:6px;
  color:rgba(6,17,11,.78) !important;
  font-size:12px;
  text-align:center;
  font-weight:800;
}
.message-member-action.active{
  outline:4px solid var(--cyan);
  outline-offset:3px;
  border-color:var(--cyan) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -8px 14px rgba(0,0,0,.18),
    0 3px 0 rgba(4,62,34,.85),
    0 0 0 4px rgba(49,212,255,.18),
    0 18px 34px rgba(0,0,0,.40),
    0 0 22px rgba(54,226,139,.20) !important;
}
@media(max-width:560px){
  .direct-panel{padding:12px;margin-top:14px;}
  .message-member-action{min-height:78px;}
  .message-member-action strong{font-size:18px !important;}
}
@media(max-width:420px){
  .message-member-action strong{font-size:16px !important;}
  .message-member-action .tiny{font-size:11px;}
}


/* R030 direct/global header cleanup and selected member inside Direct Message button */
.section-title .header-status-pill{display:none !important;}
.message-member-action{--direct-green:#36e28b;}
.message-member-action .direct-target-name{
  display:block;
  width:100%;
  margin:6px 0;
  color:#06110b !important;
  font-size:18px;
  font-weight:900;
  line-height:1.08;
  text-align:center;
  text-transform:none;
  letter-spacing:.01em;
}
.message-member-action.active{
  outline:4px solid var(--direct-green) !important;
  outline-offset:4px;
  border-color:rgba(148,255,190,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -8px 14px rgba(0,0,0,.18),
    0 3px 0 rgba(4,62,34,.85),
    0 0 0 4px rgba(54,226,139,.16),
    0 18px 34px rgba(0,0,0,.40),
    0 0 22px rgba(54,226,139,.20) !important;
}
@media(max-width:560px){
  .message-member-action .direct-target-name{font-size:15px;}
}
@media(max-width:420px){
  .message-member-action .direct-target-name{font-size:14px;}
}


/* R031 global custom message button and configurable feedback controls */
.feedback-settings{
  margin:16px 0 18px;
  padding:14px;
  border:1px solid rgba(49,212,255,.22);
  border-radius:18px;
  background:rgba(49,212,255,.045);
}
.feedback-settings h4{margin:0 0 12px;color:var(--text);font-size:14px;letter-spacing:.06em;text-transform:uppercase;}
.feedback-slider-row{display:grid;grid-template-columns:minmax(110px,1fr) 2fr 64px;gap:12px;align-items:center;margin:10px 0;}
.feedback-slider-row label{font-size:13px;color:var(--muted);font-weight:800;}
.feedback-slider-row input[type=range]{width:100%;accent-color:var(--cyan);}
.feedback-slider-row strong{font-size:13px;color:var(--cyan);text-align:right;}
.global-panel .recipient-action-row{margin:0 0 10px;}
.global-message-action{--direct-green:#36e28b;min-height:92px;}
.global-message-action strong{font-size:24px !important;}
.message-feedback-stream{
  display:block;
  min-height:0;
  width:100%;
  margin-top:6px;
  color:#06110b !important;
  text-align:center;
  font-weight:900;
  line-height:1.12;
}
.message-feedback-stream b{display:block;font-size:16px;}
.message-feedback-stream span{display:block;font-size:13px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.message-member-action.message-feedback-live{
  outline:4px solid var(--direct-green) !important;
  outline-offset:4px;
}
.message-member-action.message-feedback-live .direct-target-name{
  font-size:16px;
  line-height:1.12;
}
.message-member-action.message-feedback-live .direct-target-name b,
.message-member-action.message-feedback-live .direct-target-name span{
  display:block;
}
.message-member-action.message-feedback-live .direct-target-name span{
  font-size:13px;
  margin-top:3px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
@media(max-width:560px){
  .feedback-slider-row{grid-template-columns:1fr;gap:6px;}
  .feedback-slider-row strong{text-align:left;}
  .global-message-action strong{font-size:18px !important;}
}

/* R033 modal ordering, clearer pad feedback, and active waiting pads */
.pad-response-badge{
  background:var(--pad-badge-bg,rgba(255,255,255,.92)) !important;
  border:1px solid rgba(0,0,0,.18) !important;
  color:var(--pad-badge-text,#07111d) !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1.16 !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 12px rgba(0,0,0,.24) !important;
}
.cue-pad.pad-active-waiting{
  outline:4px solid var(--pad-colour) !important;
  outline-offset:4px !important;
  border-color:var(--pad-edge,rgba(255,255,255,.28)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -9px 15px rgba(0,0,0,.18),
    0 3px 0 var(--pad-shadow,rgba(0,0,0,.35)),
    0 0 0 4px var(--pad-glow,rgba(49,212,255,.18)),
    0 18px 36px rgba(0,0,0,.42),
    0 0 18px var(--pad-glow,rgba(49,212,255,.18)) !important;
}
.control-access-buttons{
  display:grid !important;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.control-access-buttons .ghost-btn,
.control-access-buttons .primary-btn{
  width:100%;
  text-align:center;
}
@media(max-width:560px){
  .host-access-card .dialog-buttons{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .host-access-card .dialog-buttons #gateOpenBtn{
    grid-column:1 / -1;
    width:100%;
  }
  .host-access-card .dialog-buttons .ghost-btn,
  .host-access-card .dialog-buttons #gateResetBtn{
    width:100%;
    text-align:center;
  }
  .control-access-buttons{
    grid-template-columns:1fr 1fr !important;
  }
}


/* R035 configurable response buttons and clearer feedback badges */
.response-settings{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08);}
.response-settings h4{margin:0 0 8px;color:var(--text);font-size:14px;letter-spacing:.06em;text-transform:uppercase;}
.response-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;}
.response-editor-grid .field{margin:0;}
.member-cue-card .response-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important;}
.member-cue-card .response-grid button{background:#ffffff !important;color:#07111d !important;border:1px solid rgba(0,0,0,.18) !important;text-shadow:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px rgba(0,0,0,.22) !important;}
.member-cue-card .response-grid .reply-option-btn.full-row{grid-column:1 / -1;}
.member-cue-card .response-grid .reply-option-btn{font-weight:950;}
.pad-response-badge{background:var(--pad-badge-bg,#ffffff) !important;color:var(--pad-badge-text,#07111d) !important;border:1px solid rgba(0,0,0,.24) !important;text-shadow:none !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 5px 14px rgba(0,0,0,.30) !important;}
@media(max-width:560px){.response-editor-grid{grid-template-columns:1fr 1fr}.member-cue-card .response-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}.member-cue-card .response-grid .reply-option-btn.full-row{grid-column:1 / -1;}}


/* R036 direct-pad setup grouping */
.direct-member-group{border:1px solid rgba(120,210,255,.18);border-radius:18px;padding:14px;margin:14px 0;background:rgba(6,14,24,.28);}
.direct-member-group.active{border-color:rgba(49,212,255,.55);box-shadow:0 0 0 1px rgba(49,212,255,.16),0 12px 28px rgba(0,0,0,.22);}
.direct-member-heading{margin-bottom:12px;}
.qpad-mini-member{width:100%;text-align:left;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));color:#eef7ff;border-radius:14px;padding:11px 13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.22);}
.qpad-mini-member strong{display:block;font-size:16px;line-height:1.1;}
.qpad-mini-member span{display:block;margin-top:4px;font-size:12px;color:rgba(238,247,255,.72);}
.qpad-mini-member.active{border-color:#31d4ff;box-shadow:0 0 0 2px rgba(49,212,255,.2),0 0 24px rgba(49,212,255,.14);}
.member-direct-pad-grid{margin-top:0!important;}
.direct-empty-note{margin:6px 0 4px;}
.member-history-open{display:block;}

/* R039 host access modal visibility repair */
.host-access-overlay{
  display:flex !important;
  z-index:100000 !important;
  align-items:center !important;
  justify-content:center !important;
}
.host-access-overlay .host-access-card{
  position:relative;
  z-index:100001;
  max-height:calc(100vh - 36px);
  overflow:auto;
}


/* R040 member identity, polished top menu and stacked global feedback */
.nav-links{
  gap:10px;
  align-items:center;
}
.nav-links a{
  position:relative;
  min-width:86px;
  text-align:center;
  padding:11px 14px;
  border-radius:15px;
  font-weight:900;
  letter-spacing:.03em;
  color:#eaf7ff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.035)),
    linear-gradient(135deg,rgba(49,212,255,.22),rgba(169,112,255,.16));
  border:1px solid rgba(49,212,255,.32);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(0,0,0,.28),0 0 18px rgba(49,212,255,.08);
  color:#dff7ff;
}
.nav-links a:hover,
.nav-links a:focus{
  transform:translateY(-1px);
  border-color:rgba(49,212,255,.64);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 12px 26px rgba(0,0,0,.34),0 0 22px rgba(49,212,255,.16);
}
.member-detail-card .member-name-focus{
  border-color:rgba(49,212,255,.72);
  background:linear-gradient(135deg,rgba(49,212,255,.16),rgba(169,112,255,.08));
  box-shadow:0 0 0 2px rgba(49,212,255,.18),0 12px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.14);
}
.member-detail-card .member-name-focus span{
  color:#b8ecff;
}
.member-detail-card .member-name-focus strong{
  font-size:24px;
  color:#ffffff;
  letter-spacing:.02em;
}
.cue-pad.has-pad-feedback{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:5px;
}
.cue-pad .pad-label-text{
  display:block;
  line-height:1.02;
  transition:transform .16s ease, font-size .16s ease;
}
.cue-pad .pad-note-text{
  display:block;
  margin-top:4px;
  line-height:1.12;
  transition:transform .16s ease, font-size .16s ease, margin .16s ease;
}
.cue-pad.has-pad-feedback .pad-label-text{
  font-size:.92em;
  transform:translateY(-2px);
}
.cue-pad.has-pad-feedback .pad-note-text{
  font-size:10px;
  margin-top:1px;
  transform:translateY(-2px);
}
.pad-response-stack{
  display:grid;
  gap:4px;
  margin-top:auto;
  width:100%;
}
.pad-response-stack .pad-response-badge,
.cue-pad > .pad-response-badge{
  position:relative !important;
  left:auto !important;
  right:auto !important;
  bottom:auto !important;
  display:block;
  width:100%;
  max-width:100%;
  padding:5px 6px !important;
  border-radius:9px !important;
  white-space:normal !important;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cue-pad > .pad-response-badge{
  margin-top:auto;
}
@media(max-width:560px){
  .nav-links{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}
  .nav-links a{min-width:0;padding:10px 8px;font-size:12px;}
  .member-detail-card .member-name-focus strong{font-size:21px;}
  .cue-pad.has-pad-feedback .pad-label-text{font-size:.86em;}
  .pad-response-stack .pad-response-badge,.cue-pad > .pad-response-badge{font-size:9px !important;padding:4px 5px !important;}
}

/* R041 global pad stacked response repair */
.global-panel .cue-pad.global-pad-feedback{
  aspect-ratio:auto !important;
  min-height:158px !important;
  height:auto !important;
  justify-content:flex-start !important;
  padding-top:10px !important;
}
.global-panel .cue-pad.global-pad-feedback .pad-label-text{
  font-size:.84em !important;
  line-height:1 !important;
  transform:translateY(-3px) !important;
}
.global-panel .cue-pad.global-pad-feedback .pad-note-text{
  font-size:9.5px !important;
  line-height:1.05 !important;
  margin-top:0 !important;
  transform:translateY(-4px) !important;
}
.pad-response-stack{
  display:grid !important;
  gap:5px !important;
  margin-top:5px !important;
  width:100% !important;
  align-self:stretch !important;
}
.pad-response-stack .pad-response-badge,
.cue-pad > .pad-response-badge{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:1px !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.08 !important;
}
.pad-response-badge b{
  display:block !important;
  font-size:10px !important;
  line-height:1.05 !important;
}
.pad-response-badge span{
  display:block !important;
  font-size:11px !important;
  line-height:1.08 !important;
}
@media(max-width:560px){
  .global-panel .cue-pad.global-pad-feedback{min-height:145px !important;}
  .pad-response-badge b{font-size:8.5px !important;}
  .pad-response-badge span{font-size:9px !important;}
}

/* R042 member identity and member-specific history polish */
.member-detail-card .member-identity-highlight{
  border:2px solid rgba(49,212,255,.95) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(49,212,255,.26),rgba(169,112,255,.14)) !important;
  box-shadow:
    0 0 0 3px rgba(49,212,255,.16),
    0 0 24px rgba(49,212,255,.22),
    0 14px 30px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.member-detail-card .member-identity-highlight span{
  color:#d7f6ff !important;
  font-weight:900 !important;
  letter-spacing:.03em;
}
.member-detail-card .member-identity-highlight strong{
  font-size:28px !important;
  color:#ffffff !important;
  text-shadow:0 0 14px rgba(49,212,255,.36);
}
.member-history-title{
  margin-top:18px;
}
.member-history-title h2{
  letter-spacing:.02em;
}
.member-history-audit .member-audit-card{
  border:1px solid rgba(49,212,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
}
.member-history-audit .audit-main{
  align-items:flex-start;
}
.member-history-audit .audit-text strong{
  display:block;
  color:#f2fbff;
}
.member-history-audit .audit-text small{
  display:block;
  margin-top:3px;
  color:rgba(231,243,255,.72);
}
.member-history-audit .audit-meta{
  margin-top:8px;
  color:rgba(231,243,255,.65);
}
.member-history-audit .audit-response{
  display:grid;
  grid-template-columns:minmax(80px,.8fr) minmax(120px,1.4fr) auto;
  gap:8px;
  align-items:center;
}
@media(max-width:560px){
  .member-detail-card .member-identity-highlight strong{font-size:24px !important;}
  .member-history-audit .audit-response{grid-template-columns:1fr;gap:3px;}
}

/* R043 host access reset, member identity layout, and member history visibility */
#qpadDialog.qpad-dialog{
  z-index:250000 !important;
}
#qpadDialog.qpad-dialog .qpad-dialog-card{
  position:relative;
  z-index:250001 !important;
}
.member-detail-card-r043{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.member-detail-card-r043 .member-identity-top{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:1.3fr .7fr;
  gap:10px;
  padding:12px;
  border-radius:16px;
}
.member-detail-card-r043 .member-identity-top > div{
  padding:10px 12px;
  border-radius:13px;
  background:rgba(2,8,18,.35);
  border:1px solid rgba(255,255,255,.08);
}
.member-detail-card-r043 .member-identity-name strong{
  font-size:22px !important;
}
.member-detail-card-r043 .member-identity-role strong{
  font-size:17px !important;
  color:#e8f5ff !important;
}
@media(max-width:620px){
  .member-detail-card-r043{grid-template-columns:1fr;}
  .member-detail-card-r043 .member-identity-top{grid-template-columns:1fr 1fr;}
  .member-detail-card-r043 .member-identity-name strong{font-size:20px !important;}
  .member-detail-card-r043 .member-identity-role strong{font-size:15px !important;}
}

/* R044 setup recipient buttons, members utility page and member audit collapse */
.direct-recipient-button-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(150px,160px));
  gap:12px;
  justify-content:start;
  margin-top:8px;
}
.direct-recipient-choice{
  width:100%;
  min-height:84px;
  border-radius:20px;
  border:1px solid rgba(49,212,255,.22);
  color:#eef9ff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03)),
    linear-gradient(135deg,rgba(49,212,255,.16),rgba(169,112,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 10px 22px rgba(0,0,0,.24);
  cursor:pointer;
  text-align:center;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}
.direct-recipient-choice strong{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  line-height:1.1;
}
.direct-recipient-choice span{
  display:block;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:5px;
  font-size:11px;
  color:rgba(238,249,255,.72);
}
.direct-recipient-choice.active{
  border-color:#31d4ff;
  outline:3px solid rgba(49,212,255,.40);
  outline-offset:3px;
  box-shadow:0 0 0 3px rgba(49,212,255,.14),0 0 28px rgba(49,212,255,.20),inset 0 1px 0 rgba(255,255,255,.20);
}
.member-share-panel{
  border:1px solid rgba(49,212,255,.22);
  border-radius:22px;
  padding:14px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));
}
.members-utility-list .member-utility-item{
  border-color:rgba(49,212,255,.18);
}
.member-history-audit.collapsed,
.history.collapsed{
  display:none !important;
}
.member-history-title .activity-controls{
  display:flex;
  gap:8px;
  align-items:center;
  flex-wrap:wrap;
}
@media(max-width:560px){
  .direct-recipient-button-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .direct-recipient-choice{min-height:78px;border-radius:17px;}
  .direct-recipient-choice strong{font-size:14px;}
}

/* R045 member list scroll and jump controls */
.member-add-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0;}
.member-add-row .primary-btn{margin:0;}
.member-pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap;}
.pager-btn{min-width:34px;height:34px;border-radius:11px;border:1px solid rgba(49,212,255,.26);background:linear-gradient(135deg,rgba(49,212,255,.16),rgba(169,112,255,.12));color:#dff9ff;font-weight:900;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.22);}
.pager-btn.active,.pager-btn:focus{outline:2px solid rgba(49,212,255,.9);outline-offset:2px;color:#06111c;background:linear-gradient(135deg,#31d4ff,#a970ff);}
.member-scroll-list{max-height:462px;overflow-y:auto;scroll-behavior:smooth;padding-right:4px;}
.member-scroll-list::-webkit-scrollbar{width:8px;}
.member-scroll-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(49,212,255,.55),rgba(169,112,255,.5));border-radius:999px;}
.member-list-heading{align-items:center;}
.member-heading-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
@media(max-width:640px){.member-scroll-list{max-height:430px}.member-add-row{align-items:stretch}.member-pager{margin-left:0}.pager-btn{min-width:32px;height:32px}}


/* R046 setup pad drag reordering and member audit repair */
.setup-draggable-pad{touch-action:none;user-select:none;}
.setup-draggable-pad.dragging{opacity:.58;transform:scale(.96);}
.setup-draggable-pad.drop-target{outline:4px dashed rgba(255,255,255,.88) !important;outline-offset:6px;}
.member-history-audit:not(.collapsed){display:grid !important;}

/* R047 host Members page share-only mobile layout */
.share-only-member-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
}
.member-share-identity{
  min-width:0;
}
.member-share-identity strong{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:16px;
  line-height:1.15;
}
.member-share-identity .tiny{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-top:4px;
}
.member-share-actions{
  justify-content:flex-end;
  flex-wrap:nowrap;
}
.qpad-share-btn{
  min-height:44px;
  border:1px solid rgba(49,212,255,.42);
  border-radius:14px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
  letter-spacing:.02em;
  color:#06111c;
  background:linear-gradient(135deg,#31d4ff,#a970ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 12px 24px rgba(0,0,0,.28),0 0 20px rgba(49,212,255,.16);
  white-space:nowrap;
}
.qpad-share-btn:active{
  transform:translateY(1px) scale(.98);
}
@media(max-width:560px){
  .share-only-member-item{
    grid-template-columns:minmax(0,1fr) auto;
    padding:10px;
  }
  .member-share-actions{
    width:auto;
    justify-content:flex-end;
  }
  .qpad-share-btn{
    min-width:104px;
    padding:10px 10px;
    font-size:12px;
    border-radius:13px;
  }
  .member-share-identity strong{
    font-size:15px;
  }
}

/* R048 Members page visual refinement */
.members-utility-list .qpad-share-btn,
.member-share-actions .qpad-share-btn{
  appearance:none;
  -webkit-appearance:none;
  min-height:44px;
  border:1px solid rgba(49,212,255,.46) !important;
  border-radius:14px !important;
  padding:10px 14px !important;
  cursor:pointer;
  font-weight:900;
  letter-spacing:.02em;
  color:#06111c !important;
  background:linear-gradient(135deg,var(--cyan),var(--purple)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.42),0 12px 24px rgba(0,0,0,.30),0 0 22px rgba(49,212,255,.18) !important;
  text-shadow:none !important;
  white-space:nowrap;
}
.members-utility-list .qpad-share-btn:hover,
.member-share-actions .qpad-share-btn:hover{
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 14px 28px rgba(0,0,0,.34),0 0 26px rgba(49,212,255,.22) !important;
}
.members-utility-list .qpad-share-btn:active,
.member-share-actions .qpad-share-btn:active{
  transform:translateY(1px) scale(.98);
}
@media(max-width:560px){
  .member-list-heading{
    display:grid;
    grid-template-columns:1fr;
    justify-items:center;
    text-align:center;
  }
  .member-list-heading h2{
    width:100%;
    text-align:center;
  }
  .member-heading-tools{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .member-heading-tools .pill,
  #memberCount{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-width:96px;
    line-height:1.25;
  }
  .members-utility-list .qpad-share-btn,
  .member-share-actions .qpad-share-btn{
    min-width:112px;
    padding:10px 12px !important;
    font-size:12px;
  }
}


/* R049 member identity display blocks */
.member-detail-card-r043 .member-identity-top > div.member-id-block{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:76px;
}
.member-detail-card-r043 .member-id-block span{
  display:block;
  width:100%;
  text-align:center;
  letter-spacing:.16em;
  font-size:11px;
  text-transform:uppercase;
  color:rgba(199,232,255,.82) !important;
  margin:0 0 7px 0;
}
.member-detail-card-r043 .member-id-block strong{
  display:block;
  width:100%;
  text-align:center;
  line-height:1.15;
}
@media(max-width:620px){
  .member-detail-card-r043 .member-identity-top > div.member-id-block{
    min-height:68px;
    padding:9px 8px;
  }
  .member-detail-card-r043 .member-id-block span{
    font-size:10px;
    letter-spacing:.13em;
  }
}

/* R052 pending direct response indicator */
@keyframes qpadPendingPulse{
  0%,100%{box-shadow:0 0 0 3px rgba(49,212,255,.10),0 0 14px rgba(49,212,255,.18);transform:translateY(0)}
  50%{box-shadow:0 0 0 5px rgba(54,226,139,.28),0 0 28px rgba(54,226,139,.48);transform:translateY(-1px)}
}
#recipients.recipient-grid .recipient-btn.pending-response:not(.active){
  border-color:#36e28b !important;
  animation:qpadPendingPulse 1.15s ease-in-out infinite;
}
#recipients.recipient-grid .recipient-btn.pending-response:not(.active)::after{
  content:'Response waiting';
  display:block;
  margin-top:5px;
  font-size:10px;
  line-height:1;
  color:#36e28b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.04em;
}


/* R054: typed replies display on the green Direct Message button without host popup */
.message-member-action.message-feedback-live{
  justify-content:flex-start !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
  gap:2px;
}
.message-member-action.message-feedback-live strong{
  font-size:18px !important;
  line-height:1 !important;
  margin:0 !important;
}
.message-member-action.message-feedback-live .direct-target-name{
  font-size:15px !important;
  line-height:1.05 !important;
  margin:2px 0 4px !important;
}
.message-member-action.message-feedback-live .tiny{
  display:block;
  flex:1;
  width:100%;
  margin-top:4px !important;
  color:#06110b !important;
  font-size:18px !important;
  line-height:1.16 !important;
  font-weight:950 !important;
  text-align:center;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal !important;
  max-height:46px;
}
@media(max-width:560px){
  .message-member-action.message-feedback-live{min-height:96px !important;padding-top:10px !important;}
  .message-member-action.message-feedback-live strong{font-size:15px !important;}
  .message-member-action.message-feedback-live .direct-target-name{font-size:13px !important;}
  .message-member-action.message-feedback-live .tiny{font-size:16px !important;max-height:44px;}
}

/* R061: incoming typed member reply uses QP blue-purple gradient state on Direct Message button */
.message-member-action{
  position:relative;
  overflow:hidden;
  transition:border-color 3s ease, box-shadow 3s ease, filter 3s ease;
}
.message-member-action::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 20% 15%, rgba(255,255,255,.34), transparent 28%),
    linear-gradient(135deg,
      #31d4ff 0%,
      #3677ff 36%,
      #8f5cff 68%,
      #b571ff 100%);
  opacity:0;
  transition:opacity 3s ease;
  z-index:0;
  pointer-events:none;
}
.message-member-action > *{
  position:relative;
  z-index:1;
}
.message-member-action.message-incoming-live,
.message-member-action.active.message-incoming-live{
  border-color:rgba(169,112,255,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -8px 16px rgba(0,0,0,.20),
    0 3px 0 rgba(24,35,80,.88),
    0 0 0 4px rgba(49,212,255,.18),
    0 0 28px rgba(49,212,255,.35),
    0 0 42px rgba(169,112,255,.28),
    0 18px 34px rgba(0,0,0,.42) !important;
  filter:saturate(1.08) brightness(1.03);
}
.message-member-action.message-incoming-live::before,
.message-member-action.active.message-incoming-live::before{
  opacity:1;
  transition:opacity .18s ease;
}
.message-member-action.message-incoming-fade,
.message-member-action.active.message-incoming-fade{
  border-color:rgba(148,255,190,.72) !important;
  animation:none !important;
  transition:border-color 3s ease, box-shadow 3s ease, filter 3s ease;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -8px 14px rgba(0,0,0,.18),
    0 3px 0 rgba(4,62,34,.85),
    0 0 0 4px rgba(54,226,139,.16),
    0 18px 34px rgba(0,0,0,.40),
    0 0 22px rgba(54,226,139,.20) !important;
  filter:brightness(1) saturate(1);
}
.message-member-action.message-incoming-fade::before,
.message-member-action.active.message-incoming-fade::before{
  opacity:0;
  transition:opacity 3s ease;
}
.message-member-action.message-incoming-live strong,
.message-member-action.message-incoming-live .direct-target-name,
.message-member-action.message-incoming-live .tiny{
  color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.45) !important;
}
.message-member-action.message-incoming-live .tiny{
  font-size:20px !important;
  font-weight:950 !important;
}
@media(max-width:560px){
  .message-member-action.message-incoming-live .tiny{font-size:17px !important;}
}


/* R062: keep Direct Message button size stable and match incoming outline to QP gradient */
.message-member-action{
  min-height:112px !important;
  transition:
    background 3s ease,
    border-color 3s ease,
    outline-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action.message-feedback-live{
  min-height:112px !important;
}
.message-member-action.message-incoming-live,
.message-member-action.active.message-incoming-live{
  outline:4px solid rgba(143,92,255,.96) !important;
  outline-offset:4px !important;
  border-color:rgba(49,212,255,.92) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -8px 16px rgba(0,0,0,.20),
    0 3px 0 rgba(24,35,80,.88),
    0 0 0 4px rgba(49,212,255,.20),
    0 0 28px rgba(49,212,255,.42),
    0 0 42px rgba(169,112,255,.38),
    0 18px 34px rgba(0,0,0,.42) !important;
}
.message-member-action.message-incoming-fade,
.message-member-action.active.message-incoming-fade{
  outline:4px solid var(--direct-green) !important;
  outline-offset:4px !important;
  border-color:rgba(148,255,190,.72) !important;
  transition:
    background 3s ease,
    border-color 3s ease,
    outline-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
@media(max-width:560px){
  .message-member-action,
  .message-member-action.message-feedback-live{
    min-height:104px !important;
  }
}

/* R063: Direct Message incoming typed reply uses clean white state, then fades back to green */
.message-member-action.message-incoming-live,
.message-member-action.active.message-incoming-live{
  background:#ffffff !important;
  border-color:#ffffff !important;
  outline:4px solid #ffffff !important;
  outline-offset:4px !important;
  color:#050b08 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -8px 14px rgba(0,0,0,.08),
    0 3px 0 rgba(210,220,218,.92),
    0 0 0 4px rgba(255,255,255,.24),
    0 0 30px rgba(255,255,255,.40),
    0 18px 34px rgba(0,0,0,.40) !important;
  filter:brightness(1.02) saturate(1) !important;
  transition:
    background 3s ease,
    border-color 3s ease,
    outline-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action.message-incoming-live::before,
.message-member-action.active.message-incoming-live::before{
  background:#ffffff !important;
  opacity:1 !important;
  transition:opacity .18s ease !important;
}
.message-member-action.message-incoming-live strong,
.message-member-action.message-incoming-live .direct-target-name,
.message-member-action.message-incoming-live .tiny{
  color:#050b08 !important;
  text-shadow:none !important;
}
.message-member-action.message-incoming-live .tiny{
  font-size:20px !important;
  font-weight:950 !important;
}
.message-member-action.message-incoming-fade,
.message-member-action.active.message-incoming-fade{
  background:var(--direct-green) !important;
  border-color:rgba(148,255,190,.72) !important;
  outline:4px solid var(--direct-green) !important;
  outline-offset:4px !important;
  color:#06110b !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -8px 14px rgba(0,0,0,.18),
    0 3px 0 rgba(4,62,34,.85),
    0 0 0 4px rgba(54,226,139,.16),
    0 18px 34px rgba(0,0,0,.40),
    0 0 22px rgba(54,226,139,.20) !important;
  filter:brightness(1) saturate(1) !important;
  transition:
    background 3s ease,
    border-color 3s ease,
    outline-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action.message-incoming-fade::before,
.message-member-action.active.message-incoming-fade::before{
  background:#ffffff !important;
  opacity:0 !important;
  transition:opacity 3s ease !important;
}
.message-member-action.message-incoming-fade strong,
.message-member-action.message-incoming-fade .direct-target-name,
.message-member-action.message-incoming-fade .tiny{
  color:#06110b !important;
  text-shadow:none !important;
}
@media(max-width:560px){
  .message-member-action.message-incoming-live .tiny{font-size:17px !important;}
}

/* R065: Direct Message incoming text transition polish */
.message-member-action{
  position:relative;
  overflow:hidden;
  outline:4px solid var(--direct-green) !important;
  outline-offset:4px !important;
  background:
    linear-gradient(155deg,
      #8effb6 0%,
      #36e28b 48%,
      #159557 100%) !important;
  transition:
    outline-color 3s ease,
    border-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action::before{
  display:none !important;
}
.message-member-action::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:#ffffff;
  opacity:0;
  pointer-events:none;
  z-index:0;
  transition:opacity 3s ease;
}
.message-member-action > *{
  position:relative;
  z-index:1;
  transition:opacity .9s ease, transform .9s ease, filter .9s ease;
}
.message-member-action.message-incoming-live,
.message-member-action.active.message-incoming-live{
  outline-color:#ffffff !important;
  border-color:#ffffff !important;
  background:
    linear-gradient(155deg,
      #8effb6 0%,
      #36e28b 48%,
      #159557 100%) !important;
  transition:
    outline-color .45s ease,
    border-color .45s ease,
    box-shadow .45s ease,
    filter .45s ease !important;
}
.message-member-action.message-incoming-live::after,
.message-member-action.active.message-incoming-live::after{
  opacity:1 !important;
  transition:opacity .45s ease !important;
}
.message-member-action.message-incoming-fade,
.message-member-action.active.message-incoming-fade{
  outline-color:var(--direct-green) !important;
  border-color:rgba(148,255,190,.72) !important;
  background:
    linear-gradient(155deg,
      #8effb6 0%,
      #36e28b 48%,
      #159557 100%) !important;
  transition:
    outline-color 3s ease,
    border-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action.message-incoming-fade::after,
.message-member-action.active.message-incoming-fade::after{
  opacity:0 !important;
  transition:opacity 3s ease !important;
}
.message-member-action.message-incoming-live strong,
.message-member-action.message-incoming-live .direct-target-name,
.message-member-action.message-incoming-live .tiny,
.message-member-action.message-incoming-fade strong,
.message-member-action.message-incoming-fade .direct-target-name,
.message-member-action.message-incoming-fade .tiny{
  color:#050b08 !important;
  text-shadow:none !important;
}
.message-member-action.dm-text-fade-out > *{
  opacity:0 !important;
  transform:translateY(5px);
  filter:blur(.35px);
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.45) 52%, rgba(0,0,0,0) 100%);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,.45) 52%, rgba(0,0,0,0) 100%);
}
.message-member-action.dm-text-fade-in > *{
  opacity:1 !important;
  transform:translateY(0);
  filter:blur(0);
  -webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
  mask-image:linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 100%);
}


/* R066: delay Direct Message default text until button has fully faded back to green */
.message-member-action.dm-text-fade-out > *{
  transition:opacity .85s ease, transform .85s ease, filter .85s ease !important;
}
.message-member-action.dm-text-fade-in > *{
  transition:opacity 5s ease, transform 5s ease, filter 5s ease !important;
}

/* R067: Direct Message button expands for long incoming typed replies, then shrinks before fading text. */
.message-member-action{
  min-height:112px !important;
  height:auto !important;
  transition:
    min-height .72s ease,
    padding .72s ease,
    outline-color 3s ease,
    border-color 3s ease,
    box-shadow 3s ease,
    filter 3s ease !important;
}
.message-member-action.message-feedback-live.dm-expanded,
.message-member-action.message-incoming-live.dm-expanded{
  min-height:156px !important;
  padding-top:14px !important;
  padding-bottom:16px !important;
}
.message-member-action.message-feedback-live.dm-expanded .tiny,
.message-member-action.message-incoming-live.dm-expanded .tiny{
  max-height:none !important;
  overflow:visible !important;
  display:block !important;
  white-space:normal !important;
  text-overflow:clip !important;
  line-height:1.22 !important;
  padding:0 6px;
}
.message-member-action.dm-shrink-before-fade{
  min-height:112px !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
}
.message-member-action.dm-shrink-before-fade .tiny{
  max-height:46px !important;
  overflow:hidden !important;
}
@media(max-width:560px){
  .message-member-action{min-height:104px !important;}
  .message-member-action.message-feedback-live.dm-expanded,
  .message-member-action.message-incoming-live.dm-expanded{min-height:154px !important;}
  .message-member-action.dm-shrink-before-fade{min-height:104px !important;}
}


/* R068: host-sent Direct Message expansion, smaller control heading, and clearer member typed-message reply UI */
#controlShell #title{
  font-size:34px !important;
  line-height:1.05 !important;
  margin-bottom:8px !important;
}
#controlShell #title::first-line{
  font-size:.95em;
}
@media(max-width:560px){
  #controlShell #title{font-size:27px !important;}
  #controlShell > .muted{font-size:13px !important;line-height:1.35 !important;}
}
/* Allow long outgoing host messages on the green Direct Message button to wrap and expand just like incoming replies. */
.message-member-action.message-feedback-live.dm-expanded .tiny{
  font-size:18px !important;
  line-height:1.22 !important;
  max-height:none !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  color:#06130d !important;
}
@media(max-width:560px){
  .message-member-action.message-feedback-live.dm-expanded .tiny{font-size:16px !important;}
}
/* Typed host messages on the member side should remain clear but less oversized than pad cues. */
.member-cue-card.typed-host-message-card .alert-title{
  letter-spacing:.14em !important;
}
.member-cue-card.typed-host-message-card .alert-message{
  font-size:26px !important;
  line-height:1.2 !important;
  text-transform:none !important;
  letter-spacing:.01em !important;
  max-width:92%;
  margin:14px auto 10px !important;
}
@media(max-width:560px){
  .member-cue-card.typed-host-message-card .alert-message{font-size:22px !important;}
}
.member-cue-card.typed-host-message-card .member-reply-panel{
  background:linear-gradient(145deg, rgba(255,255,255,.16), rgba(49,212,255,.10)) !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 14px 30px rgba(0,0,0,.22) !important;
  border-radius:20px !important;
}
.member-cue-card.typed-host-message-card .member-reply-panel label{
  color:var(--pad-text,#fff) !important;
  font-weight:900 !important;
}
.member-cue-card.typed-host-message-card .member-reply-panel textarea{
  background:#ffffff !important;
  color:#06111d !important;
  border:1px solid rgba(0,0,0,.18) !important;
  border-radius:16px !important;
  box-shadow:inset 0 2px 8px rgba(0,0,0,.10) !important;
  font-weight:800 !important;
}
.member-cue-card.typed-host-message-card .member-reply-panel textarea::placeholder{
  color:#53606f !important;
}

/* R071 full Light/Dark theme switch and clean light interface */
html.qpad-theme-light{
  --bg:#edf4fb;
  --panel:#ffffff;
  --panel2:#f7fbff;
  --line:#c7d6e6;
  --text:#102033;
  --muted:#5f7188;
  --shadow:0 18px 42px rgba(28,55,92,.16);
}
.landing-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  width:100%;
}
.theme-toggle{
  min-width:112px;
  height:44px;
  border:1px solid rgba(49,212,255,.35);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:9px;
  justify-content:flex-start;
  padding:5px 11px 5px 5px;
  background:linear-gradient(135deg, rgba(15,27,44,.95), rgba(7,12,20,.95));
  color:#edf4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12), 0 12px 26px rgba(0,0,0,.25), 0 0 20px rgba(49,212,255,.12);
  cursor:pointer;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease,color .28s ease;
}
.theme-toggle-knob{
  width:32px;
  height:32px;
  border-radius:50%;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46), 0 0 18px rgba(49,212,255,.35);
  transition:transform .28s ease, background .28s ease;
}
.theme-toggle-label{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.theme-toggle.is-light{
  background:linear-gradient(135deg,#ffffff,#e9f4ff);
  color:#102033;
  border-color:#b9cde2;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 12px 24px rgba(28,55,92,.14);
}
.theme-toggle.is-light .theme-toggle-knob{
  transform:translateX(2px);
  background:linear-gradient(135deg,#ffd66e,#ffffff 42%,#8bd8ff);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 0 15px rgba(74,141,255,.18);
}
.topbar-theme{margin-left:auto;}
html.qpad-theme-light body,
body.qpad-theme-light{
  background:radial-gradient(circle at top,#ffffff 0%,#edf4fb 44%,#dfeaf6 100%) !important;
  color:var(--text) !important;
}
html.qpad-theme-light .landing-body{
  background:radial-gradient(circle at top left,#ffffff 0%,#edf4fb 48%,#d7e5f3 100%) !important;
}
html.qpad-theme-light .hero-card,
html.qpad-theme-light .app-shell,
html.qpad-theme-light .modal-card,
html.qpad-theme-light .qpad-dialog-card{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,248,255,.98)) !important;
  border-color:rgba(44,97,154,.18) !important;
  box-shadow:0 18px 44px rgba(28,55,92,.16), inset 0 1px 0 rgba(255,255,255,.85) !important;
  color:#102033 !important;
}
html.qpad-theme-light .topbar{
  background:rgba(255,255,255,.86) !important;
  border-bottom:1px solid rgba(44,97,154,.16) !important;
  box-shadow:0 10px 30px rgba(28,55,92,.08) !important;
}
html.qpad-theme-light .nav-links a,
html.qpad-theme-light .member-share-nav,
html.qpad-theme-light .members-share-btn{
  background:linear-gradient(135deg,#ffffff,#eaf4ff) !important;
  color:#1c324d !important;
  border-color:#bfd1e4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 8px 18px rgba(28,55,92,.10) !important;
}
html.qpad-theme-light .nav-links a:hover,
html.qpad-theme-light .members-share-btn:hover{
  border-color:#6cb9ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 10px 22px rgba(49,121,210,.16) !important;
}
html.qpad-theme-light .brand-mark,
html.qpad-theme-light .mini-mark{
  color:#06111c !important;
  box-shadow:0 12px 28px rgba(74,141,255,.24),0 0 24px rgba(169,112,255,.16) !important;
}
html.qpad-theme-light .eyebrow,
html.qpad-theme-light .alert-title,
html.qpad-theme-light .setup-actions .selected-label{
  color:#1879ba !important;
}
html.qpad-theme-light .muted,
html.qpad-theme-light .tiny,
html.qpad-theme-light .field label,
html.qpad-theme-light .pill,
html.qpad-theme-light .tone-slider-label{
  color:#5f7188 !important;
}
html.qpad-theme-light input,
html.qpad-theme-light select,
html.qpad-theme-light textarea{
  background:#ffffff !important;
  color:#102033 !important;
  border-color:#bfd1e4 !important;
  box-shadow:inset 0 2px 8px rgba(28,55,92,.06) !important;
}
html.qpad-theme-light input::placeholder,
html.qpad-theme-light textarea::placeholder{color:#8495aa !important;}
html.qpad-theme-light .primary-link,
html.qpad-theme-light .primary-btn{
  background:linear-gradient(135deg,#25c7f7,#6d8fff) !important;
  color:#06111c !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 24px rgba(74,141,255,.18) !important;
}
html.qpad-theme-light .secondary-link,
html.qpad-theme-light .ghost-btn,
html.qpad-theme-light label.ghost-btn{
  background:linear-gradient(135deg,#ffffff,#edf6ff) !important;
  color:#18314d !important;
  border:1px solid #bfd1e4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px rgba(28,55,92,.10) !important;
}
html.qpad-theme-light .danger-btn{
  background:linear-gradient(135deg,#fff3f5,#ffdce3) !important;
  color:#9d2334 !important;
  border-color:#f0aeb8 !important;
}
html.qpad-theme-light .note-panel,
html.qpad-theme-light .list-item,
html.qpad-theme-light .history-card,
html.qpad-theme-light .setup-actions,
html.qpad-theme-light .feedback-settings,
html.qpad-theme-light .response-settings,
html.qpad-theme-light .host-reset-row,
html.qpad-theme-light .member-detail-card,
html.qpad-theme-light .member-audit-panel,
html.qpad-theme-light .activity-panel,
html.qpad-theme-light .direct-message-panel{
  background:rgba(255,255,255,.72) !important;
  border-color:#c7d6e6 !important;
  color:#102033 !important;
  box-shadow:0 10px 24px rgba(28,55,92,.08) !important;
}
html.qpad-theme-light .global-panel{
  background:linear-gradient(180deg,rgba(248,244,255,.95),rgba(240,248,255,.95)) !important;
  border-color:rgba(126,89,210,.25) !important;
  box-shadow:0 10px 24px rgba(80,64,160,.08) !important;
}
html.qpad-theme-light .recipient-btn,
html.qpad-theme-light .direct-recipient-choice,
html.qpad-theme-light .member-button,
html.qpad-theme-light .control-member-btn{
  background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
  color:#102033 !important;
  border-color:#bfd1e4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 20px rgba(28,55,92,.10) !important;
}
html.qpad-theme-light .recipient-btn.active,
html.qpad-theme-light .direct-recipient-choice.active,
html.qpad-theme-light .member-button.active,
html.qpad-theme-light .control-member-btn.active{
  border-color:#18aeea !important;
  box-shadow:0 0 0 3px rgba(37,199,247,.18),0 12px 24px rgba(37,117,200,.16) !important;
}
html.qpad-theme-light .pill{background:#edf6ff !important;border-color:#c7d6e6 !important;}
html.qpad-theme-light .modal-backdrop{background:rgba(17,35,58,.38) !important;backdrop-filter:blur(8px);}
html.qpad-theme-light .current-colour{
  background:linear-gradient(135deg,#ffffff,#edf6ff) !important;
  color:#102033 !important;
  border-color:#bfd1e4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 22px rgba(28,55,92,.10) !important;
}
html.qpad-theme-light .colour-panel{
  background:linear-gradient(180deg,#ffffff,#edf6ff) !important;
  border-color:#bfd1e4 !important;
  box-shadow:0 22px 44px rgba(28,55,92,.22) !important;
}
html.qpad-theme-light .swatch-btn{border-color:rgba(16,32,51,.18) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 16px rgba(28,55,92,.12) !important;}
html.qpad-theme-light .cue-pad{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.54),inset 0 -12px 22px rgba(0,0,0,.22),0 8px 0 rgba(50,72,96,.18),0 18px 30px rgba(28,55,92,.16),0 0 18px color-mix(in srgb,var(--pad-colour,#31d4ff),transparent 54%) !important;
}
html.qpad-theme-light .cue-pad::before{border-color:rgba(255,255,255,.30) !important;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 46%,rgba(0,0,0,.08)) !important;}
html.qpad-theme-light .pad-response-badge{
  background:#ffffff !important;
  color:#102033 !important;
  border-color:rgba(16,32,51,.12) !important;
  box-shadow:0 6px 12px rgba(28,55,92,.14) !important;
}
html.qpad-theme-light .message-member-action{
  box-shadow:inset 0 2px 0 rgba(255,255,255,.38),0 12px 24px rgba(31,117,72,.16) !important;
}
html.qpad-theme-light .message-member-action.message-incoming-live,
html.qpad-theme-light .message-member-action.message-feedback-live{
  background:#ffffff !important;
  border-color:#ffffff !important;
  color:#06130d !important;
}
html.qpad-theme-light .member-cue-card{
  box-shadow:0 24px 56px rgba(28,55,92,.22), inset 0 1px 0 rgba(255,255,255,.65) !important;
}
html.qpad-theme-light .member-cue-card.typed-host-message-card .member-reply-panel{
  background:linear-gradient(180deg,#f7fbff,#eaf4ff) !important;
  border-color:#bfd1e4 !important;
}
html.qpad-theme-light .member-cue-card.typed-host-message-card .member-reply-panel textarea{
  background:#ffffff !important;
  color:#102033 !important;
}
@media(max-width:560px){
  .landing-top{align-items:center;}
  .theme-toggle{min-width:98px;height:40px;padding-right:9px;}
  .theme-toggle-knob{width:28px;height:28px;}
  .topbar-theme{margin-left:0;}
}

/* R072 corrected LK-style Light/Dark switch and reliable light mode visuals */
.landing-top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
  width:100% !important;
}
.theme-toggle.qpad-theme-toggle{
  position:relative !important;
  width:74px !important;
  min-width:74px !important;
  height:36px !important;
  padding:3px !important;
  border-radius:999px !important;
  border:1px solid rgba(49,212,255,.45) !important;
  background:linear-gradient(180deg,#101a29,#070b12) !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.11), 0 0 16px rgba(49,212,255,.14) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  cursor:pointer !important;
  overflow:visible !important;
  appearance:none !important;
  -webkit-appearance:none !important;
  transition:background .28s ease,border-color .28s ease,box-shadow .28s ease !important;
  flex:0 0 auto !important;
}
.theme-toggle.qpad-theme-toggle::before{
  content:'';
  position:absolute;
  inset:5px;
  border-radius:999px;
  background:rgba(255,255,255,.045);
  pointer-events:none;
}
.theme-toggle.qpad-theme-toggle::after{
  content:attr(data-mode-label);
  position:absolute;
  top:40px;
  right:1px;
  font-size:10px;
  line-height:1;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--muted);
  background:transparent !important;
  white-space:nowrap;
}
.theme-toggle.qpad-theme-toggle .theme-toggle-knob{
  position:relative !important;
  z-index:1 !important;
  width:30px !important;
  height:30px !important;
  border-radius:50% !important;
  background:linear-gradient(135deg,var(--cyan),var(--purple)) !important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.48), inset 0 -4px 7px rgba(0,0,0,.22), 0 0 18px rgba(49,212,255,.36) !important;
  transform:translateX(0) !important;
  transition:transform .28s ease,background .28s ease,box-shadow .28s ease !important;
}
.theme-toggle.qpad-theme-toggle .theme-toggle-label{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}
.theme-toggle.qpad-theme-toggle.is-light{
  background:linear-gradient(180deg,#eaf4ff,#ffffff) !important;
  border-color:#b9cde2 !important;
  box-shadow:inset 0 2px 6px rgba(28,55,92,.12), inset 0 1px 0 rgba(255,255,255,.9), 0 0 14px rgba(74,141,255,.16) !important;
}
.theme-toggle.qpad-theme-toggle.is-light .theme-toggle-knob{
  transform:translateX(38px) !important;
  background:linear-gradient(135deg,#ffd66e,#ffffff 42%,#8bd8ff) !important;
  box-shadow:inset 0 2px 3px rgba(255,255,255,.9), inset 0 -4px 7px rgba(74,100,140,.14), 0 0 16px rgba(74,141,255,.22) !important;
}
.topbar-theme{
  margin-left:auto !important;
  margin-right:4px !important;
}
html.qpad-theme-light,
html[data-qpad-theme="light"]{
  --bg:#edf4fb;
  --panel:#ffffff;
  --panel2:#f7fbff;
  --line:#c7d6e6;
  --text:#102033;
  --muted:#5f7188;
  --shadow:0 18px 42px rgba(28,55,92,.16);
}
html.qpad-theme-light body,
body.qpad-theme-light,
html[data-qpad-theme="light"] body{
  background:radial-gradient(circle at top,#ffffff 0%,#edf4fb 44%,#dfeaf6 100%) !important;
  color:#102033 !important;
}
@media(max-width:560px){
  .landing-top{align-items:flex-start !important;}
  .theme-toggle.qpad-theme-toggle{width:70px !important;min-width:70px !important;height:34px !important;}
  .theme-toggle.qpad-theme-toggle .theme-toggle-knob{width:28px !important;height:28px !important;}
  .theme-toggle.qpad-theme-toggle.is-light .theme-toggle-knob{transform:translateX(36px) !important;}
  .theme-toggle.qpad-theme-toggle::after{top:38px;font-size:9px;}
  .topbar{flex-direction:row !important;align-items:center !important;}
  .topbrand{order:1;}
  .topbar-theme{order:2;margin-left:auto !important;}
  .nav-links{order:3;width:100%;}
}


/* R073 mobile/light-mode polish and readability fixes */
.setup-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:8px;
}
.setup-title-row h1{margin:0;}
.setup-title-theme{flex:0 0 auto;}
.pad-reorder-help{
  margin:10px 0 0;
  color:var(--muted);
  font-size:12px;
  font-weight:800;
  letter-spacing:.02em;
}
.current-colour strong{color:var(--text) !important;}
html.qpad-theme-light .current-colour strong{color:#102033 !important;}
.section-title .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  line-height:1.2;
}
/* Member page header closer to Host Control heading size */
body.member-page #title{
  font-size:34px !important;
  line-height:1.06 !important;
  margin-bottom:8px !important;
}
@media(max-width:560px){
  body.member-page #title{font-size:27px !important;}
}
/* Softer identity blocks on member screen */
.member-detail-card-r043 .member-identity-top > div.member-id-block,
.member-detail-card-r043 .member-detail-row{
  background:linear-gradient(180deg,#fbfdff,#edf4fb) !important;
  border:1px solid rgba(120,146,176,.35) !important;
  color:#102033 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 8px 18px rgba(28,55,92,.08) !important;
}
.member-detail-card-r043 .member-id-block span,
.member-detail-card-r043 .member-detail-row span{color:#53677f !important;}
.member-detail-card-r043 .member-id-block strong,
.member-detail-card-r043 .member-detail-row strong{color:#102033 !important;}
.member-history-audit .history-card,
.member-history-audit .audit-card,
.member-history-audit .member-audit-card{
  background:#ffffff !important;
  color:#102033 !important;
}
.member-history-audit .audit-text strong,
.member-history-audit .audit-text small,
.member-history-audit .audit-meta,
.member-history-audit .audit-response,
.member-history-audit .audit-response strong,
.member-history-audit .audit-response span,
.member-history-audit .audit-response em{
  color:#102033 !important;
}
.member-history-audit .audit-text small,
.member-history-audit .audit-meta,
.member-history-audit .audit-response em{opacity:.78;}
/* Typed host message popup: cleaner reply box, no visible prompt required */
.member-cue-card.typed-host-message-card .member-reply-panel label{
  display:none !important;
}
.member-cue-card.typed-host-message-card .member-reply-panel{
  background:linear-gradient(180deg,rgba(245,250,255,.92),rgba(224,237,250,.92)) !important;
  border:1px solid rgba(180,205,230,.85) !important;
}
.member-cue-card.typed-host-message-card .member-reply-panel textarea{
  background:#ffffff !important;
  color:#06111d !important;
  -webkit-text-fill-color:#06111d !important;
}
/* Mobile: keep setup theme switch on same line as Host Setup, not in header */
@media(max-width:560px){
  .setup-title-row{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:space-between !important;
  }
  .setup-title-row h1{font-size:30px !important;}
  .setup-title-theme{margin-left:auto !important;}
  body.setup-page .topbar .topbar-theme{display:none !important;}
  /* Member list alignment on Host Setup only */
  #memberList .list-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
    gap:8px !important;
  }
  #memberList .list-item > div:first-child{
    min-width:0;
    text-align:left;
    overflow:hidden;
  }
  #memberList .list-item > div:first-child strong,
  #memberList .list-item > div:first-child .tiny{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  #memberList .member-actions{
    width:auto !important;
    justify-content:end !important;
    display:grid !important;
    grid-template-columns:104px 88px !important;
    gap:7px !important;
    align-items:center !important;
  }
  #memberList .member-actions .ghost-btn,
  #memberList .member-actions .danger-btn{
    width:100% !important;
    min-width:0 !important;
    padding:10px 8px !important;
    font-size:11px !important;
    white-space:nowrap;
  }
}
@media(max-width:390px){
  #memberList .member-actions{grid-template-columns:92px 76px !important;gap:6px !important;}
  #memberList .member-actions .ghost-btn,
  #memberList .member-actions .danger-btn{font-size:10px !important;padding:9px 6px !important;}
}
/* Light mode: Direct Message button should return to light default, not green, after incoming text fades. */
html.qpad-theme-light .message-member-action{
  background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
  color:#102033 !important;
  outline-color:#bfd1e4 !important;
  border-color:#bfd1e4 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px rgba(28,55,92,.12) !important;
}
html.qpad-theme-light .message-member-action strong,
html.qpad-theme-light .message-member-action .direct-target-name,
html.qpad-theme-light .message-member-action .tiny{
  color:#102033 !important;
  text-shadow:none !important;
}
html.qpad-theme-light .message-member-action.message-incoming-live,
html.qpad-theme-light .message-member-action.active.message-incoming-live{
  background:#ffffff !important;
  border-color:#ffffff !important;
  outline-color:#ffffff !important;
  color:#050b08 !important;
}
html.qpad-theme-light .message-member-action.message-incoming-fade,
html.qpad-theme-light .message-member-action.active.message-incoming-fade{
  background:linear-gradient(180deg,#ffffff,#eef6ff) !important;
  border-color:#bfd1e4 !important;
  outline-color:#bfd1e4 !important;
  color:#102033 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 22px rgba(28,55,92,.12) !important;
}
html.qpad-theme-light .message-member-action.message-incoming-fade::after,
html.qpad-theme-light .message-member-action.active.message-incoming-fade::after{
  opacity:0 !important;
}

/* R074 mobile portrait only refinements */
@media (max-width:560px) and (orientation:portrait){
  /* Compact QP identity on Setup and Control only on portrait mobile */
  body.setup-page .topbar .topbrand,
  body:not(.setup-page):not(.member-page) .topbar .topbrand{
    gap:9px !important;
    align-items:center !important;
  }
  body.setup-page .topbar .topbrand span,
  body:not(.setup-page):not(.member-page) .topbar .topbrand span{
    font-size:0 !important;
    line-height:0 !important;
  }
  body.setup-page .topbar .topbrand span::after,
  body:not(.setup-page):not(.member-page) .topbar .topbrand span::after{
    content:'QPad';
    font-size:20px !important;
    line-height:1 !important;
    font-weight:950 !important;
    color:var(--text) !important;
    letter-spacing:.01em !important;
  }
  body.setup-page .topbar .mini-mark,
  body:not(.setup-page):not(.member-page) .topbar .mini-mark{
    width:38px !important;
    height:38px !important;
    border-radius:13px !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 24px rgba(49,212,255,.18) !important;
  }

  /* Keep portrait mobile menu balanced and prevent the Members item sitting on the edge */
  .topbar .nav-links{
    justify-content:center !important;
    width:100% !important;
    padding:0 6px !important;
    box-sizing:border-box !important;
  }
  .topbar .nav-links a{
    flex:0 1 auto !important;
    min-width:72px !important;
    text-align:center !important;
  }

  /* Member pad-message modal readability on portrait mobile */
  .member-cue-card:not(.typed-host-message-card) .alert-message{
    color:#182434 !important;
    -webkit-text-fill-color:#182434 !important;
    text-shadow:none !important;
    font-size:26px !important;
    line-height:1.08 !important;
  }
  .member-cue-card:not(.typed-host-message-card) .alert-note{
    color:#26364a !important;
    -webkit-text-fill-color:#26364a !important;
    text-shadow:none !important;
    font-size:15px !important;
    font-weight:850 !important;
    line-height:1.25 !important;
  }
  .member-cue-card:not(.typed-host-message-card) .alert-title,
  .member-cue-card:not(.typed-host-message-card) #alertMeta{
    color:#34465c !important;
    -webkit-text-fill-color:#34465c !important;
    text-shadow:none !important;
  }
}

/* R075 portrait-mobile menu spacing and light-mode seconds readability */
@media (max-width:560px) and (orientation:portrait){
  .topbar .nav-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:9px !important;
    width:100% !important;
    padding:0 10px !important;
    box-sizing:border-box !important;
    justify-content:center !important;
    align-items:stretch !important;
  }
  .topbar .nav-links a{
    width:100% !important;
    min-width:0 !important;
    box-sizing:border-box !important;
    text-align:center !important;
    justify-content:center !important;
    display:flex !important;
    align-items:center !important;
    padding:11px 10px !important;
    margin:0 !important;
  }
  .topbar .nav-links a:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
    width:calc(50% - 5px) !important;
    justify-self:center !important;
  }
}
html.qpad-theme-light #padFeedbackValue,
body.qpad-theme-light #padFeedbackValue,
html[data-qpad-theme="light"] #padFeedbackValue,
html.qpad-theme-light .feedback-slider-row strong,
body.qpad-theme-light .feedback-slider-row strong,
html[data-qpad-theme="light"] .feedback-slider-row strong{
  color:#0b4f88 !important;
  -webkit-text-fill-color:#0b4f88 !important;
  font-weight:950 !important;
}


/* R076 portrait mobile descriptors, validation polish and audit readability */
@media (max-width:560px) and (orientation:portrait){
  body.setup-page .topbar .topbrand,
  body.control-page .topbar .topbrand,
  body.host-members-page .topbar .topbrand{
    display:grid !important;
    grid-template-columns:38px auto !important;
    column-gap:9px !important;
    row-gap:4px !important;
    align-items:center !important;
    justify-content:start !important;
  }
  body.setup-page .topbar .topbrand::after,
  body.control-page .topbar .topbrand::after,
  body.host-members-page .topbar .topbrand::after{
    grid-column:1 / -1;
    display:block;
    text-align:left;
    font-size:13px;
    line-height:1.05;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--muted);
    padding-left:1px;
  }
  body.setup-page .topbar .topbrand::after{content:'Host Setup';}
  body.control-page .topbar .topbrand::after{content:'Control Panel';}
  body.host-members-page .topbar .topbrand::after{content:'Members';}
}

/* Host Members page share button refinement */
.members-utility-list .share-only-member-item{
  grid-template-columns:minmax(0,1fr) auto !important;
}
.members-utility-list .member-share-actions{
  justify-content:flex-end !important;
  margin-left:auto !important;
}
.members-utility-list .member-share-actions .qpad-share-btn{
  background:
    linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.08)),
    linear-gradient(135deg,rgba(75,222,255,.92),rgba(188,139,255,.84)) !important;
  border-color:rgba(84,218,255,.72) !important;
  color:#06111c !important;
  text-shadow:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 9px 20px rgba(54,111,180,.22),0 0 18px rgba(89,210,255,.16) !important;
}
@media(max-width:560px) and (orientation:portrait){
  .members-utility-list .share-only-member-item{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:center !important;
  }
  .members-utility-list .member-share-actions{
    justify-self:end !important;
    width:auto !important;
  }
}

/* Setup action button text clarity */
#addGlobal,
#addDirect{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.38) !important;
}

/* Light mode active response indicator */
html.qpad-theme-light .response-editor-grid .field:has(.quick-response-input:not(:placeholder-shown)) label::after,
body.qpad-theme-light .response-editor-grid .field:has(.quick-response-input:not(:placeholder-shown)) label::after{
  content:'';
  display:inline-block;
  width:8px;
  height:8px;
  margin-left:7px;
  border-radius:999px;
  background:#18b96a;
  box-shadow:0 0 0 3px rgba(24,185,106,.14),0 0 10px rgba(24,185,106,.35);
  vertical-align:middle;
}

/* Control page Direct Message selected member emphasis in default state */
.message-member-action:not(.message-feedback-live) .direct-target-name{
  font-size:22px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}
@media(max-width:560px){
  .message-member-action:not(.message-feedback-live) .direct-target-name{font-size:18px !important;}
}

/* Member page audit should match Host Activity Audit in dark mode */
html:not(.qpad-theme-light) body.member-page .member-history-audit .member-audit-card,
body.member-page:not(.qpad-theme-light) .member-history-audit .member-audit-card{
  background:rgba(255,255,255,.035) !important;
  border-color:rgba(255,255,255,.12) !important;
  color:#eaf7ff !important;
}
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-text strong,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-text small,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-meta,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-response,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-response strong,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-response span,
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-response em,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-text strong,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-text small,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-meta,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-response,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-response strong,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-response span,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-response em{
  color:#eaf7ff !important;
  -webkit-text-fill-color:#eaf7ff !important;
}
html:not(.qpad-theme-light) body.member-page .member-history-audit .audit-response,
body.member-page:not(.qpad-theme-light) .member-history-audit .audit-response{
  background:rgba(8,16,26,.72) !important;
  border-color:rgba(49,212,255,.16) !important;
}


/* R077 warning wording and button polish */
#addMember,
#saveEvent,
.qpad-dialog .primary-btn,
.qpad-dialog button.primary-btn,
#qpadDialog .primary-btn{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  text-shadow:0 1px 4px rgba(0,0,0,.35) !important;
}
html.qpad-theme-light #addMember,
html.qpad-theme-light #saveEvent,
html.qpad-theme-light .qpad-dialog .primary-btn,
html.qpad-theme-light .qpad-dialog button.primary-btn,
html.qpad-theme-light #qpadDialog .primary-btn{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
}
@media(max-width:560px) and (orientation:portrait){
  .members-utility-list .share-only-member-item{
    grid-template-columns:minmax(0,1fr) max-content !important;
    padding-right:4px !important;
  }
  .members-utility-list .member-share-actions{
    justify-self:end !important;
    margin-left:auto !important;
    padding-right:0 !important;
  }
  .members-utility-list .member-share-actions .qpad-share-btn{
    justify-self:end !important;
    margin-left:auto !important;
    margin-right:-2px !important;
  }
}

/* R078 modal note wrapping */
#qpadDialogText{white-space:normal;}
.qpad-nowrap{white-space:nowrap;display:inline-block;}

/* R079 modal note line fix */
.qpad-note-line{display:block;white-space:nowrap;margin-top:8px;line-height:1.35;font-size:clamp(12px,3.2vw,14px);}

/* R080 light mode audit dot refinement */
html.qpad-theme-light .member-page .audit-dot,
html.qpad-theme-light .member-audit-panel .audit-dot,
html.qpad-theme-light .member-history-audit .audit-dot{
  box-shadow:none !important;
  border:1px solid #111827 !important;
}