/* Simply Listen Flow Dashboard v6.3 - Studio-aligned dashboard voice selector + Flow Website Key */
.rl-flow-dashboard,
.rl-flow-dashboard *{box-sizing:border-box;}
.rl-flow-dashboard{
  --rl-primary:#0b7e67;
  --rl-primary-hover:#0a6d5a;
  --rl-text:#111;
  --rl-border:#d8d8d8;
  --rl-shadow:0 4px 16px rgba(0,0,0,.08);
  --rl-good-bg:#eaf9f7;
  --rl-good-border:#008785;
  --rl-good-text:#075f3f;
  --rl-bad-bg:#fff0f0;
  --rl-bad-border:#b3261e;
  --rl-bad-text:#8b0000;
  --rl-neutral-bg:#f7f7f7;
  --rl-neutral-border:#ccc;
  --rl-neutral-text:#222;
  font-family:Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.45;
  color:var(--rl-text);
  text-align:left;
  width:100%;
}
.rl-flow-dashboard .rlfd-card{
  background:#fff;
  border:1px solid var(--rl-border);
  border-radius:14px;
  padding:18px;
  margin:16px 0;
  box-shadow:var(--rl-shadow);
}
.rl-flow-dashboard h3{
  margin:0 0 14px;
  font-weight:700;
  font-size:22px;
  line-height:1.2;
  color:#111;
}
.rl-flow-dashboard h4{
  margin:0 0 10px;
  font-weight:700;
  font-size:16px;
  line-height:1.25;
  color:#111;
}
.rl-flow-dashboard p{font-size:15px;line-height:1.45;}
.rl-flow-dashboard label{
  display:block;
  font-size:13px;
  font-weight:700;
  margin:0 0 5px;
  color:#222;
}
.rl-flow-dashboard input,
.rl-flow-dashboard select,
.rl-flow-dashboard textarea,
.rl-flow-dashboard button{
  border:1px solid #999;
  border-radius:10px;
  padding:10px;
  font-size:15px;
  font-family:inherit;
  background:#fff !important;
  color:#111 !important;
  line-height:1.35;
  -webkit-text-fill-color:#111 !important;
}
.rl-flow-dashboard input,
.rl-flow-dashboard select,
.rl-flow-dashboard textarea{width:100%;}
.rl-flow-dashboard textarea{min-height:86px;resize:vertical;}
.rl-flow-dashboard button{
  width:auto;
  cursor:pointer;
  font-weight:700;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  text-decoration:none;
}
.rl-flow-dashboard button:hover{background:#f4f4f4 !important;}
.rl-flow-dashboard button:focus-visible{
  outline:3px solid rgba(11,126,103,.32);
  outline-offset:2px;
}
.rl-flow-dashboard button[disabled]{opacity:.6;cursor:not-allowed;}
.rl-flow-dashboard .rlfd-primary{
  background:var(--rl-primary) !important;
  border-color:var(--rl-primary) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-primary:hover{background:var(--rl-primary-hover) !important;}
.rl-flow-dashboard .rlfd-danger{
  border-color:#9b1c1c;
  color:#9b1c1c !important;
  -webkit-text-fill-color:#9b1c1c !important;
}
.rl-flow-dashboard .rlfd-muted{color:#555;font-size:14px;line-height:1.45;}
.rl-flow-dashboard .rlfd-centered{justify-content:center;text-align:center;}
.rl-flow-dashboard .rlfd-centered-text{text-align:center;}
.rl-flow-dashboard .rlfd-row,
.rl-flow-dashboard .rlfd-button-row{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  margin:10px 0;
}
.rl-flow-dashboard .rlfd-field{display:flex;flex-direction:column;gap:5px;flex:1 1 220px;}
.rl-flow-dashboard .rlfd-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.rl-flow-dashboard .rlfd-status{
  margin:8px 0;
  min-height:0;
  color:#333;
  font-size:14px;
  font-weight:700;
}
.rl-flow-dashboard .rlfd-status:empty{display:none;}
.rl-flow-dashboard .rlfd-ok{color:var(--rl-good-text);}
.rl-flow-dashboard .rlfd-bad{color:var(--rl-bad-text);}
.rl-flow-dashboard .rlfd-pill-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
  margin:12px auto;
}
.rl-flow-dashboard .rlfd-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border:1px solid var(--rl-neutral-border);
  border-radius:999px;
  padding:6px 12px;
  background:var(--rl-neutral-bg);
  color:var(--rl-neutral-text);
  font-size:14px;
  font-weight:700;
  line-height:1.2;
}
.rl-flow-dashboard .rlfd-pill-good{
  background:var(--rl-good-bg);
  border-color:var(--rl-good-border);
  color:var(--rl-good-text);
}
.rl-flow-dashboard .rlfd-pill-bad{
  background:var(--rl-bad-bg);
  border-color:var(--rl-bad-border);
  color:var(--rl-bad-text);
}
.rl-flow-dashboard .rlfd-pill-neutral{
  background:var(--rl-neutral-bg);
  border-color:var(--rl-neutral-border);
  color:var(--rl-neutral-text);
}
.rl-flow-dashboard .rlfd-copy-block{
  margin:14px auto 12px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
}
.rl-flow-dashboard .rlfd-copy-note{
  margin:0;
  color:#555;
  font-size:14px;
  font-weight:700;
  text-align:center;
}
.rl-flow-dashboard .rlfd-separator{
  border:0;
  border-top:1px solid #e5e5e5;
  margin:16px 0;
}
.rl-flow-dashboard .rlfd-install-card .rlfd-code{margin-top:6px;}
.rl-flow-dashboard .rlfd-code{
  width:100%;
  min-height:160px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:12px;
  white-space:pre-wrap;
}
.rl-flow-dashboard .rlfd-lists{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;}
.rl-flow-dashboard .rlfd-list{
  border:1px solid #ddd;
  border-radius:12px;
  min-height:360px;
  max-height:520px;
  overflow:auto;
  background:#fff;
  padding:8px;
}
.rl-flow-dashboard .rlfd-voice{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;border-bottom:1px solid #eee;padding:10px 6px;}
.rl-flow-dashboard .rlfd-voice:last-child{border-bottom:none;}
.rl-flow-dashboard .rlfd-voice-title{font-weight:700;font-size:15px;}
.rl-flow-dashboard .rlfd-voice-sub{font-size:12px;color:#555;margin-top:2px;}
.rl-flow-dashboard .rlfd-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;}
.rl-flow-dashboard .rlfd-actions button{min-height:42px;padding:10px 12px;font-size:15px;}
.rl-flow-dashboard .rlfd-default{font-size:12px;color:var(--rl-good-text);font-weight:700;margin-top:4px;}
.rl-flow-dashboard table{width:100%;border-collapse:collapse;margin-top:8px;font-size:15px;}
.rl-flow-dashboard th,.rl-flow-dashboard td{border-bottom:1px solid #eee;padding:9px 6px;text-align:left;vertical-align:top;}
.rl-flow-dashboard th{font-weight:700;background:#fafafa;}
.rl-flow-dashboard .rlfd-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.rl-flow-dashboard .rlfd-modal[hidden]{display:none!important;}
.rl-flow-dashboard .rlfd-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(0,0,0,.55);
}
.rl-flow-dashboard .rlfd-modal-box{
  width:min(680px,100%);
  max-height:calc(100vh - 40px);
  overflow:auto;
  background:#fff;
  color:#111;
  border-radius:14px;
  padding:18px;
  box-shadow:0 16px 48px rgba(0,0,0,.28);
}
.rl-flow-dashboard .rlfd-modal-box .rlfd-code{min-height:190px;}
@media(max-width:900px){
  .rl-flow-dashboard .rlfd-grid,
  .rl-flow-dashboard .rlfd-lists{grid-template-columns:1fr;}
  .rl-flow-dashboard .rlfd-list{max-height:420px;}
  .rl-flow-dashboard .rlfd-voice{grid-template-columns:1fr;}
  .rl-flow-dashboard .rlfd-actions{justify-content:flex-start;}
}

/* v1.5 readability + compact controls */
.rl-flow-dashboard,
.rl-flow-dashboard p,
.rl-flow-dashboard .rlfd-muted,
.rl-flow-dashboard .rlfd-voice-sub,
.rl-flow-dashboard label,
.rl-flow-dashboard td,
.rl-flow-dashboard th{
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
.rl-flow-dashboard .rlfd-card{padding:16px;}
.rl-flow-dashboard button,
.rl-flow-dashboard .rlfd-actions button{
  min-height:34px !important;
  padding:6px 9px !important;
  font-size:13px !important;
  line-height:1.2 !important;
  border-radius:9px !important;
}
.rl-flow-dashboard .rlfd-primary{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-primary:hover,
.rl-flow-dashboard .rlfd-danger:hover,
.rl-flow-dashboard button:hover{
  background:#f4f4f4 !important;
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
.rl-flow-dashboard .rlfd-lists{gap:12px;}
.rl-flow-dashboard .rlfd-list{padding:6px;}
.rl-flow-dashboard .rlfd-voice{
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px;
  padding:8px 4px;
}
.rl-flow-dashboard .rlfd-voice-title{
  overflow-wrap:normal;
  word-break:normal;
}
.rl-flow-dashboard .rlfd-actions{
  gap:4px;
  flex-wrap:nowrap;
  justify-content:flex-end;
}
.rl-flow-dashboard .rlfd-actions button{
  white-space:nowrap;
  min-width:0 !important;
}
.rl-flow-dashboard .rlfd-domain-row .rlfd-field{min-width:260px;}
.rl-flow-dashboard input[readonly]{background:#f7f7f7 !important;}
.rl-flow-dashboard input[disabled],
.rl-flow-dashboard button[disabled]{
  opacity:.55;
  cursor:not-allowed;
}
.rl-flow-dashboard .rlfd-modal-small{width:min(520px,100%);}
.rl-flow-dashboard .rlfd-pill-neutral{
  background:#f2f2f2;
  border-color:#bdbdbd;
  color:#000;
}
.rl-flow-dashboard .rlfd-pill-good{
  color:#003b2f !important;
  -webkit-text-fill-color:#003b2f !important;
}
@media(max-width:1050px){
  .rl-flow-dashboard .rlfd-voice{grid-template-columns:1fr;}
  .rl-flow-dashboard .rlfd-actions{justify-content:flex-start;flex-wrap:wrap;}
}

/* v1.6 readability + compact voice controls */
.rl-flow-dashboard,
.rl-flow-dashboard *:not(.rlfd-primary):not(.rlfd-pill-good):not(.rlfd-pill-bad){
  color:#000 !important;
  -webkit-text-fill-color:#000 !important;
}
.rl-flow-dashboard .rlfd-muted,
.rl-flow-dashboard .rlfd-copy-note,
.rl-flow-dashboard .rlfd-status,
.rl-flow-dashboard .rlfd-voice-sub{color:#000 !important;-webkit-text-fill-color:#000 !important;}
.rl-flow-dashboard .rlfd-primary{color:#fff !important;-webkit-text-fill-color:#fff !important;}
.rl-flow-dashboard .rlfd-primary:hover,
.rl-flow-dashboard button:hover{background:#f4f4f4 !important;color:#000 !important;-webkit-text-fill-color:#000 !important;}
.rl-flow-dashboard .rlfd-actions{gap:3px;flex-wrap:wrap;max-width:210px;}
.rl-flow-dashboard .rlfd-actions button{min-height:30px !important;padding:4px 6px !important;font-size:12px !important;border-radius:8px !important;white-space:nowrap !important;}
.rl-flow-dashboard .rlfd-voice{grid-template-columns:minmax(185px,1fr) minmax(120px,auto);align-items:center;}
.rl-flow-dashboard .rlfd-voice-title{font-size:14px !important;line-height:1.25 !important;}
@media(max-width:1100px){.rl-flow-dashboard .rlfd-voice{grid-template-columns:1fr}.rl-flow-dashboard .rlfd-actions{max-width:none;justify-content:flex-start;}}

/* v1.6 Enterprise Managed Sites */
.rlfd-managed-sites-card select{
  width:100%;
  border:1px solid #999;
  border-radius:10px;
  padding:9px 10px;
  background:#fff;
  color:#111;
  font:inherit;
}
.rlfd-client-heading{
  text-align:center;
  margin:8px 0 14px;
  color:#111;
}
.rlfd-modal-box .rlfd-field{
  margin:12px 0;
  text-align:left;
}
.rlfd-modal-box .rlfd-field label{
  display:block;
  margin-bottom:5px;
  font-weight:700;
  color:#111;
}
.rlfd-modal-box .rlfd-field input{
  width:100%;
}


/* v5.4 button polish, dropdown arrow, and textbox/button alignment */
.rl-flow-dashboard button{
  appearance:none !important;
  border:1px solid #aaa !important;
  border-radius:10px !important;
  background:#f8f8f8 !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
  cursor:pointer;
}
.rl-flow-dashboard button:hover{
  background:#eee !important;
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}
.rl-flow-dashboard .rlfd-primary,
.rl-flow-dashboard button.rlfd-primary{
  background:#0b7e67 !important;
  border-color:#0b7e67 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-primary:hover,
.rl-flow-dashboard button.rlfd-primary:hover{
  background:#0a6d5a !important;
  border-color:#0a6d5a !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-danger,
.rl-flow-dashboard button.rlfd-danger{
  background:#fff !important;
  border-color:#b00020 !important;
  color:#b00020 !important;
  -webkit-text-fill-color:#b00020 !important;
}
.rl-flow-dashboard .rlfd-danger:hover,
.rl-flow-dashboard button.rlfd-danger:hover{
  background:#fff0f0 !important;
  color:#8b0000 !important;
  -webkit-text-fill-color:#8b0000 !important;
}
.rl-flow-dashboard .rlfd-danger-filled,
.rl-flow-dashboard button.rlfd-danger-filled{
  background:#b00020 !important;
  border-color:#b00020 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-danger-filled:hover,
.rl-flow-dashboard button.rlfd-danger-filled:hover{
  background:#8b0000 !important;
  border-color:#8b0000 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard button[disabled],
.rl-flow-dashboard button[disabled]:hover{
  opacity:.55 !important;
  cursor:not-allowed !important;
  background:#f8f8f8 !important;
  color:#555 !important;
  -webkit-text-fill-color:#555 !important;
  border-color:#bbb !important;
}
.rl-flow-dashboard .rlfd-control-row{
  align-items:flex-end !important;
}
.rl-flow-dashboard .rlfd-control-row .rlfd-field{
  margin:0 !important;
}
.rl-flow-dashboard .rlfd-control-row > button,
.rl-flow-dashboard .rlfd-managed-site-actions button{
  align-self:flex-end !important;
  margin:0 !important;
}
.rl-flow-dashboard .rlfd-managed-site-actions{
  display:flex;
  gap:10px;
  align-items:flex-end;
  align-self:flex-end;
  flex-wrap:wrap;
  margin:0;
}
.rl-flow-dashboard .rlfd-select-wrap{
  position:relative;
  width:100%;
}
.rl-flow-dashboard .rlfd-select-wrap select{
  appearance:none !important;
  -webkit-appearance:none !important;
  padding-right:42px !important;
}
.rl-flow-dashboard .rlfd-select-wrap::after{
  content:"";
  position:absolute;
  pointer-events:none;
  right:15px;
  top:50%;
  transform:translateY(-25%);
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:6px solid #111;
}
@media(max-width:700px){
  .rl-flow-dashboard .rlfd-control-row{
    align-items:stretch !important;
  }
  .rl-flow-dashboard .rlfd-managed-site-actions,
  .rl-flow-dashboard .rlfd-control-row > button{
    align-self:stretch !important;
  }
}

/* v5.6 shared voice preview integration */
.rl-flow-dashboard .rlfd-actions .rlfd-preview-voice.rl-voice-preview-is-loading{
  opacity:.75 !important;
}
.rl-flow-dashboard .rlfd-actions .rlfd-preview-voice.rl-voice-preview-is-playing{
  background:#008785 !important;
  border-color:#008785 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
.rl-flow-dashboard .rlfd-mobile-label{display:none;}
@media(max-width:700px){
  .rl-flow-dashboard .rlfd-desktop-label{display:none;}
  .rl-flow-dashboard .rlfd-mobile-label{display:inline;}
}


/* v6.3 Studio-aligned Flow voice selector */
.rl-flow-dashboard .rlfd-voice-picker-card{
  border:1px solid #e1e1e1;
  border-radius:14px;
  background:#fafafa;
  padding:14px;
  margin:12px 0 16px;
}
.rl-flow-dashboard .rlfd-voice-picker-row{
  align-items:flex-end !important;
  justify-content:center;
  margin:0 !important;
}
.rl-flow-dashboard .rlfd-voice-picker-actions{
  display:flex;
  gap:10px;
  align-items:flex-end;
  align-self:flex-end;
  flex:0 0 auto;
  margin:0;
}
.rl-flow-dashboard .rlfd-voice-picker-actions button{
  min-width:90px !important;
}
.rl-flow-dashboard .rlfd-selected-voices-wrap{
  margin-top:8px;
}
.rl-flow-dashboard .rlfd-selected-only-list{
  min-height:120px;
  max-height:420px;
}
@media(max-width:800px){
  .rl-flow-dashboard .rlfd-voice-picker-actions{
    width:100%;
    align-self:stretch;
  }
  .rl-flow-dashboard .rlfd-voice-picker-actions button{
    flex:1 1 0;
  }
}