/* Arabic Bible - Alkalema TV Network 1.6.3 — Book Edition + AJAX timeout fallback */
.abrcp-wrap{
  --paper:#f5ead0; --paper-light:#fffaf0; --paper-deep:#ead7ad;
  --ink:#2e241d; --muted:#76624c; --gold:#b77b20; --gold-light:#e1b85d;
  --burgundy:#7b2f2a; --burgundy-dark:#4e201d; --line:#d7bd8b;
  position:relative; width:min(1040px,calc(100% - 24px)); margin:35px auto;
  color:var(--ink)!important; background:var(--paper)!important;
  border:1px solid #b9955b!important; border-radius:10px!important;
  overflow:hidden; box-shadow:0 20px 55px rgba(55,35,15,.28), 0 2px 8px rgba(55,35,15,.15)!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  line-height:1.6; direction:rtl; text-align:right;
}
.abrcp-wrap *{box-sizing:border-box}
.abrcp-wrap:before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; z-index:0;
  background:repeating-linear-gradient(0deg,rgba(105,75,30,.035) 0,rgba(105,75,30,.035) 1px,transparent 1px,transparent 5px);
}
.abrcp-header,.abrcp-toolbar,.abrcp-loading,.abrcp-content,.abrcp-wrap footer{position:relative;z-index:1}
.abrcp-wrap footer,.abrcp-wrap footer a{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}

.abrcp-header{
  min-height:145px; padding:28px 34px; display:flex; align-items:center; justify-content:space-between;
  color:#fff!important; background:linear-gradient(135deg,#3d1715 0%,#713029 48%,#4d1d1a 100%)!important;
  border-bottom:6px double #d8ad58; box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 5px 14px rgba(0,0,0,.2);
}
.abrcp-brand{display:flex;align-items:center;gap:18px}
.abrcp-ornament{
  width:64px;height:64px;border:2px solid #d9b35f;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#e8c879;font-size:28px;
  box-shadow:inset 0 0 0 5px rgba(217,179,95,.12),0 2px 8px rgba(0,0,0,.25);
}
.abrcp-bible-icon{width:42px;height:42px;display:block;color:currentColor;}
.abrcp-title{font-size:26px!important;font-weight:700!important;letter-spacing:.2px;text-shadow:0 2px 3px #28100e}
.abrcp-brand-text{min-width:0}
.abrcp-sub{margin-top:4px;color:#f1dca9!important;font-size:14px;line-height:1.5;font-weight:500}
.abrcp-actions{display:flex;gap:9px}
.abrcp-actions button{
  width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid #edcf88!important;
  background:linear-gradient(#d9aa50,#8d5917)!important;color:#fff!important;font-size:17px!important;
  cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.28);transition:.2s;
}
.abrcp-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}

.abrcp-toolbar{background:var(--paper-light)!important;border-bottom:1px solid var(--line)}
.abrcp-select{
  display:grid;grid-template-columns:190px 110px auto minmax(280px,1fr);gap:13px;align-items:end;
  padding:27px 34px 15px!important;
}
.abrcp-select label{display:block;color:var(--muted)!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:700}
.abrcp-select select,.abrcp-search input{
  width:100%!important;margin-top:6px!important;padding:12px 14px!important;
  background:#fffdf7!important;color:#33271d!important;border:1px solid #c6a974!important;
  border-radius:6px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:15px!important;line-height:1.9!important;
  box-shadow:inset 0 2px 5px rgba(80,45,10,.08)!important;min-height:48px;
}

/* Refined Arabic dropdowns: custom gold arrow positioned slightly inward */
.abrcp-select select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  cursor:pointer!important;
  padding-right:38px!important;
  padding-left:30px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%237b2f2a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 20px center!important;
  background-size:16px 16px!important;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
.abrcp-select select:hover{
  border-color:#b77b20!important;
  background-color:#fff9ec!important;
}
.abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  box-shadow:0 0 0 3px rgba(183,123,32,.18),inset 0 2px 5px rgba(80,45,10,.08)!important;
}
.abrcp-load-button,.abrcp-search button{
  height:48px!important;min-height:48px!important;padding:10px 21px!important;border:1px solid #7a4a11!important;
  border-radius:6px!important;color:#fff!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-weight:700!important;cursor:pointer!important;
  background:linear-gradient(180deg,#d2a047,#966017)!important;
  box-shadow:0 3px 7px rgba(95,55,10,.2)!important;
}
.abrcp-load-button:hover,.abrcp-search button:hover{background:linear-gradient(180deg,#e0b45c,#a96b1d)!important}

/* Desktop: keep the chapter button perfectly aligned with the dropdowns */
@media (min-width:761px){
  .abrcp-select > .abrcp-load-button{
    align-self:end!important;
    margin:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
}
.abrcp-load-button:disabled{opacity:.55;cursor:wait}
.abrcp-search{display:flex;align-items:end;gap:9px;padding:0!important;background:transparent!important;margin:0!important;height:48px!important;min-height:48px!important}
.abrcp-search input{margin:0!important;flex:1;height:48px!important;min-height:48px!important}
.abrcp-search button{min-width:88px;margin:0!important;align-self:stretch!important}

.abrcp-loading{
  min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;
  background:#efe0be!important;color:#765322!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  border-bottom:1px solid var(--line);font-size:13px;font-weight:700;
}
.abrcp-spinner{
  width:22px;height:22px;border-radius:50%;border:3px solid #d9c08d;border-top-color:var(--burgundy);
  animation:abrcspin .7s linear infinite;display:inline-block;
}
@keyframes abrcspin{to{transform:rotate(360deg)}}
.abrcp-wrap.is-loading .abrcp-content{opacity:.48;transition:opacity .15s}
.abrcp-wrap.is-loading .abrcp-loading{display:flex!important}
.abrcp-loading[hidden]{display:none!important}
.abrcp-error{margin:30px auto;padding:22px;max-width:720px;text-align:center;background:#fff7e7;border:1px solid #d5b47a;border-radius:8px;color:#5b3b20;font-family:Tahoma,Arial,sans-serif}
.abrcp-error strong{display:block;font-size:18px;margin-bottom:8px}
.abrcp-error p{margin:0 0 14px}

.abrcp-heading{
  text-align:center!important;padding:23px 20px 19px!important;
  background:linear-gradient(#fffaf0,#f4e7c8)!important;
  border-bottom:1px solid var(--line)!important;box-shadow:inset 0 -7px 15px rgba(125,80,20,.045);
}
.abrcp-heading:before,.abrcp-heading:after{content:none!important;display:none!important}
.abrcp-heading span{font-size:27px!important;font-weight:700!important;color:var(--burgundy)!important}
.abrcp-heading strong{display:block!important;margin-top:0!important;font-size:48px!important;line-height:1.05;color:var(--burgundy)!important}

.abrcp-pager{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 34px!important;background:#ead8b1!important;border-bottom:1px solid #cfb27a!important;
}
.abrcp-pager button{
  min-width:105px;border:1px solid #b68a3f!important;border-radius:6px!important;padding:9px 15px!important;
  background:linear-gradient(#fff8e8,#e2c486)!important;color:#5b3816!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important;cursor:pointer;
  box-shadow:0 2px 4px rgba(60,40,15,.13)!important;
}
.abrcp-pager button:hover:not(:disabled){background:linear-gradient(#fffdf6,#d5ae64)!important}
.abrcp-pager button:disabled{opacity:.35;cursor:not-allowed}
.abrcp-pager button.is-saved{background:linear-gradient(#f0d58f,#b78227)!important;color:#fff!important}

.abrcp-chapter{
  padding:24px 48px 35px!important;background:var(--paper-light)!important;
  box-shadow:inset 0 0 35px rgba(110,70,20,.055);
}
.abrcp-verse{
  display:grid;grid-template-columns:38px 38px minmax(0,1fr) auto;gap:10px;align-items:start;
  padding:14px 0!important;border-bottom:1px dotted #ccb582!important;
  font-size:18px!important;line-height:1.95!important;color:var(--ink)!important;
}
.abrcp-verse:last-child{border-bottom:0}
.abrcp-text{display:block;color:var(--ink)!important}
.abrcp-num{
  width:31px;height:31px;margin-top:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  text-decoration:none!important;background:var(--burgundy)!important;color:#fff!important;
  font:700 12px/1 Tahoma,Arial,sans-serif!important;box-shadow:0 2px 5px rgba(80,35,25,.25);
}
.abrcp-star,.abrcp-copy{
  border:1px solid #c6a66b!important;background:#f5e8ca!important;color:#77501c!important;
  border-radius:5px!important;padding:6px 9px!important;cursor:pointer!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-star{font-size:16px!important;min-width:34px}.abrcp-star.is-saved{color:#9b6210!important;background:#f1d48d!important}
.abrcp-copy{font-size:11px!important}.abrcp-copy.copied{background:#dfc181!important;color:#4c3214!important}

.abrcp-error{
  margin:25px 34px!important;padding:22px!important;background:#f8e4df!important;color:#572d27!important;
  border:1px solid #c98d82!important;border-radius:7px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-error p{margin:7px 0 13px}.abrcp-retry{
  border:1px solid #7b332c!important;border-radius:5px!important;padding:9px 15px!important;
  color:#fff!important;background:#8b3d32!important;cursor:pointer!important;font-weight:700;
}
.abrcp-wrap footer{
  padding:19px 25px!important;text-align:center!important;background:#ead8b1!important;color:#76634c!important;
  border-top:1px solid #cfb27a!important;font:12px/1.8 Tahoma,Arial,sans-serif!important;
}
.abrcp-wrap footer span{color:var(--gold);margin-left:7px}.abrcp-wrap footer a{color:var(--burgundy)!important;font-weight:700}

.abrcp-wrap.large .abrcp-verse{font-size:21px!important;line-height:2.05!important}
.abrcp-wrap.large .abrcp-text{font-size:inherit!important}

.abrcp-wrap.dark{
  --paper:#211914;--paper-light:#2b211b;--paper-deep:#35291f;--ink:#f1e3c8;--muted:#c9b28d;--line:#5a4430;
}
.abrcp-wrap.dark .abrcp-toolbar,.abrcp-wrap.dark .abrcp-search,.abrcp-wrap.dark .abrcp-select,.abrcp-wrap.dark .abrcp-heading{background:var(--paper-light)!important}
.abrcp-wrap.dark .abrcp-select select,.abrcp-wrap.dark .abrcp-search input{background:#382b22!important;color:#f1e3c8!important;border-color:#6e563b!important}
.abrcp-wrap.dark .abrcp-pager,.abrcp-wrap.dark footer{background:#000!important;background-color:#000!important;background-image:none!important;color:#fff!important}
.abrcp-wrap.dark .abrcp-chapter{background:#2b211b!important}.abrcp-wrap.dark .abrcp-text{color:#f1e3c8!important}
.abrcp-wrap.dark .abrcp-verse{border-color:#5b4633!important}.abrcp-wrap.dark .abrcp-star,.abrcp-wrap.dark .abrcp-copy{background:#3b2d23!important;color:#d9bb7f!important}
.abrcp-wrap.dark .abrcp-heading{background:linear-gradient(#34271f,#271e19)!important}
.abrcp-wrap.dark .abrcp-heading span,.abrcp-wrap.dark .abrcp-heading strong{color:#e1b85d!important}


.abrcp-select > .abrcp-load-button{
  align-self:end!important;
  margin:0!important;
  height:48px!important;
  min-height:48px!important;
}
.abrcp-select > .abrcp-search{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  height:48px!important;
  min-height:48px!important;
}


/* Social sharing */
.abrcp-share{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:6px 18px 8px!important;background:var(--paper-light)!important;
  border-bottom:1px solid var(--line);direction:rtl;
}
.abrcp-share-title{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:11px!important;font-weight:700;color:var(--muted)!important;white-space:nowrap}
.abrcp-share-buttons{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.abrcp-share-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:32px!important;height:32px!important;padding:4px 9px!important;border-radius:16px!important;
  border:1px solid #c6a974!important;background:#fffdf7!important;color:#4b3028!important;
  text-decoration:none!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;font-weight:700!important;cursor:pointer;
  box-shadow:0 2px 6px rgba(80,45,10,.08)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.abrcp-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(80,45,10,.14)!important;border-color:#b77b20!important}
.abrcp-share-btn svg{width:15px!important;height:15px!important;fill:currentColor!important;stroke:none!important;flex:0 0 15px;display:block}
.abrcp-share-facebook{color:#1877f2!important}.abrcp-share-whatsapp{color:#168c4a!important}.abrcp-share-snapchat{color:#8a6500!important}.abrcp-share-instagram{color:#a13d72!important}
.abrcp-wrap.dark .abrcp-share{background:var(--paper-light)!important}
.abrcp-wrap.dark .abrcp-share-btn{background:#382b22!important;color:#f1e3c8!important;border-color:#6e563b!important}

/* =========================================================
   Mobile-first responsive layout
   ========================================================= */
.abrcp-wrap{
  max-width:1040px;
  width:calc(100% - 24px);
  overflow:hidden;
}
.abrcp-wrap img,
.abrcp-wrap iframe,
.abrcp-wrap table{
  max-width:100%;
}
.abrcp-wrap button,
.abrcp-wrap select,
.abrcp-wrap input{
  touch-action:manipulation;
}

@media (max-width: 760px){
  .abrcp-wrap{
    width:calc(100% - 12px)!important;
    margin:12px auto!important;
    border-radius:8px!important;
    box-shadow:0 8px 25px rgba(55,35,15,.20)!important;
  }

  .abrcp-header{
    min-height:104px!important;
    padding:16px 14px!important;
    gap:10px;
  }

  .abrcp-brand{
    gap:10px!important;
    min-width:0;
  }

  .abrcp-ornament{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    font-size:21px!important;
  }

  .abrcp-title{
    font-size:26px!important;
    line-height:1.2!important;
    white-space:nowrap;
  }

  .abrcp-sub{
    font-size:10px!important;
    line-height:1.4!important;
  }

  .abrcp-actions{
    gap:5px!important;
    flex-shrink:0;
  }

  .abrcp-actions button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:15px!important;
  }

  .abrcp-select{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding:15px 13px 10px!important;
  }

  .abrcp-select label{
    min-width:0;
    font-size:11px!important;
  }

  .abrcp-select select{
    min-height:50px!important;
    height:50px!important;
    padding:7px 9px!important;
    margin-top:5px!important;
    font-size:13px!important;
    line-height:1.8!important;
  }

  .abrcp-load-button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:46px!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }

  .abrcp-search{
    display:flex!important;
    padding:4px 13px 14px!important;
    gap:7px!important;
  }

  .abrcp-search input{
    min-width:0!important;
    min-height:45px!important;
    font-size:14px!important;
  }

  .abrcp-search button{
    min-width:70px!important;
    min-height:45px!important;
    padding:8px 11px!important;
  }
  .abrcp-share{
    display:block!important;padding:12px 10px 15px!important;
  }
  .abrcp-share-title{text-align:center!important;margin-bottom:9px!important;font-size:11px!important}
  .abrcp-share-buttons{gap:6px!important}
  .abrcp-share-btn{min-height:38px!important;padding:6px 9px!important;font-size:10px!important}
  .abrcp-share-btn svg{width:16px!important;height:16px!important;flex-basis:16px}


  .abrcp-heading{
    padding:17px 10px 15px!important;
  }

  .abrcp-heading span{
    font-size:21px!important;
  }

  .abrcp-heading strong{
    font-size:38px!important;
    margin-top:2px!important;
  }

  .abrcp-pager{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:10px 11px!important;
  }

  .abrcp-pager button{
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    padding:8px 7px!important;
    font-size:11px!important;
  }

  .abrcp-pager button:nth-child(2){
    grid-column:1/-1!important;
    grid-row:1!important;
  }

  .abrcp-pager button:first-child{
    grid-column:1!important;
    grid-row:2!important;
  }

  .abrcp-pager button:last-child{
    grid-column:2!important;
    grid-row:2!important;
  }

  .abrcp-chapter{
    padding:9px 12px 22px!important;
  }

  .abrcp-verse{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    gap:6px!important;
    align-items:start!important;
    padding:12px 0!important;
    font-size:16px!important;
    line-height:1.9!important;
  }

  .abrcp-num{
    width:29px!important;
    height:29px!important;
    margin-top:5px!important;
    font-size:11px!important;
  }

  .abrcp-star{
    grid-column:3!important;
    grid-row:1!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    padding:2px!important;
    font-size:15px!important;
  }

  .abrcp-text{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .abrcp-num{
    grid-column:1!important;
    grid-row:1!important;
  }

  .abrcp-copy{
    display:none!important;
  }

  .abrcp-error{
    margin:15px 12px!important;
    padding:15px!important;
    font-size:13px!important;
  }

  .abrcp-loading{
    min-height:54px!important;
    font-size:12px!important;
  }

  .abrcp-wrap footer{
    padding:13px 10px!important;
    font-size:10px!important;
  }
}

@media (max-width: 480px){
  .abrcp-wrap{
    width:calc(100% - 8px)!important;
    margin:8px auto!important;
  }

  .abrcp-header{
    min-height:94px!important;
    padding:13px 10px!important;
  }

  .abrcp-ornament{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    font-size:26px!important;
  }

  .abrcp-title{
    font-size:26px!important;
  }

  .abrcp-sub{
    font-size:9px!important;
  }

  .abrcp-actions button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:13px!important;
  }

  .abrcp-select{
    grid-template-columns:1fr!important;
    padding:12px 10px 9px!important;
  }

  .abrcp-load-button{
    grid-column:1!important;
  }

  .abrcp-search{
    padding:3px 10px 12px!important;
  }

  .abrcp-heading span{
    font-size:19px!important;
  }

  .abrcp-heading strong{
    font-size:34px!important;
  }

  .abrcp-pager{
    grid-template-columns:1fr 1fr!important;
    padding:8px 9px!important;
  }

  .abrcp-pager button:nth-child(2){
    grid-column:1/-1!important;
  }

  .abrcp-verse{
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    gap:5px!important;
    font-size:17px!important;
    line-height:1.9!important;
  }

  .abrcp-num{
    width:27px!important;
    height:27px!important;
    font-size:10px!important;
  }

  .abrcp-star{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    font-size:14px!important;
  }

  .abrcp-wrap.large .abrcp-verse{
    font-size:19px!important;
    line-height:2.05!important;
  }
}

@media (max-width: 360px){
  .abrcp-title{
    font-size:26px!important;
  }

  .abrcp-sub{
    display:none!important;
  }

  .abrcp-actions{
    gap:3px!important;
  }

  .abrcp-actions button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }

  .abrcp-verse{
    grid-template-columns:26px minmax(0,1fr) 26px!important;
    font-size:16px!important;
  }

  .abrcp-num{
    width:25px!important;
    height:25px!important;
  }

  .abrcp-star{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  .abrcp-wrap *,
  .abrcp-wrap *:before,
  .abrcp-wrap *:after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}



/* Favorites panel */
.abrcp-favorites-toggle{cursor:pointer!important;}
.abrcp-favorites-toggle .abrcp-favorites-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px;font-weight:700;margin-inline-start:5px;}
.abrcp-favorites-panel{margin:12px 18px 0;border:1px solid var(--abrcp-gold);border-radius:12px;background:#fffaf0;box-shadow:0 8px 22px rgba(75,38,20,.12);overflow:hidden;}
.abrcp-favorites-panel[hidden]{display:none!important;}
.abrcp-favorites-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:linear-gradient(90deg,#6f1723,#8e2633);color:#fff;}
.abrcp-favorites-close{border:0;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer;padding:0 5px;}
.abrcp-favorites-list{padding:8px;display:flex;flex-direction:column;gap:6px;}
.abrcp-favorite-item{display:flex;align-items:center;gap:6px;border:1px solid #ead9b8;border-radius:9px;background:#fff;overflow:hidden;}
.abrcp-favorite-open{flex:1;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:11px 12px;text-align:right;color:#4b2619;cursor:pointer;font:inherit;}
.abrcp-favorite-open:hover{background:#fff7e5;}
.abrcp-favorite-remove{width:38px;height:38px;margin-inline-end:5px;border:0;border-radius:7px;background:#f4e7d2;color:#7b1e2b;font-size:22px;cursor:pointer;}
.abrcp-favorite-remove:hover{background:#ead5b5;}
.abrcp-favorites-empty{text-align:center;padding:18px;color:#806f60;}
.abrcp-wrap.dark .abrcp-favorites-panel{background:#241e1b;border-color:#a88643;}
.abrcp-wrap.dark .abrcp-favorite-item{background:#302723;border-color:#594b43;}
.abrcp-wrap.dark .abrcp-favorite-open{color:#f4e8d4;}
.abrcp-wrap.dark .abrcp-favorite-open:hover{background:#3a302b;}
.abrcp-wrap.dark .abrcp-favorite-remove{background:#46382f;color:#f0c98a;}
.abrcp-wrap.dark .abrcp-favorites-empty{color:#c9b8a3;}
.abrcp-wrap.dark .abrcp-favorites-head{background:linear-gradient(90deg,#4b111a,#6b1c28);}
.abrcp-wrap [data-act="bookmark"].is-saved{background:#7b1e2b!important;color:#fff!important;}
@media (max-width:760px){
  .abrcp-favorites-panel{margin:10px 8px 0;border-radius:10px;}
  .abrcp-favorite-open{font-size:14px;padding:10px 9px;}
}
@media (max-width:480px){
  .abrcp-favorites-toggle{width:100%;}
}

/* Alkalema TV Network: use the website's Noto Kufi Arabic font throughout the reader. */
.abrcp-wrap,
.abrcp-wrap button,
.abrcp-wrap input,
.abrcp-wrap select,
.abrcp-wrap textarea,
.abrcp-wrap option {
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
}


/* v1.6.8 - Fix Arabic book/chapter dropdown vertical clipping */
.abrcp-wrap select.abrcp-select,
.abrcp-wrap select {
    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    height: 52px !important;
    min-height: 52px !important;
    line-height: 1.8 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

@media (max-width: 760px) {
    .abrcp-wrap select.abrcp-select,
    .abrcp-wrap select {
        height: 50px !important;
        min-height: 50px !important;
        line-height: 1.8 !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

@media (max-width: 480px) {
    .abrcp-wrap select.abrcp-select,
    .abrcp-wrap select {
        height: 48px !important;
        min-height: 48px !important;
        line-height: 1.8 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}


/* v1.6.9 - Search results */
.abrcp-search-results {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.8;
  background: rgba(128, 0, 32, .08);
  border: 1px solid rgba(128, 0, 32, .18);
}


/* v1.7.0 - Whole Bible search results */
.abrcp-search-results-full{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;padding:8px 0 18px}
.abrcp-search-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;background:rgba(124,31,42,.07);border:1px solid rgba(124,31,42,.18);border-radius:10px}
.abrcp-search-summary strong{color:#7c1f2a;font-size:18px}
.abrcp-search-summary span{font-size:13px;opacity:.82}
.abrcp-search-result-list{display:grid;gap:12px}
.abrcp-search-result{padding:16px 18px;border:1px solid rgba(120,86,35,.22);border-radius:10px;background:rgba(255,255,255,.55);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.abrcp-search-ref{font-weight:700;color:#7c1f2a;margin-bottom:8px}
.abrcp-search-verse{font-size:17px;line-height:2;text-align:right;margin-bottom:10px}
.abrcp-search-open{font-family:inherit!important;border:0;background:#7c1f2a;color:#fff;border-radius:7px;padding:8px 13px;cursor:pointer}
.abrcp-wrap.dark .abrcp-search-result{background:rgba(255,255,255,.04)}
.abrcp-wrap.dark .abrcp-search-summary{background:rgba(255,255,255,.05)}
@media(max-width:600px){.abrcp-search-result{padding:13px}.abrcp-search-verse{font-size:15px;line-height:1.9}.abrcp-search-summary strong{font-size:16px}}

/* v1.7.5 - Verse favorites inside the unified favorites panel */
.abrcp-favorites-section-title{padding:10px 10px 6px;color:#7b1e2b;font-weight:700;font-size:14px;}
.abrcp-favorite-verse .abrcp-favorite-open{flex-wrap:wrap;}
.abrcp-favorite-verse-text{width:100%;font-weight:400;line-height:1.9;color:#5d4a3d;margin-top:2px;}
.abrcp-wrap.dark .abrcp-favorites-section-title{color:#e2bd72;}
.abrcp-wrap.dark .abrcp-favorite-verse-text{color:#d7c7b6;}


/* v1.7.7 - Center and enlarge Favorites under Search */
.abrcp-wrap .abrcp-favorites-under-search,
.abrcp-wrap #abrcp-favorites,
.abrcp-wrap button[data-action="favorites"] {
    display: block !important;
    width: fit-content !important;
    min-width: 150px !important;
    margin: 12px auto 8px !important;
    padding: 10px 22px !important;
    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
@media (max-width: 480px) {
    .abrcp-wrap .abrcp-favorites-under-search,
    .abrcp-wrap #abrcp-favorites,
    .abrcp-wrap button[data-action="favorites"] {
        min-width: 145px !important;
        margin: 10px auto 7px !important;
        padding: 9px 18px !important;
        font-size: 14px !important;
    }
}

/* v1.8.2 - Compact Bible selector/search toolbar */
.abrcp-wrap .abrcp-select{
  grid-template-columns:190px 110px auto minmax(280px,1fr)!important;
  align-items:end!important;
}
.abrcp-wrap .abrcp-select > label:first-child,
.abrcp-wrap .abrcp-select > label:nth-child(2){
  min-width:0!important;
}
.abrcp-wrap .abrcp-select > label:first-child select,
.abrcp-wrap .abrcp-select > label:nth-child(2) select{
  width:100%!important;
}
.abrcp-wrap .abrcp-search{
  grid-column:auto!important;
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  min-width:0!important;
}
.abrcp-wrap .abrcp-search input{
  min-width:0!important;
  margin:0!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.08)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.abrcp-wrap .abrcp-search input:focus,
.abrcp-wrap .abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  background:#fffdf7!important;
  box-shadow:0 0 0 3px rgba(123,47,42,.12),inset 0 1px 3px rgba(91,55,18,.06)!important;
}
.abrcp-wrap .abrcp-select select{
  border-color:#b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.07)!important;
}
.abrcp-wrap .abrcp-search button{
  flex:0 0 auto!important;
  min-width:72px!important;
  min-height:48px!important;
  padding:9px 14px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#8b2632 0%,#b77b20 100%)!important;
  border:1px solid #74212a!important;
  box-shadow:0 3px 7px rgba(95,35,30,.18)!important;
}
.abrcp-wrap .abrcp-search button:hover{
  background:linear-gradient(135deg,#a32e3b 0%,#cf9840 100%)!important;
  transform:translateY(-1px);
}

@media (max-width: 760px){
  .abrcp-wrap .abrcp-select{
    grid-template-columns:minmax(0,1fr) minmax(0,110px)!important;
  }
  .abrcp-wrap .abrcp-search{
    grid-column:1/-1!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .abrcp-wrap .abrcp-search input{flex:1 1 auto!important;}
}

@media (max-width: 480px){
  .abrcp-wrap .abrcp-select{
    grid-template-columns:minmax(0,1fr) minmax(0,100px)!important;
    gap:8px!important;
  }
  .abrcp-wrap .abrcp-select select{
    min-height:48px!important;
    height:48px!important;
    font-size:13px!important;
  }
  .abrcp-wrap .abrcp-load-button{
    grid-column:1/-1!important;
  }
  .abrcp-wrap .abrcp-search{
    grid-column:1/-1!important;
    padding:0!important;
  }
  .abrcp-wrap .abrcp-search input{
    min-height:45px!important;
    font-size:13px!important;
  }
  .abrcp-wrap .abrcp-search button{
    min-width:68px!important;
    min-height:45px!important;
  }
}

/* v1.8.2 - Compact Bible selector/search toolbar */
.abrcp-wrap .abrcp-select{
  grid-template-columns:190px 110px auto minmax(280px,1fr)!important;
  align-items:end!important;
}
.abrcp-wrap .abrcp-select > label:first-child,
.abrcp-wrap .abrcp-select > label:nth-child(2){min-width:0!important;}
.abrcp-wrap .abrcp-search{
  grid-column:auto!important;
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  min-width:0!important;
}
.abrcp-wrap .abrcp-search input{
  min-width:0!important;
  margin:0!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.08)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.abrcp-wrap .abrcp-search input:focus,
.abrcp-wrap .abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  background:#fffdf7!important;
  box-shadow:0 0 0 3px rgba(123,47,42,.12),inset 0 1px 3px rgba(91,55,18,.06)!important;
}
.abrcp-wrap .abrcp-select select{
  border-color:#b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.07)!important;
}
.abrcp-wrap .abrcp-search button{
  flex:0 0 auto!important;
  min-width:72px!important;
  min-height:48px!important;
  padding:9px 14px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#8b2632 0%,#b77b20 100%)!important;
  border:1px solid #74212a!important;
  box-shadow:0 3px 7px rgba(95,35,30,.18)!important;
}
.abrcp-wrap .abrcp-search button:hover{background:linear-gradient(135deg,#a32e3b 0%,#cf9840 100%)!important;transform:translateY(-1px);}
@media (max-width:760px){
  .abrcp-wrap .abrcp-select{grid-template-columns:minmax(0,1fr) minmax(0,110px)!important;}
  .abrcp-wrap .abrcp-search{grid-column:1/-1!important;width:100%!important;margin-top:2px!important;}
  .abrcp-wrap .abrcp-search input{flex:1 1 auto!important;}
}
@media (max-width:480px){
  .abrcp-wrap .abrcp-select{grid-template-columns:minmax(0,1fr) minmax(0,100px)!important;gap:8px!important;}
  .abrcp-wrap .abrcp-select select{min-height:48px!important;height:48px!important;font-size:13px!important;}
  .abrcp-wrap .abrcp-load-button{grid-column:1/-1!important;}
  .abrcp-wrap .abrcp-search{grid-column:1/-1!important;padding:0!important;}
  .abrcp-wrap .abrcp-search input{min-height:45px!important;font-size:13px!important;}
  .abrcp-wrap .abrcp-search button{min-width:68px!important;min-height:45px!important;}
}

/* v1.8.5 - Align chapter-open button with the actual select controls on desktop.
   The selects sit below their labels, so the button needs the same vertical offset. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select > .abrcp-load-button{
    align-self:start!important;
    margin-top:27px!important;
    margin-bottom:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
  }
}

/* v1.8.6 - Align the Bible search field and button with the select controls on desktop. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select > .abrcp-search{
    align-self:start!important;
    margin-top:27px!important;
    margin-bottom:0!important;
    padding:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
  }
  .abrcp-wrap .abrcp-select > .abrcp-search input,
  .abrcp-wrap .abrcp-select > .abrcp-search button{
    height:48px!important;
    min-height:48px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
  }
}

/* v2.0 - Custom dropdown arrow positioned on the LEFT without changing Arabic text alignment. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select select.abrcp-book-select,
  .abrcp-wrap .abrcp-select select.abrcp-chapter-select{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%237b2f2a' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:left 13px center!important;
    background-size:18px 18px!important;
  }
}
@media (max-width:760px){
  .abrcp-wrap .abrcp-select select.abrcp-book-select,
  .abrcp-wrap .abrcp-select select.abrcp-chapter-select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
    -moz-appearance:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* KJV visual theme applied to Arabic Bible - visual styling only */
:root {
  --kjv-primary: #7b1e2b;
  --kjv-primary-dark: #5e1621;
  --kjv-accent: #c79a45;
  --kjv-bg: #fff;
  --kjv-text: #2f2f2f;
}
.kjvat-wrap, .arabic-bible-wrap, .arabic-bible-reader {
  font-family: "Open Sans", sans-serif;
  color: var(--kjv-text);
}
.kjvat-wrap button, .arabic-bible-wrap button, .arabic-bible-reader button {
  font-family: "Open Sans", sans-serif;
  border-radius: 8px;
}
.kjvat-wrap select, .arabic-bible-wrap select, .arabic-bible-reader select,
.kjvat-wrap input, .arabic-bible-wrap input, .arabic-bible-reader input {
  border-radius: 8px;
}
.kjvat-wrap button:hover, .arabic-bible-wrap button:hover, .arabic-bible-reader button:hover {
  border-color: var(--kjv-accent);
}
.kjvat-wrap .kjvat-favorites-toggle,
.arabic-bible-wrap .kjvat-favorites-toggle {
  background: linear-gradient(135deg,#7b1e2b,#5e1621) !important;
  border: 1px solid #c79a45 !important;
  color:#fff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}
.kjvat-wrap .kjvat-favorites-toggle:hover,
.arabic-bible-wrap .kjvat-favorites-toggle:hover {
  background:linear-gradient(135deg,#8d2635,#6a1925) !important;
}
.kjvat-wrap input:focus, .kjvat-wrap select:focus,
.arabic-bible-wrap input:focus, .arabic-bible-wrap select:focus {
  outline:none;
  border-color:#c79a45 !important;
  box-shadow:0 0 0 2px rgba(199,154,69,.18);
}

/* v2.1 - Match KJV favorite icon + strengthen dark-mode form controls */
.abrcp-star{
  font-size:15px!important;
  min-width:28px!important;
  width:28px!important;
  height:28px!important;
  padding:2px!important;
  align-self:center!important;
  border-color:#b68a3f!important;
  background:#ead8b1!important;
  color:#7b1e2b!important;
  border-radius:5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.abrcp-star:hover{
  background:#dfc181!important;
  color:#6f1723!important;
}
.abrcp-star.is-saved{
  color:#fff!important;
  background:#7b1e2b!important;
  border-color:#7b1e2b!important;
}

/* Keep Arabic selectors and search field dark when dark mode is active,
   including focused controls and native dropdown options. */
.abrcp-wrap.dark .abrcp-select select,
.abrcp-wrap.dark .abrcp-select select:focus,
.abrcp-wrap.dark .abrcp-search input,
.abrcp-wrap.dark .abrcp-search input:focus{
  background:#382b22!important;
  background-image:none!important;
  color:#f1e3c8!important;
  -webkit-text-fill-color:#f1e3c8!important;
  border-color:#6e563b!important;
  box-shadow:0 0 0 3px rgba(183,123,32,.16),inset 0 1px 3px rgba(0,0,0,.20)!important;
}
.abrcp-wrap.dark .abrcp-select select option{
  background:#382b22!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-search input::placeholder{
  color:#c9b28d!important;
  opacity:1!important;
}
.abrcp-wrap.dark .abrcp-star{
  background:#3b2d23!important;
  color:#d9bb7f!important;
  border-color:#6e563b!important;
}
.abrcp-wrap.dark .abrcp-star.is-saved{
  background:#7b1e2b!important;
  color:#fff!important;
  border-color:#7b1e2b!important;
}


/* v2.2 - Match the KJV/HSU Favorites toggle design exactly, adapted for Arabic RTL. */
.abrcp-wrap .abrcp-favorites-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:rtl!important;
  width:max-content!important;
  min-width:150px!important;
  margin:12px auto 15px!important;
  padding:9px 18px!important;
  box-sizing:border-box!important;
  border:1px solid #c99a45!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#8e2633,#6f1723)!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 3px 9px rgba(75,38,20,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.abrcp-wrap .abrcp-favorites-toggle:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 5px 12px rgba(75,38,20,.22)!important;
}
.abrcp-wrap .abrcp-favorites-toggle:focus-visible{
  outline:3px solid rgba(183,123,32,.28)!important;
  outline-offset:2px!important;
}
.abrcp-wrap .abrcp-favorites-toggle .abrcp-favorites-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-inline-start:7px!important;
  margin-inline-end:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
}
.abrcp-wrap.dark .abrcp-favorites-toggle{
  background:linear-gradient(180deg,#6b1c28,#4b111a)!important;
  border-color:#a88643!important;
}
.abrcp-wrap.dark .abrcp-favorites-toggle .abrcp-favorites-count{
  background:rgba(240,201,138,.18)!important;
  color:#f0c98a!important;
}

/* KJV-style circular verse favorite icon. */
.abrcp-wrap .abrcp-verse .abrcp-star{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 auto!important;
  padding:0!important;
  border:2px solid #b68a3f!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff8e8,#ead3a3)!important;
  color:#7b1e2b!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  line-height:30px!important;
  text-align:center!important;
  box-shadow:0 2px 6px rgba(80,35,25,.18),inset 0 1px 0 rgba(255,255,255,.8)!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.abrcp-wrap .abrcp-verse .abrcp-star:hover{
  transform:scale(1.08)!important;
  background:linear-gradient(145deg,#f7e4b7,#dfbd73)!important;
  color:#65151f!important;
  box-shadow:0 3px 9px rgba(80,35,25,.25)!important;
}
.abrcp-wrap .abrcp-verse .abrcp-star.is-saved{
  background:linear-gradient(145deg,#8b2734,#7b1e2b)!important;
  border-color:#b68a3f!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(123,30,43,.3)!important;
}

/* Dark mode: never let browser/theme focus rules turn Arabic search/select controls white. */
.abrcp-wrap.dark .abrcp-select select,
.abrcp-wrap.dark .abrcp-select select:focus,
.abrcp-wrap.dark .abrcp-search input,
.abrcp-wrap.dark .abrcp-search input:focus,
.abrcp-wrap.dark .abrcp-search input:active{
  background-color:#382b22!important;
  color:#f1e3c8!important;
  -webkit-text-fill-color:#f1e3c8!important;
  border-color:#6e563b!important;
  color-scheme:dark!important;
}
.abrcp-wrap.dark .abrcp-select select option,
.abrcp-wrap.dark .abrcp-select select optgroup{
  background-color:#382b22!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-search input::placeholder{
  color:#c9b28d!important;
  opacity:1!important;
}

@media(max-width:760px){
  .abrcp-wrap .abrcp-favorites-toggle{
    width:max-content!important;
    min-width:142px!important;
    margin:10px auto 15px!important;
    padding:8px 15px!important;
  }
  .abrcp-wrap .abrcp-verse .abrcp-star{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:15px!important;
    line-height:28px!important;
  }
}


/* v2.3 - Arabic Favorites toggle typography */
.abrcp-wrap .abrcp-favorites-toggle,
.abrcp-wrap .abrcp-favorites-toggle span{
  font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.abrcp-wrap .abrcp-favorites-toggle .abrcp-favorites-count{
  font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
}


/* Church projector + Arabic voice search */
.abrcp-search{position:relative}
.abrcp-voice-btn{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;border:1px solid #7a4a11!important;border-radius:6px!important;background:#fff8e9!important;color:#7b2f2a!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.abrcp-voice-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.abrcp-voice-btn:hover{background:#f3dfb0!important;color:#4e201d!important}
.abrcp-voice-btn.is-listening{background:#7b2f2a!important;color:#fff!important;animation:abrcmicpulse 1.1s ease-in-out infinite}
.abrcp-voice-btn:disabled{opacity:.45;cursor:not-allowed!important}
@keyframes abrcmicpulse{0%,100%{box-shadow:0 0 0 0 rgba(123,47,42,.35)}50%{box-shadow:0 0 0 8px rgba(123,47,42,0)} }
.abrcp-projector-launch{height:48px!important;min-height:48px!important;margin:0 34px 15px!important;padding:8px 18px!important;border:1px solid #7a4a11!important;border-radius:7px!important;background:linear-gradient(180deg,#3d1715,#713029)!important;color:#fff!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 3px 8px rgba(55,25,10,.18)!important}
.abrcp-projector-icon{margin-left:6px;color:#e8c879}
.abrcp-voice-status{position:relative;z-index:4;margin:0 34px 16px;padding:11px 15px;border:1px solid #d6b774;border-radius:8px;background:#fff5d9;color:#6b4819;font-size:12px;font-weight:700;text-align:center}
.abrcp-voice-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b72c2c;margin-left:7px;animation:abrcmicpulse 1s infinite}
.abrcp-projector[hidden]{display:none!important}
.abrcp-hidden-data{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-99999px!important}
.abrcp-projector{position:fixed;inset:0;z-index:999999;background:radial-gradient(circle at 50% 35%,#173c52 0,#071724 42%,#02070c 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:7vh 6vw 105px;text-align:center;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;direction:rtl;box-sizing:border-box;overflow:hidden}
.abrcp-projector-top{position:absolute;top:20px;right:28px;left:28px;display:flex;align-items:center;justify-content:space-between;color:#d9b35f;font-size:16px;font-weight:700}
.abrcp-projector-live{color:#dc5149;font-size:12px;vertical-align:middle;margin-left:6px}
.abrcp-projector-close{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;cursor:pointer}
.abrcp-projector-ref{font-size:clamp(16px,1.7vw,27px);color:#e5c56e;border:1px solid rgba(229,197,110,.6);border-radius:999px;padding:6px 22px;margin:1vh auto 2vh;flex:0 0 auto}
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{text-align:center!important;}
.abrcp-projector-verse{width:min(1450px,92vw);height:auto;max-height:none;flex:1 1 auto;font-size:4.8vw;line-height:1.38;font-weight:700;text-shadow:0 4px 22px rgba(0,0,0,.55);transition:font-size .2s ease;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-wrap:anywhere;word-break:normal;box-sizing:border-box;padding:0 1vw;margin:0 0 92px}
.abrcp-projector-controls{position:absolute;bottom:24px;display:flex;align-items:center;gap:8px;direction:ltr;opacity:.9}
.abrcp-projector-controls button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:9px 15px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-projector-controls button:hover{background:rgba(255,255,255,.16)}
body.abrcp-projector-open{overflow:hidden}
.abrcp-wrap.dark .abrcp-projector{background:radial-gradient(circle at 50% 35%,#1b2942 0,#0b1220 45%,#05080f 100%)!important;color:#f5f7fb!important}
.abrcp-wrap.dark .abrcp-projector-ref{color:#f2cf79!important;border-color:rgba(242,207,121,.7)!important}
.abrcp-wrap.dark .abrcp-projector-controls button,.abrcp-wrap.dark .abrcp-projector-close{background:rgba(255,255,255,.1)!important;color:#f5f7fb!important;border-color:rgba(255,255,255,.28)!important}
body:has(.abrcp-wrap) .skip-link, body:has(.abrcp-wrap) a[href="#x-main"]{display:none!important}
@media(max-width:760px){
  .abrcp-projector-launch{margin:0 15px 12px;width:calc(100% - 30px)}
  .abrcp-voice-status{margin:0 15px 12px}
  .abrcp-projector{padding:8vh 5vw 92px}
  .abrcp-projector-controls{bottom:14px;gap:5px;flex-wrap:wrap;justify-content:center;max-width:96vw}
  .abrcp-projector-controls button{padding:7px 11px;font-size:11px}
  .abrcp-projector-verse{width:94vw;height:auto;max-height:none;flex:1 1 auto;font-size:5vw;line-height:1.35;margin-bottom:78px}
}


/* v2.5 — Church Projector workspace: visual system matched to the projector mockup */
.abrcp-wrap{
  --projector-navy:#071a2b; --projector-panel:#0c2438; --projector-panel2:#102d45;
  --projector-blue:#1595f5; --projector-blue2:#0868c7; --projector-gold:#e5bd63;
  --projector-text:#f7f8fb; --projector-muted:#a9bacb;
  width:min(1540px,calc(100% - 24px))!important; margin:24px auto!important;
  background:#071725!important; color:var(--projector-text)!important; border:1px solid #31516c!important;
  border-radius:18px!important; box-shadow:0 22px 70px rgba(0,0,0,.28)!important; overflow:hidden!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-wrap:before{display:none!important}
.abrcp-header{
  min-height:128px!important; padding:25px 30px!important; border-bottom:1px solid #35566f!important;
  background:linear-gradient(120deg,#071727,#0e2d43 55%,#0a1d2d)!important; box-shadow:none!important;
}
.abrcp-ornament{width:58px!important;height:58px!important;border-color:var(--projector-gold)!important;color:var(--projector-gold)!important}
.abrcp-title{font-size:26px!important;color:#fff!important;text-shadow:none!important}
.abrcp-sub{color:#b9ccdc!important;font-size:12px!important}
.abrcp-actions button{border:1px solid #41617a!important;background:#102f48!important;color:#fff!important;box-shadow:none!important;border-radius:10px!important}
.abrcp-toolbar{background:#081b2c!important;border-bottom:1px solid #27455e!important}
.abrcp-select{grid-template-columns:minmax(160px,1fr) 130px 120px minmax(300px,1.7fr) 150px!important;gap:10px!important;padding:18px 22px 12px!important}
.abrcp-select label{color:#9fb4c5!important;font-size:11px!important}
.abrcp-select select,.abrcp-search input{background:#102b41!important;color:#f5f8fb!important;border:1px solid #36556c!important;border-radius:10px!important;box-shadow:none!important;height:46px!important;min-height:46px!important;font-size:13px!important}
.abrcp-select select{background-color:#102b41!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%23a9c2d6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.abrcp-load-button,.abrcp-search button{height:46px!important;min-height:46px!important;border:1px solid #187dcc!important;border-radius:10px!important;background:linear-gradient(180deg,#168ff0,#0869c9)!important;box-shadow:none!important;font-size:12px!important}
.abrcp-search{height:46px!important;min-height:46px!important;gap:6px!important}
.abrcp-voice-btn{height:46px!important;width:46px!important;min-width:46px!important;border-radius:10px!important;background:#102b41!important;color:#a9d8ff!important;border:1px solid #36556c!important}
.abrcp-voice-btn.is-listening{background:#e23d4d!important;color:#fff!important;border-color:#ff6672!important}
.abrcp-projector-launch{height:46px!important;min-height:46px!important;margin:0!important;border:1px solid #315670!important;border-radius:10px!important;background:#102b41!important;color:#dbe9f4!important;box-shadow:none!important}
.abrcp-favorites-under-search{display:none!important}

.abrcp-projector-workspace{padding:0 22px 22px;background:#071725!important}
.abrcp-stepbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 10px 14px;color:#e8f0f6;font-size:14px;font-weight:700}
.abrcp-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.abrcp-step b{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e83445;color:#fff;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 0 0 3px rgba(232,52,69,.12)}
.abrcp-stepbar i{font-style:normal;color:#1595f5;font-size:28px;line-height:1}
.abrcp-workgrid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:8px;min-height:570px}
.abrcp-work-panel,.abrcp-work-preview{min-width:0;border:1px solid #35566e;border-radius:11px;background:linear-gradient(180deg,#0d263a,#091d2e);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.abrcp-panel-title{height:54px;padding:0 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #29485f;background:#102c42;color:#f4f8fb}.abrcp-panel-title span{color:#a8d5ff;font-size:17px}.abrcp-panel-title strong{font-size:15px}
.abrcp-work-search{width:calc(100% - 20px)!important;margin:10px!important;height:38px!important;border-radius:8px!important;border:1px solid #34556d!important;background:#091d2d!important;color:#f4f8fb!important;padding:6px 12px!important;font-family:inherit!important;font-size:11px!important}
.abrcp-work-search::placeholder{color:#7e98aa!important}
.abrcp-testament-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 10px 9px;border:1px solid #31536a;border-radius:8px;overflow:hidden}.abrcp-testament-tabs button{border:0;background:#0a2134;color:#9eb4c5;padding:8px 5px;font-family:inherit;font-size:10px;cursor:pointer}.abrcp-testament-tabs button.is-active{background:#126fca;color:#fff}
.abrcp-book-list{height:445px;overflow:auto;padding:0 8px 10px}.abrcp-work-book{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#e7eef4;padding:9px 9px;margin:2px 0;text-align:right;direction:rtl;font-family:inherit;font-size:13px;cursor:pointer}.abrcp-work-book:hover{background:#123550}.abrcp-work-book.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);box-shadow:inset 3px 0 #36b4ff}.abrcp-work-book b{margin-right:auto;color:#7995a8;font-family:Arial}.abrcp-work-book.is-active b{color:#fff}.abrcp-book-mini{font-size:14px;color:#a9c9de}
.abrcp-current-book,.abrcp-current-chapter{margin:10px;padding:8px 10px;border-radius:8px;background:#0a2032;color:#dce9f2;text-align:center;font-size:12px;font-weight:700}.abrcp-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;max-height:475px;overflow:auto}.abrcp-work-chapter{height:39px;border:1px solid #294c65;border-radius:7px;background:#0b2235;color:#dce8ef;font-family:Arial,sans-serif;font-size:13px;cursor:pointer}.abrcp-work-chapter:hover{border-color:#1595f5}.abrcp-work-chapter.is-active{background:#0e74d0;border-color:#35aaff;color:#fff;font-weight:700;box-shadow:0 0 0 2px rgba(21,149,245,.16)}
.abrcp-verse-list{height:505px;overflow:auto;padding:3px 8px 10px}.abrcp-work-verse{width:100%;display:grid;grid-template-columns:30px 1fr 18px;gap:8px;align-items:center;text-align:right;direction:rtl;border:1px solid transparent;border-radius:7px;background:transparent;color:#dce8ef;padding:8px 7px;margin:2px 0;font-family:inherit;cursor:pointer}.abrcp-work-verse b{width:25px;height:25px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#102f47;color:#8fb3ca;font-family:Arial;font-size:10px}.abrcp-work-verse span{font-size:10px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abrcp-work-verse i{font-style:normal;color:#6f91a6}.abrcp-work-verse:hover{background:#123550}.abrcp-work-verse.is-active{background:#0d5fae;border-color:#1595f5;color:#fff}.abrcp-work-verse.is-active b{background:#168ff0;color:#fff}
.abrcp-work-preview{position:relative;background:radial-gradient(circle at 50% 30%,#16405a 0,#092338 48%,#061522 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 25px;min-height:570px}.abrcp-preview-top{position:absolute;top:13px;right:15px;left:15px;display:flex;align-items:center;gap:8px;color:#c8d8e5;font-size:12px}.abrcp-preview-top .abrcp-projector-live{margin:0;color:#e14b55}.abrcp-preview-projector{margin-right:auto;border:1px solid #49677c;border-radius:8px;background:#102d42;color:#e5eef4;padding:7px 10px;font-family:inherit;font-size:10px;cursor:pointer}.abrcp-preview-ref{margin-top:20px;border:1px solid #bd974e;color:#e6c675;border-radius:8px;padding:5px 15px;font-size:13px;background:rgba(0,0,0,.15)}.abrcp-preview-hymn-label{margin-top:20px;border:1px solid #bd974e;color:#e6c675;border-radius:8px;padding:6px 18px;font-size:13px;background:rgba(0,0,0,.18);font-weight:700}.abrcp-preview-verse{width:95%;font-size:clamp(30px,3.7vw,66px);line-height:1.8;color:#fff;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.55);min-height:190px;display:flex;align-items:center;justify-content:center;transition:font-size .2s}.abrcp-preview-controls{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #45677d;background:rgba(7,23,37,.72);border-radius:9px;padding:7px;margin-top:15px}.abrcp-preview-controls button{height:35px;min-width:38px;border:0;border-radius:6px;background:#102e45;color:#dce9f2;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-preview-controls button:hover{background:#174766}.abrcp-preview-controls .abrcp-preview-voice{padding:0 12px;color:#b9ddff}
.abrcp-content{background:#0a1d2c!important}.abrcp-heading,.abrcp-pager,.abrcp-chapter{background:#0a1d2c!important;color:#e8eef3!important;border-color:#28475d!important}.abrcp-heading span,.abrcp-heading strong,.abrcp-text{color:#e8eef3!important}.abrcp-verse{border-bottom-color:#27475e!important}.abrcp-num{background:#126fca!important}.abrcp-star,.abrcp-copy{background:#102e45!important;color:#c8d9e6!important;border-color:#3b5c72!important}
.abrcp-loading{background:#0d263a!important;color:#a9c4d5!important;border-color:#294b62!important}.abrcp-wrap footer{background:#071725!important;color:#7892a5!important;border-top:1px solid #27465d}.abrcp-wrap footer a{color:#9cc9e9!important}
.abrcp-voice-status{margin:0 22px 12px!important;background:#102d42!important;color:#bfe0f5!important;border-color:#34566e!important}

@media(max-width:900px){.abrcp-select{grid-template-columns:1fr 1fr 1fr!important}.abrcp-search{grid-column:1/-1}.abrcp-projector-launch{margin:0!important}.abrcp-workgrid{grid-template-columns:1fr 1fr;}.abrcp-work-preview{grid-column:1/-1;min-height:430px}.abrcp-book-list{height:350px}.abrcp-verse-list{height:350px}}
@media(max-width:760px){.abrcp-wrap{width:calc(100% - 10px)!important;margin:8px auto!important;border-radius:12px!important}.abrcp-header{min-height:100px!important;padding:17px!important}.abrcp-title{font-size:22px!important}.abrcp-ornament{width:45px!important;height:45px!important}.abrcp-stepbar{justify-content:flex-start;overflow:auto;padding:12px 4px}.abrcp-stepbar i{font-size:20px}.abrcp-step{font-size:10px}.abrcp-step b{width:23px;height:23px}.abrcp-projector-workspace{padding:0 8px 12px}.abrcp-workgrid{grid-template-columns:1fr!important}.abrcp-work-preview{grid-column:auto;min-height:390px}.abrcp-select{grid-template-columns:1fr 1fr!important;padding:12px!important}.abrcp-search{grid-column:1/-1}.abrcp-projector-launch{grid-column:1/-1;width:100%!important}.abrcp-book-list,.abrcp-verse-list{height:280px}.abrcp-chapter-grid{max-height:270px}.abrcp-preview-verse{font-size:clamp(28px,9vw,54px)} }


/* v2.10 - simplified top toolbar and projector-safe verse sizing */
.abrcp-toolbar-favorites-only{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:8px 12px 10px!important;
}
.abrcp-toolbar-favorites-only .abrcp-favorites-under-search{
  margin:0 auto!important;
}
.abrcp-projector-top{
  top:14px!important;
  right:20px!important;
  left:20px!important;
}
.abrcp-projector-top > div{min-width:46px!important;}
.abrcp-projector-ref{
  margin-bottom:2vh!important;
}
.abrcp-projector-verse{
  width:min(1400px,90vw)!important;
  max-height:58vh!important;
  overflow:hidden!important;
  font-size:clamp(30px,5.6vw,78px)!important;
  line-height:1.55!important;
  padding:0 2vw 90px!important;
  box-sizing:border-box!important;
}
.abrcp-projector-controls{
  bottom:16px!important;
  z-index:3!important;
}
.abrcp-projector-controls button{
  padding:7px 12px!important;
  font-size:12px!important;
}

.abrcp-projector:fullscreen .abrcp-projector-verse,
.abrcp-projector:-webkit-full-screen .abrcp-projector-verse{
  max-height:54vh!important;
  font-size:clamp(28px,5vw,72px)!important;
  padding-bottom:88px!important;
}
.abrcp-projector:fullscreen .abrcp-projector-ref,
.abrcp-projector:-webkit-full-screen .abrcp-projector-ref{
  margin-bottom:1vh!important;
}
@media(max-width:760px){
  .abrcp-projector-verse{
    max-height:56vh!important;
    font-size:clamp(26px,7vw,56px)!important;
    line-height:1.5!important;
    padding-bottom:82px!important;
  }
  .abrcp-projector-controls{bottom:10px!important;max-width:94vw!important;}
  .abrcp-projector-controls button{padding:6px 9px!important;font-size:10px!important;}
}


/* v2.11 - keep the projector book navigation populated without restoring the old top selectors */
.abrcp-hidden-data{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}


/* v2.12 — cleaner projector sizing and keep the data-only book selector completely invisible */
.abrcp-wrap select.abrcp-book-select.abrcp-hidden-data{
  display:none!important;
  visibility:hidden!important;
}
.abrcp-projector{
  padding:clamp(70px,8vh,105px) 5vw clamp(88px,11vh,125px)!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.abrcp-projector-ref{
  margin-bottom:clamp(18px,3vh,34px)!important;
  flex:0 0 auto!important;
}
.abrcp-projector-verse{
  width:min(1450px,92vw)!important;
  height:clamp(42vh,58vh,64vh)!important;
  max-height:calc(100vh - 245px)!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:0 2vw!important;
  font-size:clamp(30px,5vw,76px)!important;
  line-height:1.42!important;
  flex:0 1 auto!important;
}
.abrcp-projector-controls{bottom:22px!important;z-index:5!important}
@media(max-width:760px){
  .abrcp-projector{padding:62px 4vw 88px!important}
  .abrcp-projector-ref{margin-bottom:14px!important;font-size:clamp(15px,4vw,23px)!important}
  .abrcp-projector-verse{height:calc(100vh - 190px)!important;max-height:calc(100vh - 190px)!important;font-size:clamp(25px,6.5vw,52px)!important;line-height:1.4!important}
  .abrcp-projector-controls{bottom:10px!important}
}

/* v2.18 — desktop projector auto-fit and remove X theme skip link */
.x-skip-link,
a.x-skip-link,
a.skip-link,
a[href="#x-main"]{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-99999px!important;}
.abrcp-projector-verse{font-size:4vw!important;max-width:min(1500px,92vw)!important;}
@media(min-width:761px){
  .abrcp-projector-verse{height:calc(100vh - 250px)!important;max-height:calc(100vh - 250px)!important;padding:0 3vw!important;line-height:1.38!important;}
}


/* v2.22 - Smaller projector preview and reliable manual projector font scaling */
.abrcp-preview-verse{font-size:clamp(24px,2.8vw,52px);line-height:1.65;}
.abrcp-projector-verse{font-size:3.2vw!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(22px,7vw,46px)}.abrcp-projector-verse{font-size:5vw!important}}

/* v2.24 - Slightly smaller default preview text */
.abrcp-preview-verse{font-size:clamp(23px,2.55vw,48px);}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(21px,6.3vw,43px)}}

/* v2.25 - Smaller preview default */
.abrcp-preview-verse{font-size:clamp(22px,2.25vw,44px)!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(20px,5.7vw,39px)!important;}}

/* v2.29 - Mobile voice recognition: visible microphone turns red while recording */
.abrcp-preview-controls .abrcp-preview-voice.is-listening{background:#e23d4d!important;color:#fff!important;border-color:#ff6672!important;box-shadow:0 0 0 3px rgba(226,61,77,.18),0 0 18px rgba(226,61,77,.45)!important;animation:abrcp-preview-mic-pulse 1.1s ease-in-out infinite}
@keyframes abrcp-preview-mic-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* v2.30 - Preview A-/A+ must override the default preview font rule */
.abrcp-preview-verse{transition:font-size .2s ease;}

/* v2.31 - Slightly larger Bible book names and smaller preview default */
.abrcp-work-book{font-size:13px!important;}
.abrcp-preview-verse{font-size:clamp(20px,2.05vw,40px)!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(19px,5.2vw,36px)!important;}}


/* v2.32 - Unified light/dark theme for projector and the full reader workspace */
.abrcp-wrap:not(.dark) .abrcp-projector-workspace{
  background:#f3ead8!important;color:#3b2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-stepbar{color:#5b3a28!important}
.abrcp-wrap:not(.dark) .abrcp-stepbar i{color:#9b6418!important}
.abrcp-wrap:not(.dark) .abrcp-work-panel,
.abrcp-wrap:not(.dark) .abrcp-work-preview{
  border-color:#cdb98f!important;
  background:linear-gradient(180deg,#fffaf0,#f1e3c8)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.7)!important;
}
.abrcp-wrap:not(.dark) .abrcp-panel-title{
  background:#ead8b1!important;color:#4f3020!important;border-bottom-color:#cdb27a!important;
}
.abrcp-wrap:not(.dark) .abrcp-panel-title span{color:#8b5b18!important}
.abrcp-wrap:not(.dark) .abrcp-work-search{
  background:#fffdf7!important;color:#33271d!important;border-color:#c6a974!important;
}
.abrcp-wrap:not(.dark) .abrcp-work-search::placeholder{color:#927d67!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs{border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs button{background:#f4e7cb!important;color:#765322!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs button.is-active{background:#8b2632!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-book{color:#4b3024!important}
.abrcp-wrap:not(.dark) .abrcp-work-book:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-work-book b{color:#8b7259!important}
.abrcp-wrap:not(.dark) .abrcp-work-book.is-active{background:linear-gradient(90deg,#8b2632,#b77b20)!important;color:#fff!important;box-shadow:inset 3px 0 #e8c879!important}
.abrcp-wrap:not(.dark) .abrcp-work-book.is-active b{color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-book-mini{color:#806b56!important}
.abrcp-wrap:not(.dark) .abrcp-current-book,
.abrcp-wrap:not(.dark) .abrcp-current-chapter{background:#ead8b1!important;color:#5b3816!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter{background:#fffaf0!important;color:#5b3816!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter:hover{border-color:#9b6418!important;background:#f7ecd2!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter.is-active{background:#8b2632!important;border-color:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse{color:#5b4030!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse b{background:#ead8b1!important;color:#765322!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse i{color:#947c64!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse.is-active{background:#8b2632!important;border-color:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse.is-active b{background:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-preview{
  background:radial-gradient(circle at 50% 30%,#fffaf0 0,#f1e2c5 52%,#e5d2ac 100%)!important;
}
.abrcp-wrap:not(.dark) .abrcp-preview-top{color:#6b4b34!important}
.abrcp-wrap:not(.dark) .abrcp-preview-projector{background:#ead8b1!important;color:#5b3816!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-preview-ref{background:rgba(255,255,255,.55)!important;color:#765322!important;border-color:#b98b3e!important}
.abrcp-wrap:not(.dark) .abrcp-preview-verse{color:#4a3023!important;text-shadow:none!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls{background:rgba(234,216,177,.88)!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls button{background:#fff8e8!important;color:#5b3816!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls button:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-content{background:var(--paper-light)!important;color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-heading,.abrcp-wrap:not(.dark) .abrcp-pager,.abrcp-wrap:not(.dark) .abrcp-chapter{color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-text{color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-voice-status{background:#fff7e7!important;color:#765322!important;border-color:#d5b47a!important}

.abrcp-wrap:not(.dark) .abrcp-projector{
  background:radial-gradient(circle at 50% 30%,#fffdf7 0,#f4ead7 48%,#e8d7b5 100%)!important;
  color:#3e2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-top{color:#8b5b18!important}
.abrcp-wrap:not(.dark) .abrcp-projector-close{
  background:rgba(255,255,255,.65)!important;color:#5b3816!important;border-color:rgba(123,47,42,.25)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-ref{color:#7b4d16!important;border-color:rgba(155,100,24,.5)!important;background:rgba(255,255,255,.5)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-verse{text-shadow:0 2px 10px rgba(80,45,10,.10)!important;color:#3f2b21!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button{background:rgba(255,255,255,.72)!important;color:#5b3816!important;border-color:rgba(123,47,42,.22)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button:hover{background:rgba(234,216,177,.95)!important}

/* Keep the dark theme explicit for the projector/workspace even when other site CSS interferes. */
.abrcp-wrap.dark .abrcp-projector{background:radial-gradient(circle at 50% 35%,#173c52 0,#071724 42%,#02070c 100%)!important;color:#fff!important}
.abrcp-wrap.dark .abrcp-projector-verse{color:#fff!important}
.abrcp-wrap.dark .abrcp-projector-controls button{background:rgba(255,255,255,.08)!important;color:#fff!important}


/* v2.33 - Match Bible verse content to light/dark reader and default to dark */
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{
  background:#fffaf0!important;
  color:#2e241d!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse *{
  color:#2e241d!important;
}
.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content .abrcp-chapter,
.abrcp-wrap.dark .abrcp-content .abrcp-verse{
  background:#2b211b!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse *{
  color:#f1e3c8!important;
}

/* v2.34 - Make Bible verse rows and controls match projector theme exactly */
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{
  background:linear-gradient(180deg,#fffdf7 0,#f4ead7 100%)!important;
  color:#3e2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse .abrcp-text{
  color:#3f2b21!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{border-bottom-color:rgba(123,47,42,.20)!important}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-num{
  background:#8b2632!important;color:#fff!important;box-shadow:0 2px 5px rgba(80,35,25,.18)!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy{
  background:rgba(255,255,255,.72)!important;color:#5b3816!important;border-color:rgba(123,47,42,.22)!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star:hover,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy:hover{background:rgba(234,216,177,.95)!important}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star.is-saved,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy.copied{background:#dfc181!important;color:#4c3214!important}

.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content .abrcp-chapter,
.abrcp-wrap.dark .abrcp-content .abrcp-verse{
  background:linear-gradient(180deg,#0b1e2d 0,#071724 100%)!important;
  color:#f4f8fb!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse .abrcp-text{
  color:#f4f8fb!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-verse{border-bottom-color:#27475e!important}
.abrcp-wrap.dark .abrcp-content .abrcp-num{
  background:#126fca!important;color:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.28)!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-star,
.abrcp-wrap.dark .abrcp-content .abrcp-copy{
  background:rgba(255,255,255,.08)!important;color:#dce9f2!important;border-color:#3b5c72!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-star:hover,
.abrcp-wrap.dark .abrcp-content .abrcp-copy:hover{background:rgba(255,255,255,.15)!important}
.abrcp-wrap.dark .abrcp-content .abrcp-star.is-saved,
.abrcp-wrap.dark .abrcp-content .abrcp-copy.copied{background:#31506a!important;color:#fff!important}

/* v2.34 — Keep Bible verse area and verse controls synchronized with the reader/projector theme */
.abrcp-wrap{
  --reader-bg:#071725;
  --reader-panel:#0a1d2c;
  --reader-panel2:#102e45;
  --reader-text:#e8eef3;
  --reader-muted:#9fb4c5;
  --reader-border:#27475e;
  --reader-button:#102e45;
  --reader-button-hover:#174766;
  --reader-accent:#126fca;
}

/* Light theme: use the same visual hierarchy, but with a light projector-style palette. */
.abrcp-wrap:not(.dark){
  --reader-bg:#f4f7fa;
  --reader-panel:#ffffff;
  --reader-panel2:#eef3f7;
  --reader-text:#253746;
  --reader-muted:#607485;
  --reader-border:#cbd8e2;
  --reader-button:#e8eef3;
  --reader-button-hover:#dbe6ee;
  --reader-accent:#147dcc;
}

.abrcp-wrap .abrcp-content,
.abrcp-wrap .abrcp-content-wrap,
.abrcp-wrap .abrcp-chapter,
.abrcp-wrap .abrcp-verse,
.abrcp-wrap .abrcp-pager,
.abrcp-wrap .abrcp-heading{
  background-color:var(--reader-panel)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}
.abrcp-wrap .abrcp-text,
.abrcp-wrap .abrcp-verse-text,
.abrcp-wrap .abrcp-heading span,
.abrcp-wrap .abrcp-heading strong{
  color:var(--reader-text)!important;
}
.abrcp-wrap .abrcp-verse{
  border-bottom:1px solid var(--reader-border)!important;
}
.abrcp-wrap .abrcp-num,
.abrcp-wrap .abrcp-copy,
.abrcp-wrap .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border:1px solid var(--reader-border)!important;
  box-shadow:none!important;
}
.abrcp-wrap .abrcp-num:hover,
.abrcp-wrap .abrcp-copy:hover,
.abrcp-wrap .abrcp-star:hover{
  background:var(--reader-button-hover)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-accent)!important;
}
.abrcp-wrap .abrcp-copy.copied{
  background:var(--reader-accent)!important;
  color:#fff!important;
  border-color:var(--reader-accent)!important;
}
.abrcp-wrap .abrcp-star.is-saved{
  background:var(--reader-accent)!important;
  color:#fff!important;
  border-color:var(--reader-accent)!important;
}

/* Light-mode reader controls match the light projector/workspace instead of retaining old brown colors. */
.abrcp-wrap:not(.dark) .abrcp-verse,
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-pager,
.abrcp-wrap:not(.dark) .abrcp-heading{
  background:var(--reader-panel)!important;
  color:var(--reader-text)!important;
}
.abrcp-wrap:not(.dark) .abrcp-num,
.abrcp-wrap:not(.dark) .abrcp-copy,
.abrcp-wrap:not(.dark) .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}

/* Dark-mode reader controls match the dark projector palette exactly. */
.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content-wrap,
.abrcp-wrap.dark .abrcp-chapter,
.abrcp-wrap.dark .abrcp-verse,
.abrcp-wrap.dark .abrcp-pager,
.abrcp-wrap.dark .abrcp-heading{
  background:var(--reader-panel)!important;
  color:var(--reader-text)!important;
}
.abrcp-wrap.dark .abrcp-num,
.abrcp-wrap.dark .abrcp-copy,
.abrcp-wrap.dark .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}

/* Keep browser-native form controls aligned with the active theme. */
.abrcp-wrap{color-scheme:dark;}
.abrcp-wrap:not(.dark){color-scheme:light;}


/* v2.38 - Manual projector prompt after selecting a verse */
.abrcp-wrap .abrcp-preview-projector.abrcp-projector-prompt{
  animation:abrcp-projector-prompt 0.75s ease-in-out infinite;
  box-shadow:0 0 0 3px var(--reader-accent), 0 0 22px var(--reader-accent)!important;
  border-color:var(--reader-accent)!important;
}
@keyframes abrcp-projector-prompt{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.07);opacity:.72}
}


/* v2.39 - Keep projector prompt flashing red until manually clicked */
.abrcp-wrap .abrcp-preview-projector.abrcp-projector-prompt{
  animation:abrcp-projector-prompt-red 0.75s ease-in-out infinite!important;
  background:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  box-shadow:0 0 0 3px rgba(214,40,57,.28),0 0 24px rgba(214,40,57,.72)!important;
}
@keyframes abrcp-projector-prompt-red{
  0%,100%{transform:scale(1);opacity:1;background:#d62839!important}
  50%{transform:scale(1.07);opacity:.72;background:#ff263d!important}
}


/* v2.42 - Keep the dark projector sky background fully visible in normal and fullscreen projector views. */
.abrcp-wrap.dark .abrcp-projector{
  background-color:#020a14!important;
  background-image:url("../images/projector-sky-stars.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .abrcp-wrap.dark .abrcp-projector{background-position:center center!important;}
}


/* v2.43 - Light-mode projector background matching the dark sky design. */
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-color:#d9e7f5!important;
  background-image:url("../images/projector-sky-light.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .abrcp-wrap:not(.dark) .abrcp-projector{background-position:center center!important;}
}


/* v2.47 - Clean central light projector sky and readable navy typography. */
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-color:#5ea7e8!important;
  background-image:url("../images/projector-sky-light.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  color:#062b5c!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-top{color:#083b72!important;text-shadow:0 1px 3px rgba(255,255,255,.55)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-ref{
  color:#07366d!important;
  border-color:rgba(7,54,109,.42)!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:0 2px 10px rgba(0,45,90,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-verse{
  color:#062b5c!important;
  text-shadow:0 2px 7px rgba(255,255,255,.78),0 1px 2px rgba(0,30,70,.22)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button{
  background:rgba(255,255,255,.82)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
  box-shadow:0 2px 8px rgba(0,35,75,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button:hover{background:rgba(255,255,255,.96)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-close{
  background:rgba(255,255,255,.78)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
}


/* v2.0 - Responsive projector background and subtle clean Bible emblem. */
.abrcp-wrap .abrcp-projector{
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.abrcp-wrap .abrcp-projector-emblem{
  position:absolute!important;
  z-index:2!important;
  top:25px!important;
  right:25px!important;
  width:clamp(52px,6.2vw,96px)!important;
  height:auto!important;
  aspect-ratio:262/195!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
  pointer-events:none!important;
  opacity:.38!important;
}
.abrcp-wrap.dark .abrcp-projector{
  background-image:url("../images/projector-sky-stars-responsive-clean.jpg")!important;
  background-color:#020a14!important;
}
.abrcp-wrap.dark .abrcp-projector-emblem{
  background-image:url("../images/projector-sky-stars-emblem-transparent.png")!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-image:url("../images/projector-sky-light-responsive-clean.jpg")!important;
  background-color:#5ea7e8!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-emblem{
  background-image:url("../images/projector-sky-light-emblem-transparent.png")!important;
}
@media(max-width:760px){
  .abrcp-wrap .abrcp-projector-emblem{
    top:25px!important;
    right:25px!important;
    width:clamp(44px,13vw,72px)!important;
  }
}


/* v2.0 - Close button moved beside fullscreen and styled like projector controls. */
.abrcp-projector-controls .abrcp-projector-close{
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  width:auto!important;
  height:auto!important;
  min-width:64px!important;
  border-radius:8px!important;
  padding:9px 15px!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.abrcp-projector-controls .abrcp-projector-close:hover{background:rgba(255,255,255,.16)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls .abrcp-projector-close{
  background:rgba(255,255,255,.82)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
  box-shadow:0 2px 8px rgba(0,35,75,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls .abrcp-projector-close:hover{background:rgba(255,255,255,.96)!important}
@media(max-width:760px){
  .abrcp-projector-controls .abrcp-projector-close{padding:7px 11px!important;font-size:11px!important;min-width:56px!important;}
}

/* v2.35 - Robust mobile landscape + fullscreen projector layout.
   The verse area must follow the real viewport instead of the older vh caps. */
.abrcp-projector:fullscreen,
.abrcp-projector:-webkit-full-screen {
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  padding:clamp(56px,7dvh,90px) 3vw clamp(76px,10dvh,108px)!important;
  overflow:hidden!important;
}
.abrcp-projector:fullscreen .abrcp-projector-verse,
.abrcp-projector:-webkit-full-screen .abrcp-projector-verse {
  width:min(94vw,1500px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  flex:0 0 auto!important;
  padding:0 2vw!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  line-height:1.32!important;
}

@media (max-width:760px) {
  .abrcp-projector {
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:56px 3vw 76px!important;
  }
  .abrcp-projector-verse {
    width:94vw!important;
    max-width:94vw!important;
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0 1vw!important;
    line-height:1.32!important;
    overflow:hidden!important;
  }
}

@media (orientation:landscape) and (max-width:900px) {
  .abrcp-projector {
    padding:38px 3vw 58px!important;
  }
  .abrcp-projector-ref {
    margin-bottom:6px!important;
    font-size:clamp(13px,2.5vw,20px)!important;
    padding:3px 14px!important;
  }
  .abrcp-projector-verse {
    width:94vw!important;
    max-width:94vw!important;
    line-height:1.25!important;
  }
  .abrcp-projector-controls {
    bottom:7px!important;
    max-width:94vw!important;
  }
  .abrcp-projector-controls button {
    padding:5px 8px!important;
    font-size:10px!important;
  }
}

/* Remote-controlled fullscreen mode: works from a remote phone without relying on browser fullscreen user-gesture restrictions. */
.abrcp-projector.abrcp-remote-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100dvh!important;max-height:none!important;z-index:2147483000!important}
body.abrcp-remote-fullscreen-open{overflow:hidden!important}
.abrcp-projector.abrcp-remote-fullscreen .abrcp-projector-verse{max-height:none!important}





/* v2.4.39 - sparse live stars with explicit Web Animations flashing. */
/* obsolete legacy screen-mode styling removed. */
@keyframes abrcp-cloud-drift-oneway{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes abrcp-star-flash{0%,100%{opacity:.16;transform:scale(.68);filter:brightness(.8)}18%{opacity:.42;transform:scale(.92)}38%{opacity:1;transform:scale(1.65);filter:brightness(1.9)}48%{opacity:.72;transform:scale(1.12)}62%{opacity:.28;transform:scale(.82);filter:brightness(1)}75%{opacity:.9;transform:scale(1.32);filter:brightness(1.5)}}


/* v2.4.52 — Show a clear live connection state on the PC remote button. */
.abrcp-remote-open.abrcp-remote-connected{
  animation:abrcpRemoteConnectedPulse 1.35s ease-in-out infinite!important;
  border-color:rgba(46,204,113,.85)!important;
  color:#fff!important;
}
.abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label{
  font-weight:800!important;
}
/* v2.4.57 — Keep the connected label readable in the PC projector light theme. */
.abrcp-reader.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected,
.abrcp-projector-wrap.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected,
.abrcp-remote-open.abrcp-remote-connected.abrcp-light-theme{
  color:#222!important;
}
.abrcp-reader.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label,
.abrcp-projector-wrap.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label,
.abrcp-remote-open.abrcp-remote-connected.abrcp-light-theme .abrcp-remote-button-label{
  color:#222!important;
}
@keyframes abrcpRemotePhoneHeartbeat{0%,100%{transform:scale(1);opacity:1}12%{transform:scale(1.08);opacity:1}24%{transform:scale(.94);opacity:.9}36%{transform:scale(1.06);opacity:1}52%{transform:scale(1);opacity:1}}
@keyframes abrcpOperatorPhoneColorHeartbeat{0%,100%{color:#111;transform:scale(1);opacity:.9}18%{color:#35d487;transform:scale(1.08);opacity:1}34%{color:#111;transform:scale(.96);opacity:.92}50%{color:#35d487;transform:scale(1.05);opacity:1}68%{color:#111;transform:scale(1);opacity:.94}}
@keyframes abrcpRemoteConnectedPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(46,204,113,.35);transform:scale(1);}
  50%{box-shadow:0 0 0 7px rgba(46,204,113,0);transform:scale(1.025);}
}
@media (prefers-reduced-motion:reduce){
  .abrcp-remote-open.abrcp-remote-connected{animation:none!important;}
}


/* v2.4.55 — Remote-controlled white waiting screen using the light sky artwork. */

/* v2.4.60 — Force the PC remote connected label dark in the actual light reader theme. */
.abrcp-wrap:not(.dark) .abrcp-remote-open.abrcp-remote-connected,
.abrcp-wrap:not(.dark) .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
}


/* v2.4.70 — White waiting screen hides the Bible reference until a verse is shown. */
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* v2.4.71 — White screen projector controls use dark readable text. */
  color:#17344d!important;
  -webkit-text-fill-color:#17344d!important;
  text-shadow:none!important;
  border-color:rgba(23,52,77,.28)!important;
  background:rgba(255,255,255,.78)!important;
}
  background:rgba(255,255,255,.96)!important;
}

/* Church hymns / PowerPoint text mode */
.abrcp-content-mode{display:flex;justify-content:center;gap:8px;padding:12px 10px 4px;background:#071725}
.abrcp-content-mode button{border:1px solid #35566e;border-radius:9px;background:#0d263a;color:#dceaf3;padding:9px 22px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-content-mode button:hover{background:#123b57}
.abrcp-content-mode button.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);color:#fff;border-color:#2d9be8;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.abrcp-hymn-list{height:445px;overflow:auto;padding:0 8px 10px}
.abrcp-work-hymn{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#e7eef4;padding:10px 9px;margin:2px 0;text-align:right;direction:rtl;font-family:inherit;font-size:13px;cursor:pointer}
.abrcp-work-hymn:hover{background:#123550}
.abrcp-work-hymn.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);box-shadow:inset 3px 0 #36b4ff;color:#fff}
.abrcp-work-hymn b{margin-right:auto;color:#7995a8;font-family:Arial}.abrcp-work-hymn.is-active b{color:#fff}
.abrcp-hymn-mini{font-size:14px}
.abrcp-current-hymn{padding:8px 12px;color:#a9c9de;font-weight:700;border-bottom:1px solid #24445a}
.abrcp-hymn-slide-list{height:445px;overflow:auto;padding:8px}
.abrcp-work-hymn-slide{width:100%;display:flex;align-items:flex-start;gap:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dce8ef;padding:10px;margin:3px 0;text-align:right;direction:rtl;font-family:inherit;cursor:pointer}
.abrcp-work-hymn-slide:hover{background:#123550}.abrcp-work-hymn-slide.is-active{background:#113b59;border-color:#267caf}.abrcp-work-hymn-slide b{min-width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#183f58;color:#9fd7ff;font-family:Arial}.abrcp-work-hymn-slide span{flex:1;font-size:12px;line-height:1.8}.abrcp-work-hymn-slide i{font-style:normal;color:#7895a8;font-family:Arial}
.abrcp-hymn-slide-text{padding:18px;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;direction:rtl;line-height:2;font-size:22px;color:#eaf4fa;white-space:normal}
.abrcp-wrap:not(.dark) .abrcp-content-mode{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-content-mode button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-content-mode button.is-active{background:linear-gradient(90deg,#8b2632,#b77b20);color:#fff;border-color:#b77b20}.abrcp-wrap:not(.dark) .abrcp-work-hymn{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-work-hymn:hover{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-work-hymn.is-active{background:linear-gradient(90deg,#8b2632,#b77b20);color:#fff}.abrcp-wrap:not(.dark) .abrcp-current-hymn{color:#6d5135;border-color:#d4bd92}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide:hover{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide.is-active{background:#f1dfbb;border-color:#b77b20}.abrcp-wrap:not(.dark) .abrcp-hymn-slide-text{color:#4b3024}
@media(max-width:1050px){.abrcp-hymn-list,.abrcp-hymn-slide-list{height:350px}}
@media(max-width:760px){.abrcp-content-mode{padding:9px 5px}.abrcp-content-mode button{flex:1;padding:8px 10px}.abrcp-hymn-list,.abrcp-hymn-slide-list{height:280px}.abrcp-hymn-slide-text{min-height:230px;font-size:20px}}

/* v2.XX - Keep Bible verse selector compact so the projector preview stays beside it on desktop. */
.abrcp-verses-panel{min-width:0!important;width:auto!important;}
.abrcp-verses-panel .abrcp-panel-title{padding-left:10px;padding-right:10px;}

/* Hymn mode: remove the Bible verse panel and reclaim its grid track. */
.abrcp-projector-workspace.abrcp-hymns-mode .abrcp-verses-panel{display:none!important;}
.abrcp-projector-workspace.abrcp-hymns-mode .abrcp-workgrid{grid-template-columns:1fr 1fr 2fr;}
.abrcp-verses-panel .abrcp-current-chapter{margin-left:7px;margin-right:7px;}
.abrcp-verses-panel .abrcp-verse-list{padding-left:5px;padding-right:5px;}

/* Hymn mode: make the projector action visibly flash so the operator can identify the hymn display action. */
@keyframes abrcpHymnProjectorFlash{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,45,45,0)}
  50%{transform:scale(1.035);box-shadow:0 0 0 5px rgba(220,45,45,.20),0 0 18px rgba(220,45,45,.85)}
}
.abrcp-preview-projector.abrcp-display-action,
.abrcp-preview-projector.abrcp-hymn-projector-action{
  background:#b72c2c!important;
  background-color:#b72c2c!important;
  border-color:#e04a4a!important;
  color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
  animation:abrcpHymnProjectorFlash 1.1s ease-in-out infinite!important;
}
.abrcp-preview-projector.abrcp-display-action .abrcp-preview-projector-label,
.abrcp-preview-projector.abrcp-hymn-projector-action .abrcp-preview-projector-label{color:#fff!important;}
/* Force the hymn display action to keep its filled red state in light mode too.
   The light-theme projector button rule uses !important and otherwise overrides
   the active hymn background, leaving only the pulse border visible. */
.abrcp-wrap:not(.dark) .abrcp-preview-projector.abrcp-hymn-projector-action{
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  opacity:1!important;
}
.abrcp-wrap:not(.dark) .abrcp-preview-projector.abrcp-hymn-projector-action .abrcp-preview-projector-label{
  color:#fff!important;
}
@keyframes abrcpHymnProjectorFlashFilled{
  0%,100%{transform:scale(1);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 0 rgba(214,40,57,0),0 0 0 rgba(214,40,57,0)}
  50%{transform:scale(1.035);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 5px rgba(214,40,57,.22),0 0 18px rgba(214,40,57,.72)}
}
.abrcp-wrap .abrcp-preview-projector.abrcp-hymn-projector-action{
  animation:abrcpHymnProjectorFlashFilled 1.1s ease-in-out infinite!important;
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  opacity:1!important;
}


/* Content-mode step navigation: only show the steps for the active mode. */
.abrcp-stepbar[hidden]{display:none!important}

/* Keep the Bible display action filled red after the projector closes. */
.abrcp-wrap .abrcp-preview-projector.abrcp-display-action{
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  opacity:1!important;
  animation:abrcpDisplayActionFlashFilled 1.1s ease-in-out infinite!important;
}
.abrcp-wrap .abrcp-preview-projector.abrcp-display-action .abrcp-preview-projector-label{color:#fff!important;}
@keyframes abrcpDisplayActionFlashFilled{
  0%,100%{transform:scale(1);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 0 rgba(214,40,57,0),0 0 0 rgba(214,40,57,0)}
  50%{transform:scale(1.035);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 5px rgba(214,40,57,.22),0 0 18px rgba(214,40,57,.72)}
}

/* Arabic on-screen keyboard for hymn search */
.abrcp-hymn-search-wrap{position:relative;margin-bottom:10px}
.abrcp-hymn-search-wrap .abrcp-hymn-search{width:calc(100% - 20px)!important;margin:10px!important;height:38px!important;border-radius:8px!important;border:1px solid #34556d!important;background:#091d2d!important;color:#f4f8fb!important;padding:6px 12px 6px 46px!important;font-family:inherit!important;font-size:11px!important;box-sizing:border-box!important}.abrcp-hymn-search::placeholder{color:#7e98aa!important}
.abrcp-wrap:not(.dark) .abrcp-hymn-search{background:#fffdf7!important;color:#33271d!important;border-color:#c6a974!important}.abrcp-wrap:not(.dark) .abrcp-hymn-search::placeholder{color:#927d67!important}
.abrcp-arabic-keyboard-toggle{position:absolute;left:7px;top:50%;width:34px;height:34px;margin:0;padding:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #394653;border-radius:8px;background:#151d26;color:#dfe7ed;font-family:Arial,sans-serif;font-size:17px;line-height:1;cursor:pointer;z-index:3}
.abrcp-arabic-keyboard-toggle:hover,.abrcp-arabic-keyboard-toggle.is-open{background:#c83232;color:#fff;border-color:#d94a4a}
.abrcp-arabic-keyboard{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;padding:9px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.abrcp-arabic-keys{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;direction:rtl}
.abrcp-arabic-keys button{min-width:0;width:100%;height:36px;padding:0 2px;margin:0;border:1px solid #35414d;border-radius:7px;background:#202a35;color:#f2f5f7;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;cursor:pointer;box-shadow:none;overflow:hidden}
.abrcp-arabic-keys button:hover{background:#c83232;border-color:#d94a4a;color:#fff}
.abrcp-arabic-keys button:active{transform:translateY(1px)}
.abrcp-arabic-keys .is-space{grid-column:span 4;background:#252f3a;font-size:11px;height:36px}
.abrcp-arabic-keys .is-backspace,.abrcp-arabic-keys .is-clear{background:#303b47;font-size:11px;height:36px}
.abrcp-arabic-keys .is-clear{color:#ffb7b7}
.abrcp-wrap:not(.dark) .abrcp-arabic-keyboard{background:#ead8b1;border-color:#c9aa76;box-shadow:0 12px 30px rgba(67,45,25,.22)}
.abrcp-wrap:not(.dark) .abrcp-arabic-keys button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-arabic-keys button:hover{background:#8b2632;color:#fff;border-color:#8b2632}
@media(max-width:760px){.abrcp-arabic-keys{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.abrcp-arabic-keys button{height:34px;font-size:12px}.abrcp-arabic-keys .is-space{grid-column:span 3;height:34px}}

/* Announcement composer — projector-style rich editor */
.abrcp-announcement-toggle{margin-right:0!important}
.abrcp-announcement-toggle.is-open{background:#d62839!important;color:#fff!important;border-color:#ff7b86!important;box-shadow:0 4px 14px rgba(214,40,57,.22)}
.abrcp-announcement-panel{margin:0 auto 10px;width:min(820px,calc(100% - 24px));padding:12px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box}
.abrcp-announcement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfe7ed;font-size:16px;margin-bottom:9px}
.abrcp-announcement-close{width:30px;height:30px;border:1px solid #394653;border-radius:8px;background:#151d26;color:#dfe7ed;font-size:20px;line-height:1;cursor:pointer}
.abrcp-announcement-saved-row{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.abrcp-announcement-saved{flex:1;min-width:0;height:36px;border:1px solid #394653;border-radius:8px;background:#102d42!important;color:#fff!important;padding:0 10px;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:14px;outline:none}
.abrcp-announcement-saved-row button,.abrcp-announcement-toolbar button{border:1px solid #394653;border-radius:8px;background:#102d42;color:#dfe7ed;padding:7px 10px;font-family:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.abrcp-announcement-saved:hover,.abrcp-announcement-saved:focus{background:#163c57!important;color:#fff!important;border-color:#d94a4a!important}.abrcp-announcement-saved option{background:#102d42!important;color:#fff!important}.abrcp-announcement-saved-row button:hover,.abrcp-announcement-toolbar button:hover{filter:brightness(1.12)}
.abrcp-announcement-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:7px;border:1px solid #2f3d49;border-radius:9px;background:#0a141e}
.abrcp-announcement-toolbar button{padding:7px 10px;font-size:13px}
.abrcp-announcement-html{display:block;width:100%;min-height:220px;max-height:55vh;box-sizing:border-box;border:1px solid #394653;border-radius:9px;background:#071018;color:#dfe7ed;padding:12px;font:14px/1.6 Consolas,"Courier New",monospace;resize:vertical;outline:none;white-space:pre-wrap}
.abrcp-announcement-html:focus{border-color:#d94a4a;box-shadow:0 0 0 2px rgba(214,40,57,.14)}
.abrcp-announcement-html-toggle.is-active{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
.abrcp-announcement-heading{display:inline-flex!important;position:static!important;float:none!important;vertical-align:middle;align-items:center;gap:6px;height:32px;margin:0!important;padding:0 7px;border:1px solid #394653;border-radius:8px;background:#102d42;color:#fff;font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;box-sizing:border-box}
.abrcp-announcement-heading-select{display:block!important;position:static!important;float:none!important;height:30px;min-width:92px;margin:0!important;border:1px solid #394653!important;border-radius:7px;background:#102d42!important;color:#dfe7ed!important;padding:0 7px;font-family:inherit;font-size:12px;font-weight:700;outline:none;cursor:pointer;box-sizing:border-box;appearance:auto}
.abrcp-announcement-color{display:flex;align-items:center;gap:5px;height:30px;padding:0 7px;border:1px solid #394653;border-radius:8px;background:#102d42;color:#fff;font-weight:700;font-size:13px}
.abrcp-announcement-color-input{width:24px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}
.abrcp-announcement-input{display:block;width:100%;min-height:115px;max-height:50vh;overflow:auto;box-sizing:border-box;border:1px solid #394653;border-radius:9px;background:transparent;color:#fff;padding:clamp(10px,1.4vw,16px);font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:clamp(17px,2.05vw,26px);line-height:1.8;outline:none;text-align:right;direction:rtl;overflow-wrap:anywhere;word-break:normal}
.abrcp-announcement-input p,.abrcp-announcement-input h1,.abrcp-announcement-input h2,.abrcp-announcement-input h3,.abrcp-announcement-input h4,.abrcp-announcement-input h5,.abrcp-announcement-input h6{margin:0 0 .55em;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;overflow-wrap:anywhere}
.abrcp-announcement-input p{font-size:1em;font-weight:400}
.abrcp-announcement-input h1{font-size:clamp(30px,4.8vw,60px);line-height:1.35;font-weight:800}
.abrcp-announcement-input h2{font-size:clamp(27px,4.1vw,52px);line-height:1.4;font-weight:800}
.abrcp-announcement-input h3{font-size:clamp(24px,3.5vw,44px);line-height:1.45;font-weight:800}
.abrcp-announcement-input h4{font-size:clamp(21px,3vw,38px);line-height:1.5;font-weight:800}
.abrcp-announcement-input h5{font-size:clamp(19px,2.6vw,32px);line-height:1.55;font-weight:800}
.abrcp-announcement-input h6{font-size:clamp(18px,2.3vw,28px);line-height:1.6;font-weight:800}
.abrcp-announcement-input:empty:before{content:attr(data-placeholder);color:#72808b;pointer-events:none}
.abrcp-announcement-input:focus{border-color:#d94a4a;box-shadow:0 0 0 2px rgba(214,40,57,.14)}
.abrcp-announcement-input img{display:block!important;float:none!important;clear:both;max-width:100%;height:auto;margin:10px 0!important;border-radius:8px;cursor:pointer;outline:2px solid transparent;outline-offset:3px;user-select:none}
.abrcp-announcement-input img.is-selected{outline-color:#d62839;box-shadow:0 0 0 3px rgba(214,40,57,.16)}
.abrcp-announcement-input{position:relative}
.abrcp-announcement-resize-handle{position:absolute;width:12px;height:12px;border-radius:3px;background:#d62839;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45);cursor:nwse-resize;z-index:20;touch-action:none}
.abrcp-announcement-image-size{min-width:64px}
@media(max-width:760px){.abrcp-announcement-image-size{min-width:58px;font-size:10px!important}}
.abrcp-announcement-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:9px}
.abrcp-announcement-actions button{border:1px solid #394653;border-radius:8px;background:#102d42;color:#dfe7ed;padding:8px 13px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-announcement-actions button:hover{filter:brightness(1.12)}
.abrcp-projector-announcement-image{display:block;max-width:min(80vw,1200px);max-height:42vh;width:auto;height:auto;object-fit:contain;margin:1.2vh auto;border-radius:8px}
.abrcp-wrap:not(.dark) .abrcp-announcement-panel{background:#ead8b1;border-color:#c9aa76;box-shadow:0 12px 30px rgba(67,45,25,.22)}
.abrcp-wrap:not(.dark) .abrcp-announcement-head{color:#4b3024}
.abrcp-wrap:not(.dark) .abrcp-announcement-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-input{background:transparent;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-html{background:#fffdf8;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar{background:#f2e2c2;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-saved-row button,.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar button,.abrcp-wrap:not(.dark) .abrcp-announcement-color,.abrcp-wrap:not(.dark) .abrcp-announcement-heading,.abrcp-wrap:not(.dark) .abrcp-announcement-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-heading-select{background:#fff6e6!important;color:#4b3024!important;border:1px solid #c9aa76!important}
@media(max-width:760px){
  .abrcp-announcement-panel{width:calc(100% - 12px);padding:10px}
  .abrcp-announcement-input{min-height:120px;line-height:1.75;max-height:55vh}
  .abrcp-announcement-saved-row{flex-wrap:wrap}
  .abrcp-announcement-saved{flex-basis:100%}
  .abrcp-announcement-toolbar{gap:5px}
  .abrcp-announcement-toolbar button{padding:6px 7px;font-size:10px}
  .abrcp-announcement-heading{font-size:10px;height:30px}
  .abrcp-announcement-heading-select{min-width:82px;font-size:10px;height:28px}
  .abrcp-announcement-actions button{padding:7px 10px;font-size:11px}
}

/* Announcement toolbar: keep heading control inline beside text color. */
.abrcp-announcement-toolbar{direction:rtl!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.abrcp-announcement-toolbar .abrcp-announcement-heading{display:inline-flex!important;position:relative!important;float:none!important;order:20!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}
.abrcp-announcement-toolbar .abrcp-announcement-color-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;order:21!important;flex:0 0 auto!important;width:auto!important;height:32px!important}
.abrcp-announcement-toolbar .abrcp-announcement-color{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:32px!important;margin:0!important;box-sizing:border-box!important}
.abrcp-announcement-toolbar .abrcp-announcement-heading-select{position:static!important;float:none!important;display:block!important;width:auto!important;min-width:92px!important;height:30px!important;margin:0!important;box-sizing:border-box!important;background:#102d42!important;color:#dfe7ed!important;border:1px solid #394653!important;border-radius:7px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
.abrcp-announcement-color-swatch{display:inline-block;width:18px;height:18px;border-radius:4px;background:#fff;border:1px solid rgba(255,255,255,.65);box-sizing:border-box}
.abrcp-announcement-color-palette{position:absolute;top:calc(100% + 5px);right:0;z-index:80;display:grid;grid-template-columns:repeat(4,26px);gap:5px;padding:7px;background:#102d42;border:1px solid #394653;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.35)}
.abrcp-announcement-color-palette[hidden]{display:none!important}
.abrcp-announcement-color-palette button{width:26px!important;height:26px!important;padding:0!important;margin:0!important;border:2px solid rgba(255,255,255,.72)!important;border-radius:6px!important;background:var(--swatch)!important;box-sizing:border-box!important;cursor:pointer!important}
.abrcp-announcement-color-palette button:hover{transform:scale(1.08);filter:brightness(1.1)}
.abrcp-announcement-color-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.abrcp-announcement-input h1,.abrcp-announcement-input h2,.abrcp-announcement-input h3,.abrcp-announcement-input h4,.abrcp-announcement-input h5,.abrcp-announcement-input h6,
.abrcp-projector .abrcp-projector-verse h1,.abrcp-projector .abrcp-projector-verse h2,.abrcp-projector .abrcp-projector-verse h3,.abrcp-projector .abrcp-projector-verse h4,.abrcp-projector .abrcp-projector-verse h5,.abrcp-projector .abrcp-projector-verse h6{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar .abrcp-announcement-heading-select{background:#fff6e6!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar .abrcp-announcement-color-palette{background:#fff6e6;border-color:#c9aa76}
@media(max-width:760px){.abrcp-announcement-toolbar .abrcp-announcement-heading{order:20!important}.abrcp-announcement-toolbar .abrcp-announcement-color-wrap{order:21!important}.abrcp-announcement-toolbar .abrcp-announcement-heading-select{min-width:82px!important}}

/* Force heading and text-color controls to stay together in one inline group. */
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  order:20!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group .abrcp-announcement-heading{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  position:static!important;
}
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group .abrcp-announcement-color-wrap{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
  position:relative!important;
}
@media(max-width:760px){
  .abrcp-announcement-toolbar .abrcp-announcement-heading-color-group{gap:4px!important;order:20!important}
}

/* Announcement image alignment — WordPress-style selected-image controls */
.abrcp-announcement-image-align{min-width:34px!important;padding:7px 8px!important;text-align:center}
.abrcp-announcement-input img.abrcp-img-align-none{float:none!important;display:block!important;margin:10px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-left{float:none!important;display:block!important;margin:10px auto 10px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-center{float:none!important;display:block!important;margin:10px auto!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-right{float:none!important;display:block!important;margin:10px 0 10px auto!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-float-left{float:left!important;display:block!important;margin:8px 16px 8px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-float-right{float:right!important;display:block!important;margin:8px 0 8px 16px!important;clear:none!important}
.abrcp-announcement-input:after{content:"";display:block;clear:both}
/* Announcement projector: headings stay on their own line and never wrap beside a floated image. */
.abrcp-projector-verse[data-mode="announcement"] h1,
.abrcp-projector-verse[data-mode="announcement"] h2,
.abrcp-projector-verse[data-mode="announcement"] h3,
.abrcp-projector-verse[data-mode="announcement"] h4,
.abrcp-projector-verse[data-mode="announcement"] h5,
.abrcp-projector-verse[data-mode="announcement"] h6{clear:both!important;}
/* Announcement projector keeps normal document flow so image floats wrap surrounding text. */
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-float-left{float:left!important;display:block!important;margin:8px 20px 12px 0!important;max-width:45%!important;max-height:60vh!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-float-right{float:right!important;display:block!important;margin:8px 0 12px 20px!important;max-width:45%!important;max-height:60vh!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-left{float:none!important;display:block!important;margin:12px auto 12px 0!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-center{float:none!important;display:block!important;margin:12px auto!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-right{float:none!important;display:block!important;margin:12px 0 12px auto!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-none{float:none!important;display:block!important;margin:12px 0!important}
.abrcp-projector-verse:after{content:"";display:block;clear:both}


/* Announcement image alignment dropdown + HTML close button */
.abrcp-announcement-image-align-select{
  min-width:150px!important;height:32px!important;margin:0!important;padding:0 8px!important;
  border:1px solid #394653!important;border-radius:8px!important;background:#102d42!important;
  color:#dfe7ed!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;font-weight:700!important;box-sizing:border-box!important;cursor:pointer!important;
}
.abrcp-wrap:not(.dark) .abrcp-announcement-image-align-select{
  background:#fff6e6!important;color:#4b3024!important;border-color:#c9aa76!important;
}
.abrcp-announcement-html-wrap{position:relative;width:100%;box-sizing:border-box}
.abrcp-announcement-html-wrap[hidden]{display:none!important}
.abrcp-announcement-html-wrap .abrcp-announcement-html{width:100%!important;padding-top:42px!important}
.abrcp-announcement-html-close{
  position:absolute;top:7px;right:7px;z-index:3;width:32px;height:32px;
  border:1px solid #394653;border-radius:8px;background:#d62839;color:#fff;
  font-size:20px;line-height:1;cursor:pointer;font-family:Arial,sans-serif
}
.abrcp-wrap:not(.dark) .abrcp-announcement-html-close{border-color:#b77b20;background:#8b2632;color:#fff}
.abrcp-announcement-input img.is-selected{outline:2px solid transparent!important;box-shadow:none!important}

/* Announcement toolbar: compact, responsive WordPress-like controls */
.abrcp-announcement-toolbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-format,
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
.abrcp-announcement-toolbar > .abrcp-announcement-image-size,
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link,
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{
  position:static!important;
  float:none!important;
  flex:0 0 auto!important;
  order:initial!important;
  margin:0!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:32px!important;
  padding:0 5px!important;
  font-size:11px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  order:initial!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{
  min-width:48px!important;
  width:48px!important;
  padding:0 7px!important;
  font-family:Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.4px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-format{
  min-width:34px!important;
  width:34px!important;
  height:32px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-size{
  min-width:42px!important;
  width:auto!important;
  height:32px!important;
  padding:0 7px!important;
  font-size:12px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:32px!important;
  padding:0 6px!important;
  font-size:10px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{
  height:32px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.abrcp-announcement-color-letter{font-weight:800;font-family:Georgia,serif;font-size:16px;line-height:1}
.abrcp-announcement-color-swatch{width:13px!important;height:13px!important;border-radius:3px!important}
@media(max-width:760px){
  .abrcp-announcement-toolbar{gap:4px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-format{width:31px!important;min-width:31px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-heading-select{width:76px!important;min-width:76px!important;max-width:76px!important;height:30px!important;font-size:10px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{width:42px!important;min-width:42px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{width:98px!important;min-width:98px!important;max-width:98px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-size{height:30px!important;min-width:36px!important;padding:0 5px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
  .abrcp-announcement-toolbar > .abrcp-announcement-image-link{height:30px!important;padding:0 6px!important;font-size:10px!important}
}
\n\n/* 3.9.8 announcement editor polish: compact text + uniform modern toolbar */
.abrcp-announcement-toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;padding:6px!important;width:100%!important;box-sizing:border-box!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-format,
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap,
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
.abrcp-announcement-toolbar > .abrcp-announcement-image-size,
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select,
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{box-sizing:border-box!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0!important;padding:0!important;position:static!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;border-radius:8px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select{flex-basis:86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;padding:0 6px!important;font-size:11px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap{position:relative!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color-letter{font-size:15px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color-swatch{width:11px!important;height:11px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important;font-weight:800!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{flex-basis:92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;padding:0 5px!important;font-size:10px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-format{font-size:15px!important;line-height:1!important;font-weight:800!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-size{font-size:13px!important;line-height:1!important;font-weight:700!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{font-size:16px!important;line-height:1!important;font-weight:800!important;}
.abrcp-announcement-toolbar button:hover,.abrcp-announcement-toolbar select:hover{transform:translateY(-1px);filter:brightness(1.08);}
.abrcp-announcement-toolbar button:active{transform:translateY(0);}
.abrcp-announcement-input{font-size:clamp(14px,1.25vw,18px)!important;line-height:1.8!important;padding:10px 12px!important;}
.abrcp-announcement-input p{font-size:1em!important;line-height:1.8!important;}
@media(max-width:760px){
 .abrcp-announcement-toolbar{gap:4px!important;padding:5px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-format,
 .abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
 .abrcp-announcement-toolbar > .abrcp-announcement-color-wrap,
 .abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-size,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-link{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-heading-select{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;font-size:9px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{flex-basis:84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;font-size:9px!important;}
 .abrcp-announcement-input{font-size:15px!important;line-height:1.75!important;}
}

/* 3.9.9: keep image-size labels centered INSIDE their toolbar buttons */
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  vertical-align:middle!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  margin:0!important;
  padding:0 4px!important;
  position:static!important;
  transform:none!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"]{
  min-width:44px!important;
  width:44px!important;
  padding:0 5px!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"] > span{
  font-size:9px!important;
  padding:0 3px!important;
}
@media(max-width:760px){
 .abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"]{min-width:42px!important;width:42px!important;padding:0 4px!important;}
 .abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"] > span{font-size:8px!important;padding:0 2px!important;}
}

/* 4.0.2 — IBS / NDI output panel */
.abrcp-ibs-toggle{white-space:nowrap!important}
.abrcp-ibs-panel{margin:10px 14px 0;padding:14px;border:1px solid #35566e;border-radius:12px;background:#0b1d2b;color:#e7f0f6;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.abrcp-ibs-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.abrcp-ibs-panel-head strong{font-size:15px}
.abrcp-ibs-close{width:34px;height:34px;border:1px solid #496b82;border-radius:8px;background:#123149;color:#fff;cursor:pointer;font-size:20px;line-height:1}
.abrcp-ibs-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.abrcp-ibs-panel-grid>div{padding:12px;border:1px solid #29485d;border-radius:10px;background:#10283a}
.abrcp-ibs-panel-grid p{margin:6px 0 0;font-size:12px;line-height:1.8;color:#c9d9e4}
.abrcp-ibs-panel-grid code{display:inline-block;direction:ltr;background:#07131e;border:1px solid #38566b;border-radius:7px;padding:7px 9px;margin-top:8px;font-size:13px;color:#fff}
.abrcp-ibs-copy-shortcode{margin-inline-start:8px!important;padding:7px 10px!important;border:1px solid #4d7189!important;border-radius:7px!important;background:#153a53!important;color:#fff!important;cursor:pointer!important}
.abrcp-ibs-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.12);margin-inline-end:7px}
.abrcp-ibs-note{margin-top:10px;padding:9px 11px;border-radius:8px;background:rgba(225,184,93,.1);color:#e8d8b6;font-size:12px;line-height:1.8}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel{background:#fff8ea;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid>div{background:#fffdf8;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid p{color:#6d5744}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid code{background:#f7ecd7;color:#4b3024;border-color:#d5bb8a}
.abrcp-wrap:not(.dark) .abrcp-ibs-note{color:#6d5135;background:#f7ecd7}
@media(max-width:760px){.abrcp-ibs-panel-grid{grid-template-columns:1fr}.abrcp-ibs-panel{margin-inline:6px}.abrcp-ibs-toggle{flex:1 1 100%!important}}

/* v4.0.4 — True vertical center for Bible verses and hymn slides.
   Announcements keep their existing document-flow positioning. */
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  flex:none!important;
}

/* 4.1 IBS controls */
.abrcp-ibs-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.16)}.abrcp-ibs-master,.abrcp-ibs-clear{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 12px;cursor:pointer;font-family:inherit}.abrcp-ibs-master.is-on{background:#d62839;color:#fff;border-color:#d62839}.abrcp-ibs-controls label{display:flex;align-items:center;gap:7px;font-size:12px}.abrcp-ibs-controls output{min-width:38px}.abrcp-ibs-preview-wrap{margin-top:12px}.abrcp-ibs-preview-label{font-size:12px;opacity:.72;margin-bottom:6px}.abrcp-ibs-preview{position:relative;min-height:180px;overflow:hidden;border:1px dashed rgba(255,255,255,.2);border-radius:14px;padding:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35));font-family:"Noto Kufi Arabic",sans-serif;direction:rtl;box-sizing:border-box}.abrcp-ibs-preview strong,.abrcp-ibs-preview span,.abrcp-ibs-preview small{position:absolute;left:50%;width:min(86%,1600px);width:calc(min(86%,1600px) * var(--ibs-preview-size-scale,1));box-sizing:border-box;text-align:center}.abrcp-ibs-preview strong{font-size:13px;top:auto;bottom:calc(var(--ibs-preview-bottom,7%) + 36px);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview span{font-size:18px;font-weight:600;top:auto;bottom:calc(var(--ibs-preview-bottom,7%) + 9px);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview small{opacity:.75;font-size:10px;top:auto;bottom:var(--ibs-preview-bottom,7%);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview.ibs-preview-pos-top-center strong,.abrcp-ibs-preview.ibs-preview-pos-top-center span,.abrcp-ibs-preview.ibs-preview-pos-top-center small{bottom:auto;transform-origin:center top}.abrcp-ibs-preview.ibs-preview-pos-top-center strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-center span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-center small{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-bottom-right strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-right span,.abrcp-ibs-preview.ibs-preview-pos-bottom-right small,.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{left:auto;right:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:right bottom}.abrcp-ibs-preview.ibs-preview-pos-bottom-right strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-right span,.abrcp-ibs-preview.ibs-preview-pos-bottom-right small,.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{text-align:right}.abrcp-ibs-preview.ibs-preview-pos-bottom-left strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-left span,.abrcp-ibs-preview.ibs-preview-pos-bottom-left small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{text-align:left}.abrcp-ibs-preview.ibs-preview-pos-bottom-center strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-center span,.abrcp-ibs-preview.ibs-preview-pos-bottom-center small,.abrcp-ibs-preview.ibs-preview-pos-top-center strong,.abrcp-ibs-preview.ibs-preview-pos-top-center span,.abrcp-ibs-preview.ibs-preview-pos-top-center small{text-align:center}.abrcp-ibs-preview.ibs-preview-pos-bottom-left strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-left span,.abrcp-ibs-preview.ibs-preview-pos-bottom-left small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{left:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:left bottom}.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{bottom:auto;transform:scale(var(--ibs-preview-scale,1));transform-origin:top right}.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{right:7%}.abrcp-ibs-preview.ibs-preview-pos-top-right strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-right span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-right small{top:calc(var(--ibs-preview-top,7%) - 10px)}.abrcp-ibs-preview.ibs-preview-pos-top-left{direction:rtl}.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{left:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:left top}.abrcp-ibs-preview.ibs-preview-pos-top-left strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-left span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-left small{top:calc(var(--ibs-preview-top,7%) - 10px)}.abrcp-ibs-preview.ibs-preview-pos-center-center strong,.abrcp-ibs-preview.ibs-preview-pos-center-center span,.abrcp-ibs-preview.ibs-preview-pos-center-center small{left:50%;right:auto;top:auto;bottom:auto;transform:translate(-50%,-50%) scale(var(--ibs-preview-scale,1));transform-origin:center center;text-align:center;}
.abrcp-ibs-preview.ibs-preview-pos-center-center strong{top:calc(50% - 27px)}
.abrcp-ibs-preview.ibs-preview-pos-center-center span{top:50%}
.abrcp-ibs-preview.ibs-preview-pos-center-center small{top:calc(50% + 27px)}
.abrcp-ibs-preview.is-announcement strong,.abrcp-ibs-preview.is-announcement small{display:none}.abrcp-ibs-preview.is-announcement span{font-size:14px;font-weight:600;background:rgba(0,0,0,.62);border-radius:8px;padding:7px 10px;text-align:right}

/* v4.1.1 — Compact IBS information grid. Prevent stretched/empty panel height. */
.abrcp-ibs-panel-grid{
  align-items:start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  min-height:0!important;
  height:auto!important;
}
.abrcp-ibs-panel-grid>div{
  align-self:start!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}
.abrcp-ibs-panel-grid>div:first-child,
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 8px!important;
}
.abrcp-ibs-panel-grid>div p{
  flex:1 1 100%!important;
  margin:2px 0 0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) p{
  flex:0 1 auto!important;
  margin:0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) code{
  margin-top:0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{
  margin-inline-start:0!important;
}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:nth-child(2) p{flex:1 1 100%!important}
}

/* v4.1.1 final IBS card balance — keep the IBS shortcode card compact */
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:block!important;
  min-height:0!important;
  height:auto!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2)>strong{
  display:inline-block!important;
  margin-bottom:4px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) p{
  display:inline!important;
  margin:0 0 0 6px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) code{
  display:inline-block!important;
  margin:0 4px 0 0!important;
  vertical-align:middle!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{
  display:inline-block!important;
  margin:0!important;
  vertical-align:middle!important;
}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:nth-child(2)>strong,
  .abrcp-ibs-panel-grid>div:nth-child(2) p,
  .abrcp-ibs-panel-grid>div:nth-child(2) code,
  .abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{display:block!important;margin:4px 0!important}
}

/* 4.1.1 — Equal-height IBS information cards */
.abrcp-ibs-panel-grid{align-items:stretch!important;align-content:stretch!important;grid-auto-rows:1fr!important;}
.abrcp-ibs-panel-grid>div:first-child,.abrcp-ibs-panel-grid>div:nth-child(2){height:78px!important;min-height:78px!important;box-sizing:border-box!important;align-self:stretch!important;overflow:hidden!important;}
.abrcp-ibs-panel-grid>div:first-child p{flex:1 1 auto!important;margin:0!important;line-height:1.55!important;}
.abrcp-ibs-panel-grid>div:nth-child(2) p{display:inline!important;margin:0 0 0 6px!important;}
@media(max-width:760px){.abrcp-ibs-panel-grid{grid-auto-rows:auto!important;} .abrcp-ibs-panel-grid>div:first-child,.abrcp-ibs-panel-grid>div:nth-child(2){height:auto!important;min-height:0!important;overflow:visible!important;} .abrcp-ibs-panel-grid>div:first-child p{flex:1 1 100%!important;}}


/* 4.1.2 — IBS information cards: equal natural row height without clipping. */
.abrcp-ibs-panel-grid{
  align-items:stretch!important;
  align-content:start!important;
  grid-auto-rows:auto!important;
  height:auto!important;
  min-height:0!important;
}
.abrcp-ibs-panel-grid>div:first-child,
.abrcp-ibs-panel-grid>div:nth-child(2){
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.abrcp-ibs-panel-grid>div:first-child{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
}
.abrcp-ibs-panel-grid>div:first-child p{
  flex:1 1 100%!important;
  margin:4px 0 0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
  gap:6px 8px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2)>strong{display:inline-block!important;margin:0!important}
.abrcp-ibs-panel-grid>div:nth-child(2) p{flex:1 1 100%!important;display:block!important;margin:0!important}
.abrcp-ibs-panel-grid>div:nth-child(2) code{display:inline-block!important;margin:0!important;vertical-align:middle!important}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{display:inline-block!important;margin:0!important;vertical-align:middle!important}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:first-child,
  .abrcp-ibs-panel-grid>div:nth-child(2){align-content:flex-start!important;}
}

/* v4.1.3 — IBS controls: synchronized ON/OFF toggle and refined visual styling */
.abrcp-ibs-controls{
  display:grid!important;
  grid-template-columns:auto auto minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.18)!important;
}
.abrcp-ibs-controls button,
.abrcp-ibs-controls select,
.abrcp-ibs-controls input[type="range"]{
  font-family:inherit;
}
.abrcp-ibs-controls button{
  min-height:40px;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  padding:8px 13px!important;
  font-weight:700;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.abrcp-ibs-controls button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.abrcp-ibs-controls button:active{transform:translateY(0)}
.abrcp-ibs-master{background:#17384d!important;color:#dcecf5!important;border-color:#315b73!important}
.abrcp-ibs-master.is-on{background:#d62839!important;color:#fff!important;border-color:#d62839!important;box-shadow:0 0 0 2px rgba(214,40,57,.12)}
.abrcp-ibs-master:not(.is-on){background:#33404a!important;color:#f0f3f5!important;border-color:#66737c!important}
.abrcp-ibs-clear{background:#243b4a!important;color:#e7f4fb!important;border-color:#3d6277!important}
.abrcp-ibs-clear:hover{background:#2d5267!important}
.abrcp-ibs-clear.is-off{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
.abrcp-ibs-controls label{
  display:grid!important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px!important;
  min-width:0;
  margin:0!important;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  font-size:12px;
}
.abrcp-ibs-controls select{
  min-width:0;
  width:100%;
  height:38px;
  padding:6px 30px 6px 10px;
  border:1px solid #496b82!important;
  border-radius:9px!important;
  background:#10283a!important;
  color:#f2f7fa!important;
  cursor:pointer;
}
.abrcp-ibs-controls input[type="range"]{width:100%;accent-color:#d6a84f;cursor:pointer}
.abrcp-ibs-controls output{min-width:45px;text-align:center;padding:4px 7px;border-radius:7px;background:rgba(214,168,79,.12);color:#e8d8b6;font-weight:700}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls{background:#fffaf0!important;border-color:#dfcba5!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls label{background:#fffdf8;border-color:#ead9b8}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls select{background:#fff!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-master{background:#f0e4d0!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-clear{background:#f0e4d0!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-clear.is-off{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
@media(max-width:1050px){.abrcp-ibs-controls{grid-template-columns:auto auto 1fr!important}.abrcp-ibs-controls label{min-width:0}.abrcp-ibs-controls label:nth-of-type(2),.abrcp-ibs-controls label:nth-of-type(3){grid-column:span 1}}
@media(max-width:760px){
  .abrcp-ibs-controls{grid-template-columns:1fr 1fr!important}
  .abrcp-ibs-controls button{width:100%}
  .abrcp-ibs-controls label{grid-column:span 2!important}
}

/* v4.2.2 — Emergency Hide matches the main content-mode buttons */
.abrcp-content-mode button.abrcp-emergency-hide{
  border:1px solid #35566e!important;
  border-radius:9px!important;
  background:#0d263a!important;
  color:#dceaf3!important;
  padding:9px 22px!important;
  font-family:inherit!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.abrcp-content-mode button.abrcp-emergency-hide:hover{
  background:#123b57!important;
  border-color:#35566e!important;
  color:#dceaf3!important;
  transform:none!important;
}
.abrcp-wrap:not(.dark) .abrcp-content-mode button.abrcp-emergency-hide{
  background:#fff6e6!important;
  color:#4b3024!important;
  border-color:#c9aa76!important;
}
.abrcp-wrap:not(.dark) .abrcp-content-mode button.abrcp-emergency-hide:hover{
  background:#ead8b1!important;
  color:#4b3024!important;
  border-color:#c9aa76!important;
}

.abrcp-ibs-preview strong,.abrcp-ibs-preview span,.abrcp-ibs-preview small{transition:top .18s ease,bottom .18s ease,transform .18s ease,font-size .18s ease;line-height:1.55}.abrcp-ibs-preview span{font-size:calc(18px * var(--ibs-preview-font-scale,1));line-height:calc(27.9px * var(--ibs-preview-font-scale,1));font-weight:600}.abrcp-ibs-preview strong{font-size:calc(13px * var(--ibs-preview-font-scale,1));line-height:calc(20.15px * var(--ibs-preview-font-scale,1));font-weight:700;margin-bottom:.2em}.abrcp-ibs-preview small{font-size:calc(10px * var(--ibs-preview-font-scale,1));line-height:calc(15.5px * var(--ibs-preview-font-scale,1));font-weight:500;margin-top:.15em}.abrcp-ibs-preview.is-announcement span{background:rgba(0,0,0,var(--ibs-preview-bg-opacity,.62));}.abrcp-ibs-preview.is-announcement span{line-height:calc(21.7px * var(--ibs-preview-font-scale,1));}
/* Announcement alignment is independent of IBS position. */
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-right span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-left span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-center span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-right span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-left span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-center span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-center-center span{ text-align:right !important; direction:rtl; }.abrcp-ibs-preview{transition:opacity var(--ibs-preview-fade,1000ms) ease}

/* v4.2.8 — Keep Bible and hymn projector content centered independently of IBS/announcement alignment. */
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse > *,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse > *,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse p,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse div,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse span,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse p,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse div,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse span{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v4.2.14 — Keep projector controls fixed in place during black/white screen mode. */


/* v4.2.14 — Completely isolate projector content alignment. */
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-verse{
  position:absolute!important;
  left:50%!important; right:auto!important; top:50%!important; bottom:auto!important;
  transform:translate(-50%,-50%)!important; margin:0!important;
  text-align:right!important; direction:rtl!important; display:block!important;
}
/* Announcement descendants keep their own editor alignment. */
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse{
  text-align:center!important; direction:rtl!important; display:flex!important;
  align-items:center!important; justify-content:center!important;
}
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse > *,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse > *,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse p,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse div,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse span,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse p,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse div,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse span{
  text-align:center!important; margin-left:auto!important; margin-right:auto!important;
}

/* 4.2.17: Announcement alignment is isolated from IBS/Bible/Hymn state. */
/* Announcement wrapper supplies size + RTL direction only.
   Text alignment comes from the announcement editor's own HTML formatting. */
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content{
  width:100%!important;height:100%!important;box-sizing:border-box!important;
  direction:rtl!important;
}
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content p,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content div,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content span,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h1,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h2,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h3,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h4,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h5,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h6,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content li{
  direction:rtl!important;
}

/* 4.3.0 — Service Playlist / Service Mode */
.abrcp-service-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-service-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-panel-head strong{font-size:15px}.abrcp-service-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-service-close:hover{background:#263b4b}.abrcp-wrap:not(.dark) .abrcp-service-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-close:hover{background:#f8e8cb}
.abrcp-service-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.abrcp-service-actions button{border:1px solid #35566e;border-radius:8px;background:#10283a;color:#e7f0f6;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-service-actions button:hover{background:#163c55}.abrcp-service-actions .abrcp-service-show{background:#147a4b;border-color:#2eaa70;color:#fff}.abrcp-service-actions .abrcp-service-clear{background:#6f2430;border-color:#a84a57;color:#fff}
.abrcp-service-status{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#07131e;border:1px solid #29485d;font-size:12px;margin-bottom:8px}.abrcp-service-count{font-weight:700}.abrcp-service-current{opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-service-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.abrcp-service-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #29485d;border-radius:9px;background:#10283a;color:#e7f0f6;padding:8px 10px;text-align:right;cursor:pointer;box-sizing:border-box}.abrcp-service-item:hover{background:#163c55}.abrcp-service-item.is-active{border-color:#2d9be8;background:#123b57;box-shadow:0 0 0 1px rgba(45,155,232,.18)}.abrcp-service-num{min-width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#07131e;font-weight:800}.abrcp-service-type{font-size:11px;opacity:.72;min-width:68px}.abrcp-service-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-service-delete{border:0;background:transparent;color:#ff8c98;font-size:18px;cursor:pointer;padding:2px 5px}.abrcp-service-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-service-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-actions .abrcp-service-show{background:#2f8058;color:#fff;border-color:#4f9f77}.abrcp-wrap:not(.dark) .abrcp-service-actions .abrcp-service-clear{background:#8b2632;color:#fff;border-color:#b45a64}.abrcp-wrap:not(.dark) .abrcp-service-status,.abrcp-wrap:not(.dark) .abrcp-service-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-service-num{background:#f7ecd7}.abrcp-wrap:not(.dark) .abrcp-service-note{color:#6d5744}
@media(max-width:760px){.abrcp-service-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-actions button{flex:1 1 calc(50% - 7px)}.abrcp-service-status{display:block}.abrcp-service-current{display:block;margin-top:4px}.abrcp-service-type{min-width:56px}}

/* 4.3.2 — Recent Display History */
.abrcp-history-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.abrcp-history-head strong{font-size:15px}.abrcp-history-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-history-close:hover{background:#263b4b}
.abrcp-history-actions{display:flex;justify-content:flex-start;margin-bottom:9px}.abrcp-history-clear{border:1px solid #a84a57;border-radius:8px;background:#6f2430;color:#fff;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-history-clear:hover{background:#842c3a}
.abrcp-history-list{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto}.abrcp-history-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #29485d;border-radius:9px;background:#10283a;color:#e7f0f6;padding:8px 10px;text-align:right;cursor:pointer;box-sizing:border-box}.abrcp-history-item:hover{background:#163c55;border-color:#3b6681}.abrcp-history-num{min-width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#07131e;font-weight:800}.abrcp-history-type{font-size:11px;opacity:.75;min-width:68px}.abrcp-history-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-history-use{border:1px solid #2eaa70;border-radius:7px;background:#147a4b;color:#fff;font-size:13px;font-weight:800;cursor:pointer;padding:5px 8px}.abrcp-history-empty{padding:18px 10px;text-align:center;border:1px dashed #526575;border-radius:9px;color:#aebfc9}.abrcp-history-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-history-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-history-clear{background:#8b2632;color:#fff;border-color:#b45a64}.abrcp-wrap:not(.dark) .abrcp-history-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-history-item:hover{background:#f8e8cb;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-num{background:#f7ecd7}.abrcp-wrap:not(.dark) .abrcp-history-note{color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-history-empty{border-color:#c9aa76;color:#6d5744}
@media(max-width:760px){.abrcp-history-panel{width:calc(100% - 12px);padding:10px}.abrcp-history-type{min-width:56px}.abrcp-history-item{padding:7px 8px}.abrcp-history-title{font-size:12px}}

/* 4.3.3 — Ensure the History panel close action always hides the panel. */
.abrcp-history-panel[hidden]{display:none!important}

/* 4.3.4 — Projector display favorites */
.abrcp-display-favorites-toggle{border:1px solid #80652f;border-radius:8px;background:#4f3d19;color:#fff4cf;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-display-favorites-toggle:hover,.abrcp-display-favorites-toggle.is-active{background:#705522}
.abrcp-display-favorites-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #80652f;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-display-favorites-panel[hidden]{display:none!important}
.abrcp-display-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.abrcp-display-favorites-head strong{font-size:15px}
.abrcp-display-favorites-close{border:1px solid #80652f;border-radius:8px;background:#2a2113;color:#fff4cf;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-display-favorites-close:hover{background:#473719}
.abrcp-display-favorites-actions{display:flex;justify-content:flex-start;margin-bottom:9px}.abrcp-display-favorites-clear{border:1px solid #a84a57;border-radius:8px;background:#6f2430;color:#fff;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-display-favorites-clear:hover{background:#842c3a}
.abrcp-display-favorites-list{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto}.abrcp-display-favorite-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #594b2b;border-radius:9px;background:#201a11;color:#f4ead2;padding:8px 10px;text-align:right;box-sizing:border-box}.abrcp-display-favorite-type{font-size:11px;opacity:.78;min-width:72px}.abrcp-display-favorite-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-display-favorite-open{border:1px solid #2eaa70;border-radius:7px;background:#147a4b;color:#fff;font-size:13px;font-weight:800;cursor:pointer;padding:5px 8px}.abrcp-display-favorite-remove{border:1px solid #8b3b47;border-radius:7px;background:#52202a;color:#ffd7dc;font-size:18px;line-height:1;cursor:pointer;padding:4px 8px}.abrcp-display-favorite-remove:hover{background:#6f2430}.abrcp-display-favorites-empty{text-align:center;padding:18px 10px;border:1px dashed #80652f;border-radius:9px;color:#cdbf9d}.abrcp-display-favorites-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-history-favorite{border:1px solid #80652f;border-radius:7px;background:#2a2113;color:#f5d477;font-size:17px;line-height:1;cursor:pointer;padding:4px 7px;min-width:34px}.abrcp-history-favorite:hover{background:#473719}.abrcp-history-favorite[aria-label="إزالة من مفضلة العرض"]{background:#705522;color:#fff5c9}
.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle:hover,.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle.is-active{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-display-favorites-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-display-favorite-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-display-favorite-remove{background:#f4e7d2;color:#7b1e2b;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorite-title{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-display-favorites-note{color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-display-favorites-empty{border-color:#c9aa76;color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-history-favorite{background:#fff6e6;color:#80652f;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-favorite[aria-label="إزالة من مفضلة العرض"]{background:#f1dcae;color:#5a4218}
@media(max-width:760px){.abrcp-display-favorites-panel{width:calc(100% - 12px);padding:10px}.abrcp-display-favorites-type{min-width:56px}.abrcp-display-favorite-item{padding:7px 8px}.abrcp-display-favorite-title{font-size:12px}.abrcp-display-favorites-toggle{width:100%}}

/* 4.3.5 — Compact menu for Service Playlist, History and Display Favorites */
.abrcp-page-links{position:relative;display:inline-flex;align-items:center;z-index:31}
.abrcp-page-links-toggle{cursor:pointer!important;white-space:nowrap}
.abrcp-page-links-toggle.is-active{filter:brightness(1.08)}
.abrcp-page-links-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:180px;padding:6px;border:1px solid #526575;border-radius:10px;background:#101a23;box-shadow:0 12px 28px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:5px;z-index:1001}
.abrcp-page-links-menu[hidden]{display:none!important}
.abrcp-page-links-menu>a{display:block;width:100%;box-sizing:border-box;border:1px solid #30485a;border-radius:8px;background:#182631;color:#e7f0f6;padding:9px 11px;font:inherit;font-size:12px;font-weight:700;text-align:right;text-decoration:none;cursor:pointer;white-space:nowrap}
.abrcp-page-links-menu>a:hover{background:#263b4b;border-color:#55758c;color:#fff}
.abrcp-page-links-divider{height:1px;margin:2px 3px;background:#30485a;opacity:.9;flex:0 0 auto}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu{background:#fffaf0;border-color:#c9aa76;box-shadow:0 12px 28px rgba(75,38,20,.18)}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu>a{background:#fff6e6;color:#4b3024;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu>a:hover{background:#f8e8cb;border-color:#c9aa76;color:#4b3024}
.abrcp-wrap:not(.dark) .abrcp-page-links-divider{background:#dfcba5}
@media (max-width:700px){.abrcp-page-links-menu{right:auto;left:0;min-width:170px}}
.abrcp-display-tools{position:relative;display:inline-flex;align-items:center;z-index:30}
.abrcp-display-tools-toggle{cursor:pointer!important;white-space:nowrap}
.abrcp-display-tools-toggle.is-active{filter:brightness(1.08)}
.abrcp-display-tools-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:190px;padding:6px;border:1px solid #526575;border-radius:10px;background:#101a23;box-shadow:0 12px 28px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:5px;z-index:1000}
.abrcp-display-tools-menu[hidden]{display:none!important}
.abrcp-display-tools-menu > button{width:100%;border:1px solid #30485a;border-radius:8px;background:#182631;color:#e7f0f6;padding:9px 11px;font:inherit;font-size:12px;font-weight:700;text-align:right;cursor:pointer;white-space:nowrap}
.abrcp-display-tools-menu > button:hover,.abrcp-display-tools-menu > button.is-active{background:#263b4b;border-color:#55758c}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu{background:#fffaf0;border-color:#c9aa76;box-shadow:0 12px 28px rgba(75,38,20,.18)}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button:hover,.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button.is-active{background:#f8e8cb;border-color:#c9aa76}
@media (max-width:700px){.abrcp-display-tools-menu{right:auto;left:0;min-width:175px}.abrcp-display-tools-toggle{font-size:12px}}

/* 4.5.0 — Live Service Dashboard */
.abrcp-dashboard-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-dashboard-head>div{display:flex;align-items:center;gap:10px}.abrcp-dashboard-head strong{font-size:16px}.abrcp-dashboard-live-dot{font-size:10px;color:#63d39b;font-weight:800}.abrcp-dashboard-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-dashboard-close:hover{background:#263b4b}
.abrcp-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.abrcp-dashboard-card{min-height:72px;padding:10px;border:1px solid #29485d;border-radius:9px;background:#10283a;box-sizing:border-box}.abrcp-dashboard-card span{display:block;font-size:10px;opacity:.7;margin-bottom:7px}.abrcp-dashboard-card strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-current{margin-top:9px;padding:11px 12px;border:1px solid #29485d;border-radius:9px;background:#07131e}.abrcp-dashboard-current span{display:block;font-size:10px;opacity:.7;margin-bottom:5px}.abrcp-dashboard-current strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.abrcp-dashboard-actions button{border:1px solid #35566e;border-radius:8px;background:#182f40;color:#e7f0f6;padding:8px 11px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-dashboard-actions button:hover{background:#21465c}.abrcp-dashboard-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-dashboard-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-card{background:#fffdf8;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-current{background:#f7ecd7;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-note{color:#6d5744}
.abrcp-dashboard-panel[hidden]{display:none!important}
@media(max-width:760px){.abrcp-dashboard-panel{width:calc(100% - 12px);padding:10px}.abrcp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abrcp-dashboard-card{min-height:64px}.abrcp-dashboard-actions button{flex:1 1 calc(50% - 7px)}}

/* 4.5.0 — Live Service Dashboard */
.abrcp-dashboard-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-dashboard-head>div{display:flex;align-items:center;gap:10px}.abrcp-dashboard-head strong{font-size:16px}.abrcp-dashboard-live-dot{font-size:10px;color:#63d39b;font-weight:800}.abrcp-dashboard-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-dashboard-close:hover{background:#263b4b}
.abrcp-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.abrcp-dashboard-card{min-height:72px;padding:10px;border:1px solid #29485d;border-radius:9px;background:#10283a;box-sizing:border-box}.abrcp-dashboard-card span{display:block;font-size:10px;opacity:.7;margin-bottom:7px}.abrcp-dashboard-card strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-current{margin-top:9px;padding:11px 12px;border:1px solid #29485d;border-radius:9px;background:#07131e}.abrcp-dashboard-current span{display:block;font-size:10px;opacity:.7;margin-bottom:5px}.abrcp-dashboard-current strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.abrcp-dashboard-actions button{border:1px solid #35566e;border-radius:8px;background:#182f40;color:#e7f0f6;padding:8px 11px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-dashboard-actions button:hover{background:#21465c}.abrcp-dashboard-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-dashboard-panel[hidden]{display:none!important}
.abrcp-wrap:not(.dark) .abrcp-dashboard-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-card{background:#fffdf8;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-current{background:#f7ecd7;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-note{color:#6d5744}
@media(max-width:760px){.abrcp-dashboard-panel{width:calc(100% - 12px);padding:10px}.abrcp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abrcp-dashboard-card{min-height:64px}.abrcp-dashboard-actions button{flex:1 1 calc(50% - 7px)}}

/* 4.5.2 — Service Start / End Mode */
.abrcp-service-session-panel{margin:10px auto;width:min(700px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-service-session-panel[hidden]{display:none!important}.abrcp-service-session-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-session-head strong{font-size:15px}.abrcp-service-session-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-session-actions{display:flex;gap:8px;flex-wrap:wrap}.abrcp-service-session-actions button{flex:1 1 220px;border-radius:9px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer}.abrcp-service-session-start{background:#147a4b;color:#fff;border:1px solid #2eaa70}.abrcp-service-session-end{background:#7a2633;color:#fff;border:1px solid #a84a57}.abrcp-service-session-status{margin-top:10px;padding:9px 11px;border-radius:8px;background:#182631;border:1px solid #30485a;font-weight:700}.abrcp-service-session-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-wrap:not(.dark) .abrcp-service-session-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-session-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-session-status{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-service-session-note{color:#6d5744}
@media(max-width:700px){.abrcp-service-session-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-session-actions button{flex-basis:100%}}

/* Service Templates 4.5.4 */
.abrcp-service-templates-panel{margin:10px auto;width:min(800px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}.abrcp-service-templates-panel[hidden]{display:none!important}.abrcp-service-templates-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-templates-head strong{font-size:15px}.abrcp-service-templates-close,.abrcp-service-template-load,.abrcp-service-template-delete,.abrcp-service-template-clear{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-templates-close:hover,.abrcp-service-template-load:hover,.abrcp-service-template-delete:hover,.abrcp-service-template-clear:hover{background:#263b4b}.abrcp-service-templates-create,.abrcp-service-templates-load-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.abrcp-service-template-name,.abrcp-service-template-select{flex:1 1 260px;min-width:0;border:1px solid #526575;border-radius:8px;background:#101820;color:#e7f0f6;font:inherit;padding:9px 10px;box-sizing:border-box}.abrcp-service-template-save{border:1px solid #2eaa70;border-radius:8px;background:#147a4b;color:#fff;font:inherit;font-weight:800;padding:9px 12px;cursor:pointer}.abrcp-service-templates-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}.abrcp-service-template-count{font-size:12px;font-weight:700}.abrcp-service-templates-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-wrap:not(.dark) .abrcp-service-templates-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-templates-close,.abrcp-wrap:not(.dark) .abrcp-service-template-load,.abrcp-wrap:not(.dark) .abrcp-service-template-delete,.abrcp-wrap:not(.dark) .abrcp-service-template-clear{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-template-name,.abrcp-wrap:not(.dark) .abrcp-service-template-select{background:#fffdf8;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-templates-note{color:#6d5744}@media(max-width:700px){.abrcp-service-templates-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-template-save,.abrcp-service-template-load,.abrcp-service-template-delete{flex:1 1 100%}.abrcp-service-templates-meta{display:block}.abrcp-service-template-clear{margin-top:8px;width:100%}}

.abrcp-service-template-rename,.abrcp-service-template-duplicate,.abrcp-service-template-default{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-template-rename:hover,.abrcp-service-template-duplicate:hover,.abrcp-service-template-default:hover{background:#263b4b}.abrcp-service-template-meta-info{font-size:11px;color:#b9cbd7;flex:1;text-align:center}.abrcp-wrap:not(.dark) .abrcp-service-template-rename,.abrcp-wrap:not(.dark) .abrcp-service-template-duplicate,.abrcp-wrap:not(.dark) .abrcp-service-template-default{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-template-meta-info{color:#6d5744}


/* Service Template Preview — 4.6.2 */
.abrcp-service-template-preview-panel[hidden]{display:none!important}.abrcp-service-template-preview-panel{position:relative;margin:12px 0;padding:16px;border:1px solid rgba(150,170,190,.35);border-radius:14px;background:rgba(12,20,30,.96);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.22);z-index:30}
.abrcp-service-template-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.abrcp-service-template-preview-head strong{font-size:18px}
.abrcp-service-template-preview-close{border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 12px;background:rgba(255,255,255,.08);color:inherit;cursor:pointer}
.abrcp-service-template-preview-meta{font-size:13px;opacity:.78;margin-bottom:12px}
.abrcp-service-template-preview-list{display:flex;flex-direction:column;gap:9px;max-height:55vh;overflow:auto}
.abrcp-service-template-preview-item{padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.045)}
.abrcp-service-template-preview-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.abrcp-service-template-preview-num{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);font-weight:700}
.abrcp-service-template-preview-type{font-size:13px;opacity:.85}
.abrcp-service-template-preview-item-title{font-weight:700}
.abrcp-service-template-preview-reference{font-weight:700;margin-bottom:5px;direction:rtl;text-align:right}
.abrcp-service-template-preview-text{white-space:pre-wrap;line-height:1.8;direction:rtl;text-align:right}
.abrcp-service-template-preview-html{direction:rtl;text-align:right;line-height:1.8}
.abrcp-service-template-preview-note,.abrcp-service-template-preview-empty{margin-top:12px;padding:9px;border-radius:8px;background:rgba(255,255,255,.05);font-size:13px;opacity:.8}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-item{background:rgba(255,255,255,.42);border-color:rgba(120,85,45,.2)}
@media(max-width:700px){.abrcp-service-template-preview-panel{margin:8px 0;padding:10px}.abrcp-service-template-preview-list{max-height:60vh}.abrcp-service-template-preview-head strong{font-size:16px}}


/* 4.7.0 — Service Operator Mode */
.abrcp-operator-panel{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:14px;background:radial-gradient(circle at 50% 18%,#173b50 0,#071724 48%,#02070c 100%);color:#f4f8fb;direction:rtl;box-sizing:border-box;overflow:auto;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}.abrcp-operator-panel[hidden]{display:none!important}.abrcp-operator-head{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1050px;width:100%;margin:0 auto}.abrcp-operator-head>div{display:flex;align-items:center;gap:14px}.abrcp-operator-head strong{font-size:18px}.abrcp-operator-live{font-size:12px;color:#72e0a8}.abrcp-operator-close{border:1px solid #647b8d;border-radius:10px;background:#162a39;color:#fff;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}.abrcp-operator-current{width:min(1050px,100%);margin:4px auto 0;padding:18px 20px;border:1px solid #35576d;border-radius:12px;background:rgba(7,22,34,.85);font-size:14px;font-weight:800;min-height:28px;box-sizing:border-box;text-align:center}.abrcp-operator-service-status{width:100%;margin:0;padding:10px 14px;border:1px solid #2d4a5e;border-radius:9px;background:rgba(12,32,47,.8);font-size:13px;text-align:center;box-sizing:border-box}.abrcp-operator-main-actions,.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{width:100%;margin:0;display:grid;gap:12px}.abrcp-operator-main-actions{grid-template-columns:1fr 1.2fr 1fr}.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{grid-template-columns:repeat(3,1fr)}.abrcp-operator-main-actions button,.abrcp-operator-mode-actions button,.abrcp-operator-screen-actions button,.abrcp-operator-session-actions button{min-height:48px;border:1px solid #3d6076;border-radius:12px;background:#122c3f;color:#f4f8fb;font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.16)}.abrcp-operator-main-actions button{min-height:58px;font-size:16px}.abrcp-operator-main-actions button:nth-child(2){background:#147a4b;border-color:#35b77d}.abrcp-operator-screen-actions button:first-child{background:#101820}.abrcp-operator-screen-actions button:nth-child(2){background:#f1f1f1;color:#20252a;border-color:#d8d8d8}.abrcp-operator-screen-actions button:nth-child(3){background:#7a2633;border-color:#a84a57}.abrcp-operator-session-actions button:first-child{background:#147a4b;border-color:#35b77d}.abrcp-operator-session-actions button:last-child{background:#7a2633;border-color:#a84a57}.abrcp-operator-panel button:hover{filter:brightness(1.12);transform:translateY(-1px)}.abrcp-operator-panel button:active{transform:translateY(0)}.abrcp-operator-help{width:100%;margin:0;text-align:center;font-size:12px;color:#a9bfcc;padding-top:4px}.abrcp-wrap:not(.dark) .abrcp-operator-panel{background:radial-gradient(circle at 50% 18%,#f4e5c8 0,#e5cfaa 52%,#d6bc8e 100%);color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-operator-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-current{background:rgba(255,253,248,.78);border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-service-status{background:rgba(255,253,248,.68);border-color:#d3b985}.abrcp-wrap:not(.dark) .abrcp-operator-main-actions button,.abrcp-wrap:not(.dark) .abrcp-operator-mode-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-main-actions button:nth-child(2),.abrcp-wrap:not(.dark) .abrcp-operator-session-actions button:first-child{background:#147a4b;color:#fff;border-color:#35b77d}.abrcp-wrap:not(.dark) .abrcp-operator-screen-actions button:nth-child(2){background:#fff;color:#20252a}.abrcp-wrap:not(.dark) .abrcp-operator-screen-actions button:nth-child(3),.abrcp-wrap:not(.dark) .abrcp-operator-session-actions button:last-child{background:#7a2633;color:#fff}.abrcp-wrap:not(.dark) .abrcp-operator-help{color:#6d5744}
@media(max-width:700px){.abrcp-operator-panel{padding:16px 10px 20px;gap:9px}.abrcp-operator-head strong{font-size:19px}.abrcp-operator-current{font-size:15px;padding:12px}.abrcp-operator-main-actions{grid-template-columns:1fr 1fr 1fr}.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{grid-template-columns:1fr}.abrcp-operator-main-actions button{min-height:72px;font-size:16px}.abrcp-operator-mode-actions button,.abrcp-operator-screen-actions button,.abrcp-operator-session-actions button{min-height:54px;font-size:14px}.abrcp-operator-help{font-size:10px;line-height:1.8}}

/* 4.8.3 — Compact live operator monitor */
.abrcp-operator-page .abrcp-operator-monitor{padding:6px;border-radius:10px}
.abrcp-operator-page .abrcp-operator-monitor-screen{position:relative;width:100%;aspect-ratio:16/9;min-height:0!important;height:auto!important;max-height:240px;overflow:hidden;padding:0!important;background:#02070c!important}
.abrcp-operator-page .abrcp-operator-live-frame{position:absolute;left:50%;top:0;width:177.7778%;height:177.7778%;border:0;transform:translateX(-50%) scale(.5625);transform-origin:top center;background:#000}
.abrcp-operator-page .abrcp-operator-monitor-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2vw,24px);font-weight:800;color:#a9bfcc;background:#02070c}
.abrcp-operator-page .abrcp-operator-monitor-placeholder[hidden]{display:none!important}
.abrcp-operator-page .abrcp-operator-live-frame[hidden]{display:none!important}
@media(max-width:700px){.abrcp-operator-page .abrcp-operator-monitor-screen{max-height:190px}}

/* 4.8.0 — Dedicated Service Operator page */
.abrcp-operator-page .abrcp-header,
.abrcp-operator-page .abrcp-toolbar-favorites-only{display:none!important}
.abrcp-operator-page .abrcp-projector-workspace{padding-top:10px!important}
.abrcp-operator-page .abrcp-ibs-toggle,
.abrcp-operator-page .abrcp-display-tools{display:inline-flex!important}
.abrcp-operator-page .abrcp-display-tools .abrcp-service-toggle{display:none!important}
.abrcp-operator-page .abrcp-work-preview{display:none!important}
.abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr 1fr 1fr!important;min-height:520px}
.abrcp-operator-console{display:block!important;margin:12px 22px 0;padding:14px;border:1px solid #35566e;border-radius:13px;background:linear-gradient(180deg,#0d263a,#071724);color:#f4f8fb;box-shadow:0 8px 25px rgba(0,0,0,.18);direction:rtl}
.abrcp-operator-console[hidden]{display:none!important}
.abrcp-operator-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.abrcp-operator-console-head>div:first-child{display:flex;align-items:center;gap:12px}
.abrcp-operator-console-head strong{font-size:18px}
.abrcp-operator-live{font-size:12px;color:#72e0a8;font-weight:700}
.abrcp-operator-console-actions{display:flex;gap:7px}
.abrcp-operator-console button{border:1px solid #3d6076;border-radius:9px;background:#122c3f;color:#f4f8fb;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.abrcp-operator-console-actions button:first-child{background:#147a4b;border-color:#35b77d}
.abrcp-operator-console-actions button:last-child{background:#7a2633;border-color:#a84a57}
.abrcp-operator-monitor{border:1px solid #3d6076;border-radius:11px;background:#02070c;padding:8px}
.abrcp-operator-monitor-label{text-align:right;color:#9fb7c7;font-size:11px;margin:0 5px 7px}
.abrcp-operator-monitor-screen{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;background:radial-gradient(circle at 50% 30%,#173b50 0,#071724 55%,#02070c 100%);padding:15px;box-sizing:border-box;transition:.2s}
.abrcp-operator-monitor-screen.is-black{background:#000!important;color:#fff}
.abrcp-operator-monitor-screen.is-white{background:#fff!important;color:#111}
.abrcp-operator-monitor-screen.is-hidden{opacity:.82}
.abrcp-operator-monitor-ref{border:1px solid #bd974e;color:#e6c675;border-radius:7px;padding:4px 13px;font-size:11px;font-weight:700;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-operator-monitor-text{width:94%;margin-top:12px;font-size:clamp(18px,2.1vw,32px);line-height:1.7;font-weight:800;color:#fff;max-height:105px;overflow:hidden}
.abrcp-operator-monitor-screen.is-white .abrcp-operator-monitor-text{color:#111}
.abrcp-operator-monitor-status{text-align:center;color:#72e0a8;font-size:11px;font-weight:700;padding-top:7px}
.abrcp-operator-quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:9px}
.abrcp-operator-quick-actions button{min-height:44px}
.abrcp-operator-quick-actions .is-primary{background:#147a4b;border-color:#35b77d}
.abrcp-operator-quick-actions button:nth-child(4){background:#101820}
.abrcp-operator-quick-actions button:nth-child(5){background:#f1f1f1;color:#20252a;border-color:#d8d8d8}
.abrcp-operator-quick-actions button:nth-child(6){background:#7a2633;border-color:#a84a57}
.abrcp-operator-playlist-bar{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #2d4a5e;font-size:12px}
.abrcp-operator-playlist-bar strong{font-size:13px}
.abrcp-operator-playlist-bar span{color:#a9bfcc;flex:1}
.abrcp-operator-playlist-bar button{padding:7px 11px}
.abrcp-wrap:not(.dark) .abrcp-operator-console{background:linear-gradient(180deg,#f4e5c8,#e5cfaa);color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-operator-console button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions .is-primary,.abrcp-wrap:not(.dark) .abrcp-operator-console-actions button:first-child{background:#147a4b;color:#fff;border-color:#35b77d}
.abrcp-wrap:not(.dark) .abrcp-operator-console-actions button:last-child,.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(6){background:#7a2633;color:#fff}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(4){background:#101820;color:#fff}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(5){background:#fff;color:#20252a}
@media(max-width:900px){
 .abrcp-operator-console{margin:8px 10px 0}
 .abrcp-operator-quick-actions{grid-template-columns:repeat(3,1fr)}
 .abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 .abrcp-operator-console-head{align-items:stretch;flex-direction:column}
 .abrcp-operator-console-actions{display:grid;grid-template-columns:1fr 1fr}
 .abrcp-operator-quick-actions{grid-template-columns:1fr 1fr}
 .abrcp-operator-playlist-bar{flex-wrap:wrap}
 .abrcp-operator-playlist-bar span{flex-basis:100%;order:3}
 .abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr!important}
}

/* 4.8.1 — Operator page never opens a local projector overlay. The real projector is a separate page/tab. */
.abrcp-operator-page .abrcp-projector{display:none!important}
.abrcp-operator-page.abrcp-projector-open{overflow:auto!important}

/* 4.8.2 — real projector-page mirror inside Operator Mode */
.abrcp-operator-monitor-screen{position:relative;overflow:hidden;padding:0!important;aspect-ratio:16/9;min-height:0!important;background:#000!important}
.abrcp-operator-live-frame{display:block;width:100%;height:100%;min-height:220px;border:0;background:#000;overflow:hidden}
.abrcp-projector-monitor-frame .abrcp-header,.abrcp-projector-monitor-frame .abrcp-toolbar,.abrcp-projector-monitor-frame .abrcp-projector-workspace,.abrcp-projector-monitor-frame .abrcp-operator-console,.abrcp-projector-monitor-frame .abrcp-favorites-panel{display:none!important}
.abrcp-projector-monitor-frame .abrcp-content,.abrcp-projector-monitor-frame .abrcp-content-wrap,.abrcp-projector-monitor-frame footer,.abrcp-projector-monitor-frame .abrcp-voice-status,.abrcp-projector-monitor-frame .abrcp-scroll-top{display:none!important;visibility:hidden!important}
.abrcp-projector-monitor-frame .abrcp-projector{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2147483000!important}
.abrcp-projector-monitor-frame .abrcp-projector[hidden]{display:none!important}
.abrcp-projector-monitor-frame{width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#000!important}

/* Dual Operator monitors: live/after is LEFT, selected preview/before is RIGHT. */
.abrcp-operator-page .abrcp-operator-monitors{width:min(1280px,100%);margin:4px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr}
.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor{min-width:0;direction:rtl;margin:0}
.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor-screen{width:100%;aspect-ratio:16/9;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden;padding:0!important;box-sizing:border-box;border-radius:8px;background:#000!important}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{display:block}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#000;object-fit:fill}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000!important}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen.is-hidden{opacity:1}
.abrcp-operator-page .abrcp-operator-preview-ref{border:1px solid #bd974e;color:#e6c675;border-radius:7px;padding:5px 15px;font-size:clamp(11px,1vw,15px);font-weight:700;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-operator-page .abrcp-operator-preview-text{width:94%;margin-top:12px;font-size:clamp(22px,2.8vw,46px);line-height:1.65;font-weight:800;color:#fff;max-height:72%;overflow:hidden}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-status{color:#e6c675}
@media(max-width:700px){.abrcp-operator-page .abrcp-operator-monitors{grid-template-columns:1fr;gap:8px}.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor-screen{max-height:none!important}.abrcp-operator-page .abrcp-operator-preview-text{font-size:clamp(20px,6vw,34px)}}

/* 4.8.5.4 — Keep both Operator monitors in one equal two-column row. */
.abrcp-operator-page .abrcp-operator-monitors{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:none!important;
  gap:12px!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor{
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor .abrcp-operator-monitor-screen{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .abrcp-operator-page .abrcp-operator-monitors{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
  }
  .abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor{
    flex:1 1 0!important;
  }
}

/* 4.8.5.5 — Operator monitor finishing: smaller preview label and true full-frame live projector. */
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-label{
  font-size:9px!important;
  line-height:1.35!important;
  margin:0 4px 5px!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-label{
  font-size:9px!important;
  line-height:1.35!important;
  margin:0 4px 5px!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  background:#000!important;
  border-radius:0!important;
}
/* The iframe contains the actual projector page. Remove its inner projector margins/padding
   so the projector canvas reaches every edge of the monitor instead of showing a black frame. */
.abrcp-projector-monitor-frame .abrcp-projector{
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  inset:0!important;
  border-radius:0!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  min-height:100vh!important;
  flex:1 1 100%!important;
  margin:0!important;
  padding:0 2vw!important;
  box-sizing:border-box!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-top{top:10px!important;right:12px!important;left:12px!important}
.abrcp-projector-monitor-frame .abrcp-projector-ref{margin:1vh auto 1vh!important}

/* 4.8.5.6 — Operator monitor: compact preview text and true edge-to-edge Bible projector. */
.abrcp-operator-page .abrcp-operator-preview-text{
  width:88%!important;
  margin-top:5px!important;
  font-size:clamp(11px,1vw,18px)!important;
  line-height:1.4!important;
  font-weight:650!important;
  max-height:58%!important;
}

/* The embedded projector must use the entire live monitor viewport. */
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2vw!important;
  box-sizing:border-box!important;
  flex:1 1 100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse > *{
  max-width:100%!important;
}


/* 4.8.5.7 — Operator monitors: the monitor container is the full 16:9 canvas.
   The embedded projector must fit the monitor, not the browser viewport. */
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor .abrcp-operator-monitor-screen{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  display:block!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
.abrcp-projector-monitor-frame,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  inset:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* 4.8.5.8 — Operator preview for Bible/Hymns/Announcements + true full live monitor. */
.abrcp-operator-page .abrcp-operator-preview-text{
  width:82%!important;
  margin-top:3px!important;
  font-size:clamp(10px,.82vw,15px)!important;
  line-height:1.35!important;
  font-weight:600!important;
  max-height:55%!important;
}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
.abrcp-projector-monitor-frame,
.abrcp-projector-monitor-frame body{
  width:100%!important;
  min-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-top,
.abrcp-projector-monitor-frame .abrcp-projector-controls,
.abrcp-projector-monitor-frame .abrcp-projector-ref{
  display:none!important;
}

/* 4.8.5.9 — Live operator monitor: remove legacy iframe scaling and fill the monitor itself. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#000!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  transform-origin:center center!important;
  background:#000!important;
  overflow:hidden!important;
}

/* 4.8.5.10 — Operator live monitor: keep the iframe viewport 16:9 while
   letting the projector's own fit routine size Bible/hymn text from the
   actual monitor viewport. Hidden state must become a clean black monitor. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#000!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame[hidden]{
  display:none!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  color:#fff!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:clamp(14px,1.4vw,24px)!important;
  font-weight:600!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder[hidden]{display:none!important;}

/* In the embedded projector, the viewport is already the monitor's 16:9 box.
   Do not force the verse element to 100% height; reader.js calculates its
   usable height and font size from the real iframe viewport. */
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  width:92%!important;
}
  visibility:hidden!important;
}
  width:100%!important;
  height:100%!important;
  inset:0!important;
}
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

/* 4.8.5.11 — Operator iframe command fallback and screen-state overlay. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
}
\n/* 4.8.5.12 — Final Operator monitor sizing fix.\n   The monitor/iframe fills the 16:9 monitor, but the embedded projector itself\n   must NOT be forced to 100% height because fitProjectorVerse() needs its\n   natural layout height to calculate verse/hymn text size. */\n.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{\n  width:100%!important; aspect-ratio:16/9!important; height:auto!important; min-height:0!important; max-height:none!important;\n  margin:0!important; padding:0!important; overflow:hidden!important; position:relative!important; background:#000!important;\n}\n.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{\n  position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important;\n  max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; transform:none!important;\n  display:block!important; background:#000!important;\n}\n/* Critical: never force the embedded projector or verse to 100% height. */\n.abrcp-projector-monitor-frame,\n.abrcp-projector-monitor-frame .abrcp-projector,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{\n  width:100%!important; height:auto!important; min-height:0!important; max-height:none!important;\n  margin:0!important; box-sizing:border-box!important;\n}\n.abrcp-projector-monitor-frame .abrcp-projector-verse{\n  width:92%!important; height:auto!important; min-height:0!important; max-height:none!important;\n}\n
/* 4.8.5.13 — Final Operator monitor viewport fix.
   The monitor/iframe is the 16:9 viewport. The embedded projector itself must
   keep its natural aspect/layout so fitProjectorVerse() can measure the real
   verse area instead of being forced to 100% height. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important; width:100%!important; aspect-ratio:16/9!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  overflow:hidden!important; padding:0!important; margin:0!important; box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  border:0!important; margin:0!important; padding:0!important; transform:none!important; display:block!important;
}
.abrcp-projector-monitor-frame{
  width:100%!important; height:auto!important; min-height:0!important; max-height:none!important;
  aspect-ratio:16/9!important; margin:0!important; padding:0!important; overflow:hidden!important;
  box-sizing:border-box!important; background:#000!important;
}
.abrcp-projector-monitor-frame .abrcp-projector,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{
  position:relative!important; inset:auto!important; width:100%!important; height:auto!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  aspect-ratio:16/9!important; margin:0!important; padding:0!important; border:0!important;
  border-radius:0!important; box-sizing:border-box!important; overflow:hidden!important; display:flex!important;
  align-items:stretch!important; justify-content:stretch!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  position:relative!important; inset:auto!important; width:100%!important; height:auto!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  flex:1 1 auto!important; margin:0!important; padding:0 2vw!important; box-sizing:border-box!important;
  display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important;
}

/* 4.8.5.14 — Operator live iframe: start blank and use a compact verse size. */
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  font-size:17px!important;
}
/* Arabic Bible - Alkalema TV Network 1.6.3 — Book Edition + AJAX timeout fallback */
.abrcp-wrap{
  --paper:#f5ead0; --paper-light:#fffaf0; --paper-deep:#ead7ad;
  --ink:#2e241d; --muted:#76624c; --gold:#b77b20; --gold-light:#e1b85d;
  --burgundy:#7b2f2a; --burgundy-dark:#4e201d; --line:#d7bd8b;
  position:relative; width:min(1040px,calc(100% - 24px)); margin:35px auto;
  color:var(--ink)!important; background:var(--paper)!important;
  border:1px solid #b9955b!important; border-radius:10px!important;
  overflow:hidden; box-shadow:0 20px 55px rgba(55,35,15,.28), 0 2px 8px rgba(55,35,15,.15)!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  line-height:1.6; direction:rtl; text-align:right;
}
.abrcp-wrap *{box-sizing:border-box}
.abrcp-wrap:before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.42; z-index:0;
  background:repeating-linear-gradient(0deg,rgba(105,75,30,.035) 0,rgba(105,75,30,.035) 1px,transparent 1px,transparent 5px);
}
.abrcp-header,.abrcp-toolbar,.abrcp-loading,.abrcp-content,.abrcp-wrap footer{position:relative;z-index:1}
.abrcp-wrap footer,.abrcp-wrap footer a{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}

.abrcp-header{
  min-height:145px; padding:28px 34px; display:flex; align-items:center; justify-content:space-between;
  color:#fff!important; background:linear-gradient(135deg,#3d1715 0%,#713029 48%,#4d1d1a 100%)!important;
  border-bottom:6px double #d8ad58; box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 5px 14px rgba(0,0,0,.2);
}
.abrcp-brand{display:flex;align-items:center;gap:18px}
.abrcp-ornament{
  width:64px;height:64px;border:2px solid #d9b35f;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:#e8c879;font-size:28px;
  box-shadow:inset 0 0 0 5px rgba(217,179,95,.12),0 2px 8px rgba(0,0,0,.25);
}
.abrcp-bible-icon{width:42px;height:42px;display:block;color:currentColor;}
.abrcp-title{font-size:26px!important;font-weight:700!important;letter-spacing:.2px;text-shadow:0 2px 3px #28100e}
.abrcp-brand-text{min-width:0}
.abrcp-sub{margin-top:4px;color:#f1dca9!important;font-size:14px;line-height:1.5;font-weight:500}
.abrcp-actions{display:flex;gap:9px}
.abrcp-actions button{
  width:44px!important;height:44px!important;border-radius:50%!important;border:1px solid #edcf88!important;
  background:linear-gradient(#d9aa50,#8d5917)!important;color:#fff!important;font-size:17px!important;
  cursor:pointer;box-shadow:0 3px 8px rgba(0,0,0,.28);transition:.2s;
}
.abrcp-actions button:hover{transform:translateY(-2px);filter:brightness(1.08)}

.abrcp-toolbar{background:var(--paper-light)!important;border-bottom:1px solid var(--line)}
.abrcp-select{
  display:grid;grid-template-columns:190px 110px auto minmax(280px,1fr);gap:13px;align-items:end;
  padding:27px 34px 15px!important;
}
.abrcp-select label{display:block;color:var(--muted)!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:700}
.abrcp-select select,.abrcp-search input{
  width:100%!important;margin-top:6px!important;padding:12px 14px!important;
  background:#fffdf7!important;color:#33271d!important;border:1px solid #c6a974!important;
  border-radius:6px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:15px!important;line-height:1.9!important;
  box-shadow:inset 0 2px 5px rgba(80,45,10,.08)!important;min-height:48px;
}

/* Refined Arabic dropdowns: custom gold arrow positioned slightly inward */
.abrcp-select select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  cursor:pointer!important;
  padding-right:38px!important;
  padding-left:30px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%237b2f2a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 20px center!important;
  background-size:16px 16px!important;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease!important;
}
.abrcp-select select:hover{
  border-color:#b77b20!important;
  background-color:#fff9ec!important;
}
.abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  box-shadow:0 0 0 3px rgba(183,123,32,.18),inset 0 2px 5px rgba(80,45,10,.08)!important;
}
.abrcp-load-button,.abrcp-search button{
  height:48px!important;min-height:48px!important;padding:10px 21px!important;border:1px solid #7a4a11!important;
  border-radius:6px!important;color:#fff!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-weight:700!important;cursor:pointer!important;
  background:linear-gradient(180deg,#d2a047,#966017)!important;
  box-shadow:0 3px 7px rgba(95,55,10,.2)!important;
}
.abrcp-load-button:hover,.abrcp-search button:hover{background:linear-gradient(180deg,#e0b45c,#a96b1d)!important}

/* Desktop: keep the chapter button perfectly aligned with the dropdowns */
@media (min-width:761px){
  .abrcp-select > .abrcp-load-button{
    align-self:end!important;
    margin:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
    transform:none!important;
  }
}
.abrcp-load-button:disabled{opacity:.55;cursor:wait}
.abrcp-search{display:flex;align-items:end;gap:9px;padding:0!important;background:transparent!important;margin:0!important;height:48px!important;min-height:48px!important}
.abrcp-search input{margin:0!important;flex:1;height:48px!important;min-height:48px!important}
.abrcp-search button{min-width:88px;margin:0!important;align-self:stretch!important}

.abrcp-loading{
  min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;
  background:#efe0be!important;color:#765322!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  border-bottom:1px solid var(--line);font-size:13px;font-weight:700;
}
.abrcp-spinner{
  width:22px;height:22px;border-radius:50%;border:3px solid #d9c08d;border-top-color:var(--burgundy);
  animation:abrcspin .7s linear infinite;display:inline-block;
}
@keyframes abrcspin{to{transform:rotate(360deg)}}
.abrcp-wrap.is-loading .abrcp-content{opacity:.48;transition:opacity .15s}
.abrcp-wrap.is-loading .abrcp-loading{display:flex!important}
.abrcp-loading[hidden]{display:none!important}
.abrcp-error{margin:30px auto;padding:22px;max-width:720px;text-align:center;background:#fff7e7;border:1px solid #d5b47a;border-radius:8px;color:#5b3b20;font-family:Tahoma,Arial,sans-serif}
.abrcp-error strong{display:block;font-size:18px;margin-bottom:8px}
.abrcp-error p{margin:0 0 14px}

.abrcp-heading{
  text-align:center!important;padding:23px 20px 19px!important;
  background:linear-gradient(#fffaf0,#f4e7c8)!important;
  border-bottom:1px solid var(--line)!important;box-shadow:inset 0 -7px 15px rgba(125,80,20,.045);
}
.abrcp-heading:before,.abrcp-heading:after{content:none!important;display:none!important}
.abrcp-heading span{font-size:27px!important;font-weight:700!important;color:var(--burgundy)!important}
.abrcp-heading strong{display:block!important;margin-top:0!important;font-size:48px!important;line-height:1.05;color:var(--burgundy)!important}

.abrcp-pager{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 34px!important;background:#ead8b1!important;border-bottom:1px solid #cfb27a!important;
}
.abrcp-pager button{
  min-width:105px;border:1px solid #b68a3f!important;border-radius:6px!important;padding:9px 15px!important;
  background:linear-gradient(#fff8e8,#e2c486)!important;color:#5b3816!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:13px!important;font-weight:700!important;cursor:pointer;
  box-shadow:0 2px 4px rgba(60,40,15,.13)!important;
}
.abrcp-pager button:hover:not(:disabled){background:linear-gradient(#fffdf6,#d5ae64)!important}
.abrcp-pager button:disabled{opacity:.35;cursor:not-allowed}
.abrcp-pager button.is-saved{background:linear-gradient(#f0d58f,#b78227)!important;color:#fff!important}

.abrcp-chapter{
  padding:24px 48px 35px!important;background:var(--paper-light)!important;
  box-shadow:inset 0 0 35px rgba(110,70,20,.055);
}
.abrcp-verse{
  display:grid;grid-template-columns:38px 38px minmax(0,1fr) auto;gap:10px;align-items:start;
  padding:14px 0!important;border-bottom:1px dotted #ccb582!important;
  font-size:18px!important;line-height:1.95!important;color:var(--ink)!important;
}
.abrcp-verse:last-child{border-bottom:0}
.abrcp-text{display:block;color:var(--ink)!important}
.abrcp-num{
  width:31px;height:31px;margin-top:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  text-decoration:none!important;background:var(--burgundy)!important;color:#fff!important;
  font:700 12px/1 Tahoma,Arial,sans-serif!important;box-shadow:0 2px 5px rgba(80,35,25,.25);
}
.abrcp-star,.abrcp-copy{
  border:1px solid #c6a66b!important;background:#f5e8ca!important;color:#77501c!important;
  border-radius:5px!important;padding:6px 9px!important;cursor:pointer!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-star{font-size:16px!important;min-width:34px}.abrcp-star.is-saved{color:#9b6210!important;background:#f1d48d!important}
.abrcp-copy{font-size:11px!important}.abrcp-copy.copied{background:#dfc181!important;color:#4c3214!important}

.abrcp-error{
  margin:25px 34px!important;padding:22px!important;background:#f8e4df!important;color:#572d27!important;
  border:1px solid #c98d82!important;border-radius:7px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-error p{margin:7px 0 13px}.abrcp-retry{
  border:1px solid #7b332c!important;border-radius:5px!important;padding:9px 15px!important;
  color:#fff!important;background:#8b3d32!important;cursor:pointer!important;font-weight:700;
}
.abrcp-wrap footer{
  padding:19px 25px!important;text-align:center!important;background:#ead8b1!important;color:#76634c!important;
  border-top:1px solid #cfb27a!important;font:12px/1.8 Tahoma,Arial,sans-serif!important;
}
.abrcp-wrap footer span{color:var(--gold);margin-left:7px}.abrcp-wrap footer a{color:var(--burgundy)!important;font-weight:700}

.abrcp-wrap.large .abrcp-verse{font-size:21px!important;line-height:2.05!important}
.abrcp-wrap.large .abrcp-text{font-size:inherit!important}

.abrcp-wrap.dark{
  --paper:#211914;--paper-light:#2b211b;--paper-deep:#35291f;--ink:#f1e3c8;--muted:#c9b28d;--line:#5a4430;
}
.abrcp-wrap.dark .abrcp-toolbar,.abrcp-wrap.dark .abrcp-search,.abrcp-wrap.dark .abrcp-select,.abrcp-wrap.dark .abrcp-heading{background:var(--paper-light)!important}
.abrcp-wrap.dark .abrcp-select select,.abrcp-wrap.dark .abrcp-search input{background:#382b22!important;color:#f1e3c8!important;border-color:#6e563b!important}
.abrcp-wrap.dark .abrcp-pager,.abrcp-wrap.dark footer{background:#000!important;background-color:#000!important;background-image:none!important;color:#fff!important}
.abrcp-wrap.dark .abrcp-chapter{background:#2b211b!important}.abrcp-wrap.dark .abrcp-text{color:#f1e3c8!important}
.abrcp-wrap.dark .abrcp-verse{border-color:#5b4633!important}.abrcp-wrap.dark .abrcp-star,.abrcp-wrap.dark .abrcp-copy{background:#3b2d23!important;color:#d9bb7f!important}
.abrcp-wrap.dark .abrcp-heading{background:linear-gradient(#34271f,#271e19)!important}
.abrcp-wrap.dark .abrcp-heading span,.abrcp-wrap.dark .abrcp-heading strong{color:#e1b85d!important}


.abrcp-select > .abrcp-load-button{
  align-self:end!important;
  margin:0!important;
  height:48px!important;
  min-height:48px!important;
}
.abrcp-select > .abrcp-search{
  align-self:end!important;
  margin:0!important;
  padding:0!important;
  height:48px!important;
  min-height:48px!important;
}


/* Social sharing */
.abrcp-share{
  display:flex;align-items:center;justify-content:center;gap:14px;
  padding:6px 18px 8px!important;background:var(--paper-light)!important;
  border-bottom:1px solid var(--line);direction:rtl;
}
.abrcp-share-title{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-size:11px!important;font-weight:700;color:var(--muted)!important;white-space:nowrap}
.abrcp-share-buttons{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}
.abrcp-share-btn{
  display:inline-flex!important;align-items:center;justify-content:center;gap:7px;
  min-height:32px!important;height:32px!important;padding:4px 9px!important;border-radius:16px!important;
  border:1px solid #c6a974!important;background:#fffdf7!important;color:#4b3028!important;
  text-decoration:none!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:10px!important;font-weight:700!important;cursor:pointer;
  box-shadow:0 2px 6px rgba(80,45,10,.08)!important;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.abrcp-share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(80,45,10,.14)!important;border-color:#b77b20!important}
.abrcp-share-btn svg{width:15px!important;height:15px!important;fill:currentColor!important;stroke:none!important;flex:0 0 15px;display:block}
.abrcp-share-facebook{color:#1877f2!important}.abrcp-share-whatsapp{color:#168c4a!important}.abrcp-share-snapchat{color:#8a6500!important}.abrcp-share-instagram{color:#a13d72!important}
.abrcp-wrap.dark .abrcp-share{background:var(--paper-light)!important}
.abrcp-wrap.dark .abrcp-share-btn{background:#382b22!important;color:#f1e3c8!important;border-color:#6e563b!important}

/* =========================================================
   Mobile-first responsive layout
   ========================================================= */
.abrcp-wrap{
  max-width:1040px;
  width:calc(100% - 24px);
  overflow:hidden;
}
.abrcp-wrap img,
.abrcp-wrap iframe,
.abrcp-wrap table{
  max-width:100%;
}
.abrcp-wrap button,
.abrcp-wrap select,
.abrcp-wrap input{
  touch-action:manipulation;
}

@media (max-width: 760px){
  .abrcp-wrap{
    width:calc(100% - 12px)!important;
    margin:12px auto!important;
    border-radius:8px!important;
    box-shadow:0 8px 25px rgba(55,35,15,.20)!important;
  }

  .abrcp-header{
    min-height:104px!important;
    padding:16px 14px!important;
    gap:10px;
  }

  .abrcp-brand{
    gap:10px!important;
    min-width:0;
  }

  .abrcp-ornament{
    width:46px!important;
    height:46px!important;
    min-width:46px!important;
    font-size:21px!important;
  }

  .abrcp-title{
    font-size:26px!important;
    line-height:1.2!important;
    white-space:nowrap;
  }

  .abrcp-sub{
    font-size:10px!important;
    line-height:1.4!important;
  }

  .abrcp-actions{
    gap:5px!important;
    flex-shrink:0;
  }

  .abrcp-actions button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
    font-size:15px!important;
  }

  .abrcp-select{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    padding:15px 13px 10px!important;
  }

  .abrcp-select label{
    min-width:0;
    font-size:11px!important;
  }

  .abrcp-select select{
    min-height:50px!important;
    height:50px!important;
    padding:7px 9px!important;
    margin-top:5px!important;
    font-size:13px!important;
    line-height:1.8!important;
  }

  .abrcp-load-button{
    grid-column:1/-1!important;
    width:100%!important;
    min-height:46px!important;
    padding:10px 12px!important;
    font-size:13px!important;
  }

  .abrcp-search{
    display:flex!important;
    padding:4px 13px 14px!important;
    gap:7px!important;
  }

  .abrcp-search input{
    min-width:0!important;
    min-height:45px!important;
    font-size:14px!important;
  }

  .abrcp-search button{
    min-width:70px!important;
    min-height:45px!important;
    padding:8px 11px!important;
  }
  .abrcp-share{
    display:block!important;padding:12px 10px 15px!important;
  }
  .abrcp-share-title{text-align:center!important;margin-bottom:9px!important;font-size:11px!important}
  .abrcp-share-buttons{gap:6px!important}
  .abrcp-share-btn{min-height:38px!important;padding:6px 9px!important;font-size:10px!important}
  .abrcp-share-btn svg{width:16px!important;height:16px!important;flex-basis:16px}


  .abrcp-heading{
    padding:17px 10px 15px!important;
  }

  .abrcp-heading span{
    font-size:21px!important;
  }

  .abrcp-heading strong{
    font-size:38px!important;
    margin-top:2px!important;
  }

  .abrcp-pager{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    padding:10px 11px!important;
  }

  .abrcp-pager button{
    min-width:0!important;
    width:100%!important;
    min-height:44px!important;
    padding:8px 7px!important;
    font-size:11px!important;
  }

  .abrcp-pager button:nth-child(2){
    grid-column:1/-1!important;
    grid-row:1!important;
  }

  .abrcp-pager button:first-child{
    grid-column:1!important;
    grid-row:2!important;
  }

  .abrcp-pager button:last-child{
    grid-column:2!important;
    grid-row:2!important;
  }

  .abrcp-chapter{
    padding:9px 12px 22px!important;
  }

  .abrcp-verse{
    display:grid!important;
    grid-template-columns:30px minmax(0,1fr) 30px!important;
    gap:6px!important;
    align-items:start!important;
    padding:12px 0!important;
    font-size:16px!important;
    line-height:1.9!important;
  }

  .abrcp-num{
    width:29px!important;
    height:29px!important;
    margin-top:5px!important;
    font-size:11px!important;
  }

  .abrcp-star{
    grid-column:3!important;
    grid-row:1!important;
    width:30px!important;
    min-width:30px!important;
    height:30px!important;
    padding:2px!important;
    font-size:15px!important;
  }

  .abrcp-text{
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }

  .abrcp-num{
    grid-column:1!important;
    grid-row:1!important;
  }

  .abrcp-copy{
    display:none!important;
  }

  .abrcp-error{
    margin:15px 12px!important;
    padding:15px!important;
    font-size:13px!important;
  }

  .abrcp-loading{
    min-height:54px!important;
    font-size:12px!important;
  }

  .abrcp-wrap footer{
    padding:13px 10px!important;
    font-size:10px!important;
  }
}

@media (max-width: 480px){
  .abrcp-wrap{
    width:calc(100% - 8px)!important;
    margin:8px auto!important;
  }

  .abrcp-header{
    min-height:94px!important;
    padding:13px 10px!important;
  }

  .abrcp-ornament{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    font-size:26px!important;
  }

  .abrcp-title{
    font-size:26px!important;
  }

  .abrcp-sub{
    font-size:9px!important;
  }

  .abrcp-actions button{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    font-size:13px!important;
  }

  .abrcp-select{
    grid-template-columns:1fr!important;
    padding:12px 10px 9px!important;
  }

  .abrcp-load-button{
    grid-column:1!important;
  }

  .abrcp-search{
    padding:3px 10px 12px!important;
  }

  .abrcp-heading span{
    font-size:19px!important;
  }

  .abrcp-heading strong{
    font-size:34px!important;
  }

  .abrcp-pager{
    grid-template-columns:1fr 1fr!important;
    padding:8px 9px!important;
  }

  .abrcp-pager button:nth-child(2){
    grid-column:1/-1!important;
  }

  .abrcp-verse{
    grid-template-columns:28px minmax(0,1fr) 28px!important;
    gap:5px!important;
    font-size:17px!important;
    line-height:1.9!important;
  }

  .abrcp-num{
    width:27px!important;
    height:27px!important;
    font-size:10px!important;
  }

  .abrcp-star{
    width:28px!important;
    min-width:28px!important;
    height:28px!important;
    font-size:14px!important;
  }

  .abrcp-wrap.large .abrcp-verse{
    font-size:19px!important;
    line-height:2.05!important;
  }
}

@media (max-width: 360px){
  .abrcp-title{
    font-size:26px!important;
  }

  .abrcp-sub{
    display:none!important;
  }

  .abrcp-actions{
    gap:3px!important;
  }

  .abrcp-actions button{
    width:32px!important;
    min-width:32px!important;
    height:32px!important;
  }

  .abrcp-verse{
    grid-template-columns:26px minmax(0,1fr) 26px!important;
    font-size:16px!important;
  }

  .abrcp-num{
    width:25px!important;
    height:25px!important;
  }

  .abrcp-star{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
  }
}

@media (prefers-reduced-motion: reduce){
  .abrcp-wrap *,
  .abrcp-wrap *:before,
  .abrcp-wrap *:after{
    animation-duration:.01ms!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}



/* Favorites panel */
.abrcp-favorites-toggle{cursor:pointer!important;}
.abrcp-favorites-toggle .abrcp-favorites-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.22);font-size:12px;font-weight:700;margin-inline-start:5px;}
.abrcp-favorites-panel{margin:12px 18px 0;border:1px solid var(--abrcp-gold);border-radius:12px;background:#fffaf0;box-shadow:0 8px 22px rgba(75,38,20,.12);overflow:hidden;}
.abrcp-favorites-panel[hidden]{display:none!important;}
.abrcp-favorites-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background:linear-gradient(90deg,#6f1723,#8e2633);color:#fff;}
.abrcp-favorites-close{border:0;background:transparent;color:#fff;font-size:25px;line-height:1;cursor:pointer;padding:0 5px;}
.abrcp-favorites-list{padding:8px;display:flex;flex-direction:column;gap:6px;}
.abrcp-favorite-item{display:flex;align-items:center;gap:6px;border:1px solid #ead9b8;border-radius:9px;background:#fff;overflow:hidden;}
.abrcp-favorite-open{flex:1;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:11px 12px;text-align:right;color:#4b2619;cursor:pointer;font:inherit;}
.abrcp-favorite-open:hover{background:#fff7e5;}
.abrcp-favorite-remove{width:38px;height:38px;margin-inline-end:5px;border:0;border-radius:7px;background:#f4e7d2;color:#7b1e2b;font-size:22px;cursor:pointer;}
.abrcp-favorite-remove:hover{background:#ead5b5;}
.abrcp-favorites-empty{text-align:center;padding:18px;color:#806f60;}
.abrcp-wrap.dark .abrcp-favorites-panel{background:#241e1b;border-color:#a88643;}
.abrcp-wrap.dark .abrcp-favorite-item{background:#302723;border-color:#594b43;}
.abrcp-wrap.dark .abrcp-favorite-open{color:#f4e8d4;}
.abrcp-wrap.dark .abrcp-favorite-open:hover{background:#3a302b;}
.abrcp-wrap.dark .abrcp-favorite-remove{background:#46382f;color:#f0c98a;}
.abrcp-wrap.dark .abrcp-favorites-empty{color:#c9b8a3;}
.abrcp-wrap.dark .abrcp-favorites-head{background:linear-gradient(90deg,#4b111a,#6b1c28);}
.abrcp-wrap [data-act="bookmark"].is-saved{background:#7b1e2b!important;color:#fff!important;}
@media (max-width:760px){
  .abrcp-favorites-panel{margin:10px 8px 0;border-radius:10px;}
  .abrcp-favorite-open{font-size:14px;padding:10px 9px;}
}
@media (max-width:480px){
  .abrcp-favorites-toggle{width:100%;}
}

/* Alkalema TV Network: use the website's Noto Kufi Arabic font throughout the reader. */
.abrcp-wrap,
.abrcp-wrap button,
.abrcp-wrap input,
.abrcp-wrap select,
.abrcp-wrap textarea,
.abrcp-wrap option {
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
}


/* v1.6.8 - Fix Arabic book/chapter dropdown vertical clipping */
.abrcp-wrap select.abrcp-select,
.abrcp-wrap select {
    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    height: 52px !important;
    min-height: 52px !important;
    line-height: 1.8 !important;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
}

@media (max-width: 760px) {
    .abrcp-wrap select.abrcp-select,
    .abrcp-wrap select {
        height: 50px !important;
        min-height: 50px !important;
        line-height: 1.8 !important;
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

@media (max-width: 480px) {
    .abrcp-wrap select.abrcp-select,
    .abrcp-wrap select {
        height: 48px !important;
        min-height: 48px !important;
        line-height: 1.8 !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }
}


/* v1.6.9 - Search results */
.abrcp-search-results {
  margin: 0 0 14px;
  padding: 10px 14px;
  border-radius: 8px;
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
  font-size: 14px;
  line-height: 1.8;
  background: rgba(128, 0, 32, .08);
  border: 1px solid rgba(128, 0, 32, .18);
}


/* v1.7.0 - Whole Bible search results */
.abrcp-search-results-full{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;padding:8px 0 18px}
.abrcp-search-summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;margin-bottom:14px;background:rgba(124,31,42,.07);border:1px solid rgba(124,31,42,.18);border-radius:10px}
.abrcp-search-summary strong{color:#7c1f2a;font-size:18px}
.abrcp-search-summary span{font-size:13px;opacity:.82}
.abrcp-search-result-list{display:grid;gap:12px}
.abrcp-search-result{padding:16px 18px;border:1px solid rgba(120,86,35,.22);border-radius:10px;background:rgba(255,255,255,.55);box-shadow:0 2px 8px rgba(0,0,0,.05)}
.abrcp-search-ref{font-weight:700;color:#7c1f2a;margin-bottom:8px}
.abrcp-search-verse{font-size:17px;line-height:2;text-align:right;margin-bottom:10px}
.abrcp-search-open{font-family:inherit!important;border:0;background:#7c1f2a;color:#fff;border-radius:7px;padding:8px 13px;cursor:pointer}
.abrcp-wrap.dark .abrcp-search-result{background:rgba(255,255,255,.04)}
.abrcp-wrap.dark .abrcp-search-summary{background:rgba(255,255,255,.05)}
@media(max-width:600px){.abrcp-search-result{padding:13px}.abrcp-search-verse{font-size:15px;line-height:1.9}.abrcp-search-summary strong{font-size:16px}}

/* v1.7.5 - Verse favorites inside the unified favorites panel */
.abrcp-favorites-section-title{padding:10px 10px 6px;color:#7b1e2b;font-weight:700;font-size:14px;}
.abrcp-favorite-verse .abrcp-favorite-open{flex-wrap:wrap;}
.abrcp-favorite-verse-text{width:100%;font-weight:400;line-height:1.9;color:#5d4a3d;margin-top:2px;}
.abrcp-wrap.dark .abrcp-favorites-section-title{color:#e2bd72;}
.abrcp-wrap.dark .abrcp-favorite-verse-text{color:#d7c7b6;}


/* v1.7.7 - Center and enlarge Favorites under Search */
.abrcp-wrap .abrcp-favorites-under-search,
.abrcp-wrap #abrcp-favorites,
.abrcp-wrap button[data-action="favorites"] {
    display: block !important;
    width: fit-content !important;
    min-width: 150px !important;
    margin: 12px auto 8px !important;
    padding: 10px 22px !important;
    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.6 !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
@media (max-width: 480px) {
    .abrcp-wrap .abrcp-favorites-under-search,
    .abrcp-wrap #abrcp-favorites,
    .abrcp-wrap button[data-action="favorites"] {
        min-width: 145px !important;
        margin: 10px auto 7px !important;
        padding: 9px 18px !important;
        font-size: 14px !important;
    }
}

/* v1.8.2 - Compact Bible selector/search toolbar */
.abrcp-wrap .abrcp-select{
  grid-template-columns:190px 110px auto minmax(280px,1fr)!important;
  align-items:end!important;
}
.abrcp-wrap .abrcp-select > label:first-child,
.abrcp-wrap .abrcp-select > label:nth-child(2){
  min-width:0!important;
}
.abrcp-wrap .abrcp-select > label:first-child select,
.abrcp-wrap .abrcp-select > label:nth-child(2) select{
  width:100%!important;
}
.abrcp-wrap .abrcp-search{
  grid-column:auto!important;
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  min-width:0!important;
}
.abrcp-wrap .abrcp-search input{
  min-width:0!important;
  margin:0!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.08)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.abrcp-wrap .abrcp-search input:focus,
.abrcp-wrap .abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  background:#fffdf7!important;
  box-shadow:0 0 0 3px rgba(123,47,42,.12),inset 0 1px 3px rgba(91,55,18,.06)!important;
}
.abrcp-wrap .abrcp-select select{
  border-color:#b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.07)!important;
}
.abrcp-wrap .abrcp-search button{
  flex:0 0 auto!important;
  min-width:72px!important;
  min-height:48px!important;
  padding:9px 14px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#8b2632 0%,#b77b20 100%)!important;
  border:1px solid #74212a!important;
  box-shadow:0 3px 7px rgba(95,35,30,.18)!important;
}
.abrcp-wrap .abrcp-search button:hover{
  background:linear-gradient(135deg,#a32e3b 0%,#cf9840 100%)!important;
  transform:translateY(-1px);
}

@media (max-width: 760px){
  .abrcp-wrap .abrcp-select{
    grid-template-columns:minmax(0,1fr) minmax(0,110px)!important;
  }
  .abrcp-wrap .abrcp-search{
    grid-column:1/-1!important;
    width:100%!important;
    margin-top:2px!important;
  }
  .abrcp-wrap .abrcp-search input{flex:1 1 auto!important;}
}

@media (max-width: 480px){
  .abrcp-wrap .abrcp-select{
    grid-template-columns:minmax(0,1fr) minmax(0,100px)!important;
    gap:8px!important;
  }
  .abrcp-wrap .abrcp-select select{
    min-height:48px!important;
    height:48px!important;
    font-size:13px!important;
  }
  .abrcp-wrap .abrcp-load-button{
    grid-column:1/-1!important;
  }
  .abrcp-wrap .abrcp-search{
    grid-column:1/-1!important;
    padding:0!important;
  }
  .abrcp-wrap .abrcp-search input{
    min-height:45px!important;
    font-size:13px!important;
  }
  .abrcp-wrap .abrcp-search button{
    min-width:68px!important;
    min-height:45px!important;
  }
}

/* v1.8.2 - Compact Bible selector/search toolbar */
.abrcp-wrap .abrcp-select{
  grid-template-columns:190px 110px auto minmax(280px,1fr)!important;
  align-items:end!important;
}
.abrcp-wrap .abrcp-select > label:first-child,
.abrcp-wrap .abrcp-select > label:nth-child(2){min-width:0!important;}
.abrcp-wrap .abrcp-search{
  grid-column:auto!important;
  display:flex!important;
  align-items:end!important;
  gap:8px!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  min-width:0!important;
}
.abrcp-wrap .abrcp-search input{
  min-width:0!important;
  margin:0!important;
  min-height:48px!important;
  padding:10px 13px!important;
  border:1px solid #b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.08)!important;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important;
}
.abrcp-wrap .abrcp-search input:focus,
.abrcp-wrap .abrcp-select select:focus{
  outline:none!important;
  border-color:#7b2f2a!important;
  background:#fffdf7!important;
  box-shadow:0 0 0 3px rgba(123,47,42,.12),inset 0 1px 3px rgba(91,55,18,.06)!important;
}
.abrcp-wrap .abrcp-select select{
  border-color:#b98b3e!important;
  border-radius:9px!important;
  background:linear-gradient(180deg,#fffef9 0%,#f7ecd2 100%)!important;
  box-shadow:inset 0 1px 3px rgba(91,55,18,.08),0 2px 5px rgba(91,55,18,.07)!important;
}
.abrcp-wrap .abrcp-search button{
  flex:0 0 auto!important;
  min-width:72px!important;
  min-height:48px!important;
  padding:9px 14px!important;
  border-radius:9px!important;
  background:linear-gradient(135deg,#8b2632 0%,#b77b20 100%)!important;
  border:1px solid #74212a!important;
  box-shadow:0 3px 7px rgba(95,35,30,.18)!important;
}
.abrcp-wrap .abrcp-search button:hover{background:linear-gradient(135deg,#a32e3b 0%,#cf9840 100%)!important;transform:translateY(-1px);}
@media (max-width:760px){
  .abrcp-wrap .abrcp-select{grid-template-columns:minmax(0,1fr) minmax(0,110px)!important;}
  .abrcp-wrap .abrcp-search{grid-column:1/-1!important;width:100%!important;margin-top:2px!important;}
  .abrcp-wrap .abrcp-search input{flex:1 1 auto!important;}
}
@media (max-width:480px){
  .abrcp-wrap .abrcp-select{grid-template-columns:minmax(0,1fr) minmax(0,100px)!important;gap:8px!important;}
  .abrcp-wrap .abrcp-select select{min-height:48px!important;height:48px!important;font-size:13px!important;}
  .abrcp-wrap .abrcp-load-button{grid-column:1/-1!important;}
  .abrcp-wrap .abrcp-search{grid-column:1/-1!important;padding:0!important;}
  .abrcp-wrap .abrcp-search input{min-height:45px!important;font-size:13px!important;}
  .abrcp-wrap .abrcp-search button{min-width:68px!important;min-height:45px!important;}
}

/* v1.8.5 - Align chapter-open button with the actual select controls on desktop.
   The selects sit below their labels, so the button needs the same vertical offset. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select > .abrcp-load-button{
    align-self:start!important;
    margin-top:27px!important;
    margin-bottom:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
  }
}

/* v1.8.6 - Align the Bible search field and button with the select controls on desktop. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select > .abrcp-search{
    align-self:start!important;
    margin-top:27px!important;
    margin-bottom:0!important;
    padding:0!important;
    height:48px!important;
    min-height:48px!important;
    box-sizing:border-box!important;
  }
  .abrcp-wrap .abrcp-select > .abrcp-search input,
  .abrcp-wrap .abrcp-select > .abrcp-search button{
    height:48px!important;
    min-height:48px!important;
    margin-top:0!important;
    margin-bottom:0!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
  }
}

/* v2.0 - Custom dropdown arrow positioned on the LEFT without changing Arabic text alignment. */
@media (min-width:761px){
  .abrcp-wrap .abrcp-select select.abrcp-book-select,
  .abrcp-wrap .abrcp-select select.abrcp-chapter-select{
    appearance:none!important;
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    padding-left:14px!important;
    padding-right:14px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%237b2f2a' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:left 13px center!important;
    background-size:18px 18px!important;
  }
}
@media (max-width:760px){
  .abrcp-wrap .abrcp-select select.abrcp-book-select,
  .abrcp-wrap .abrcp-select select.abrcp-chapter-select{
    appearance:auto!important;
    -webkit-appearance:auto!important;
    -moz-appearance:auto!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* KJV visual theme applied to Arabic Bible - visual styling only */
:root {
  --kjv-primary: #7b1e2b;
  --kjv-primary-dark: #5e1621;
  --kjv-accent: #c79a45;
  --kjv-bg: #fff;
  --kjv-text: #2f2f2f;
}
.kjvat-wrap, .arabic-bible-wrap, .arabic-bible-reader {
  font-family: "Open Sans", sans-serif;
  color: var(--kjv-text);
}
.kjvat-wrap button, .arabic-bible-wrap button, .arabic-bible-reader button {
  font-family: "Open Sans", sans-serif;
  border-radius: 8px;
}
.kjvat-wrap select, .arabic-bible-wrap select, .arabic-bible-reader select,
.kjvat-wrap input, .arabic-bible-wrap input, .arabic-bible-reader input {
  border-radius: 8px;
}
.kjvat-wrap button:hover, .arabic-bible-wrap button:hover, .arabic-bible-reader button:hover {
  border-color: var(--kjv-accent);
}
.kjvat-wrap .kjvat-favorites-toggle,
.arabic-bible-wrap .kjvat-favorites-toggle {
  background: linear-gradient(135deg,#7b1e2b,#5e1621) !important;
  border: 1px solid #c79a45 !important;
  color:#fff !important;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
}
.kjvat-wrap .kjvat-favorites-toggle:hover,
.arabic-bible-wrap .kjvat-favorites-toggle:hover {
  background:linear-gradient(135deg,#8d2635,#6a1925) !important;
}
.kjvat-wrap input:focus, .kjvat-wrap select:focus,
.arabic-bible-wrap input:focus, .arabic-bible-wrap select:focus {
  outline:none;
  border-color:#c79a45 !important;
  box-shadow:0 0 0 2px rgba(199,154,69,.18);
}

/* v2.1 - Match KJV favorite icon + strengthen dark-mode form controls */
.abrcp-star{
  font-size:15px!important;
  min-width:28px!important;
  width:28px!important;
  height:28px!important;
  padding:2px!important;
  align-self:center!important;
  border-color:#b68a3f!important;
  background:#ead8b1!important;
  color:#7b1e2b!important;
  border-radius:5px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
}
.abrcp-star:hover{
  background:#dfc181!important;
  color:#6f1723!important;
}
.abrcp-star.is-saved{
  color:#fff!important;
  background:#7b1e2b!important;
  border-color:#7b1e2b!important;
}

/* Keep Arabic selectors and search field dark when dark mode is active,
   including focused controls and native dropdown options. */
.abrcp-wrap.dark .abrcp-select select,
.abrcp-wrap.dark .abrcp-select select:focus,
.abrcp-wrap.dark .abrcp-search input,
.abrcp-wrap.dark .abrcp-search input:focus{
  background:#382b22!important;
  background-image:none!important;
  color:#f1e3c8!important;
  -webkit-text-fill-color:#f1e3c8!important;
  border-color:#6e563b!important;
  box-shadow:0 0 0 3px rgba(183,123,32,.16),inset 0 1px 3px rgba(0,0,0,.20)!important;
}
.abrcp-wrap.dark .abrcp-select select option{
  background:#382b22!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-search input::placeholder{
  color:#c9b28d!important;
  opacity:1!important;
}
.abrcp-wrap.dark .abrcp-star{
  background:#3b2d23!important;
  color:#d9bb7f!important;
  border-color:#6e563b!important;
}
.abrcp-wrap.dark .abrcp-star.is-saved{
  background:#7b1e2b!important;
  color:#fff!important;
  border-color:#7b1e2b!important;
}


/* v2.2 - Match the KJV/HSU Favorites toggle design exactly, adapted for Arabic RTL. */
.abrcp-wrap .abrcp-favorites-toggle{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  direction:rtl!important;
  width:max-content!important;
  min-width:150px!important;
  margin:12px auto 15px!important;
  padding:9px 18px!important;
  box-sizing:border-box!important;
  border:1px solid #c99a45!important;
  border-radius:999px!important;
  background:linear-gradient(180deg,#8e2633,#6f1723)!important;
  color:#fff!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.2!important;
  text-align:center!important;
  cursor:pointer!important;
  box-shadow:0 3px 9px rgba(75,38,20,.18)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.abrcp-wrap .abrcp-favorites-toggle:hover{
  transform:translateY(-1px)!important;
  filter:brightness(1.06)!important;
  box-shadow:0 5px 12px rgba(75,38,20,.22)!important;
}
.abrcp-wrap .abrcp-favorites-toggle:focus-visible{
  outline:3px solid rgba(183,123,32,.28)!important;
  outline-offset:2px!important;
}
.abrcp-wrap .abrcp-favorites-toggle .abrcp-favorites-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:22px!important;
  height:22px!important;
  margin-inline-start:7px!important;
  margin-inline-end:0!important;
  padding:0 6px!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.20)!important;
  color:#fff!important;
  font-family:Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:700!important;
}
.abrcp-wrap.dark .abrcp-favorites-toggle{
  background:linear-gradient(180deg,#6b1c28,#4b111a)!important;
  border-color:#a88643!important;
}
.abrcp-wrap.dark .abrcp-favorites-toggle .abrcp-favorites-count{
  background:rgba(240,201,138,.18)!important;
  color:#f0c98a!important;
}

/* KJV-style circular verse favorite icon. */
.abrcp-wrap .abrcp-verse .abrcp-star{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:30px!important;
  min-width:30px!important;
  max-width:30px!important;
  height:30px!important;
  min-height:30px!important;
  margin:0 auto!important;
  padding:0!important;
  border:2px solid #b68a3f!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,#fff8e8,#ead3a3)!important;
  color:#7b1e2b!important;
  font-family:Arial,sans-serif!important;
  font-size:17px!important;
  line-height:30px!important;
  text-align:center!important;
  box-shadow:0 2px 6px rgba(80,35,25,.18),inset 0 1px 0 rgba(255,255,255,.8)!important;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease!important;
}
.abrcp-wrap .abrcp-verse .abrcp-star:hover{
  transform:scale(1.08)!important;
  background:linear-gradient(145deg,#f7e4b7,#dfbd73)!important;
  color:#65151f!important;
  box-shadow:0 3px 9px rgba(80,35,25,.25)!important;
}
.abrcp-wrap .abrcp-verse .abrcp-star.is-saved{
  background:linear-gradient(145deg,#8b2734,#7b1e2b)!important;
  border-color:#b68a3f!important;
  color:#fff!important;
  box-shadow:0 2px 7px rgba(123,30,43,.3)!important;
}

/* Dark mode: never let browser/theme focus rules turn Arabic search/select controls white. */
.abrcp-wrap.dark .abrcp-select select,
.abrcp-wrap.dark .abrcp-select select:focus,
.abrcp-wrap.dark .abrcp-search input,
.abrcp-wrap.dark .abrcp-search input:focus,
.abrcp-wrap.dark .abrcp-search input:active{
  background-color:#382b22!important;
  color:#f1e3c8!important;
  -webkit-text-fill-color:#f1e3c8!important;
  border-color:#6e563b!important;
  color-scheme:dark!important;
}
.abrcp-wrap.dark .abrcp-select select option,
.abrcp-wrap.dark .abrcp-select select optgroup{
  background-color:#382b22!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-search input::placeholder{
  color:#c9b28d!important;
  opacity:1!important;
}

@media(max-width:760px){
  .abrcp-wrap .abrcp-favorites-toggle{
    width:max-content!important;
    min-width:142px!important;
    margin:10px auto 15px!important;
    padding:8px 15px!important;
  }
  .abrcp-wrap .abrcp-verse .abrcp-star{
    width:28px!important;
    min-width:28px!important;
    max-width:28px!important;
    height:28px!important;
    min-height:28px!important;
    font-size:15px!important;
    line-height:28px!important;
  }
}


/* v2.3 - Arabic Favorites toggle typography */
.abrcp-wrap .abrcp-favorites-toggle,
.abrcp-wrap .abrcp-favorites-toggle span{
  font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-size:16px!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.abrcp-wrap .abrcp-favorites-toggle .abrcp-favorites-count{
  font-family:"Noto Kufi Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:700!important;
}


/* Church projector + Arabic voice search */
.abrcp-search{position:relative}
.abrcp-voice-btn{width:48px!important;height:48px!important;min-width:48px!important;padding:0!important;border:1px solid #7a4a11!important;border-radius:6px!important;background:#fff8e9!important;color:#7b2f2a!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important}
.abrcp-voice-btn svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.abrcp-voice-btn:hover{background:#f3dfb0!important;color:#4e201d!important}
.abrcp-voice-btn.is-listening{background:#7b2f2a!important;color:#fff!important;animation:abrcmicpulse 1.1s ease-in-out infinite}
.abrcp-voice-btn:disabled{opacity:.45;cursor:not-allowed!important}
@keyframes abrcmicpulse{0%,100%{box-shadow:0 0 0 0 rgba(123,47,42,.35)}50%{box-shadow:0 0 0 8px rgba(123,47,42,0)} }
.abrcp-projector-launch{height:48px!important;min-height:48px!important;margin:0 34px 15px!important;padding:8px 18px!important;border:1px solid #7a4a11!important;border-radius:7px!important;background:linear-gradient(180deg,#3d1715,#713029)!important;color:#fff!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;font-weight:700!important;cursor:pointer!important;box-shadow:0 3px 8px rgba(55,25,10,.18)!important}
.abrcp-projector-icon{margin-left:6px;color:#e8c879}
.abrcp-voice-status{position:relative;z-index:4;margin:0 34px 16px;padding:11px 15px;border:1px solid #d6b774;border-radius:8px;background:#fff5d9;color:#6b4819;font-size:12px;font-weight:700;text-align:center}
.abrcp-voice-pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:#b72c2c;margin-left:7px;animation:abrcmicpulse 1s infinite}
.abrcp-projector[hidden]{display:none!important}
.abrcp-hidden-data{display:none!important;visibility:hidden!important;width:0!important;height:0!important;position:absolute!important;left:-99999px!important}
.abrcp-projector{position:fixed;inset:0;z-index:999999;background:radial-gradient(circle at 50% 35%,#173c52 0,#071724 42%,#02070c 100%);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:7vh 6vw 105px;text-align:center;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;direction:rtl;box-sizing:border-box;overflow:hidden}
.abrcp-projector-top{position:absolute;top:20px;right:28px;left:28px;display:flex;align-items:center;justify-content:space-between;color:#d9b35f;font-size:16px;font-weight:700}
.abrcp-projector-live{color:#dc5149;font-size:12px;vertical-align:middle;margin-left:6px}
.abrcp-projector-close{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.08);color:#fff;width:46px;height:46px;border-radius:50%;font-size:28px;cursor:pointer}
.abrcp-projector-ref{font-size:clamp(16px,1.7vw,27px);color:#e5c56e;border:1px solid rgba(229,197,110,.6);border-radius:999px;padding:6px 22px;margin:1vh auto 2vh;flex:0 0 auto}
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{text-align:center!important;}
.abrcp-projector-verse{width:min(1450px,92vw);height:auto;max-height:none;flex:1 1 auto;font-size:4.8vw;line-height:1.38;font-weight:700;text-shadow:0 4px 22px rgba(0,0,0,.55);transition:font-size .2s ease;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;overflow-wrap:anywhere;word-break:normal;box-sizing:border-box;padding:0 1vw;margin:0 0 92px}
.abrcp-projector-controls{position:absolute;bottom:24px;display:flex;align-items:center;gap:8px;direction:ltr;opacity:.9}
.abrcp-projector-controls button{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;border-radius:8px;padding:9px 15px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-projector-controls button:hover{background:rgba(255,255,255,.16)}
body.abrcp-projector-open{overflow:hidden}
.abrcp-wrap.dark .abrcp-projector{background:radial-gradient(circle at 50% 35%,#1b2942 0,#0b1220 45%,#05080f 100%)!important;color:#f5f7fb!important}
.abrcp-wrap.dark .abrcp-projector-ref{color:#f2cf79!important;border-color:rgba(242,207,121,.7)!important}
.abrcp-wrap.dark .abrcp-projector-controls button,.abrcp-wrap.dark .abrcp-projector-close{background:rgba(255,255,255,.1)!important;color:#f5f7fb!important;border-color:rgba(255,255,255,.28)!important}
body:has(.abrcp-wrap) .skip-link, body:has(.abrcp-wrap) a[href="#x-main"]{display:none!important}
@media(max-width:760px){
  .abrcp-projector-launch{margin:0 15px 12px;width:calc(100% - 30px)}
  .abrcp-voice-status{margin:0 15px 12px}
  .abrcp-projector{padding:8vh 5vw 92px}
  .abrcp-projector-controls{bottom:14px;gap:5px;flex-wrap:wrap;justify-content:center;max-width:96vw}
  .abrcp-projector-controls button{padding:7px 11px;font-size:11px}
  .abrcp-projector-verse{width:94vw;height:auto;max-height:none;flex:1 1 auto;font-size:5vw;line-height:1.35;margin-bottom:78px}
}


/* v2.5 — Church Projector workspace: visual system matched to the projector mockup */
.abrcp-wrap{
  --projector-navy:#071a2b; --projector-panel:#0c2438; --projector-panel2:#102d45;
  --projector-blue:#1595f5; --projector-blue2:#0868c7; --projector-gold:#e5bd63;
  --projector-text:#f7f8fb; --projector-muted:#a9bacb;
  width:min(1540px,calc(100% - 24px))!important; margin:24px auto!important;
  background:#071725!important; color:var(--projector-text)!important; border:1px solid #31516c!important;
  border-radius:18px!important; box-shadow:0 22px 70px rgba(0,0,0,.28)!important; overflow:hidden!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-wrap:before{display:none!important}
.abrcp-header{
  min-height:128px!important; padding:25px 30px!important; border-bottom:1px solid #35566f!important;
  background:linear-gradient(120deg,#071727,#0e2d43 55%,#0a1d2d)!important; box-shadow:none!important;
}
.abrcp-ornament{width:58px!important;height:58px!important;border-color:var(--projector-gold)!important;color:var(--projector-gold)!important}
.abrcp-title{font-size:26px!important;color:#fff!important;text-shadow:none!important}
.abrcp-sub{color:#b9ccdc!important;font-size:12px!important}
.abrcp-actions button{border:1px solid #41617a!important;background:#102f48!important;color:#fff!important;box-shadow:none!important;border-radius:10px!important}
.abrcp-toolbar{background:#081b2c!important;border-bottom:1px solid #27455e!important}
.abrcp-select{grid-template-columns:minmax(160px,1fr) 130px 120px minmax(300px,1.7fr) 150px!important;gap:10px!important;padding:18px 22px 12px!important}
.abrcp-select label{color:#9fb4c5!important;font-size:11px!important}
.abrcp-select select,.abrcp-search input{background:#102b41!important;color:#f5f8fb!important;border:1px solid #36556c!important;border-radius:10px!important;box-shadow:none!important;height:46px!important;min-height:46px!important;font-size:13px!important}
.abrcp-select select{background-color:#102b41!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath d='M7 9l5 5 5-5' fill='none' stroke='%23a9c2d6' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important}
.abrcp-load-button,.abrcp-search button{height:46px!important;min-height:46px!important;border:1px solid #187dcc!important;border-radius:10px!important;background:linear-gradient(180deg,#168ff0,#0869c9)!important;box-shadow:none!important;font-size:12px!important}
.abrcp-search{height:46px!important;min-height:46px!important;gap:6px!important}
.abrcp-voice-btn{height:46px!important;width:46px!important;min-width:46px!important;border-radius:10px!important;background:#102b41!important;color:#a9d8ff!important;border:1px solid #36556c!important}
.abrcp-voice-btn.is-listening{background:#e23d4d!important;color:#fff!important;border-color:#ff6672!important}
.abrcp-projector-launch{height:46px!important;min-height:46px!important;margin:0!important;border:1px solid #315670!important;border-radius:10px!important;background:#102b41!important;color:#dbe9f4!important;box-shadow:none!important}
.abrcp-favorites-under-search{display:none!important}

.abrcp-projector-workspace{padding:0 22px 22px;background:#071725!important}
.abrcp-stepbar{display:flex;align-items:center;justify-content:center;gap:14px;padding:17px 10px 14px;color:#e8f0f6;font-size:14px;font-weight:700}
.abrcp-step{display:flex;align-items:center;gap:8px;white-space:nowrap}.abrcp-step b{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e83445;color:#fff;font-family:Arial,sans-serif;font-size:14px;box-shadow:0 0 0 3px rgba(232,52,69,.12)}
.abrcp-stepbar i{font-style:normal;color:#1595f5;font-size:28px;line-height:1}
.abrcp-workgrid{display:grid;grid-template-columns:1fr 1fr 1fr 2fr;gap:8px;min-height:570px}
.abrcp-work-panel,.abrcp-work-preview{min-width:0;border:1px solid #35566e;border-radius:11px;background:linear-gradient(180deg,#0d263a,#091d2e);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.03)}
.abrcp-panel-title{height:54px;padding:0 17px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #29485f;background:#102c42;color:#f4f8fb}.abrcp-panel-title span{color:#a8d5ff;font-size:17px}.abrcp-panel-title strong{font-size:15px}
.abrcp-work-search{width:calc(100% - 20px)!important;margin:10px!important;height:38px!important;border-radius:8px!important;border:1px solid #34556d!important;background:#091d2d!important;color:#f4f8fb!important;padding:6px 12px!important;font-family:inherit!important;font-size:11px!important}
.abrcp-work-search::placeholder{color:#7e98aa!important}
.abrcp-testament-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 10px 9px;border:1px solid #31536a;border-radius:8px;overflow:hidden}.abrcp-testament-tabs button{border:0;background:#0a2134;color:#9eb4c5;padding:8px 5px;font-family:inherit;font-size:10px;cursor:pointer}.abrcp-testament-tabs button.is-active{background:#126fca;color:#fff}
.abrcp-book-list{height:445px;overflow:auto;padding:0 8px 10px}.abrcp-work-book{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#e7eef4;padding:9px 9px;margin:2px 0;text-align:right;direction:rtl;font-family:inherit;font-size:13px;cursor:pointer}.abrcp-work-book:hover{background:#123550}.abrcp-work-book.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);box-shadow:inset 3px 0 #36b4ff}.abrcp-work-book b{margin-right:auto;color:#7995a8;font-family:Arial}.abrcp-work-book.is-active b{color:#fff}.abrcp-book-mini{font-size:14px;color:#a9c9de}
.abrcp-current-book,.abrcp-current-chapter{margin:10px;padding:8px 10px;border-radius:8px;background:#0a2032;color:#dce9f2;text-align:center;font-size:12px;font-weight:700}.abrcp-chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:8px;max-height:475px;overflow:auto}.abrcp-work-chapter{height:39px;border:1px solid #294c65;border-radius:7px;background:#0b2235;color:#dce8ef;font-family:Arial,sans-serif;font-size:13px;cursor:pointer}.abrcp-work-chapter:hover{border-color:#1595f5}.abrcp-work-chapter.is-active{background:#0e74d0;border-color:#35aaff;color:#fff;font-weight:700;box-shadow:0 0 0 2px rgba(21,149,245,.16)}
.abrcp-verse-list{height:505px;overflow:auto;padding:3px 8px 10px}.abrcp-work-verse{width:100%;display:grid;grid-template-columns:30px 1fr 18px;gap:8px;align-items:center;text-align:right;direction:rtl;border:1px solid transparent;border-radius:7px;background:transparent;color:#dce8ef;padding:8px 7px;margin:2px 0;font-family:inherit;cursor:pointer}.abrcp-work-verse b{width:25px;height:25px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#102f47;color:#8fb3ca;font-family:Arial;font-size:10px}.abrcp-work-verse span{font-size:10px;line-height:1.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abrcp-work-verse i{font-style:normal;color:#6f91a6}.abrcp-work-verse:hover{background:#123550}.abrcp-work-verse.is-active{background:#0d5fae;border-color:#1595f5;color:#fff}.abrcp-work-verse.is-active b{background:#168ff0;color:#fff}
.abrcp-work-preview{position:relative;background:radial-gradient(circle at 50% 30%,#16405a 0,#092338 48%,#061522 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 25px;min-height:570px}.abrcp-preview-top{position:absolute;top:13px;right:15px;left:15px;display:flex;align-items:center;gap:8px;color:#c8d8e5;font-size:12px}.abrcp-preview-top .abrcp-projector-live{margin:0;color:#e14b55}.abrcp-preview-projector{margin-right:auto;border:1px solid #49677c;border-radius:8px;background:#102d42;color:#e5eef4;padding:7px 10px;font-family:inherit;font-size:10px;cursor:pointer}.abrcp-preview-ref{margin-top:20px;border:1px solid #bd974e;color:#e6c675;border-radius:8px;padding:5px 15px;font-size:13px;background:rgba(0,0,0,.15)}.abrcp-preview-hymn-label{margin-top:20px;border:1px solid #bd974e;color:#e6c675;border-radius:8px;padding:6px 18px;font-size:13px;background:rgba(0,0,0,.18);font-weight:700}.abrcp-preview-verse{width:95%;font-size:clamp(30px,3.7vw,66px);line-height:1.8;color:#fff;font-weight:700;text-shadow:0 4px 20px rgba(0,0,0,.55);min-height:190px;display:flex;align-items:center;justify-content:center;transition:font-size .2s}.abrcp-preview-controls{display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #45677d;background:rgba(7,23,37,.72);border-radius:9px;padding:7px;margin-top:15px}.abrcp-preview-controls button{height:35px;min-width:38px;border:0;border-radius:6px;background:#102e45;color:#dce9f2;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-preview-controls button:hover{background:#174766}.abrcp-preview-controls .abrcp-preview-voice{padding:0 12px;color:#b9ddff}
.abrcp-content{background:#0a1d2c!important}.abrcp-heading,.abrcp-pager,.abrcp-chapter{background:#0a1d2c!important;color:#e8eef3!important;border-color:#28475d!important}.abrcp-heading span,.abrcp-heading strong,.abrcp-text{color:#e8eef3!important}.abrcp-verse{border-bottom-color:#27475e!important}.abrcp-num{background:#126fca!important}.abrcp-star,.abrcp-copy{background:#102e45!important;color:#c8d9e6!important;border-color:#3b5c72!important}
.abrcp-loading{background:#0d263a!important;color:#a9c4d5!important;border-color:#294b62!important}.abrcp-wrap footer{background:#071725!important;color:#7892a5!important;border-top:1px solid #27465d}.abrcp-wrap footer a{color:#9cc9e9!important}
.abrcp-voice-status{margin:0 22px 12px!important;background:#102d42!important;color:#bfe0f5!important;border-color:#34566e!important}

@media(max-width:900px){.abrcp-select{grid-template-columns:1fr 1fr 1fr!important}.abrcp-search{grid-column:1/-1}.abrcp-projector-launch{margin:0!important}.abrcp-workgrid{grid-template-columns:1fr 1fr;}.abrcp-work-preview{grid-column:1/-1;min-height:430px}.abrcp-book-list{height:350px}.abrcp-verse-list{height:350px}}
@media(max-width:760px){.abrcp-wrap{width:calc(100% - 10px)!important;margin:8px auto!important;border-radius:12px!important}.abrcp-header{min-height:100px!important;padding:17px!important}.abrcp-title{font-size:22px!important}.abrcp-ornament{width:45px!important;height:45px!important}.abrcp-stepbar{justify-content:flex-start;overflow:auto;padding:12px 4px}.abrcp-stepbar i{font-size:20px}.abrcp-step{font-size:10px}.abrcp-step b{width:23px;height:23px}.abrcp-projector-workspace{padding:0 8px 12px}.abrcp-workgrid{grid-template-columns:1fr!important}.abrcp-work-preview{grid-column:auto;min-height:390px}.abrcp-select{grid-template-columns:1fr 1fr!important;padding:12px!important}.abrcp-search{grid-column:1/-1}.abrcp-projector-launch{grid-column:1/-1;width:100%!important}.abrcp-book-list,.abrcp-verse-list{height:280px}.abrcp-chapter-grid{max-height:270px}.abrcp-preview-verse{font-size:clamp(28px,9vw,54px)} }


/* v2.10 - simplified top toolbar and projector-safe verse sizing */
.abrcp-toolbar-favorites-only{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:0!important;
  padding:8px 12px 10px!important;
}
.abrcp-toolbar-favorites-only .abrcp-favorites-under-search{
  margin:0 auto!important;
}
.abrcp-projector-top{
  top:14px!important;
  right:20px!important;
  left:20px!important;
}
.abrcp-projector-top > div{min-width:46px!important;}
.abrcp-projector-ref{
  margin-bottom:2vh!important;
}
.abrcp-projector-verse{
  width:min(1400px,90vw)!important;
  max-height:58vh!important;
  overflow:hidden!important;
  font-size:clamp(30px,5.6vw,78px)!important;
  line-height:1.55!important;
  padding:0 2vw 90px!important;
  box-sizing:border-box!important;
}
.abrcp-projector-controls{
  bottom:16px!important;
  z-index:3!important;
}
.abrcp-projector-controls button{
  padding:7px 12px!important;
  font-size:12px!important;
}

.abrcp-projector:fullscreen .abrcp-projector-verse,
.abrcp-projector:-webkit-full-screen .abrcp-projector-verse{
  max-height:54vh!important;
  font-size:clamp(28px,5vw,72px)!important;
  padding-bottom:88px!important;
}
.abrcp-projector:fullscreen .abrcp-projector-ref,
.abrcp-projector:-webkit-full-screen .abrcp-projector-ref{
  margin-bottom:1vh!important;
}
@media(max-width:760px){
  .abrcp-projector-verse{
    max-height:56vh!important;
    font-size:clamp(26px,7vw,56px)!important;
    line-height:1.5!important;
    padding-bottom:82px!important;
  }
  .abrcp-projector-controls{bottom:10px!important;max-width:94vw!important;}
  .abrcp-projector-controls button{padding:6px 9px!important;font-size:10px!important;}
}


/* v2.11 - keep the projector book navigation populated without restoring the old top selectors */
.abrcp-hidden-data{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;}


/* v2.12 — cleaner projector sizing and keep the data-only book selector completely invisible */
.abrcp-wrap select.abrcp-book-select.abrcp-hidden-data{
  display:none!important;
  visibility:hidden!important;
}
.abrcp-projector{
  padding:clamp(70px,8vh,105px) 5vw clamp(88px,11vh,125px)!important;
  box-sizing:border-box!important;
  justify-content:flex-start!important;
  overflow:hidden!important;
}
.abrcp-projector-ref{
  margin-bottom:clamp(18px,3vh,34px)!important;
  flex:0 0 auto!important;
}
.abrcp-projector-verse{
  width:min(1450px,92vw)!important;
  height:clamp(42vh,58vh,64vh)!important;
  max-height:calc(100vh - 245px)!important;
  min-height:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  padding:0 2vw!important;
  font-size:clamp(30px,5vw,76px)!important;
  line-height:1.42!important;
  flex:0 1 auto!important;
}
.abrcp-projector-controls{bottom:22px!important;z-index:5!important}
@media(max-width:760px){
  .abrcp-projector{padding:62px 4vw 88px!important}
  .abrcp-projector-ref{margin-bottom:14px!important;font-size:clamp(15px,4vw,23px)!important}
  .abrcp-projector-verse{height:calc(100vh - 190px)!important;max-height:calc(100vh - 190px)!important;font-size:clamp(25px,6.5vw,52px)!important;line-height:1.4!important}
  .abrcp-projector-controls{bottom:10px!important}
}

/* v2.18 — desktop projector auto-fit and remove X theme skip link */
.x-skip-link,
a.x-skip-link,
a.skip-link,
a[href="#x-main"]{display:none!important;visibility:hidden!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;left:-99999px!important;}
.abrcp-projector-verse{font-size:4vw!important;max-width:min(1500px,92vw)!important;}
@media(min-width:761px){
  .abrcp-projector-verse{height:calc(100vh - 250px)!important;max-height:calc(100vh - 250px)!important;padding:0 3vw!important;line-height:1.38!important;}
}


/* v2.22 - Smaller projector preview and reliable manual projector font scaling */
.abrcp-preview-verse{font-size:clamp(24px,2.8vw,52px);line-height:1.65;}
.abrcp-projector-verse{font-size:3.2vw!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(22px,7vw,46px)}.abrcp-projector-verse{font-size:5vw!important}}

/* v2.24 - Slightly smaller default preview text */
.abrcp-preview-verse{font-size:clamp(23px,2.55vw,48px);}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(21px,6.3vw,43px)}}

/* v2.25 - Smaller preview default */
.abrcp-preview-verse{font-size:clamp(22px,2.25vw,44px)!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(20px,5.7vw,39px)!important;}}

/* v2.29 - Mobile voice recognition: visible microphone turns red while recording */
.abrcp-preview-controls .abrcp-preview-voice.is-listening{background:#e23d4d!important;color:#fff!important;border-color:#ff6672!important;box-shadow:0 0 0 3px rgba(226,61,77,.18),0 0 18px rgba(226,61,77,.45)!important;animation:abrcp-preview-mic-pulse 1.1s ease-in-out infinite}
@keyframes abrcp-preview-mic-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}

/* v2.30 - Preview A-/A+ must override the default preview font rule */
.abrcp-preview-verse{transition:font-size .2s ease;}

/* v2.31 - Slightly larger Bible book names and smaller preview default */
.abrcp-work-book{font-size:13px!important;}
.abrcp-preview-verse{font-size:clamp(20px,2.05vw,40px)!important;}
@media(max-width:760px){.abrcp-preview-verse{font-size:clamp(19px,5.2vw,36px)!important;}}


/* v2.32 - Unified light/dark theme for projector and the full reader workspace */
.abrcp-wrap:not(.dark) .abrcp-projector-workspace{
  background:#f3ead8!important;color:#3b2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-stepbar{color:#5b3a28!important}
.abrcp-wrap:not(.dark) .abrcp-stepbar i{color:#9b6418!important}
.abrcp-wrap:not(.dark) .abrcp-work-panel,
.abrcp-wrap:not(.dark) .abrcp-work-preview{
  border-color:#cdb98f!important;
  background:linear-gradient(180deg,#fffaf0,#f1e3c8)!important;
  box-shadow:inset 0 1px rgba(255,255,255,.7)!important;
}
.abrcp-wrap:not(.dark) .abrcp-panel-title{
  background:#ead8b1!important;color:#4f3020!important;border-bottom-color:#cdb27a!important;
}
.abrcp-wrap:not(.dark) .abrcp-panel-title span{color:#8b5b18!important}
.abrcp-wrap:not(.dark) .abrcp-work-search{
  background:#fffdf7!important;color:#33271d!important;border-color:#c6a974!important;
}
.abrcp-wrap:not(.dark) .abrcp-work-search::placeholder{color:#927d67!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs{border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs button{background:#f4e7cb!important;color:#765322!important}
.abrcp-wrap:not(.dark) .abrcp-testament-tabs button.is-active{background:#8b2632!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-book{color:#4b3024!important}
.abrcp-wrap:not(.dark) .abrcp-work-book:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-work-book b{color:#8b7259!important}
.abrcp-wrap:not(.dark) .abrcp-work-book.is-active{background:linear-gradient(90deg,#8b2632,#b77b20)!important;color:#fff!important;box-shadow:inset 3px 0 #e8c879!important}
.abrcp-wrap:not(.dark) .abrcp-work-book.is-active b{color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-book-mini{color:#806b56!important}
.abrcp-wrap:not(.dark) .abrcp-current-book,
.abrcp-wrap:not(.dark) .abrcp-current-chapter{background:#ead8b1!important;color:#5b3816!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter{background:#fffaf0!important;color:#5b3816!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter:hover{border-color:#9b6418!important;background:#f7ecd2!important}
.abrcp-wrap:not(.dark) .abrcp-work-chapter.is-active{background:#8b2632!important;border-color:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse{color:#5b4030!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse b{background:#ead8b1!important;color:#765322!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse i{color:#947c64!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse.is-active{background:#8b2632!important;border-color:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-verse.is-active b{background:#b77b20!important;color:#fff!important}
.abrcp-wrap:not(.dark) .abrcp-work-preview{
  background:radial-gradient(circle at 50% 30%,#fffaf0 0,#f1e2c5 52%,#e5d2ac 100%)!important;
}
.abrcp-wrap:not(.dark) .abrcp-preview-top{color:#6b4b34!important}
.abrcp-wrap:not(.dark) .abrcp-preview-projector{background:#ead8b1!important;color:#5b3816!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-preview-ref{background:rgba(255,255,255,.55)!important;color:#765322!important;border-color:#b98b3e!important}
.abrcp-wrap:not(.dark) .abrcp-preview-verse{color:#4a3023!important;text-shadow:none!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls{background:rgba(234,216,177,.88)!important;border-color:#c6a974!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls button{background:#fff8e8!important;color:#5b3816!important}
.abrcp-wrap:not(.dark) .abrcp-preview-controls button:hover{background:#ead8b1!important}
.abrcp-wrap:not(.dark) .abrcp-content{background:var(--paper-light)!important;color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-heading,.abrcp-wrap:not(.dark) .abrcp-pager,.abrcp-wrap:not(.dark) .abrcp-chapter{color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-text{color:var(--ink)!important}
.abrcp-wrap:not(.dark) .abrcp-voice-status{background:#fff7e7!important;color:#765322!important;border-color:#d5b47a!important}

.abrcp-wrap:not(.dark) .abrcp-projector{
  background:radial-gradient(circle at 50% 30%,#fffdf7 0,#f4ead7 48%,#e8d7b5 100%)!important;
  color:#3e2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-top{color:#8b5b18!important}
.abrcp-wrap:not(.dark) .abrcp-projector-close{
  background:rgba(255,255,255,.65)!important;color:#5b3816!important;border-color:rgba(123,47,42,.25)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-ref{color:#7b4d16!important;border-color:rgba(155,100,24,.5)!important;background:rgba(255,255,255,.5)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-verse{text-shadow:0 2px 10px rgba(80,45,10,.10)!important;color:#3f2b21!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button{background:rgba(255,255,255,.72)!important;color:#5b3816!important;border-color:rgba(123,47,42,.22)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button:hover{background:rgba(234,216,177,.95)!important}

/* Keep the dark theme explicit for the projector/workspace even when other site CSS interferes. */
.abrcp-wrap.dark .abrcp-projector{background:radial-gradient(circle at 50% 35%,#173c52 0,#071724 42%,#02070c 100%)!important;color:#fff!important}
.abrcp-wrap.dark .abrcp-projector-verse{color:#fff!important}
.abrcp-wrap.dark .abrcp-projector-controls button{background:rgba(255,255,255,.08)!important;color:#fff!important}


/* v2.33 - Match Bible verse content to light/dark reader and default to dark */
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{
  background:#fffaf0!important;
  color:#2e241d!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse *{
  color:#2e241d!important;
}
.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content .abrcp-chapter,
.abrcp-wrap.dark .abrcp-content .abrcp-verse{
  background:#2b211b!important;
  color:#f1e3c8!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse *{
  color:#f1e3c8!important;
}

/* v2.34 - Make Bible verse rows and controls match projector theme exactly */
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{
  background:linear-gradient(180deg,#fffdf7 0,#f4ead7 100%)!important;
  color:#3e2a20!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-text,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse .abrcp-text{
  color:#3f2b21!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-verse{border-bottom-color:rgba(123,47,42,.20)!important}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-num{
  background:#8b2632!important;color:#fff!important;box-shadow:0 2px 5px rgba(80,35,25,.18)!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy{
  background:rgba(255,255,255,.72)!important;color:#5b3816!important;border-color:rgba(123,47,42,.22)!important;
}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star:hover,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy:hover{background:rgba(234,216,177,.95)!important}
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-star.is-saved,
.abrcp-wrap:not(.dark) .abrcp-content .abrcp-copy.copied{background:#dfc181!important;color:#4c3214!important}

.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content .abrcp-chapter,
.abrcp-wrap.dark .abrcp-content .abrcp-verse{
  background:linear-gradient(180deg,#0b1e2d 0,#071724 100%)!important;
  color:#f4f8fb!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-text,
.abrcp-wrap.dark .abrcp-content .abrcp-verse .abrcp-text{
  color:#f4f8fb!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-verse{border-bottom-color:#27475e!important}
.abrcp-wrap.dark .abrcp-content .abrcp-num{
  background:#126fca!important;color:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.28)!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-star,
.abrcp-wrap.dark .abrcp-content .abrcp-copy{
  background:rgba(255,255,255,.08)!important;color:#dce9f2!important;border-color:#3b5c72!important;
}
.abrcp-wrap.dark .abrcp-content .abrcp-star:hover,
.abrcp-wrap.dark .abrcp-content .abrcp-copy:hover{background:rgba(255,255,255,.15)!important}
.abrcp-wrap.dark .abrcp-content .abrcp-star.is-saved,
.abrcp-wrap.dark .abrcp-content .abrcp-copy.copied{background:#31506a!important;color:#fff!important}

/* v2.34 — Keep Bible verse area and verse controls synchronized with the reader/projector theme */
.abrcp-wrap{
  --reader-bg:#071725;
  --reader-panel:#0a1d2c;
  --reader-panel2:#102e45;
  --reader-text:#e8eef3;
  --reader-muted:#9fb4c5;
  --reader-border:#27475e;
  --reader-button:#102e45;
  --reader-button-hover:#174766;
  --reader-accent:#126fca;
}

/* Light theme: use the same visual hierarchy, but with a light projector-style palette. */
.abrcp-wrap:not(.dark){
  --reader-bg:#f4f7fa;
  --reader-panel:#ffffff;
  --reader-panel2:#eef3f7;
  --reader-text:#253746;
  --reader-muted:#607485;
  --reader-border:#cbd8e2;
  --reader-button:#e8eef3;
  --reader-button-hover:#dbe6ee;
  --reader-accent:#147dcc;
}

.abrcp-wrap .abrcp-content,
.abrcp-wrap .abrcp-content-wrap,
.abrcp-wrap .abrcp-chapter,
.abrcp-wrap .abrcp-verse,
.abrcp-wrap .abrcp-pager,
.abrcp-wrap .abrcp-heading{
  background-color:var(--reader-panel)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}
.abrcp-wrap .abrcp-text,
.abrcp-wrap .abrcp-verse-text,
.abrcp-wrap .abrcp-heading span,
.abrcp-wrap .abrcp-heading strong{
  color:var(--reader-text)!important;
}
.abrcp-wrap .abrcp-verse{
  border-bottom:1px solid var(--reader-border)!important;
}
.abrcp-wrap .abrcp-num,
.abrcp-wrap .abrcp-copy,
.abrcp-wrap .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border:1px solid var(--reader-border)!important;
  box-shadow:none!important;
}
.abrcp-wrap .abrcp-num:hover,
.abrcp-wrap .abrcp-copy:hover,
.abrcp-wrap .abrcp-star:hover{
  background:var(--reader-button-hover)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-accent)!important;
}
.abrcp-wrap .abrcp-copy.copied{
  background:var(--reader-accent)!important;
  color:#fff!important;
  border-color:var(--reader-accent)!important;
}
.abrcp-wrap .abrcp-star.is-saved{
  background:var(--reader-accent)!important;
  color:#fff!important;
  border-color:var(--reader-accent)!important;
}

/* Light-mode reader controls match the light projector/workspace instead of retaining old brown colors. */
.abrcp-wrap:not(.dark) .abrcp-verse,
.abrcp-wrap:not(.dark) .abrcp-content,
.abrcp-wrap:not(.dark) .abrcp-chapter,
.abrcp-wrap:not(.dark) .abrcp-pager,
.abrcp-wrap:not(.dark) .abrcp-heading{
  background:var(--reader-panel)!important;
  color:var(--reader-text)!important;
}
.abrcp-wrap:not(.dark) .abrcp-num,
.abrcp-wrap:not(.dark) .abrcp-copy,
.abrcp-wrap:not(.dark) .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}

/* Dark-mode reader controls match the dark projector palette exactly. */
.abrcp-wrap.dark .abrcp-content,
.abrcp-wrap.dark .abrcp-content-wrap,
.abrcp-wrap.dark .abrcp-chapter,
.abrcp-wrap.dark .abrcp-verse,
.abrcp-wrap.dark .abrcp-pager,
.abrcp-wrap.dark .abrcp-heading{
  background:var(--reader-panel)!important;
  color:var(--reader-text)!important;
}
.abrcp-wrap.dark .abrcp-num,
.abrcp-wrap.dark .abrcp-copy,
.abrcp-wrap.dark .abrcp-star{
  background:var(--reader-button)!important;
  color:var(--reader-text)!important;
  border-color:var(--reader-border)!important;
}

/* Keep browser-native form controls aligned with the active theme. */
.abrcp-wrap{color-scheme:dark;}
.abrcp-wrap:not(.dark){color-scheme:light;}


/* v2.38 - Manual projector prompt after selecting a verse */
.abrcp-wrap .abrcp-preview-projector.abrcp-projector-prompt{
  animation:abrcp-projector-prompt 0.75s ease-in-out infinite;
  box-shadow:0 0 0 3px var(--reader-accent), 0 0 22px var(--reader-accent)!important;
  border-color:var(--reader-accent)!important;
}
@keyframes abrcp-projector-prompt{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.07);opacity:.72}
}


/* v2.39 - Keep projector prompt flashing red until manually clicked */
.abrcp-wrap .abrcp-preview-projector.abrcp-projector-prompt{
  animation:abrcp-projector-prompt-red 0.75s ease-in-out infinite!important;
  background:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  box-shadow:0 0 0 3px rgba(214,40,57,.28),0 0 24px rgba(214,40,57,.72)!important;
}
@keyframes abrcp-projector-prompt-red{
  0%,100%{transform:scale(1);opacity:1;background:#d62839!important}
  50%{transform:scale(1.07);opacity:.72;background:#ff263d!important}
}


/* v2.42 - Keep the dark projector sky background fully visible in normal and fullscreen projector views. */
.abrcp-wrap.dark .abrcp-projector{
  background-color:#020a14!important;
  background-image:url("../images/projector-sky-stars.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .abrcp-wrap.dark .abrcp-projector{background-position:center center!important;}
}


/* v2.43 - Light-mode projector background matching the dark sky design. */
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-color:#d9e7f5!important;
  background-image:url("../images/projector-sky-light.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
@media(max-width:760px){
  .abrcp-wrap:not(.dark) .abrcp-projector{background-position:center center!important;}
}


/* v2.47 - Clean central light projector sky and readable navy typography. */
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-color:#5ea7e8!important;
  background-image:url("../images/projector-sky-light.jpg")!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  color:#062b5c!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-top{color:#083b72!important;text-shadow:0 1px 3px rgba(255,255,255,.55)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-ref{
  color:#07366d!important;
  border-color:rgba(7,54,109,.42)!important;
  background:rgba(255,255,255,.62)!important;
  box-shadow:0 2px 10px rgba(0,45,90,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-verse{
  color:#062b5c!important;
  text-shadow:0 2px 7px rgba(255,255,255,.78),0 1px 2px rgba(0,30,70,.22)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button{
  background:rgba(255,255,255,.82)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
  box-shadow:0 2px 8px rgba(0,35,75,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls button:hover{background:rgba(255,255,255,.96)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-close{
  background:rgba(255,255,255,.78)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
}


/* v2.0 - Responsive projector background and subtle clean Bible emblem. */
.abrcp-wrap .abrcp-projector{
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:cover!important;
}
.abrcp-wrap .abrcp-projector-emblem{
  position:absolute!important;
  z-index:2!important;
  top:25px!important;
  right:25px!important;
  width:clamp(52px,6.2vw,96px)!important;
  height:auto!important;
  aspect-ratio:262/195!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
  background-size:contain!important;
  pointer-events:none!important;
  opacity:.38!important;
}
.abrcp-wrap.dark .abrcp-projector{
  background-image:url("../images/projector-sky-stars-responsive-clean.jpg")!important;
  background-color:#020a14!important;
}
.abrcp-wrap.dark .abrcp-projector-emblem{
  background-image:url("../images/projector-sky-stars-emblem-transparent.png")!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector{
  background-image:url("../images/projector-sky-light-responsive-clean.jpg")!important;
  background-color:#5ea7e8!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-emblem{
  background-image:url("../images/projector-sky-light-emblem-transparent.png")!important;
}
@media(max-width:760px){
  .abrcp-wrap .abrcp-projector-emblem{
    top:25px!important;
    right:25px!important;
    width:clamp(44px,13vw,72px)!important;
  }
}


/* v2.0 - Close button moved beside fullscreen and styled like projector controls. */
.abrcp-projector-controls .abrcp-projector-close{
  border:1px solid rgba(255,255,255,.28)!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  width:auto!important;
  height:auto!important;
  min-width:64px!important;
  border-radius:8px!important;
  padding:9px 15px!important;
  font-family:inherit!important;
  font-size:inherit!important;
  font-weight:700!important;
  line-height:1.2!important;
  cursor:pointer!important;
}
.abrcp-projector-controls .abrcp-projector-close:hover{background:rgba(255,255,255,.16)!important}
.abrcp-wrap:not(.dark) .abrcp-projector-controls .abrcp-projector-close{
  background:rgba(255,255,255,.82)!important;
  color:#07366d!important;
  border-color:rgba(7,54,109,.28)!important;
  box-shadow:0 2px 8px rgba(0,35,75,.10)!important;
}
.abrcp-wrap:not(.dark) .abrcp-projector-controls .abrcp-projector-close:hover{background:rgba(255,255,255,.96)!important}
@media(max-width:760px){
  .abrcp-projector-controls .abrcp-projector-close{padding:7px 11px!important;font-size:11px!important;min-width:56px!important;}
}

/* v2.35 - Robust mobile landscape + fullscreen projector layout.
   The verse area must follow the real viewport instead of the older vh caps. */
.abrcp-projector:fullscreen,
.abrcp-projector:-webkit-full-screen {
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  padding:clamp(56px,7dvh,90px) 3vw clamp(76px,10dvh,108px)!important;
  overflow:hidden!important;
}
.abrcp-projector:fullscreen .abrcp-projector-verse,
.abrcp-projector:-webkit-full-screen .abrcp-projector-verse {
  width:min(94vw,1500px)!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  flex:0 0 auto!important;
  padding:0 2vw!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  line-height:1.32!important;
}

@media (max-width:760px) {
  .abrcp-projector {
    width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    padding:56px 3vw 76px!important;
  }
  .abrcp-projector-verse {
    width:94vw!important;
    max-width:94vw!important;
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:0 1vw!important;
    line-height:1.32!important;
    overflow:hidden!important;
  }
}

@media (orientation:landscape) and (max-width:900px) {
  .abrcp-projector {
    padding:38px 3vw 58px!important;
  }
  .abrcp-projector-ref {
    margin-bottom:6px!important;
    font-size:clamp(13px,2.5vw,20px)!important;
    padding:3px 14px!important;
  }
  .abrcp-projector-verse {
    width:94vw!important;
    max-width:94vw!important;
    line-height:1.25!important;
  }
  .abrcp-projector-controls {
    bottom:7px!important;
    max-width:94vw!important;
  }
  .abrcp-projector-controls button {
    padding:5px 8px!important;
    font-size:10px!important;
  }
}

/* Remote-controlled fullscreen mode: works from a remote phone without relying on browser fullscreen user-gesture restrictions. */
.abrcp-projector.abrcp-remote-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100dvh!important;max-height:none!important;z-index:2147483000!important}
body.abrcp-remote-fullscreen-open{overflow:hidden!important}
.abrcp-projector.abrcp-remote-fullscreen .abrcp-projector-verse{max-height:none!important}





/* v2.4.39 - sparse live stars with explicit Web Animations flashing. */
/* obsolete legacy screen-mode styling removed. */
@keyframes abrcp-cloud-drift-oneway{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes abrcp-star-flash{0%,100%{opacity:.16;transform:scale(.68);filter:brightness(.8)}18%{opacity:.42;transform:scale(.92)}38%{opacity:1;transform:scale(1.65);filter:brightness(1.9)}48%{opacity:.72;transform:scale(1.12)}62%{opacity:.28;transform:scale(.82);filter:brightness(1)}75%{opacity:.9;transform:scale(1.32);filter:brightness(1.5)}}


/* v2.4.52 — Show a clear live connection state on the PC remote button. */
.abrcp-remote-open.abrcp-remote-connected{
  animation:abrcpRemoteConnectedPulse 1.35s ease-in-out infinite!important;
  border-color:rgba(46,204,113,.85)!important;
  color:#fff!important;
}
.abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label{
  font-weight:800!important;
}
/* v2.4.57 — Keep the connected label readable in the PC projector light theme. */
.abrcp-reader.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected,
.abrcp-projector-wrap.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected,
.abrcp-remote-open.abrcp-remote-connected.abrcp-light-theme{
  color:#222!important;
}
.abrcp-reader.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label,
.abrcp-projector-wrap.abrcp-theme-light .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label,
.abrcp-remote-open.abrcp-remote-connected.abrcp-light-theme .abrcp-remote-button-label{
  color:#222!important;
}
@keyframes abrcpRemoteConnectedPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(46,204,113,.35);transform:scale(1);}
  50%{box-shadow:0 0 0 7px rgba(46,204,113,0);transform:scale(1.025);}
}
@media (prefers-reduced-motion:reduce){
  .abrcp-remote-open.abrcp-remote-connected{animation:none!important;}
}


/* v2.4.55 — Remote-controlled white waiting screen using the light sky artwork. */

/* v2.4.60 — Force the PC remote connected label dark in the actual light reader theme. */
.abrcp-wrap:not(.dark) .abrcp-remote-open.abrcp-remote-connected,
.abrcp-wrap:not(.dark) .abrcp-remote-open.abrcp-remote-connected .abrcp-remote-button-label{
  color:#222!important;
  -webkit-text-fill-color:#222!important;
}


/* v2.4.70 — White waiting screen hides the Bible reference until a verse is shown. */
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* v2.4.71 — White screen projector controls use dark readable text. */
  color:#17344d!important;
  -webkit-text-fill-color:#17344d!important;
  text-shadow:none!important;
  border-color:rgba(23,52,77,.28)!important;
  background:rgba(255,255,255,.78)!important;
}
  background:rgba(255,255,255,.96)!important;
}

/* Church hymns / PowerPoint text mode */
.abrcp-content-mode{display:flex;justify-content:center;gap:8px;padding:12px 10px 4px;background:#071725}
.abrcp-content-mode button{border:1px solid #35566e;border-radius:9px;background:#0d263a;color:#dceaf3;padding:9px 22px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-content-mode button:hover{background:#123b57}
.abrcp-content-mode button.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);color:#fff;border-color:#2d9be8;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.abrcp-hymn-list{height:445px;overflow:auto;padding:0 8px 10px}
.abrcp-work-hymn{width:100%;display:flex;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#e7eef4;padding:10px 9px;margin:2px 0;text-align:right;direction:rtl;font-family:inherit;font-size:13px;cursor:pointer}
.abrcp-work-hymn:hover{background:#123550}
.abrcp-work-hymn.is-active{background:linear-gradient(90deg,#0c63b8,#127fdf);box-shadow:inset 3px 0 #36b4ff;color:#fff}
.abrcp-work-hymn b{margin-right:auto;color:#7995a8;font-family:Arial}.abrcp-work-hymn.is-active b{color:#fff}
.abrcp-hymn-mini{font-size:14px}
.abrcp-current-hymn{padding:8px 12px;color:#a9c9de;font-weight:700;border-bottom:1px solid #24445a}
.abrcp-hymn-slide-list{height:445px;overflow:auto;padding:8px}
.abrcp-work-hymn-slide{width:100%;display:flex;align-items:flex-start;gap:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:#dce8ef;padding:10px;margin:3px 0;text-align:right;direction:rtl;font-family:inherit;cursor:pointer}
.abrcp-work-hymn-slide:hover{background:#123550}.abrcp-work-hymn-slide.is-active{background:#113b59;border-color:#267caf}.abrcp-work-hymn-slide b{min-width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#183f58;color:#9fd7ff;font-family:Arial}.abrcp-work-hymn-slide span{flex:1;font-size:12px;line-height:1.8}.abrcp-work-hymn-slide i{font-style:normal;color:#7895a8;font-family:Arial}
.abrcp-hymn-slide-text{padding:18px;min-height:260px;display:flex;align-items:center;justify-content:center;text-align:center;direction:rtl;line-height:2;font-size:22px;color:#eaf4fa;white-space:normal}
.abrcp-wrap:not(.dark) .abrcp-content-mode{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-content-mode button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-content-mode button.is-active{background:linear-gradient(90deg,#8b2632,#b77b20);color:#fff;border-color:#b77b20}.abrcp-wrap:not(.dark) .abrcp-work-hymn{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-work-hymn:hover{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-work-hymn.is-active{background:linear-gradient(90deg,#8b2632,#b77b20);color:#fff}.abrcp-wrap:not(.dark) .abrcp-current-hymn{color:#6d5135;border-color:#d4bd92}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide:hover{background:#ead8b1}.abrcp-wrap:not(.dark) .abrcp-work-hymn-slide.is-active{background:#f1dfbb;border-color:#b77b20}.abrcp-wrap:not(.dark) .abrcp-hymn-slide-text{color:#4b3024}
@media(max-width:1050px){.abrcp-hymn-list,.abrcp-hymn-slide-list{height:350px}}
@media(max-width:760px){.abrcp-content-mode{padding:9px 5px}.abrcp-content-mode button{flex:1;padding:8px 10px}.abrcp-hymn-list,.abrcp-hymn-slide-list{height:280px}.abrcp-hymn-slide-text{min-height:230px;font-size:20px}}

/* v2.XX - Keep Bible verse selector compact so the projector preview stays beside it on desktop. */
.abrcp-verses-panel{min-width:0!important;width:auto!important;}
.abrcp-verses-panel .abrcp-panel-title{padding-left:10px;padding-right:10px;}

/* Hymn mode: remove the Bible verse panel and reclaim its grid track. */
.abrcp-projector-workspace.abrcp-hymns-mode .abrcp-verses-panel{display:none!important;}
.abrcp-projector-workspace.abrcp-hymns-mode .abrcp-workgrid{grid-template-columns:1fr 1fr 2fr;}
.abrcp-verses-panel .abrcp-current-chapter{margin-left:7px;margin-right:7px;}
.abrcp-verses-panel .abrcp-verse-list{padding-left:5px;padding-right:5px;}

/* Hymn mode: make the projector action visibly flash so the operator can identify the hymn display action. */
@keyframes abrcpHymnProjectorFlash{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(220,45,45,0)}
  50%{transform:scale(1.035);box-shadow:0 0 0 5px rgba(220,45,45,.20),0 0 18px rgba(220,45,45,.85)}
}
.abrcp-preview-projector.abrcp-display-action,
.abrcp-preview-projector.abrcp-hymn-projector-action{
  background:#b72c2c!important;
  background-color:#b72c2c!important;
  border-color:#e04a4a!important;
  color:#fff!important;
  opacity:1!important;
  text-shadow:none!important;
  animation:abrcpHymnProjectorFlash 1.1s ease-in-out infinite!important;
}
.abrcp-preview-projector.abrcp-display-action .abrcp-preview-projector-label,
.abrcp-preview-projector.abrcp-hymn-projector-action .abrcp-preview-projector-label{color:#fff!important;}
/* Force the hymn display action to keep its filled red state in light mode too.
   The light-theme projector button rule uses !important and otherwise overrides
   the active hymn background, leaving only the pulse border visible. */
.abrcp-wrap:not(.dark) .abrcp-preview-projector.abrcp-hymn-projector-action{
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  opacity:1!important;
}
.abrcp-wrap:not(.dark) .abrcp-preview-projector.abrcp-hymn-projector-action .abrcp-preview-projector-label{
  color:#fff!important;
}
@keyframes abrcpHymnProjectorFlashFilled{
  0%,100%{transform:scale(1);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 0 rgba(214,40,57,0),0 0 0 rgba(214,40,57,0)}
  50%{transform:scale(1.035);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 5px rgba(214,40,57,.22),0 0 18px rgba(214,40,57,.72)}
}
.abrcp-wrap .abrcp-preview-projector.abrcp-hymn-projector-action{
  animation:abrcpHymnProjectorFlashFilled 1.1s ease-in-out infinite!important;
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  opacity:1!important;
}


/* Content-mode step navigation: only show the steps for the active mode. */
.abrcp-stepbar[hidden]{display:none!important}

/* Keep the Bible display action filled red after the projector closes. */
.abrcp-wrap .abrcp-preview-projector.abrcp-display-action{
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  opacity:1!important;
  animation:abrcpDisplayActionFlashFilled 1.1s ease-in-out infinite!important;
}
.abrcp-wrap .abrcp-preview-projector.abrcp-display-action .abrcp-preview-projector-label{color:#fff!important;}
@keyframes abrcpDisplayActionFlashFilled{
  0%,100%{transform:scale(1);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 0 rgba(214,40,57,0),0 0 0 rgba(214,40,57,0)}
  50%{transform:scale(1.035);background:#d62839!important;color:#fff!important;box-shadow:0 0 0 5px rgba(214,40,57,.22),0 0 18px rgba(214,40,57,.72)}
}

/* Arabic on-screen keyboard for hymn search */
.abrcp-hymn-search-wrap{position:relative;margin-bottom:10px}
.abrcp-hymn-search-wrap .abrcp-hymn-search{width:calc(100% - 20px)!important;margin:10px!important;height:38px!important;border-radius:8px!important;border:1px solid #34556d!important;background:#091d2d!important;color:#f4f8fb!important;padding:6px 12px 6px 46px!important;font-family:inherit!important;font-size:11px!important;box-sizing:border-box!important}.abrcp-hymn-search::placeholder{color:#7e98aa!important}
.abrcp-wrap:not(.dark) .abrcp-hymn-search{background:#fffdf7!important;color:#33271d!important;border-color:#c6a974!important}.abrcp-wrap:not(.dark) .abrcp-hymn-search::placeholder{color:#927d67!important}
.abrcp-arabic-keyboard-toggle{position:absolute;left:7px;top:50%;width:34px;height:34px;margin:0;padding:0;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid #394653;border-radius:8px;background:#151d26;color:#dfe7ed;font-family:Arial,sans-serif;font-size:17px;line-height:1;cursor:pointer;z-index:3}
.abrcp-arabic-keyboard-toggle:hover,.abrcp-arabic-keyboard-toggle.is-open{background:#c83232;color:#fff;border-color:#d94a4a}
.abrcp-arabic-keyboard{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:50;padding:9px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.38)}
.abrcp-arabic-keys{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:5px;direction:rtl}
.abrcp-arabic-keys button{min-width:0;width:100%;height:36px;padding:0 2px;margin:0;border:1px solid #35414d;border-radius:7px;background:#202a35;color:#f2f5f7;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;cursor:pointer;box-shadow:none;overflow:hidden}
.abrcp-arabic-keys button:hover{background:#c83232;border-color:#d94a4a;color:#fff}
.abrcp-arabic-keys button:active{transform:translateY(1px)}
.abrcp-arabic-keys .is-space{grid-column:span 4;background:#252f3a;font-size:11px;height:36px}
.abrcp-arabic-keys .is-backspace,.abrcp-arabic-keys .is-clear{background:#303b47;font-size:11px;height:36px}
.abrcp-arabic-keys .is-clear{color:#ffb7b7}
.abrcp-wrap:not(.dark) .abrcp-arabic-keyboard{background:#ead8b1;border-color:#c9aa76;box-shadow:0 12px 30px rgba(67,45,25,.22)}
.abrcp-wrap:not(.dark) .abrcp-arabic-keys button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-arabic-keys button:hover{background:#8b2632;color:#fff;border-color:#8b2632}
@media(max-width:760px){.abrcp-arabic-keys{grid-template-columns:repeat(9,minmax(0,1fr));gap:4px}.abrcp-arabic-keys button{height:34px;font-size:12px}.abrcp-arabic-keys .is-space{grid-column:span 3;height:34px}}

/* Announcement composer — projector-style rich editor */
.abrcp-announcement-toggle{margin-right:0!important}
.abrcp-announcement-toggle.is-open{background:#d62839!important;color:#fff!important;border-color:#ff7b86!important;box-shadow:0 4px 14px rgba(214,40,57,.22)}
.abrcp-announcement-panel{margin:0 auto 10px;width:min(820px,calc(100% - 24px));padding:12px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box}
.abrcp-announcement-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#dfe7ed;font-size:16px;margin-bottom:9px}
.abrcp-announcement-close{width:30px;height:30px;border:1px solid #394653;border-radius:8px;background:#151d26;color:#dfe7ed;font-size:20px;line-height:1;cursor:pointer}
.abrcp-announcement-saved-row{display:flex;align-items:center;gap:7px;margin-bottom:8px}
.abrcp-announcement-saved{flex:1;min-width:0;height:36px;border:1px solid #394653;border-radius:8px;background:#102d42!important;color:#fff!important;padding:0 10px;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:14px;outline:none}
.abrcp-announcement-saved-row button,.abrcp-announcement-toolbar button{border:1px solid #394653;border-radius:8px;background:#102d42;color:#dfe7ed;padding:7px 10px;font-family:inherit;font-weight:700;cursor:pointer;white-space:nowrap}
.abrcp-announcement-saved:hover,.abrcp-announcement-saved:focus{background:#163c57!important;color:#fff!important;border-color:#d94a4a!important}.abrcp-announcement-saved option{background:#102d42!important;color:#fff!important}.abrcp-announcement-saved-row button:hover,.abrcp-announcement-toolbar button:hover{filter:brightness(1.12)}
.abrcp-announcement-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;padding:7px;border:1px solid #2f3d49;border-radius:9px;background:#0a141e}
.abrcp-announcement-toolbar button{padding:7px 10px;font-size:13px}
.abrcp-announcement-html{display:block;width:100%;min-height:220px;max-height:55vh;box-sizing:border-box;border:1px solid #394653;border-radius:9px;background:#071018;color:#dfe7ed;padding:12px;font:14px/1.6 Consolas,"Courier New",monospace;resize:vertical;outline:none;white-space:pre-wrap}
.abrcp-announcement-html:focus{border-color:#d94a4a;box-shadow:0 0 0 2px rgba(214,40,57,.14)}
.abrcp-announcement-html-toggle.is-active{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
.abrcp-announcement-heading{display:inline-flex!important;position:static!important;float:none!important;vertical-align:middle;align-items:center;gap:6px;height:32px;margin:0!important;padding:0 7px;border:1px solid #394653;border-radius:8px;background:#102d42;color:#fff;font-family:inherit;font-size:12px;font-weight:700;white-space:nowrap;box-sizing:border-box}
.abrcp-announcement-heading-select{display:block!important;position:static!important;float:none!important;height:30px;min-width:92px;margin:0!important;border:1px solid #394653!important;border-radius:7px;background:#102d42!important;color:#dfe7ed!important;padding:0 7px;font-family:inherit;font-size:12px;font-weight:700;outline:none;cursor:pointer;box-sizing:border-box;appearance:auto}
.abrcp-announcement-color{display:flex;align-items:center;gap:5px;height:30px;padding:0 7px;border:1px solid #394653;border-radius:8px;background:#102d42;color:#fff;font-weight:700;font-size:13px}
.abrcp-announcement-color-input{width:24px;height:22px;padding:0;border:0;background:transparent;cursor:pointer}
.abrcp-announcement-input{display:block;width:100%;min-height:115px;max-height:50vh;overflow:auto;box-sizing:border-box;border:1px solid #394653;border-radius:9px;background:transparent;color:#fff;padding:clamp(10px,1.4vw,16px);font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;font-size:clamp(17px,2.05vw,26px);line-height:1.8;outline:none;text-align:right;direction:rtl;overflow-wrap:anywhere;word-break:normal}
.abrcp-announcement-input p,.abrcp-announcement-input h1,.abrcp-announcement-input h2,.abrcp-announcement-input h3,.abrcp-announcement-input h4,.abrcp-announcement-input h5,.abrcp-announcement-input h6{margin:0 0 .55em;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;overflow-wrap:anywhere}
.abrcp-announcement-input p{font-size:1em;font-weight:400}
.abrcp-announcement-input h1{font-size:clamp(30px,4.8vw,60px);line-height:1.35;font-weight:800}
.abrcp-announcement-input h2{font-size:clamp(27px,4.1vw,52px);line-height:1.4;font-weight:800}
.abrcp-announcement-input h3{font-size:clamp(24px,3.5vw,44px);line-height:1.45;font-weight:800}
.abrcp-announcement-input h4{font-size:clamp(21px,3vw,38px);line-height:1.5;font-weight:800}
.abrcp-announcement-input h5{font-size:clamp(19px,2.6vw,32px);line-height:1.55;font-weight:800}
.abrcp-announcement-input h6{font-size:clamp(18px,2.3vw,28px);line-height:1.6;font-weight:800}
.abrcp-announcement-input:empty:before{content:attr(data-placeholder);color:#72808b;pointer-events:none}
.abrcp-announcement-input:focus{border-color:#d94a4a;box-shadow:0 0 0 2px rgba(214,40,57,.14)}
.abrcp-announcement-input img{display:block!important;float:none!important;clear:both;max-width:100%;height:auto;margin:10px 0!important;border-radius:8px;cursor:pointer;outline:2px solid transparent;outline-offset:3px;user-select:none}
.abrcp-announcement-input img.is-selected{outline-color:#d62839;box-shadow:0 0 0 3px rgba(214,40,57,.16)}
.abrcp-announcement-input{position:relative}
.abrcp-announcement-resize-handle{position:absolute;width:12px;height:12px;border-radius:3px;background:#d62839;border:2px solid #fff;box-shadow:0 1px 5px rgba(0,0,0,.45);cursor:nwse-resize;z-index:20;touch-action:none}
.abrcp-announcement-image-size{min-width:64px}
@media(max-width:760px){.abrcp-announcement-image-size{min-width:58px;font-size:10px!important}}
.abrcp-announcement-actions{display:flex;justify-content:flex-start;gap:8px;margin-top:9px}
.abrcp-announcement-actions button{border:1px solid #394653;border-radius:8px;background:#102d42;color:#dfe7ed;padding:8px 13px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-announcement-actions button:hover{filter:brightness(1.12)}
.abrcp-projector-announcement-image{display:block;max-width:min(80vw,1200px);max-height:42vh;width:auto;height:auto;object-fit:contain;margin:1.2vh auto;border-radius:8px}
.abrcp-wrap:not(.dark) .abrcp-announcement-panel{background:#ead8b1;border-color:#c9aa76;box-shadow:0 12px 30px rgba(67,45,25,.22)}
.abrcp-wrap:not(.dark) .abrcp-announcement-head{color:#4b3024}
.abrcp-wrap:not(.dark) .abrcp-announcement-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-input{background:transparent;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-html{background:#fffdf8;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar{background:#f2e2c2;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-saved-row button,.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar button,.abrcp-wrap:not(.dark) .abrcp-announcement-color,.abrcp-wrap:not(.dark) .abrcp-announcement-heading,.abrcp-wrap:not(.dark) .abrcp-announcement-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-announcement-heading-select{background:#fff6e6!important;color:#4b3024!important;border:1px solid #c9aa76!important}
@media(max-width:760px){
  .abrcp-announcement-panel{width:calc(100% - 12px);padding:10px}
  .abrcp-announcement-input{min-height:120px;line-height:1.75;max-height:55vh}
  .abrcp-announcement-saved-row{flex-wrap:wrap}
  .abrcp-announcement-saved{flex-basis:100%}
  .abrcp-announcement-toolbar{gap:5px}
  .abrcp-announcement-toolbar button{padding:6px 7px;font-size:10px}
  .abrcp-announcement-heading{font-size:10px;height:30px}
  .abrcp-announcement-heading-select{min-width:82px;font-size:10px;height:28px}
  .abrcp-announcement-actions button{padding:7px 10px;font-size:11px}
}

/* Announcement toolbar: keep heading control inline beside text color. */
.abrcp-announcement-toolbar{direction:rtl!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important}
.abrcp-announcement-toolbar .abrcp-announcement-heading{display:inline-flex!important;position:relative!important;float:none!important;order:20!important;flex:0 0 auto!important;width:auto!important;min-width:0!important}
.abrcp-announcement-toolbar .abrcp-announcement-color-wrap{position:relative!important;display:inline-flex!important;align-items:center!important;order:21!important;flex:0 0 auto!important;width:auto!important;height:32px!important}
.abrcp-announcement-toolbar .abrcp-announcement-color{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:auto!important;height:32px!important;margin:0!important;box-sizing:border-box!important}
.abrcp-announcement-toolbar .abrcp-announcement-heading-select{position:static!important;float:none!important;display:block!important;width:auto!important;min-width:92px!important;height:30px!important;margin:0!important;box-sizing:border-box!important;background:#102d42!important;color:#dfe7ed!important;border:1px solid #394653!important;border-radius:7px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
.abrcp-announcement-color-swatch{display:inline-block;width:18px;height:18px;border-radius:4px;background:#fff;border:1px solid rgba(255,255,255,.65);box-sizing:border-box}
.abrcp-announcement-color-palette{position:absolute;top:calc(100% + 5px);right:0;z-index:80;display:grid;grid-template-columns:repeat(4,26px);gap:5px;padding:7px;background:#102d42;border:1px solid #394653;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.35)}
.abrcp-announcement-color-palette[hidden]{display:none!important}
.abrcp-announcement-color-palette button{width:26px!important;height:26px!important;padding:0!important;margin:0!important;border:2px solid rgba(255,255,255,.72)!important;border-radius:6px!important;background:var(--swatch)!important;box-sizing:border-box!important;cursor:pointer!important}
.abrcp-announcement-color-palette button:hover{transform:scale(1.08);filter:brightness(1.1)}
.abrcp-announcement-color-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.abrcp-announcement-input h1,.abrcp-announcement-input h2,.abrcp-announcement-input h3,.abrcp-announcement-input h4,.abrcp-announcement-input h5,.abrcp-announcement-input h6,
.abrcp-projector .abrcp-projector-verse h1,.abrcp-projector .abrcp-projector-verse h2,.abrcp-projector .abrcp-projector-verse h3,.abrcp-projector .abrcp-projector-verse h4,.abrcp-projector .abrcp-projector-verse h5,.abrcp-projector .abrcp-projector-verse h6{font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar .abrcp-announcement-heading-select{background:#fff6e6!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-announcement-toolbar .abrcp-announcement-color-palette{background:#fff6e6;border-color:#c9aa76}
@media(max-width:760px){.abrcp-announcement-toolbar .abrcp-announcement-heading{order:20!important}.abrcp-announcement-toolbar .abrcp-announcement-color-wrap{order:21!important}.abrcp-announcement-toolbar .abrcp-announcement-heading-select{min-width:82px!important}}

/* Force heading and text-color controls to stay together in one inline group. */
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  gap:6px!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  order:20!important;
  direction:rtl!important;
  white-space:nowrap!important;
}
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group .abrcp-announcement-heading{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  position:static!important;
}
.abrcp-announcement-toolbar .abrcp-announcement-heading-color-group .abrcp-announcement-color-wrap{
  display:inline-flex!important;
  flex:0 0 auto!important;
  align-items:center!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
  position:relative!important;
}
@media(max-width:760px){
  .abrcp-announcement-toolbar .abrcp-announcement-heading-color-group{gap:4px!important;order:20!important}
}

/* Announcement image alignment — WordPress-style selected-image controls */
.abrcp-announcement-image-align{min-width:34px!important;padding:7px 8px!important;text-align:center}
.abrcp-announcement-input img.abrcp-img-align-none{float:none!important;display:block!important;margin:10px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-left{float:none!important;display:block!important;margin:10px auto 10px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-center{float:none!important;display:block!important;margin:10px auto!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-align-right{float:none!important;display:block!important;margin:10px 0 10px auto!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-float-left{float:left!important;display:block!important;margin:8px 16px 8px 0!important;clear:none!important}
.abrcp-announcement-input img.abrcp-img-float-right{float:right!important;display:block!important;margin:8px 0 8px 16px!important;clear:none!important}
.abrcp-announcement-input:after{content:"";display:block;clear:both}
/* Announcement projector: headings stay on their own line and never wrap beside a floated image. */
.abrcp-projector-verse[data-mode="announcement"] h1,
.abrcp-projector-verse[data-mode="announcement"] h2,
.abrcp-projector-verse[data-mode="announcement"] h3,
.abrcp-projector-verse[data-mode="announcement"] h4,
.abrcp-projector-verse[data-mode="announcement"] h5,
.abrcp-projector-verse[data-mode="announcement"] h6{clear:both!important;}
/* Announcement projector keeps normal document flow so image floats wrap surrounding text. */
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-float-left{float:left!important;display:block!important;margin:8px 20px 12px 0!important;max-width:45%!important;max-height:60vh!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-float-right{float:right!important;display:block!important;margin:8px 0 12px 20px!important;max-width:45%!important;max-height:60vh!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-left{float:none!important;display:block!important;margin:12px auto 12px 0!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-center{float:none!important;display:block!important;margin:12px auto!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-right{float:none!important;display:block!important;margin:12px 0 12px auto!important}
.abrcp-projector-verse .abrcp-projector-announcement-image.abrcp-img-align-none{float:none!important;display:block!important;margin:12px 0!important}
.abrcp-projector-verse:after{content:"";display:block;clear:both}


/* Announcement image alignment dropdown + HTML close button */
.abrcp-announcement-image-align-select{
  min-width:150px!important;height:32px!important;margin:0!important;padding:0 8px!important;
  border:1px solid #394653!important;border-radius:8px!important;background:#102d42!important;
  color:#dfe7ed!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:12px!important;font-weight:700!important;box-sizing:border-box!important;cursor:pointer!important;
}
.abrcp-wrap:not(.dark) .abrcp-announcement-image-align-select{
  background:#fff6e6!important;color:#4b3024!important;border-color:#c9aa76!important;
}
.abrcp-announcement-html-wrap{position:relative;width:100%;box-sizing:border-box}
.abrcp-announcement-html-wrap[hidden]{display:none!important}
.abrcp-announcement-html-wrap .abrcp-announcement-html{width:100%!important;padding-top:42px!important}
.abrcp-announcement-html-close{
  position:absolute;top:7px;right:7px;z-index:3;width:32px;height:32px;
  border:1px solid #394653;border-radius:8px;background:#d62839;color:#fff;
  font-size:20px;line-height:1;cursor:pointer;font-family:Arial,sans-serif
}
.abrcp-wrap:not(.dark) .abrcp-announcement-html-close{border-color:#b77b20;background:#8b2632;color:#fff}
.abrcp-announcement-input img.is-selected{outline:2px solid transparent!important;box-shadow:none!important}

/* Announcement toolbar: compact, responsive WordPress-like controls */
.abrcp-announcement-toolbar{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  width:100%!important;
  box-sizing:border-box!important;
  overflow:visible!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-format,
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
.abrcp-announcement-toolbar > .abrcp-announcement-image-size,
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link,
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{
  position:static!important;
  float:none!important;
  flex:0 0 auto!important;
  order:initial!important;
  margin:0!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select{
  width:88px!important;
  min-width:88px!important;
  max-width:88px!important;
  height:32px!important;
  padding:0 5px!important;
  font-size:11px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  order:initial!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{
  min-width:48px!important;
  width:48px!important;
  padding:0 7px!important;
  font-family:Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.4px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-format{
  min-width:34px!important;
  width:34px!important;
  height:32px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:16px!important;
  line-height:1!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-size{
  min-width:42px!important;
  width:auto!important;
  height:32px!important;
  padding:0 7px!important;
  font-size:12px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{
  width:112px!important;
  min-width:112px!important;
  max-width:112px!important;
  height:32px!important;
  padding:0 6px!important;
  font-size:10px!important;
}
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{
  height:32px!important;
  padding:0 8px!important;
  font-size:11px!important;
}
.abrcp-announcement-color-letter{font-weight:800;font-family:Georgia,serif;font-size:16px;line-height:1}
.abrcp-announcement-color-swatch{width:13px!important;height:13px!important;border-radius:3px!important}
@media(max-width:760px){
  .abrcp-announcement-toolbar{gap:4px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-format{width:31px!important;min-width:31px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-heading-select{width:76px!important;min-width:76px!important;max-width:76px!important;height:30px!important;font-size:10px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{width:42px!important;min-width:42px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{width:98px!important;min-width:98px!important;max-width:98px!important;height:30px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-size{height:30px!important;min-width:36px!important;padding:0 5px!important}
  .abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
  .abrcp-announcement-toolbar > .abrcp-announcement-image-link{height:30px!important;padding:0 6px!important;font-size:10px!important}
}
\n\n/* 3.9.8 announcement editor polish: compact text + uniform modern toolbar */
.abrcp-announcement-toolbar{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:wrap!important;gap:6px!important;padding:6px!important;width:100%!important;box-sizing:border-box!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-format,
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap,
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
.abrcp-announcement-toolbar > .abrcp-announcement-image-size,
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select,
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{box-sizing:border-box!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;margin:0!important;padding:0!important;position:static!important;float:none!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;border-radius:8px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-heading-select{flex-basis:86px!important;width:86px!important;min-width:86px!important;max-width:86px!important;padding:0 6px!important;font-size:11px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap{position:relative!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;margin:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color-letter{font-size:15px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-color-wrap .abrcp-announcement-color-swatch{width:11px!important;height:11px!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-html-toggle{font-family:ui-monospace,SFMono-Regular,Consolas,monospace!important;font-size:11px!important;font-weight:800!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{flex-basis:92px!important;width:92px!important;min-width:92px!important;max-width:92px!important;padding:0 5px!important;font-size:10px!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-format{font-size:15px!important;line-height:1!important;font-weight:800!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-size{font-size:13px!important;line-height:1!important;font-weight:700!important;}
.abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
.abrcp-announcement-toolbar > .abrcp-announcement-image-link{font-size:16px!important;line-height:1!important;font-weight:800!important;}
.abrcp-announcement-toolbar button:hover,.abrcp-announcement-toolbar select:hover{transform:translateY(-1px);filter:brightness(1.08);}
.abrcp-announcement-toolbar button:active{transform:translateY(0);}
.abrcp-announcement-input{font-size:clamp(14px,1.25vw,18px)!important;line-height:1.8!important;padding:10px 12px!important;}
.abrcp-announcement-input p{font-size:1em!important;line-height:1.8!important;}
@media(max-width:760px){
 .abrcp-announcement-toolbar{gap:4px!important;padding:5px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-format,
 .abrcp-announcement-toolbar > .abrcp-announcement-heading-select,
 .abrcp-announcement-toolbar > .abrcp-announcement-color-wrap,
 .abrcp-announcement-toolbar > .abrcp-announcement-html-toggle,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-size,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-upload,
 .abrcp-announcement-toolbar > .abrcp-announcement-image-link{flex-basis:32px!important;width:32px!important;min-width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;max-height:32px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-heading-select{flex-basis:78px!important;width:78px!important;min-width:78px!important;max-width:78px!important;font-size:9px!important;}
 .abrcp-announcement-toolbar > .abrcp-announcement-image-align-select{flex-basis:84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;font-size:9px!important;}
 .abrcp-announcement-input{font-size:15px!important;line-height:1.75!important;}
}

/* 3.9.9: keep image-size labels centered INSIDE their toolbar buttons */
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  vertical-align:middle!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  transform:none!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size > span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:auto!important;
  line-height:1!important;
  margin:0!important;
  padding:0 4px!important;
  position:static!important;
  transform:none!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"]{
  min-width:44px!important;
  width:44px!important;
  padding:0 5px!important;
}
.abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"] > span{
  font-size:9px!important;
  padding:0 3px!important;
}
@media(max-width:760px){
 .abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"]{min-width:42px!important;width:42px!important;padding:0 4px!important;}
 .abrcp-announcement-toolbar > button.abrcp-announcement-image-size[data-size="reset"] > span{font-size:8px!important;padding:0 2px!important;}
}

/* 4.0.2 — IBS / NDI output panel */
.abrcp-ibs-toggle{white-space:nowrap!important}
.abrcp-ibs-panel{margin:10px 14px 0;padding:14px;border:1px solid #35566e;border-radius:12px;background:#0b1d2b;color:#e7f0f6;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.abrcp-ibs-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.abrcp-ibs-panel-head strong{font-size:15px}
.abrcp-ibs-close{width:34px;height:34px;border:1px solid #496b82;border-radius:8px;background:#123149;color:#fff;cursor:pointer;font-size:20px;line-height:1}
.abrcp-ibs-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.abrcp-ibs-panel-grid>div{padding:12px;border:1px solid #29485d;border-radius:10px;background:#10283a}
.abrcp-ibs-panel-grid p{margin:6px 0 0;font-size:12px;line-height:1.8;color:#c9d9e4}
.abrcp-ibs-panel-grid code{display:inline-block;direction:ltr;background:#07131e;border:1px solid #38566b;border-radius:7px;padding:7px 9px;margin-top:8px;font-size:13px;color:#fff}
.abrcp-ibs-copy-shortcode{margin-inline-start:8px!important;padding:7px 10px!important;border:1px solid #4d7189!important;border-radius:7px!important;background:#153a53!important;color:#fff!important;cursor:pointer!important}
.abrcp-ibs-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.12);margin-inline-end:7px}
.abrcp-ibs-note{margin-top:10px;padding:9px 11px;border-radius:8px;background:rgba(225,184,93,.1);color:#e8d8b6;font-size:12px;line-height:1.8}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel{background:#fff8ea;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid>div{background:#fffdf8;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid p{color:#6d5744}
.abrcp-wrap:not(.dark) .abrcp-ibs-panel-grid code{background:#f7ecd7;color:#4b3024;border-color:#d5bb8a}
.abrcp-wrap:not(.dark) .abrcp-ibs-note{color:#6d5135;background:#f7ecd7}
@media(max-width:760px){.abrcp-ibs-panel-grid{grid-template-columns:1fr}.abrcp-ibs-panel{margin-inline:6px}.abrcp-ibs-toggle{flex:1 1 100%!important}}

/* v4.0.4 — True vertical center for Bible verses and hymn slides.
   Announcements keep their existing document-flow positioning. */
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  flex:none!important;
}

/* 4.1 IBS controls */
.abrcp-ibs-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(0,0,0,.16)}.abrcp-ibs-master,.abrcp-ibs-clear{border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:9px 12px;cursor:pointer;font-family:inherit}.abrcp-ibs-master.is-on{background:#d62839;color:#fff;border-color:#d62839}.abrcp-ibs-controls label{display:flex;align-items:center;gap:7px;font-size:12px}.abrcp-ibs-controls output{min-width:38px}.abrcp-ibs-preview-wrap{margin-top:12px}.abrcp-ibs-preview-label{font-size:12px;opacity:.72;margin-bottom:6px}.abrcp-ibs-preview{position:relative;min-height:180px;overflow:hidden;border:1px dashed rgba(255,255,255,.2);border-radius:14px;padding:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.35));font-family:"Noto Kufi Arabic",sans-serif;direction:rtl;box-sizing:border-box}.abrcp-ibs-preview strong,.abrcp-ibs-preview span,.abrcp-ibs-preview small{position:absolute;left:50%;width:min(86%,1600px);width:calc(min(86%,1600px) * var(--ibs-preview-size-scale,1));box-sizing:border-box;text-align:center}.abrcp-ibs-preview strong{font-size:13px;top:auto;bottom:calc(var(--ibs-preview-bottom,7%) + 36px);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview span{font-size:18px;font-weight:600;top:auto;bottom:calc(var(--ibs-preview-bottom,7%) + 9px);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview small{opacity:.75;font-size:10px;top:auto;bottom:var(--ibs-preview-bottom,7%);transform:translateX(-50%) scale(var(--ibs-preview-scale,1));transform-origin:center bottom}.abrcp-ibs-preview.ibs-preview-pos-top-center strong,.abrcp-ibs-preview.ibs-preview-pos-top-center span,.abrcp-ibs-preview.ibs-preview-pos-top-center small{bottom:auto;transform-origin:center top}.abrcp-ibs-preview.ibs-preview-pos-top-center strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-center span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-center small{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-bottom-right strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-right span,.abrcp-ibs-preview.ibs-preview-pos-bottom-right small,.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{left:auto;right:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:right bottom}.abrcp-ibs-preview.ibs-preview-pos-bottom-right strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-right span,.abrcp-ibs-preview.ibs-preview-pos-bottom-right small,.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{text-align:right}.abrcp-ibs-preview.ibs-preview-pos-bottom-left strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-left span,.abrcp-ibs-preview.ibs-preview-pos-bottom-left small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{text-align:left}.abrcp-ibs-preview.ibs-preview-pos-bottom-center strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-center span,.abrcp-ibs-preview.ibs-preview-pos-bottom-center small,.abrcp-ibs-preview.ibs-preview-pos-top-center strong,.abrcp-ibs-preview.ibs-preview-pos-top-center span,.abrcp-ibs-preview.ibs-preview-pos-top-center small{text-align:center}.abrcp-ibs-preview.ibs-preview-pos-bottom-left strong,.abrcp-ibs-preview.ibs-preview-pos-bottom-left span,.abrcp-ibs-preview.ibs-preview-pos-bottom-left small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{left:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:left bottom}.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small,.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{bottom:auto;transform:scale(var(--ibs-preview-scale,1));transform-origin:top right}.abrcp-ibs-preview.ibs-preview-pos-top-right strong,.abrcp-ibs-preview.ibs-preview-pos-top-right span,.abrcp-ibs-preview.ibs-preview-pos-top-right small{right:7%}.abrcp-ibs-preview.ibs-preview-pos-top-right strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-right span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-right small{top:calc(var(--ibs-preview-top,7%) - 10px)}.abrcp-ibs-preview.ibs-preview-pos-top-left{direction:rtl}.abrcp-ibs-preview.ibs-preview-pos-top-left strong,.abrcp-ibs-preview.ibs-preview-pos-top-left span,.abrcp-ibs-preview.ibs-preview-pos-top-left small{left:7%;transform:scale(var(--ibs-preview-scale,1));transform-origin:left top}.abrcp-ibs-preview.ibs-preview-pos-top-left strong{top:calc(var(--ibs-preview-top,7%) + 27px)}.abrcp-ibs-preview.ibs-preview-pos-top-left span{top:var(--ibs-preview-top,7%)}.abrcp-ibs-preview.ibs-preview-pos-top-left small{top:calc(var(--ibs-preview-top,7%) - 10px)}.abrcp-ibs-preview.ibs-preview-pos-center-center strong,.abrcp-ibs-preview.ibs-preview-pos-center-center span,.abrcp-ibs-preview.ibs-preview-pos-center-center small{left:50%;right:auto;top:auto;bottom:auto;transform:translate(-50%,-50%) scale(var(--ibs-preview-scale,1));transform-origin:center center;text-align:center;}
.abrcp-ibs-preview.ibs-preview-pos-center-center strong{top:calc(50% - 27px)}
.abrcp-ibs-preview.ibs-preview-pos-center-center span{top:50%}
.abrcp-ibs-preview.ibs-preview-pos-center-center small{top:calc(50% + 27px)}
.abrcp-ibs-preview.is-announcement strong,.abrcp-ibs-preview.is-announcement small{display:none}.abrcp-ibs-preview.is-announcement span{font-size:14px;font-weight:600;background:rgba(0,0,0,.62);border-radius:8px;padding:7px 10px;text-align:right}

/* v4.1.1 — Compact IBS information grid. Prevent stretched/empty panel height. */
.abrcp-ibs-panel-grid{
  align-items:start!important;
  align-content:start!important;
  grid-auto-rows:max-content!important;
  min-height:0!important;
  height:auto!important;
}
.abrcp-ibs-panel-grid>div{
  align-self:start!important;
  min-height:0!important;
  height:auto!important;
  box-sizing:border-box!important;
}
.abrcp-ibs-panel-grid>div:first-child,
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:6px 8px!important;
}
.abrcp-ibs-panel-grid>div p{
  flex:1 1 100%!important;
  margin:2px 0 0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) p{
  flex:0 1 auto!important;
  margin:0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) code{
  margin-top:0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{
  margin-inline-start:0!important;
}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:nth-child(2) p{flex:1 1 100%!important}
}

/* v4.1.1 final IBS card balance — keep the IBS shortcode card compact */
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:block!important;
  min-height:0!important;
  height:auto!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2)>strong{
  display:inline-block!important;
  margin-bottom:4px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) p{
  display:inline!important;
  margin:0 0 0 6px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) code{
  display:inline-block!important;
  margin:0 4px 0 0!important;
  vertical-align:middle!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{
  display:inline-block!important;
  margin:0!important;
  vertical-align:middle!important;
}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:nth-child(2)>strong,
  .abrcp-ibs-panel-grid>div:nth-child(2) p,
  .abrcp-ibs-panel-grid>div:nth-child(2) code,
  .abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{display:block!important;margin:4px 0!important}
}

/* 4.1.1 — Equal-height IBS information cards */
.abrcp-ibs-panel-grid{align-items:stretch!important;align-content:stretch!important;grid-auto-rows:1fr!important;}
.abrcp-ibs-panel-grid>div:first-child,.abrcp-ibs-panel-grid>div:nth-child(2){height:78px!important;min-height:78px!important;box-sizing:border-box!important;align-self:stretch!important;overflow:hidden!important;}
.abrcp-ibs-panel-grid>div:first-child p{flex:1 1 auto!important;margin:0!important;line-height:1.55!important;}
.abrcp-ibs-panel-grid>div:nth-child(2) p{display:inline!important;margin:0 0 0 6px!important;}
@media(max-width:760px){.abrcp-ibs-panel-grid{grid-auto-rows:auto!important;} .abrcp-ibs-panel-grid>div:first-child,.abrcp-ibs-panel-grid>div:nth-child(2){height:auto!important;min-height:0!important;overflow:visible!important;} .abrcp-ibs-panel-grid>div:first-child p{flex:1 1 100%!important;}}


/* 4.1.2 — IBS information cards: equal natural row height without clipping. */
.abrcp-ibs-panel-grid{
  align-items:stretch!important;
  align-content:start!important;
  grid-auto-rows:auto!important;
  height:auto!important;
  min-height:0!important;
}
.abrcp-ibs-panel-grid>div:first-child,
.abrcp-ibs-panel-grid>div:nth-child(2){
  height:auto!important;
  min-height:0!important;
  align-self:stretch!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
.abrcp-ibs-panel-grid>div:first-child{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
}
.abrcp-ibs-panel-grid>div:first-child p{
  flex:1 1 100%!important;
  margin:4px 0 0!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2){
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:center!important;
  align-items:center!important;
  gap:6px 8px!important;
}
.abrcp-ibs-panel-grid>div:nth-child(2)>strong{display:inline-block!important;margin:0!important}
.abrcp-ibs-panel-grid>div:nth-child(2) p{flex:1 1 100%!important;display:block!important;margin:0!important}
.abrcp-ibs-panel-grid>div:nth-child(2) code{display:inline-block!important;margin:0!important;vertical-align:middle!important}
.abrcp-ibs-panel-grid>div:nth-child(2) .abrcp-ibs-copy-shortcode{display:inline-block!important;margin:0!important;vertical-align:middle!important}
@media(max-width:760px){
  .abrcp-ibs-panel-grid>div:first-child,
  .abrcp-ibs-panel-grid>div:nth-child(2){align-content:flex-start!important;}
}

/* v4.1.3 — IBS controls: synchronized ON/OFF toggle and refined visual styling */
.abrcp-ibs-controls{
  display:grid!important;
  grid-template-columns:auto auto minmax(170px,1fr) minmax(170px,1fr) minmax(170px,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  padding:12px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:14px!important;
  background:rgba(0,0,0,.18)!important;
}
.abrcp-ibs-controls button,
.abrcp-ibs-controls select,
.abrcp-ibs-controls input[type="range"]{
  font-family:inherit;
}
.abrcp-ibs-controls button{
  min-height:40px;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  padding:8px 13px!important;
  font-weight:700;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.abrcp-ibs-controls button:hover{transform:translateY(-1px);box-shadow:0 5px 14px rgba(0,0,0,.16)}
.abrcp-ibs-controls button:active{transform:translateY(0)}
.abrcp-ibs-master{background:#17384d!important;color:#dcecf5!important;border-color:#315b73!important}
.abrcp-ibs-master.is-on{background:#d62839!important;color:#fff!important;border-color:#d62839!important;box-shadow:0 0 0 2px rgba(214,40,57,.12)}
.abrcp-ibs-master:not(.is-on){background:#33404a!important;color:#f0f3f5!important;border-color:#66737c!important}
.abrcp-ibs-clear{background:#243b4a!important;color:#e7f4fb!important;border-color:#3d6277!important}
.abrcp-ibs-clear:hover{background:#2d5267!important}
.abrcp-ibs-clear.is-off{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
.abrcp-ibs-controls label{
  display:grid!important;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:8px!important;
  min-width:0;
  margin:0!important;
  padding:8px 10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  background:rgba(255,255,255,.035);
  font-size:12px;
}
.abrcp-ibs-controls select{
  min-width:0;
  width:100%;
  height:38px;
  padding:6px 30px 6px 10px;
  border:1px solid #496b82!important;
  border-radius:9px!important;
  background:#10283a!important;
  color:#f2f7fa!important;
  cursor:pointer;
}
.abrcp-ibs-controls input[type="range"]{width:100%;accent-color:#d6a84f;cursor:pointer}
.abrcp-ibs-controls output{min-width:45px;text-align:center;padding:4px 7px;border-radius:7px;background:rgba(214,168,79,.12);color:#e8d8b6;font-weight:700}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls{background:#fffaf0!important;border-color:#dfcba5!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls label{background:#fffdf8;border-color:#ead9b8}
.abrcp-wrap:not(.dark) .abrcp-ibs-controls select{background:#fff!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-master{background:#f0e4d0!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-clear{background:#f0e4d0!important;color:#4b3024!important;border-color:#c9aa76!important}
.abrcp-wrap:not(.dark) .abrcp-ibs-clear.is-off{background:#d62839!important;color:#fff!important;border-color:#d62839!important}
@media(max-width:1050px){.abrcp-ibs-controls{grid-template-columns:auto auto 1fr!important}.abrcp-ibs-controls label{min-width:0}.abrcp-ibs-controls label:nth-of-type(2),.abrcp-ibs-controls label:nth-of-type(3){grid-column:span 1}}
@media(max-width:760px){
  .abrcp-ibs-controls{grid-template-columns:1fr 1fr!important}
  .abrcp-ibs-controls button{width:100%}
  .abrcp-ibs-controls label{grid-column:span 2!important}
}

/* v4.2.2 — Emergency Hide matches the main content-mode buttons */
.abrcp-content-mode button.abrcp-emergency-hide{
  border:1px solid #35566e!important;
  border-radius:9px!important;
  background:#0d263a!important;
  color:#dceaf3!important;
  padding:9px 22px!important;
  font-family:inherit!important;
  font-weight:700!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.abrcp-content-mode button.abrcp-emergency-hide:hover{
  background:#123b57!important;
  border-color:#35566e!important;
  color:#dceaf3!important;
  transform:none!important;
}
.abrcp-wrap:not(.dark) .abrcp-content-mode button.abrcp-emergency-hide{
  background:#fff6e6!important;
  color:#4b3024!important;
  border-color:#c9aa76!important;
}
.abrcp-wrap:not(.dark) .abrcp-content-mode button.abrcp-emergency-hide:hover{
  background:#ead8b1!important;
  color:#4b3024!important;
  border-color:#c9aa76!important;
}

.abrcp-ibs-preview strong,.abrcp-ibs-preview span,.abrcp-ibs-preview small{transition:top .18s ease,bottom .18s ease,transform .18s ease,font-size .18s ease;line-height:1.55}.abrcp-ibs-preview span{font-size:calc(18px * var(--ibs-preview-font-scale,1));line-height:calc(27.9px * var(--ibs-preview-font-scale,1));font-weight:600}.abrcp-ibs-preview strong{font-size:calc(13px * var(--ibs-preview-font-scale,1));line-height:calc(20.15px * var(--ibs-preview-font-scale,1));font-weight:700;margin-bottom:.2em}.abrcp-ibs-preview small{font-size:calc(10px * var(--ibs-preview-font-scale,1));line-height:calc(15.5px * var(--ibs-preview-font-scale,1));font-weight:500;margin-top:.15em}.abrcp-ibs-preview.is-announcement span{background:rgba(0,0,0,var(--ibs-preview-bg-opacity,.62));}.abrcp-ibs-preview.is-announcement span{line-height:calc(21.7px * var(--ibs-preview-font-scale,1));}
/* Announcement alignment is independent of IBS position. */
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-right span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-left span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-bottom-center span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-right span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-left span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-top-center span,
.abrcp-ibs-preview.is-announcement.ibs-preview-pos-center-center span{ text-align:right !important; direction:rtl; }.abrcp-ibs-preview{transition:opacity var(--ibs-preview-fade,1000ms) ease}

/* v4.2.8 — Keep Bible and hymn projector content centered independently of IBS/announcement alignment. */
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse{
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
}
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse > *,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse > *,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse p,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse div,
.abrcp-projector[data-mode="bible"] .abrcp-projector-verse span,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse p,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse div,
.abrcp-projector[data-mode="hymn"] .abrcp-projector-verse span{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* v4.2.14 — Keep projector controls fixed in place during black/white screen mode. */


/* v4.2.14 — Completely isolate projector content alignment. */
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-verse{
  position:absolute!important;
  left:50%!important; right:auto!important; top:50%!important; bottom:auto!important;
  transform:translate(-50%,-50%)!important; margin:0!important;
  text-align:right!important; direction:rtl!important; display:block!important;
}
/* Announcement descendants keep their own editor alignment. */
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse{
  text-align:center!important; direction:rtl!important; display:flex!important;
  align-items:center!important; justify-content:center!important;
}
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse > *,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse > *,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse p,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse div,
.abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse span,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse p,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse div,
.abrcp-projector.abrcp-projector-hymn-mode .abrcp-projector-verse span{
  text-align:center!important; margin-left:auto!important; margin-right:auto!important;
}

/* 4.2.17: Announcement alignment is isolated from IBS/Bible/Hymn state. */
/* Announcement wrapper supplies size + RTL direction only.
   Text alignment comes from the announcement editor's own HTML formatting. */
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content{
  width:100%!important;height:100%!important;box-sizing:border-box!important;
  direction:rtl!important;
}
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content p,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content div,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content span,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h1,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h2,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h3,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h4,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h5,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content h6,
.abrcp-projector.abrcp-projector-announcement-mode .abrcp-projector-announcement-content li{
  direction:rtl!important;
}

/* 4.3.0 — Service Playlist / Service Mode */
.abrcp-service-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-service-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-panel-head strong{font-size:15px}.abrcp-service-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-service-close:hover{background:#263b4b}.abrcp-wrap:not(.dark) .abrcp-service-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-close:hover{background:#f8e8cb}
.abrcp-service-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.abrcp-service-actions button{border:1px solid #35566e;border-radius:8px;background:#10283a;color:#e7f0f6;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-service-actions button:hover{background:#163c55}.abrcp-service-actions .abrcp-service-show{background:#147a4b;border-color:#2eaa70;color:#fff}.abrcp-service-actions .abrcp-service-clear{background:#6f2430;border-color:#a84a57;color:#fff}
.abrcp-service-status{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#07131e;border:1px solid #29485d;font-size:12px;margin-bottom:8px}.abrcp-service-count{font-weight:700}.abrcp-service-current{opacity:.82;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-service-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow:auto}.abrcp-service-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #29485d;border-radius:9px;background:#10283a;color:#e7f0f6;padding:8px 10px;text-align:right;cursor:pointer;box-sizing:border-box}.abrcp-service-item:hover{background:#163c55}.abrcp-service-item.is-active{border-color:#2d9be8;background:#123b57;box-shadow:0 0 0 1px rgba(45,155,232,.18)}.abrcp-service-num{min-width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#07131e;font-weight:800}.abrcp-service-type{font-size:11px;opacity:.72;min-width:68px}.abrcp-service-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-service-delete{border:0;background:transparent;color:#ff8c98;font-size:18px;cursor:pointer;padding:2px 5px}.abrcp-service-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-service-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-actions .abrcp-service-show{background:#2f8058;color:#fff;border-color:#4f9f77}.abrcp-wrap:not(.dark) .abrcp-service-actions .abrcp-service-clear{background:#8b2632;color:#fff;border-color:#b45a64}.abrcp-wrap:not(.dark) .abrcp-service-status,.abrcp-wrap:not(.dark) .abrcp-service-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-service-num{background:#f7ecd7}.abrcp-wrap:not(.dark) .abrcp-service-note{color:#6d5744}
@media(max-width:760px){.abrcp-service-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-actions button{flex:1 1 calc(50% - 7px)}.abrcp-service-status{display:block}.abrcp-service-current{display:block;margin-top:4px}.abrcp-service-type{min-width:56px}}

/* 4.3.2 — Recent Display History */
.abrcp-history-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.abrcp-history-head strong{font-size:15px}.abrcp-history-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-history-close:hover{background:#263b4b}
.abrcp-history-actions{display:flex;justify-content:flex-start;margin-bottom:9px}.abrcp-history-clear{border:1px solid #a84a57;border-radius:8px;background:#6f2430;color:#fff;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-history-clear:hover{background:#842c3a}
.abrcp-history-list{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto}.abrcp-history-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #29485d;border-radius:9px;background:#10283a;color:#e7f0f6;padding:8px 10px;text-align:right;cursor:pointer;box-sizing:border-box}.abrcp-history-item:hover{background:#163c55;border-color:#3b6681}.abrcp-history-num{min-width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:#07131e;font-weight:800}.abrcp-history-type{font-size:11px;opacity:.75;min-width:68px}.abrcp-history-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-history-use{border:1px solid #2eaa70;border-radius:7px;background:#147a4b;color:#fff;font-size:13px;font-weight:800;cursor:pointer;padding:5px 8px}.abrcp-history-empty{padding:18px 10px;text-align:center;border:1px dashed #526575;border-radius:9px;color:#aebfc9}.abrcp-history-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-history-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-history-clear{background:#8b2632;color:#fff;border-color:#b45a64}.abrcp-wrap:not(.dark) .abrcp-history-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-history-item:hover{background:#f8e8cb;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-num{background:#f7ecd7}.abrcp-wrap:not(.dark) .abrcp-history-note{color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-history-empty{border-color:#c9aa76;color:#6d5744}
@media(max-width:760px){.abrcp-history-panel{width:calc(100% - 12px);padding:10px}.abrcp-history-type{min-width:56px}.abrcp-history-item{padding:7px 8px}.abrcp-history-title{font-size:12px}}

/* 4.3.3 — Ensure the History panel close action always hides the panel. */
.abrcp-history-panel[hidden]{display:none!important}

/* 4.3.4 — Projector display favorites */
.abrcp-display-favorites-toggle{border:1px solid #80652f;border-radius:8px;background:#4f3d19;color:#fff4cf;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}
.abrcp-display-favorites-toggle:hover,.abrcp-display-favorites-toggle.is-active{background:#705522}
.abrcp-display-favorites-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #80652f;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-display-favorites-panel[hidden]{display:none!important}
.abrcp-display-favorites-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.abrcp-display-favorites-head strong{font-size:15px}
.abrcp-display-favorites-close{border:1px solid #80652f;border-radius:8px;background:#2a2113;color:#fff4cf;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-display-favorites-close:hover{background:#473719}
.abrcp-display-favorites-actions{display:flex;justify-content:flex-start;margin-bottom:9px}.abrcp-display-favorites-clear{border:1px solid #a84a57;border-radius:8px;background:#6f2430;color:#fff;padding:8px 12px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-display-favorites-clear:hover{background:#842c3a}
.abrcp-display-favorites-list{display:flex;flex-direction:column;gap:6px;max-height:330px;overflow:auto}.abrcp-display-favorite-item{display:flex;align-items:center;gap:8px;width:100%;border:1px solid #594b2b;border-radius:9px;background:#201a11;color:#f4ead2;padding:8px 10px;text-align:right;box-sizing:border-box}.abrcp-display-favorite-type{font-size:11px;opacity:.78;min-width:72px}.abrcp-display-favorite-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.abrcp-display-favorite-open{border:1px solid #2eaa70;border-radius:7px;background:#147a4b;color:#fff;font-size:13px;font-weight:800;cursor:pointer;padding:5px 8px}.abrcp-display-favorite-remove{border:1px solid #8b3b47;border-radius:7px;background:#52202a;color:#ffd7dc;font-size:18px;line-height:1;cursor:pointer;padding:4px 8px}.abrcp-display-favorite-remove:hover{background:#6f2430}.abrcp-display-favorites-empty{text-align:center;padding:18px 10px;border:1px dashed #80652f;border-radius:9px;color:#cdbf9d}.abrcp-display-favorites-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-history-favorite{border:1px solid #80652f;border-radius:7px;background:#2a2113;color:#f5d477;font-size:17px;line-height:1;cursor:pointer;padding:4px 7px;min-width:34px}.abrcp-history-favorite:hover{background:#473719}.abrcp-history-favorite[aria-label="إزالة من مفضلة العرض"]{background:#705522;color:#fff5c9}
.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle:hover,.abrcp-wrap:not(.dark) .abrcp-display-favorites-toggle.is-active{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-display-favorites-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorites-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-display-favorite-item{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-display-favorite-remove{background:#f4e7d2;color:#7b1e2b;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-display-favorite-title{color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-display-favorites-note{color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-display-favorites-empty{border-color:#c9aa76;color:#6d5744}.abrcp-wrap:not(.dark) .abrcp-history-favorite{background:#fff6e6;color:#80652f;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-history-favorite[aria-label="إزالة من مفضلة العرض"]{background:#f1dcae;color:#5a4218}
@media(max-width:760px){.abrcp-display-favorites-panel{width:calc(100% - 12px);padding:10px}.abrcp-display-favorites-type{min-width:56px}.abrcp-display-favorite-item{padding:7px 8px}.abrcp-display-favorite-title{font-size:12px}.abrcp-display-favorites-toggle{width:100%}}

/* 4.3.5 — Compact menu for Service Playlist, History and Display Favorites */
.abrcp-page-links{position:relative;display:inline-flex;align-items:center;z-index:31}
.abrcp-page-links-toggle{cursor:pointer!important;white-space:nowrap}
.abrcp-page-links-toggle.is-active{filter:brightness(1.08)}
.abrcp-page-links-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:180px;padding:6px;border:1px solid #526575;border-radius:10px;background:#101a23;box-shadow:0 12px 28px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:5px;z-index:1001}
.abrcp-page-links-menu[hidden]{display:none!important}
.abrcp-page-links-menu>a{display:block;width:100%;box-sizing:border-box;border:1px solid #30485a;border-radius:8px;background:#182631;color:#e7f0f6;padding:9px 11px;font:inherit;font-size:12px;font-weight:700;text-align:right;text-decoration:none;cursor:pointer;white-space:nowrap}
.abrcp-page-links-menu>a:hover{background:#263b4b;border-color:#55758c;color:#fff}
.abrcp-page-links-divider{height:1px;margin:2px 3px;background:#30485a;opacity:.9;flex:0 0 auto}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu{background:#fffaf0;border-color:#c9aa76;box-shadow:0 12px 28px rgba(75,38,20,.18)}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu>a{background:#fff6e6;color:#4b3024;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-page-links-menu>a:hover{background:#f8e8cb;border-color:#c9aa76;color:#4b3024}
.abrcp-wrap:not(.dark) .abrcp-page-links-divider{background:#dfcba5}
@media (max-width:700px){.abrcp-page-links-menu{right:auto;left:0;min-width:170px}}
.abrcp-display-tools{position:relative;display:inline-flex;align-items:center;z-index:30}
.abrcp-display-tools-toggle{cursor:pointer!important;white-space:nowrap}
.abrcp-display-tools-toggle.is-active{filter:brightness(1.08)}
.abrcp-display-tools-menu{position:absolute;top:calc(100% + 7px);right:0;min-width:190px;padding:6px;border:1px solid #526575;border-radius:10px;background:#101a23;box-shadow:0 12px 28px rgba(0,0,0,.32);display:flex;flex-direction:column;gap:5px;z-index:1000}
.abrcp-display-tools-menu[hidden]{display:none!important}
.abrcp-display-tools-menu > button{width:100%;border:1px solid #30485a;border-radius:8px;background:#182631;color:#e7f0f6;padding:9px 11px;font:inherit;font-size:12px;font-weight:700;text-align:right;cursor:pointer;white-space:nowrap}
.abrcp-display-tools-menu > button:hover,.abrcp-display-tools-menu > button.is-active{background:#263b4b;border-color:#55758c}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu{background:#fffaf0;border-color:#c9aa76;box-shadow:0 12px 28px rgba(75,38,20,.18)}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}
.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button:hover,.abrcp-wrap:not(.dark) .abrcp-display-tools-menu > button.is-active{background:#f8e8cb;border-color:#c9aa76}
@media (max-width:700px){.abrcp-display-tools-menu{right:auto;left:0;min-width:175px}.abrcp-display-tools-toggle{font-size:12px}}

/* 4.5.0 — Live Service Dashboard */
.abrcp-dashboard-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-dashboard-head>div{display:flex;align-items:center;gap:10px}.abrcp-dashboard-head strong{font-size:16px}.abrcp-dashboard-live-dot{font-size:10px;color:#63d39b;font-weight:800}.abrcp-dashboard-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-dashboard-close:hover{background:#263b4b}
.abrcp-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.abrcp-dashboard-card{min-height:72px;padding:10px;border:1px solid #29485d;border-radius:9px;background:#10283a;box-sizing:border-box}.abrcp-dashboard-card span{display:block;font-size:10px;opacity:.7;margin-bottom:7px}.abrcp-dashboard-card strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-current{margin-top:9px;padding:11px 12px;border:1px solid #29485d;border-radius:9px;background:#07131e}.abrcp-dashboard-current span{display:block;font-size:10px;opacity:.7;margin-bottom:5px}.abrcp-dashboard-current strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.abrcp-dashboard-actions button{border:1px solid #35566e;border-radius:8px;background:#182f40;color:#e7f0f6;padding:8px 11px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-dashboard-actions button:hover{background:#21465c}.abrcp-dashboard-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}
.abrcp-wrap:not(.dark) .abrcp-dashboard-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-card{background:#fffdf8;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-current{background:#f7ecd7;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-note{color:#6d5744}
.abrcp-dashboard-panel[hidden]{display:none!important}
@media(max-width:760px){.abrcp-dashboard-panel{width:calc(100% - 12px);padding:10px}.abrcp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abrcp-dashboard-card{min-height:64px}.abrcp-dashboard-actions button{flex:1 1 calc(50% - 7px)}}

/* 4.5.0 — Live Service Dashboard */
.abrcp-dashboard-panel{margin:10px auto;width:min(900px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-dashboard-head>div{display:flex;align-items:center;gap:10px}.abrcp-dashboard-head strong{font-size:16px}.abrcp-dashboard-live-dot{font-size:10px;color:#63d39b;font-weight:800}.abrcp-dashboard-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font-size:12px;font-family:inherit;font-weight:700;line-height:1;padding:8px 11px;cursor:pointer}.abrcp-dashboard-close:hover{background:#263b4b}
.abrcp-dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.abrcp-dashboard-card{min-height:72px;padding:10px;border:1px solid #29485d;border-radius:9px;background:#10283a;box-sizing:border-box}.abrcp-dashboard-card span{display:block;font-size:10px;opacity:.7;margin-bottom:7px}.abrcp-dashboard-card strong{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-current{margin-top:9px;padding:11px 12px;border:1px solid #29485d;border-radius:9px;background:#07131e}.abrcp-dashboard-current span{display:block;font-size:10px;opacity:.7;margin-bottom:5px}.abrcp-dashboard-current strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-dashboard-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.abrcp-dashboard-actions button{border:1px solid #35566e;border-radius:8px;background:#182f40;color:#e7f0f6;padding:8px 11px;font-family:inherit;font-weight:700;cursor:pointer}.abrcp-dashboard-actions button:hover{background:#21465c}.abrcp-dashboard-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-dashboard-panel[hidden]{display:none!important}
.abrcp-wrap:not(.dark) .abrcp-dashboard-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-dashboard-close:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-card{background:#fffdf8;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-current{background:#f7ecd7;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button{background:#fff6e6;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-dashboard-actions button:hover{background:#f8e8cb}.abrcp-wrap:not(.dark) .abrcp-dashboard-note{color:#6d5744}
@media(max-width:760px){.abrcp-dashboard-panel{width:calc(100% - 12px);padding:10px}.abrcp-dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.abrcp-dashboard-card{min-height:64px}.abrcp-dashboard-actions button{flex:1 1 calc(50% - 7px)}}

/* 4.5.2 — Service Start / End Mode */
.abrcp-service-session-panel{margin:10px auto;width:min(700px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}
.abrcp-service-session-panel[hidden]{display:none!important}.abrcp-service-session-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-session-head strong{font-size:15px}.abrcp-service-session-close{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-session-actions{display:flex;gap:8px;flex-wrap:wrap}.abrcp-service-session-actions button{flex:1 1 220px;border-radius:9px;padding:12px 14px;font:inherit;font-weight:800;cursor:pointer}.abrcp-service-session-start{background:#147a4b;color:#fff;border:1px solid #2eaa70}.abrcp-service-session-end{background:#7a2633;color:#fff;border:1px solid #a84a57}.abrcp-service-session-status{margin-top:10px;padding:9px 11px;border-radius:8px;background:#182631;border:1px solid #30485a;font-weight:700}.abrcp-service-session-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-wrap:not(.dark) .abrcp-service-session-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-session-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-session-status{background:#fffdf8;color:#4b3024;border-color:#dfcba5}.abrcp-wrap:not(.dark) .abrcp-service-session-note{color:#6d5744}
@media(max-width:700px){.abrcp-service-session-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-session-actions button{flex-basis:100%}}

/* Service Templates 4.5.4 */
.abrcp-service-templates-panel{margin:10px auto;width:min(800px,calc(100% - 24px));padding:14px;background:linear-gradient(145deg,#0b1016,#151d26);border:1px solid #394653;border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.3);direction:rtl;box-sizing:border-box;color:#e7f0f6}.abrcp-service-templates-panel[hidden]{display:none!important}.abrcp-service-templates-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.abrcp-service-templates-head strong{font-size:15px}.abrcp-service-templates-close,.abrcp-service-template-load,.abrcp-service-template-delete,.abrcp-service-template-clear{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-templates-close:hover,.abrcp-service-template-load:hover,.abrcp-service-template-delete:hover,.abrcp-service-template-clear:hover{background:#263b4b}.abrcp-service-templates-create,.abrcp-service-templates-load-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px}.abrcp-service-template-name,.abrcp-service-template-select{flex:1 1 260px;min-width:0;border:1px solid #526575;border-radius:8px;background:#101820;color:#e7f0f6;font:inherit;padding:9px 10px;box-sizing:border-box}.abrcp-service-template-save{border:1px solid #2eaa70;border-radius:8px;background:#147a4b;color:#fff;font:inherit;font-weight:800;padding:9px 12px;cursor:pointer}.abrcp-service-templates-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:4px}.abrcp-service-template-count{font-size:12px;font-weight:700}.abrcp-service-templates-note{margin-top:9px;font-size:11px;line-height:1.8;color:#b9cbd7}.abrcp-wrap:not(.dark) .abrcp-service-templates-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-templates-close,.abrcp-wrap:not(.dark) .abrcp-service-template-load,.abrcp-wrap:not(.dark) .abrcp-service-template-delete,.abrcp-wrap:not(.dark) .abrcp-service-template-clear{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-template-name,.abrcp-wrap:not(.dark) .abrcp-service-template-select{background:#fffdf8;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-templates-note{color:#6d5744}@media(max-width:700px){.abrcp-service-templates-panel{width:calc(100% - 12px);padding:10px}.abrcp-service-template-save,.abrcp-service-template-load,.abrcp-service-template-delete{flex:1 1 100%}.abrcp-service-templates-meta{display:block}.abrcp-service-template-clear{margin-top:8px;width:100%}}

.abrcp-service-template-rename,.abrcp-service-template-duplicate,.abrcp-service-template-default{border:1px solid #526575;border-radius:8px;background:#182631;color:#e7f0f6;font:inherit;font-size:12px;font-weight:700;padding:8px 11px;cursor:pointer}.abrcp-service-template-rename:hover,.abrcp-service-template-duplicate:hover,.abrcp-service-template-default:hover{background:#263b4b}.abrcp-service-template-meta-info{font-size:11px;color:#b9cbd7;flex:1;text-align:center}.abrcp-wrap:not(.dark) .abrcp-service-template-rename,.abrcp-wrap:not(.dark) .abrcp-service-template-duplicate,.abrcp-wrap:not(.dark) .abrcp-service-template-default{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-service-template-meta-info{color:#6d5744}


/* Service Template Preview — 4.6.2 */
.abrcp-service-template-preview-panel[hidden]{display:none!important}.abrcp-service-template-preview-panel{position:relative;margin:12px 0;padding:16px;border:1px solid rgba(150,170,190,.35);border-radius:14px;background:rgba(12,20,30,.96);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.22);z-index:30}
.abrcp-service-template-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.abrcp-service-template-preview-head strong{font-size:18px}
.abrcp-service-template-preview-close{border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:7px 12px;background:rgba(255,255,255,.08);color:inherit;cursor:pointer}
.abrcp-service-template-preview-meta{font-size:13px;opacity:.78;margin-bottom:12px}
.abrcp-service-template-preview-list{display:flex;flex-direction:column;gap:9px;max-height:55vh;overflow:auto}
.abrcp-service-template-preview-item{padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.045)}
.abrcp-service-template-preview-item-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:7px}
.abrcp-service-template-preview-num{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.12);font-weight:700}
.abrcp-service-template-preview-type{font-size:13px;opacity:.85}
.abrcp-service-template-preview-item-title{font-weight:700}
.abrcp-service-template-preview-reference{font-weight:700;margin-bottom:5px;direction:rtl;text-align:right}
.abrcp-service-template-preview-text{white-space:pre-wrap;line-height:1.8;direction:rtl;text-align:right}
.abrcp-service-template-preview-html{direction:rtl;text-align:right;line-height:1.8}
.abrcp-service-template-preview-note,.abrcp-service-template-preview-empty{margin-top:12px;padding:9px;border-radius:8px;background:rgba(255,255,255,.05);font-size:13px;opacity:.8}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-panel{background:#ead8b1;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-service-template-preview-item{background:rgba(255,255,255,.42);border-color:rgba(120,85,45,.2)}
@media(max-width:700px){.abrcp-service-template-preview-panel{margin:8px 0;padding:10px}.abrcp-service-template-preview-list{max-height:60vh}.abrcp-service-template-preview-head strong{font-size:16px}}


/* 4.7.0 — Service Operator Mode */
.abrcp-operator-panel{position:relative;inset:auto;z-index:2;display:flex;flex-direction:column;gap:10px;margin-top:14px;padding:14px;background:radial-gradient(circle at 50% 18%,#173b50 0,#071724 48%,#02070c 100%);color:#f4f8fb;direction:rtl;box-sizing:border-box;overflow:auto;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}.abrcp-operator-panel[hidden]{display:none!important}.abrcp-operator-head{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1050px;width:100%;margin:0 auto}.abrcp-operator-head>div{display:flex;align-items:center;gap:14px}.abrcp-operator-head strong{font-size:18px}.abrcp-operator-live{font-size:12px;color:#72e0a8}.abrcp-operator-close{border:1px solid #647b8d;border-radius:10px;background:#162a39;color:#fff;padding:10px 15px;font:inherit;font-weight:800;cursor:pointer}.abrcp-operator-current{width:min(1050px,100%);margin:4px auto 0;padding:18px 20px;border:1px solid #35576d;border-radius:12px;background:rgba(7,22,34,.85);font-size:14px;font-weight:800;min-height:28px;box-sizing:border-box;text-align:center}.abrcp-operator-service-status{width:100%;margin:0;padding:10px 14px;border:1px solid #2d4a5e;border-radius:9px;background:rgba(12,32,47,.8);font-size:13px;text-align:center;box-sizing:border-box}.abrcp-operator-main-actions,.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{width:100%;margin:0;display:grid;gap:12px}.abrcp-operator-main-actions{grid-template-columns:1fr 1.2fr 1fr}.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{grid-template-columns:repeat(3,1fr)}.abrcp-operator-main-actions button,.abrcp-operator-mode-actions button,.abrcp-operator-screen-actions button,.abrcp-operator-session-actions button{min-height:48px;border:1px solid #3d6076;border-radius:12px;background:#122c3f;color:#f4f8fb;font:inherit;font-size:17px;font-weight:800;cursor:pointer;box-shadow:0 5px 16px rgba(0,0,0,.16)}.abrcp-operator-main-actions button{min-height:58px;font-size:16px}.abrcp-operator-main-actions button:nth-child(2){background:#147a4b;border-color:#35b77d}.abrcp-operator-screen-actions button:first-child{background:#101820}.abrcp-operator-screen-actions button:nth-child(2){background:#f1f1f1;color:#20252a;border-color:#d8d8d8}.abrcp-operator-screen-actions button:nth-child(3){background:#7a2633;border-color:#a84a57}.abrcp-operator-session-actions button:first-child{background:#147a4b;border-color:#35b77d}.abrcp-operator-session-actions button:last-child{background:#7a2633;border-color:#a84a57}.abrcp-operator-panel button:hover{filter:brightness(1.12);transform:translateY(-1px)}.abrcp-operator-panel button:active{transform:translateY(0)}.abrcp-operator-help{width:100%;margin:0;text-align:center;font-size:12px;color:#a9bfcc;padding-top:4px}.abrcp-wrap:not(.dark) .abrcp-operator-panel{background:radial-gradient(circle at 50% 18%,#f4e5c8 0,#e5cfaa 52%,#d6bc8e 100%);color:#4b3024}.abrcp-wrap:not(.dark) .abrcp-operator-close{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-current{background:rgba(255,253,248,.78);border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-service-status{background:rgba(255,253,248,.68);border-color:#d3b985}.abrcp-wrap:not(.dark) .abrcp-operator-main-actions button,.abrcp-wrap:not(.dark) .abrcp-operator-mode-actions button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}.abrcp-wrap:not(.dark) .abrcp-operator-main-actions button:nth-child(2),.abrcp-wrap:not(.dark) .abrcp-operator-session-actions button:first-child{background:#147a4b;color:#fff;border-color:#35b77d}.abrcp-wrap:not(.dark) .abrcp-operator-screen-actions button:nth-child(2){background:#fff;color:#20252a}.abrcp-wrap:not(.dark) .abrcp-operator-screen-actions button:nth-child(3),.abrcp-wrap:not(.dark) .abrcp-operator-session-actions button:last-child{background:#7a2633;color:#fff}.abrcp-wrap:not(.dark) .abrcp-operator-help{color:#6d5744}
@media(max-width:700px){.abrcp-operator-panel{padding:16px 10px 20px;gap:9px}.abrcp-operator-head strong{font-size:19px}.abrcp-operator-current{font-size:15px;padding:12px}.abrcp-operator-main-actions{grid-template-columns:1fr 1fr 1fr}.abrcp-operator-mode-actions,.abrcp-operator-screen-actions,.abrcp-operator-session-actions{grid-template-columns:1fr}.abrcp-operator-main-actions button{min-height:72px;font-size:16px}.abrcp-operator-mode-actions button,.abrcp-operator-screen-actions button,.abrcp-operator-session-actions button{min-height:54px;font-size:14px}.abrcp-operator-help{font-size:10px;line-height:1.8}}

/* 4.8.3 — Compact live operator monitor */
.abrcp-operator-page .abrcp-operator-monitor{padding:6px;border-radius:10px}
.abrcp-operator-page .abrcp-operator-monitor-screen{position:relative;width:100%;aspect-ratio:16/9;min-height:0!important;height:auto!important;max-height:240px;overflow:hidden;padding:0!important;background:#02070c!important}
.abrcp-operator-page .abrcp-operator-live-frame{position:absolute;left:50%;top:0;width:177.7778%;height:177.7778%;border:0;transform:translateX(-50%) scale(.5625);transform-origin:top center;background:#000}
.abrcp-operator-page .abrcp-operator-monitor-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(16px,2vw,24px);font-weight:800;color:#a9bfcc;background:#02070c}
.abrcp-operator-page .abrcp-operator-monitor-placeholder[hidden]{display:none!important}
.abrcp-operator-page .abrcp-operator-live-frame[hidden]{display:none!important}
@media(max-width:700px){.abrcp-operator-page .abrcp-operator-monitor-screen{max-height:190px}}

/* 4.8.0 — Dedicated Service Operator page */
.abrcp-operator-page .abrcp-header,
.abrcp-operator-page .abrcp-toolbar-favorites-only{display:none!important}
.abrcp-operator-page .abrcp-projector-workspace{padding-top:10px!important}
.abrcp-operator-page .abrcp-ibs-toggle,
.abrcp-operator-page .abrcp-display-tools{display:inline-flex!important}
.abrcp-operator-page .abrcp-display-tools .abrcp-service-toggle{display:none!important}
.abrcp-operator-page .abrcp-work-preview{display:none!important}
.abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr 1fr 1fr!important;min-height:520px}
.abrcp-operator-console{display:block!important;margin:12px 22px 0;padding:14px;border:1px solid #35566e;border-radius:13px;background:linear-gradient(180deg,#0d263a,#071724);color:#f4f8fb;box-shadow:0 8px 25px rgba(0,0,0,.18);direction:rtl}
.abrcp-operator-console[hidden]{display:none!important}
.abrcp-operator-console-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.abrcp-operator-console-head>div:first-child{display:flex;align-items:center;gap:12px}
.abrcp-operator-console-head strong{font-size:18px}
.abrcp-operator-live{font-size:12px;color:#72e0a8;font-weight:700}
.abrcp-operator-console-actions{display:flex;gap:7px}
.abrcp-operator-console button{border:1px solid #3d6076;border-radius:9px;background:#122c3f;color:#f4f8fb;padding:8px 12px;font:inherit;font-size:12px;font-weight:800;cursor:pointer}
.abrcp-operator-console-actions button:first-child{background:#147a4b;border-color:#35b77d}
.abrcp-operator-console-actions button:last-child{background:#7a2633;border-color:#a84a57}
.abrcp-operator-monitor{border:1px solid #3d6076;border-radius:11px;background:#02070c;padding:8px}
.abrcp-operator-monitor-label{text-align:right;color:#9fb7c7;font-size:11px;margin:0 5px 7px}
.abrcp-operator-monitor-screen{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:8px;background:radial-gradient(circle at 50% 30%,#173b50 0,#071724 55%,#02070c 100%);padding:15px;box-sizing:border-box;transition:.2s}
.abrcp-operator-monitor-screen.is-black{background:#000!important;color:#fff}
.abrcp-operator-monitor-screen.is-white{background:#fff!important;color:#111}
.abrcp-operator-monitor-screen.is-hidden{opacity:.82}
.abrcp-operator-monitor-ref{border:1px solid #bd974e;color:#e6c675;border-radius:7px;padding:4px 13px;font-size:11px;font-weight:700;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-operator-monitor-text{width:94%;margin-top:12px;font-size:clamp(18px,2.1vw,32px);line-height:1.7;font-weight:800;color:#fff;max-height:105px;overflow:hidden}
.abrcp-operator-monitor-screen.is-white .abrcp-operator-monitor-text{color:#111}
.abrcp-operator-monitor-status{text-align:center;color:#72e0a8;font-size:11px;font-weight:700;padding-top:7px}
.abrcp-operator-quick-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:9px}
.abrcp-operator-quick-actions button{min-height:44px}
.abrcp-operator-quick-actions .is-primary{background:#147a4b;border-color:#35b77d}
.abrcp-operator-quick-actions button:nth-child(4){background:#101820}
.abrcp-operator-quick-actions button:nth-child(5){background:#f1f1f1;color:#20252a;border-color:#d8d8d8}
.abrcp-operator-quick-actions button:nth-child(6){background:#7a2633;border-color:#a84a57}
.abrcp-operator-playlist-bar{display:flex;align-items:center;gap:10px;margin-top:9px;padding-top:9px;border-top:1px solid #2d4a5e;font-size:12px}
.abrcp-operator-playlist-bar strong{font-size:13px}
.abrcp-operator-playlist-bar span{color:#a9bfcc;flex:1}
.abrcp-operator-playlist-bar button{padding:7px 11px}
.abrcp-wrap:not(.dark) .abrcp-operator-console{background:linear-gradient(180deg,#f4e5c8,#e5cfaa);color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-operator-console button{background:#fff6e6;color:#4b3024;border-color:#c9aa76}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions .is-primary,.abrcp-wrap:not(.dark) .abrcp-operator-console-actions button:first-child{background:#147a4b;color:#fff;border-color:#35b77d}
.abrcp-wrap:not(.dark) .abrcp-operator-console-actions button:last-child,.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(6){background:#7a2633;color:#fff}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(4){background:#101820;color:#fff}
.abrcp-wrap:not(.dark) .abrcp-operator-quick-actions button:nth-child(5){background:#fff;color:#20252a}
@media(max-width:900px){
 .abrcp-operator-console{margin:8px 10px 0}
 .abrcp-operator-quick-actions{grid-template-columns:repeat(3,1fr)}
 .abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 .abrcp-operator-console-head{align-items:stretch;flex-direction:column}
 .abrcp-operator-console-actions{display:grid;grid-template-columns:1fr 1fr}
 .abrcp-operator-quick-actions{grid-template-columns:1fr 1fr}
 .abrcp-operator-playlist-bar{flex-wrap:wrap}
 .abrcp-operator-playlist-bar span{flex-basis:100%;order:3}
 .abrcp-operator-page .abrcp-workgrid{grid-template-columns:1fr!important}
}

/* 4.8.1 — Operator page never opens a local projector overlay. The real projector is a separate page/tab. */
.abrcp-operator-page .abrcp-projector{display:none!important}
.abrcp-operator-page.abrcp-projector-open{overflow:auto!important}

/* 4.8.2 — real projector-page mirror inside Operator Mode */
.abrcp-operator-monitor-screen{position:relative;overflow:hidden;padding:0!important;aspect-ratio:16/9;min-height:0!important;background:#000!important}
.abrcp-operator-live-frame{display:block;width:100%;height:100%;min-height:220px;border:0;background:#000;overflow:hidden}
.abrcp-projector-monitor-frame .abrcp-header,.abrcp-projector-monitor-frame .abrcp-toolbar,.abrcp-projector-monitor-frame .abrcp-projector-workspace,.abrcp-projector-monitor-frame .abrcp-operator-console,.abrcp-projector-monitor-frame .abrcp-favorites-panel{display:none!important}
.abrcp-projector-monitor-frame .abrcp-content,.abrcp-projector-monitor-frame .abrcp-content-wrap,.abrcp-projector-monitor-frame footer,.abrcp-projector-monitor-frame .abrcp-voice-status,.abrcp-projector-monitor-frame .abrcp-scroll-top{display:none!important;visibility:hidden!important}
.abrcp-projector-monitor-frame .abrcp-projector{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:none!important;margin:0!important;border:0!important;border-radius:0!important;z-index:2147483000!important}
.abrcp-projector-monitor-frame .abrcp-projector[hidden]{display:none!important}
.abrcp-projector-monitor-frame{width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;background:#000!important}

/* Dual Operator monitors: live/after is LEFT, selected preview/before is RIGHT. */
.abrcp-operator-page .abrcp-operator-monitors{width:min(1280px,100%);margin:4px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;direction:ltr}
.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor{min-width:0;direction:rtl;margin:0}
.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor-screen{width:100%;aspect-ratio:16/9;min-height:0!important;height:auto!important;max-height:none!important;overflow:hidden;padding:0!important;box-sizing:border-box;border-radius:8px;background:#000!important}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{display:block}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{display:block;width:100%;height:100%;min-height:0;border:0;background:#000;object-fit:fill}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000!important}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen.is-hidden{opacity:1}
.abrcp-operator-page .abrcp-operator-preview-ref{border:1px solid #bd974e;color:#e6c675;border-radius:7px;padding:5px 15px;font-size:clamp(11px,1vw,15px);font-weight:700;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abrcp-operator-page .abrcp-operator-preview-text{width:94%;margin-top:12px;font-size:clamp(22px,2.8vw,46px);line-height:1.65;font-weight:800;color:#fff;max-height:72%;overflow:hidden}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-status{color:#e6c675}
@media(max-width:700px){.abrcp-operator-page .abrcp-operator-monitors{grid-template-columns:1fr;gap:8px}.abrcp-operator-page .abrcp-operator-monitors .abrcp-operator-monitor-screen{max-height:none!important}.abrcp-operator-page .abrcp-operator-preview-text{font-size:clamp(20px,6vw,34px)}}

/* 4.8.5.4 — Keep both Operator monitors in one equal two-column row. */
.abrcp-operator-page .abrcp-operator-monitors{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  width:100%!important;
  max-width:none!important;
  gap:12px!important;
  direction:ltr!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor{
  flex:1 1 0!important;
  width:0!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor .abrcp-operator-monitor-screen{
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  box-sizing:border-box!important;
}
@media(max-width:700px){
  .abrcp-operator-page .abrcp-operator-monitors{
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
  }
  .abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor{
    flex:1 1 0!important;
  }
}

/* 4.8.5.5 — Operator monitor finishing: smaller preview label and true full-frame live projector. */
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-label{
  font-size:9px!important;
  line-height:1.35!important;
  margin:0 4px 5px!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-label{
  font-size:9px!important;
  line-height:1.35!important;
  margin:0 4px 5px!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  background:#000!important;
  border-radius:0!important;
}
/* The iframe contains the actual projector page. Remove its inner projector margins/padding
   so the projector canvas reaches every edge of the monitor instead of showing a black frame. */
.abrcp-projector-monitor-frame .abrcp-projector{
  padding:0!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  max-height:none!important;
  inset:0!important;
  border-radius:0!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  width:100vw!important;
  height:100vh!important;
  max-height:none!important;
  min-height:100vh!important;
  flex:1 1 100%!important;
  margin:0!important;
  padding:0 2vw!important;
  box-sizing:border-box!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-top{top:10px!important;right:12px!important;left:12px!important}
.abrcp-projector-monitor-frame .abrcp-projector-ref{margin:1vh auto 1vh!important}

/* 4.8.5.6 — Operator monitor: compact preview text and true edge-to-edge Bible projector. */
.abrcp-operator-page .abrcp-operator-preview-text{
  width:88%!important;
  margin-top:5px!important;
  font-size:clamp(11px,1vw,18px)!important;
  line-height:1.4!important;
  font-weight:650!important;
  max-height:58%!important;
}

/* The embedded projector must use the entire live monitor viewport. */
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode{
  position:absolute!important;
  inset:0!important;
  width:100vw!important;
  height:100vh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:stretch!important;
  justify-content:stretch!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2vw!important;
  box-sizing:border-box!important;
  flex:1 1 100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse > *{
  max-width:100%!important;
}


/* 4.8.5.7 — Operator monitors: the monitor container is the full 16:9 canvas.
   The embedded projector must fit the monitor, not the browser viewport. */
.abrcp-operator-page .abrcp-operator-monitors > .abrcp-operator-monitor .abrcp-operator-monitor-screen{
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  display:block!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
.abrcp-projector-monitor-frame,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  inset:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  inset:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

/* 4.8.5.8 — Operator preview for Bible/Hymns/Announcements + true full live monitor. */
.abrcp-operator-page .abrcp-operator-preview-text{
  width:82%!important;
  margin-top:3px!important;
  font-size:clamp(10px,.82vw,15px)!important;
  line-height:1.35!important;
  font-weight:600!important;
  max-height:55%!important;
}
.abrcp-operator-page .abrcp-operator-preview-monitor .abrcp-operator-monitor-screen{
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#000!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:#000!important;
}
.abrcp-projector-monitor-frame,
.abrcp-projector-monitor-frame body{
  width:100%!important;
  min-width:100%!important;
  height:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0 2%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-top,
.abrcp-projector-monitor-frame .abrcp-projector-controls,
.abrcp-projector-monitor-frame .abrcp-projector-ref{
  display:none!important;
}

/* 4.8.5.9 — Live operator monitor: remove legacy iframe scaling and fill the monitor itself. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:16/9!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  background:#000!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  transform:none!important;
  transform-origin:center center!important;
  background:#000!important;
  overflow:hidden!important;
}

/* 4.8.5.10 — Operator live monitor: keep the iframe viewport 16:9 while
   letting the projector's own fit routine size Bible/hymn text from the
   actual monitor viewport. Hidden state must become a clean black monitor. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:16/9!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  background:#000!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  background:#000!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame[hidden]{
  display:none!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder{
  position:absolute!important;
  inset:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
  margin:0!important;
  padding:0!important;
  background:#000!important;
  color:#fff!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:clamp(14px,1.4vw,24px)!important;
  font-weight:600!important;
  text-align:center!important;
  box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder[hidden]{display:none!important;}

/* In the embedded projector, the viewport is already the monitor's 16:9 box.
   Do not force the verse element to 100% height; reader.js calculates its
   usable height and font size from the real iframe viewport. */
.abrcp-projector-monitor-frame .abrcp-projector-verse{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  width:92%!important;
}
  visibility:hidden!important;
}
  width:100%!important;
  height:100%!important;
  inset:0!important;
}
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
}

/* 4.8.5.11 — Operator iframe command fallback and screen-state overlay. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-placeholder{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
}
\n/* 4.8.5.12 — Final Operator monitor sizing fix.\n   The monitor/iframe fills the 16:9 monitor, but the embedded projector itself\n   must NOT be forced to 100% height because fitProjectorVerse() needs its\n   natural layout height to calculate verse/hymn text size. */\n.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{\n  width:100%!important; aspect-ratio:16/9!important; height:auto!important; min-height:0!important; max-height:none!important;\n  margin:0!important; padding:0!important; overflow:hidden!important; position:relative!important; background:#000!important;\n}\n.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{\n  position:absolute!important; inset:0!important; width:100%!important; height:100%!important; min-width:0!important; min-height:0!important;\n  max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; border:0!important; transform:none!important;\n  display:block!important; background:#000!important;\n}\n/* Critical: never force the embedded projector or verse to 100% height. */\n.abrcp-projector-monitor-frame,\n.abrcp-projector-monitor-frame .abrcp-projector,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,\n.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{\n  width:100%!important; height:auto!important; min-height:0!important; max-height:none!important;\n  margin:0!important; box-sizing:border-box!important;\n}\n.abrcp-projector-monitor-frame .abrcp-projector-verse{\n  width:92%!important; height:auto!important; min-height:0!important; max-height:none!important;\n}\n
/* 4.8.5.13 — Final Operator monitor viewport fix.
   The monitor/iframe is the 16:9 viewport. The embedded projector itself must
   keep its natural aspect/layout so fitProjectorVerse() can measure the real
   verse area instead of being forced to 100% height. */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen{
  position:relative!important; width:100%!important; aspect-ratio:16/9!important;
  height:auto!important; min-height:0!important; max-height:none!important;
  overflow:hidden!important; padding:0!important; margin:0!important; box-sizing:border-box!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-live-frame{
  position:absolute!important; inset:0!important; width:100%!important; height:100%!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  border:0!important; margin:0!important; padding:0!important; transform:none!important; display:block!important;
}
.abrcp-projector-monitor-frame{
  width:100%!important; height:auto!important; min-height:0!important; max-height:none!important;
  aspect-ratio:16/9!important; margin:0!important; padding:0!important; overflow:hidden!important;
  box-sizing:border-box!important; background:#000!important;
}
.abrcp-projector-monitor-frame .abrcp-projector,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-hymn-mode,
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-announcement-mode{
  position:relative!important; inset:auto!important; width:100%!important; height:auto!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  aspect-ratio:16/9!important; margin:0!important; padding:0!important; border:0!important;
  border-radius:0!important; box-sizing:border-box!important; overflow:hidden!important; display:flex!important;
  align-items:stretch!important; justify-content:stretch!important;
}
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  position:relative!important; inset:auto!important; width:100%!important; height:auto!important;
  min-width:0!important; min-height:0!important; max-width:none!important; max-height:none!important;
  flex:1 1 auto!important; margin:0!important; padding:0 2vw!important; box-sizing:border-box!important;
  display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important;
}

/* 4.8.5.14 — Operator live iframe: start blank and use a compact verse size. */
.abrcp-projector-monitor-frame .abrcp-projector.abrcp-projector-bible-mode .abrcp-projector-verse{
  font-size:17px!important;
}


/* 4.8.5.20 — Operator preview/readability and projector reference fixes. */
.abrcp-operator-page .abrcp-operator-preview-text{
  line-height:1.8!important;
}
.abrcp-projector-monitor-frame .abrcp-projector-ref{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  z-index:2!important;
  margin:1vh auto 2vh!important;
  max-width:90%!important;
}


/* 4.8.5.22 — stronger live status pulse; no dot on hidden state */
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-status{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-screen.is-hidden + .abrcp-operator-monitor-status::before{
  display:none!important;
}
.abrcp-operator-page .abrcp-operator-live-monitor .abrcp-operator-monitor-status::before{
  content:"";
  display:inline-block!important;
  width:9px!important;
  height:9px!important;
  min-width:9px!important;
  border-radius:50%!important;
  background:#22c55e!important;
  box-shadow:0 0 7px rgba(34,197,94,.85),0 0 0 0 rgba(34,197,94,.45);
  animation:abrcp-live-dot-pulse 1.8s ease-in-out infinite!important;
}
@keyframes abrcp-live-dot-pulse{
  0%,100%{transform:scale(1);background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.75),0 0 0 0 rgba(34,197,94,.4);opacity:1}
  50%{transform:scale(1.25);background:#86efac;box-shadow:0 0 14px rgba(134,239,172,1),0 0 0 5px rgba(134,239,172,.08);opacity:1}
}


/* v4.8.5.44 — Dark-only UI theme. UI Light Mode has been removed.
   The white/black projector screen controls remain separate. */
.abrcp-wrap, .abrcp-wrap:not(.dark){
  --paper:#211914!important;--paper-light:#2b211b!important;--paper-deep:#35291f!important;
  --ink:#f1e3c8!important;--muted:#c9b28d!important;--line:#5a4430!important;
  color-scheme:dark!important;
}
.abrcp-wrap:not(.dark) .abrcp-toolbar,.abrcp-wrap:not(.dark) .abrcp-search,.abrcp-wrap:not(.dark) .abrcp-select,.abrcp-wrap:not(.dark) .abrcp-heading{background:#2b211b!important;color:#f1e3c8!important}
.abrcp-wrap:not(.dark) .abrcp-select select,.abrcp-wrap:not(.dark) .abrcp-search input{background:#382b22!important;color:#f1e3c8!important;border-color:#6e563b!important}


/* 4.8.5.73 — Dedicated display-only church screen. */
.abrcp-display-only-page{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  min-width:100vw!important;min-height:100vh!important;margin:0!important;padding:0!important;
  z-index:2147483000!important;background:#02070c!important;color:#fff!important;
  overflow:hidden!important;box-sizing:border-box!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-display-only-canvas{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;
  padding:0!important;box-sizing:border-box!important;overflow:hidden!important;text-align:center!important;
  direction:rtl!important;background:radial-gradient(circle at 50% 35%,#173c52 0,#071724 42%,#02070c 100%)!important;
  background-image:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url("../images/projector-sky-stars-responsive-clean.jpg")!important;background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important;
}
.abrcp-display-only-emblem{
  position:absolute!important;z-index:1!important;top:25px!important;right:25px!important;width:clamp(52px,6.2vw,96px)!important;height:auto!important;aspect-ratio:262/195!important;
  background-image:url("../images/projector-sky-stars-emblem-transparent.png")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;opacity:.38!important;pointer-events:none!important;
}
.abrcp-display-only-ref{
  position:absolute!important;z-index:4!important;top:3vh!important;left:50%!important;transform:translateX(-50%)!important;font-size:clamp(16px,1.7vw,27px)!important;color:#e5c56e!important;border:1px solid rgba(229,197,110,.6)!important;
  border-radius:999px!important;padding:6px 22px!important;margin:0!important;min-height:1em!important;white-space:nowrap!important;max-width:90vw!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
.abrcp-display-only-content{
  position:absolute!important;inset:0!important;z-index:3!important;width:100%!important;max-width:none!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;padding:0 4vw!important;margin:0!important;
  font-size:clamp(37px,4vw,89px)!important;line-height:1.5!important;font-weight:500!important;color:#fff!important;-webkit-text-stroke:2px #000!important;text-stroke:2px #000!important;paint-order:stroke fill!important;text-shadow:0 4px 22px rgba(0,0,0,.55)!important;
  overflow:hidden!important;overflow-wrap:anywhere!important;word-break:normal!important;text-align:center!important;direction:rtl!important;
  opacity:0;visibility:hidden;transition:opacity .5s ease!important;will-change:opacity;
  transform:scale(var(--display-font-scale,1));transform-origin:center center!important;
}
.abrcp-display-only-canvas.is-visible .abrcp-display-only-content{opacity:1;visibility:visible}
@keyframes abrcpDisplayFadeIn{from{opacity:0;visibility:visible}to{opacity:1;visibility:visible}}
.abrcp-display-only-content.abrcp-display-fade-in{animation:abrcpDisplayFadeIn 1s ease both!important;}
/* 4.8.5.147 — Display announcements use full available width without horizontal scrolling. */
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content{
  display:flex!important;width:100%!important;max-width:100%!important;overflow:hidden!important;
  box-sizing:border-box!important;padding:0 3vw!important;text-align:inherit!important;align-items:center!important;justify-content:center!important;
  transform:scale(var(--display-font-scale,1))!important;transform-origin:center center!important;
  font-size:clamp(22px,2.8vw,42px)!important;line-height:1.5!important;
}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content > *{max-width:100%!important;box-sizing:border-box!important;overflow-wrap:anywhere!important;word-break:normal!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h1{font-size:clamp(28px,4vw,48px)!important;line-height:1.35!important;margin:.2em 0 .55em!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h2{font-size:clamp(26px,3.6vw,44px)!important;line-height:1.4!important;margin:.2em 0 .55em!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h3{font-size:clamp(24px,3.2vw,40px)!important;line-height:1.45!important;margin:.2em 0 .55em!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content img{max-width:100%!important;height:auto!important;}
@media(max-width:760px){
 .abrcp-display-only-canvas{padding:0!important}
 .abrcp-display-only-emblem{top:20px!important;right:20px!important;width:clamp(44px,13vw,72px)!important}
 .abrcp-display-only-ref{font-size:clamp(15px,4vw,23px)!important;margin:0!important;top:3vh!important}
 .abrcp-display-only-content{width:94vw!important;max-width:94vw!important;font-size:clamp(11px,7vw,54px)!important;line-height:1.5!important}
}

/* 4.8.5.81 — Platform-neutral livestream outputs. */
.abrcp-stream-output{
  position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;
  overflow:hidden!important;background-image:url("../images/black-sky-live-clean.png");
  background-color:#05080d;background-size:cover;background-position:center center;background-repeat:no-repeat;
  font-family:"Noto Kufi Arabic",Arial,sans-serif;direction:rtl;box-sizing:border-box;
  z-index:2147483647;
}
.abrcp-stream-output.abrcp-stream-transparent{background:transparent!important;background-image:none!important;}

.abrcp-stream-output .abrcp-stream-video{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;object-fit:cover!important;background:#000!important;
  border:0!important;margin:0!important;padding:0!important;z-index:0!important;
}
.abrcp-stream-output .abrcp-stream-card{z-index:2!important;}
.abrcp-stream-output.abrcp-stream-transparent .abrcp-stream-video{display:none!important;}
.abrcp-stream-card{
  position:absolute!important;box-sizing:border-box!important;min-width:260px;max-width:92vw;
  padding:1.15rem 1.5rem;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;transition:opacity var(--stream-fade,1000ms) ease;
  transform-origin:center center;
}
.abrcp-stream-card.is-visible{opacity:1;visibility:visible}
.abrcp-stream-card.is-announcement{background:rgba(0,0,0,var(--stream-bg-opacity,.62));border-radius:18px;}
.abrcp-stream-title{font-size:clamp(20px,2.2vw,44px);font-weight:700;line-height:1.5;margin-bottom:.12em}
.abrcp-stream-text{font-size:clamp(26px,3.15vw,62px);font-weight:600;line-height:1.5;white-space:pre-wrap}
.abrcp-stream-ref{font-size:clamp(15px,1.45vw,30px);font-weight:500;line-height:1.5;margin-top:.15em}
.abrcp-stream-card.is-announcement .abrcp-stream-text{width:100%;}
.abrcp-stream-output.stream-pos-bottom-center .abrcp-stream-card{left:50%;right:auto;top:auto;bottom:var(--stream-bottom,7%);transform:translateX(-50%) scale(var(--stream-scale,1));text-align:center}
.abrcp-stream-output.stream-pos-bottom-right .abrcp-stream-card{left:auto;right:7%;top:auto;bottom:var(--stream-bottom,7%);transform:scale(var(--stream-scale,1));text-align:right}
.abrcp-stream-output.stream-pos-bottom-left .abrcp-stream-card{left:7%;right:auto;top:auto;bottom:var(--stream-bottom,7%);transform:scale(var(--stream-scale,1));text-align:left}
.abrcp-stream-output.stream-pos-top-center .abrcp-stream-card{left:50%;right:auto;top:var(--stream-bottom,7%);bottom:auto;transform:translateX(-50%) scale(var(--stream-scale,1));text-align:center}
.abrcp-stream-output.stream-pos-top-right .abrcp-stream-card{left:auto;right:7%;top:var(--stream-bottom,7%);bottom:auto;transform:scale(var(--stream-scale,1));text-align:right}
.abrcp-stream-output.stream-pos-top-left .abrcp-stream-card{left:7%;right:auto;top:var(--stream-bottom,7%);bottom:auto;transform:scale(var(--stream-scale,1));text-align:left}
.abrcp-stream-output.stream-pos-center-center .abrcp-stream-card{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%) scale(var(--stream-scale,1));text-align:center}
.abrcp-stream-card .abrcp-stream-title{font-size:calc(clamp(20px,2.2vw,44px) * var(--stream-font-scale,1));}
.abrcp-stream-card .abrcp-stream-text{font-size:calc(clamp(26px,3.15vw,62px) * var(--stream-font-scale,1));}
.abrcp-stream-card .abrcp-stream-ref{font-size:calc(clamp(15px,1.45vw,30px) * var(--stream-font-scale,1));}
.abrcp-stream-output.abrcp-stream-transparent .abrcp-stream-card.is-announcement{background:rgba(0,0,0,var(--stream-bg-opacity,.62));}
html:has(.abrcp-stream-output),body:has(.abrcp-stream-output){margin:0!important;padding:0!important;overflow:hidden!important;background:transparent!important;}
@media(max-width:760px){
  .abrcp-stream-card{max-width:94vw;padding:.8rem 1rem}
  .abrcp-stream-output.stream-pos-bottom-right .abrcp-stream-card,.abrcp-stream-output.stream-pos-top-right .abrcp-stream-card{right:4%}
  .abrcp-stream-output.stream-pos-bottom-left .abrcp-stream-card,.abrcp-stream-output.stream-pos-top-left .abrcp-stream-card{left:4%}
}


/* 4.8.5.85 — Commercial frontend Operator login/session UI. */
.abrcp-operator-login-page{min-height:70vh;display:flex;align-items:center;justify-content:center;padding:30px 16px;background:transparent!important;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif;direction:rtl;box-sizing:border-box}.abrcp-operator-login-card{width:min(460px,100%);background:rgba(9,24,36,.96);border:1px solid #35566e;border-radius:20px;padding:28px;box-shadow:0 18px 45px rgba(0,0,0,.28);color:#f4f8fb;text-align:center}.abrcp-operator-login-icon{font-size:44px;margin-bottom:8px}.abrcp-operator-login-card h1{margin:0 0 9px;font-size:23px;color:#fff}.abrcp-operator-login-card p{margin:0 0 18px;color:#b7c9d5;line-height:1.9;font-size:13px}.abrcp-operator-login-card form{margin:0;text-align:right}.abrcp-operator-login-card form p{margin:0 0 13px}.abrcp-operator-login-card label{display:block;color:#f0f5f8;font-weight:800;font-size:12px;margin-bottom:6px}.abrcp-operator-login-card input[type=text],.abrcp-operator-login-card input[type=password]{width:100%;min-height:46px;background:#0b1520;color:#fff;border:1px solid #3e596a;border-radius:10px;padding:8px 12px;box-sizing:border-box;font:inherit}.abrcp-operator-login-card input:focus{outline:none;border-color:#42a4c5;box-shadow:0 0 0 2px rgba(66,164,197,.16)}.abrcp-operator-login-card .login-remember{display:flex;align-items:center;gap:7px;margin:8px 0 14px;color:#b7c9d5;font-size:12px}.abrcp-operator-login-card input[type=submit]{width:100%;min-height:48px;background:#147a4b;color:#fff;border:1px solid #35b77d;border-radius:10px;font:inherit;font-weight:900;cursor:pointer}.abrcp-operator-forgot{display:inline-block;margin-top:14px;color:#8fd2e7;text-decoration:none;font-size:12px}.abrcp-operator-forgot:hover{text-decoration:underline}.abrcp-operator-logout{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 10px;border-radius:8px;border:1px solid #814b54;background:#3a1d24;color:#fff!important;text-decoration:none;font:inherit;font-size:11px;font-weight:800}

/* =========================================
   CLIENT LIVESTREAM CONTROL PANEL
========================================= */
.abrcp-operator-stream-panel{margin-top:16px;background:linear-gradient(145deg,#0b1622,#142b3b 58%,#183d4b);border:1px solid rgba(112,193,214,.25);border-radius:18px;padding:18px;color:#eef8fb;box-shadow:0 14px 34px rgba(3,13,21,.28);direction:rtl}
.abrcp-operator-stream-panel[hidden]{display:none!important}
.abrcp-operator-stream-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.abrcp-operator-stream-head strong{font-size:18px;color:#fff}.abrcp-operator-stream-head span{display:block;font-size:11px;color:#a9c2cc;margin-top:3px}
.abrcp-operator-stream-close{width:36px;height:36px;border-radius:10px;border:1px solid #526e79;background:#18313e;color:#fff;cursor:pointer;font-size:17px}
.abrcp-operator-stream-toolbar{display:grid;grid-template-columns:minmax(180px,280px) 1fr;gap:12px;padding:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:13px}
.abrcp-operator-stream-toolbar label,.abrcp-operator-stream-group>label{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:800;color:#dcebf0}
.abrcp-operator-stream-toolbar select,.abrcp-operator-stream-toolbar input,.abrcp-operator-stream-group input[type=number],.abrcp-operator-stream-group select{width:100%;min-height:40px;border:1px solid #49616c;border-radius:9px;background:#0a1822;color:#fff;padding:7px 10px;box-sizing:border-box}
.abrcp-operator-stream-toolbar input{direction:ltr;text-align:left}.abrcp-client-stream-hls-field.is-hidden{display:none}
.abrcp-operator-stream-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.abrcp-operator-stream-group{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:13px;padding:14px}.abrcp-operator-stream-group h4{margin:0 0 12px;font-size:14px;color:#fff}.abrcp-operator-stream-group-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.abrcp-operator-stream-group-head h4{margin:0}.abrcp-stream-reset{min-height:30px;padding:4px 9px;border-radius:8px;border:1px solid #526e79;background:#18313e;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.abrcp-stream-reset:hover{background:#244756}
.abrcp-operator-stream-group label+label{margin-top:10px}.abrcp-operator-stream-group input[type=range]{width:100%;accent-color:#d64a55}.abrcp-operator-stream-group output{font-size:10px;color:#9cc0cc;margin-top:-2px}
.abrcp-stream-check{flex-direction:row!important;align-items:center!important;font-weight:700!important;padding:7px 0;color:#dcebf0!important}.abrcp-stream-check input{width:17px!important;min-height:17px!important;accent-color:#c23f4b}
.abrcp-stream-colors{display:grid;grid-template-columns:1fr 1fr;gap:9px}.abrcp-stream-colors h4{grid-column:1/-1}.abrcp-stream-colors label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#dcebf0}.abrcp-stream-colors input[type=color]{width:42px;height:30px;padding:2px;border-radius:7px;background:#0a1822;border:1px solid #526b76;cursor:pointer}
.abrcp-operator-stream-save{width:100%;margin-top:12px;min-height:44px;border:1px solid #cf5b65;border-radius:10px;background:linear-gradient(180deg,#c94d58,#9d303b);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 7px 16px rgba(130,34,44,.22)}
.abrcp-operator-stream-status{display:block;min-height:16px;margin-top:7px;text-align:center;font-size:11px;color:#9ee2c0}
.abrcp-operator-stream-note{margin:12px 2px 0;color:#93aeb8;font-size:10px;line-height:1.8}
@media(max-width:1100px){.abrcp-operator-stream-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.abrcp-operator-stream-toolbar{grid-template-columns:1fr}.abrcp-operator-stream-grid{grid-template-columns:1fr}.abrcp-stream-colors{grid-template-columns:1fr}}

/* v4.8.5.150 — Sent Projector send button is static; arrow-sent state must not pulse. */
.abrcp-preview-projector.abrcp-send-sent,
.abrcp-preview-projector.abrcp-send-sent.abrcp-display-action,
.abrcp-preview-projector.abrcp-send-sent.abrcp-hymn-projector-action{
  animation:none!important;
  transition:none!important;
  transform:none!important;
  opacity:1!important;
  background:#d62839!important;
  background-color:#d62839!important;
  color:#fff!important;
  border-color:#ff7b86!important;
  box-shadow:none!important;
}

/* v4.8.5.151: a sent Projector action must never pulse. */
.abrcp-preview-projector.abrcp-send-sent,
.abrcp-preview-projector.abrcp-send-sent:hover,
.abrcp-preview-projector.abrcp-send-sent:focus,
.abrcp-preview-projector.abrcp-send-sent:active {
  animation: none !important;
  box-shadow: none !important;
}

/* 4.8.5.152 — Sent state is static; it must never pulse. */
.abrcp-wrap .abrcp-preview-projector.abrcp-send-sent,
.abrcp-wrap .abrcp-preview-projector.abrcp-send-sent.abrcp-projector-prompt{
  animation:none!important;
  transform:none!important;
  opacity:1!important;
  box-shadow:none!important;
}


/* WorshipStage 3.0 footer branding */
.abrcp-wrap footer{background:#000!important;color:#fff!important;border-top:1px solid #000!important;}
.abrcp-wrap footer span{color:#fff!important;margin-left:0!important;}
.abrcp-wrap footer a{color:#fff!important;}

/* WorshipStage 3.0 — Favorites toolbar uses the permanent dark presentation theme */
.abrcp-toolbar-favorites-only{
  background:#000!important;
  border-bottom-color:#1d1d1d!important;
}
.abrcp-toolbar-favorites-only .abrcp-favorites-under-search{
  background:#000!important;
}

/* WorshipStage 3.0 — Favorites toolbar is permanently black. */
.abrcp-wrap .abrcp-toolbar.abrcp-toolbar-favorites-only,
.abrcp-wrap.abrcp-operator-page .abrcp-toolbar.abrcp-toolbar-favorites-only {
  background:#000!important;
  background-color:#000!important;
  border-top-color:#000!important;
  border-bottom-color:#1d1d1d!important;
}
.abrcp-wrap .abrcp-toolbar.abrcp-toolbar-favorites-only .abrcp-favorites-under-search {
  background:#000!important;
  color:#fff!important;
}

/* WorshipStage 3.0 — force the copyright footer to a solid black background */
.abrcp-wrap > footer,
.abrcp-wrap footer.abrcp-footer,
.abrcp-wrap footer {
  background: #000 !important;
  background-color: #000 !important;
  background-image: none !important;
  color: #fff !important;
  border-top-color: #000 !important;
  box-shadow: none !important;
  width: 100% !important;
}
.abrcp-wrap > footer span,
.abrcp-wrap > footer a {
  color: #fff !important;
}

/* WorshipStage Remote login uses the same dark Operator visual language. */
.abrcp-remote-login-page{min-height:70vh}
.abrcp-remote-login-page .abrcp-operator-login-card{background:rgba(9,24,36,.96);border-color:#35566e}
.abrcp-remote-login-page .abrcp-operator-login-icon{font-size:44px}

/* WorshipStage 3.0 — Pastor Remote pairing in Operator */
.abrcp-operator-pastor-pair{margin:14px 0;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:#0b1015;color:#fff}
.abrcp-operator-pastor-pair-title{font-size:16px;font-weight:800;margin-bottom:5px}
.abrcp-operator-pastor-pair-sub{font-size:12px;line-height:1.8;opacity:.72;margin-bottom:12px}
.abrcp-operator-pastor-pair-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.abrcp-operator-pastor-pair-code{display:inline-flex;align-items:center;justify-content:center;min-width:150px;padding:9px 14px;border-radius:10px;background:#202830;border:1px solid rgba(255,255,255,.1);font-size:25px;letter-spacing:6px;direction:ltr}
.abrcp-operator-pastor-pair-row button{border:0;border-radius:10px;padding:10px 13px;background:#222;color:#fff;font-weight:700;cursor:pointer}
.abrcp-operator-pastor-pair-row button:hover{filter:brightness(1.12)}
.abrcp-operator-pastor-pair-row button:disabled{opacity:.55;cursor:wait}
.abrcp-operator-pastor-pair-status{margin-top:9px;font-size:12px;opacity:.75}
@media(max-width:600px){.abrcp-operator-pastor-pair-row{flex-direction:column;align-items:stretch}.abrcp-operator-pastor-pair-code{width:100%;box-sizing:border-box}.abrcp-operator-pastor-pair-row button{width:100%}}

/* Modern Pastor Remote status card for Operator */
.abrcp-operator-remote-card{display:flex;align-items:center;gap:14px;margin:0 0 14px;padding:15px 17px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(135deg,rgba(22,30,38,.98),rgba(13,18,24,.98));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.abrcp-operator-remote-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(20,122,75,.14);border:1px solid rgba(53,183,125,.24);font-size:24px;flex:0 0 48px}
.abrcp-operator-remote-copy{min-width:0;flex:1;text-align:right}
.abrcp-operator-remote-title{font-size:15px;font-weight:800;color:#fff;line-height:1.35}
.abrcp-operator-remote-status{margin-top:4px;font-size:12px;color:#aeb7c0;display:flex;align-items:center;gap:7px}
.abrcp-operator-remote-status.is-connected{color:#72d6a5}
.abrcp-operator-remote-dot{width:8px;height:8px;border-radius:50%;background:#7d8790;display:inline-block;box-shadow:0 0 0 3px rgba(125,135,144,.10)}
.abrcp-operator-remote-status.is-connected .abrcp-operator-remote-dot{background:#35b77d;box-shadow:0 0 0 4px rgba(53,183,125,.12)}
.abrcp-operator-remote-btn{border:1px solid #2f9c70;background:#147a4b;color:#fff;border-radius:11px;padding:10px 14px;font:inherit;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.18s ease}
.abrcp-operator-remote-btn:hover{transform:translateY(-1px);background:#188856;border-color:#42c58b}
@media(max-width:640px){.abrcp-operator-remote-card{align-items:flex-start;flex-wrap:wrap}.abrcp-operator-remote-copy{flex:1 1 calc(100% - 64px)}.abrcp-operator-remote-btn{width:100%}}

/* Small secondary system controls in Operator: intentionally distinct from presentation controls. */
.abrcp-operator-system-actions{display:flex;align-items:center;gap:6px;margin-inline-start:2px;padding-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.12)}
.abrcp-operator-system-btn{width:34px!important;height:34px!important;min-height:34px!important;padding:0!important;display:inline-grid!important;place-items:center;border-radius:9px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;color:#aeb9c2!important;box-shadow:none!important;font:inherit!important;font-size:15px!important;font-weight:700!important;text-decoration:none!important;cursor:pointer}
.abrcp-operator-system-btn:hover{background:rgba(255,255,255,.11)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important;transform:none!important}
.abrcp-operator-remote-mini{color:#8fc7ff!important;width:auto!important;min-width:34px!important;padding:0 10px!important;gap:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.abrcp-operator-remote-mini-label{font-size:11px!important;font-weight:700!important;white-space:nowrap}.abrcp-operator-remote-phone-icon{width:17px!important;height:17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;color:#8fc7ff!important;flex:0 0 17px!important}.abrcp-operator-remote-phone-icon svg{width:17px!important;height:17px!important;display:block!important}.abrcp-operator-remote-mini.abrcp-remote-connected{border-color:rgba(46,204,113,.45)!important;color:#fff!important;animation:none!important}.abrcp-operator-remote-mini.abrcp-remote-connected .abrcp-operator-remote-phone-icon{color:#35d487!important;animation:abrcpOperatorPhoneColorHeartbeat 1.25s ease-in-out infinite!important;transform-origin:center}.abrcp-operator-remote-mini.abrcp-remote-connected .abrcp-operator-remote-mini-label{font-weight:700!important}.abrcp-operator-logout-mini{color:#c8b8a8!important}
@media(max-width:640px){.abrcp-operator-system-actions{padding-inline-start:6px}.abrcp-operator-system-btn{width:32px!important;height:32px!important;min-height:32px!important}}

.abrcp-operator-logout-mini{display:inline-flex!important;align-items:center;gap:5px!important;white-space:nowrap!important}.abrcp-operator-logout-mini-label{font-size:11px!important;font-weight:700!important;white-space:nowrap!important}@media(max-width:700px){.abrcp-operator-logout-mini-label{font-size:10px!important}}

/* Operator Pastor Remote status popup */
.abrcp-operator-remote-status-modal{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
.abrcp-operator-remote-status-modal[hidden]{display:none!important}
.abrcp-operator-remote-status-card{position:relative;width:min(360px,92vw);padding:24px 22px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:linear-gradient(145deg,#18212a,#0d141a);color:#fff;text-align:center;box-shadow:0 22px 70px rgba(0,0,0,.42)}
.abrcp-operator-remote-status-close{position:absolute;top:8px;right:10px;width:30px;height:30px;border:0;border-radius:8px;background:rgba(255,255,255,.07);color:#cbd3da;font-size:22px;line-height:1;cursor:pointer}
.abrcp-operator-remote-status-icon{font-size:34px;margin-bottom:6px}
.abrcp-operator-remote-status-card>strong{display:block;font-size:17px}
.abrcp-operator-remote-status-text{margin-top:8px;font-size:13px;line-height:1.7;color:#b9c3cb}
.abrcp-operator-logout-mini{font-size:11px!important;line-height:1!important;min-width:0!important;width:auto!important;height:34px!important;padding:0 10px!important}
.abrcp-operator-logout-mini-label{font-size:11px!important;line-height:1!important;font-weight:700!important;white-space:nowrap!important}
@media(max-width:640px){.abrcp-operator-logout-mini{padding:0 8px!important}.abrcp-operator-logout-mini-label{font-size:10px!important}}

/* Final responsive fixes: Tools control + Display announcement renderer */
.abrcp-operator-remote-mini{max-width:100%;min-width:0!important;width:auto!important;box-sizing:border-box!important;}
.abrcp-operator-remote-mini-label{display:block!important;max-width:9ch!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(9px,2.1vw,12px)!important;line-height:1.2!important;}
.abrcp-operator-page .abrcp-tools-menu,.abrcp-operator-page [class*="tools-menu"]{max-width:100%;min-width:0!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important;padding:0!important;margin:0!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content>div,.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content>p,.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content>span{width:auto!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;background:transparent!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;font-size:inherit!important;line-height:1.45!important;overflow-wrap:anywhere!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content img{max-width:100%!important;width:auto!important;height:auto!important;}


/* 4.8.5.16 — Responsive Tools/remote labels and live monitor text bounds. */
.abrcp-display-tools-toggle{
  max-width:clamp(110px,22vw,210px)!important;
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(10px,1.35vw,13px)!important;
  line-height:1.2!important;
  padding-inline:clamp(7px,1vw,12px)!important;
}
.abrcp-display-tools-menu > button{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(10px,1.2vw,12px)!important;
}
.abrcp-operator-remote-mini-label{
  display:inline-block!important;
  width:clamp(58px,10vw,92px)!important;
  max-width:clamp(58px,10vw,92px)!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:clamp(8.5px,1.15vw,11px)!important;
  line-height:1.2!important;
}
.abrcp-operator-remote-mini{min-width:0!important;padding-inline:clamp(5px,1vw,10px)!important;gap:clamp(4px,.7vw,6px)!important;}
.abrcp-operator-remote-phone-icon,.abrcp-operator-remote-phone-icon svg{width:clamp(14px,1.7vw,17px)!important;height:clamp(14px,1.7vw,17px)!important;}

/* Announcement is one visual content block: child headings/paragraphs must not
   create their own boxes, backgrounds or fixed dimensions. */
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content{
  display:block!important;
  position:absolute!important;
  left:3vw!important;right:3vw!important;top:calc(10vh + 50px)!important;bottom:7vh!important;
  width:auto!important;max-width:none!important;height:auto!important;
  padding:0!important;margin:0!important;box-sizing:border-box!important;
  overflow:hidden!important;text-align:right!important;direction:rtl!important;
  transform:none!important;
  font-size:clamp(10px,2.4vw,38px)!important;
  line-height:1.45!important;
}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content > *{
  display:block!important;width:auto!important;max-width:100%!important;min-width:0!important;
  box-sizing:border-box!important;margin:0 0 .45em 0!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  font-size:inherit!important;line-height:1.45!important;transform:none!important;
  float:none!important;position:static!important;overflow-wrap:anywhere!important;word-break:normal!important;
}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h1,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h2,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h3,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h4,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h5,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h6{font-weight:800!important;}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;}

/* 4.8.5.16 — Final responsive sizing for Operator live monitor and Tools. */
@media (max-width:760px){
  /* Keep the Tools trigger the same compact size as the other mobile controls;
     only its dropdown is allowed to resize to the available viewport. */
  .abrcp-operator-page .abrcp-display-tools-toggle,
  .abrcp-display-tools-toggle{
    max-width:none!important;
    min-width:0!important;
    width:auto!important;
    font:inherit!important;
    font-size:inherit!important;
    line-height:inherit!important;
    padding:8px 12px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:nowrap!important;
  }
  .abrcp-operator-page .abrcp-display-tools-menu,
  .abrcp-display-tools-menu{
    max-width:calc(100vw - 20px)!important;
    min-width:175px!important;
    width:max-content!important;
    box-sizing:border-box!important;
  }

  /* Operator live monitor: verse and reference use the same responsive scale. */
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="hymn"] .abrcp-projector-verse,
  .abrcp-projector-monitor-frame .abrcp-projector-ref{
    font-size:clamp(11px,.82vw,15px)!important;
    line-height:1.25!important;
  }

}

@media (max-width:760px){
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="bible"] .abrcp-projector-verse,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="hymn"] .abrcp-projector-verse,
  .abrcp-projector-monitor-frame .abrcp-projector-ref{
    max-width:100%!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
  }
}

/* Final announcement bottom spacing. */
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content{margin-bottom:50px!important;}

/* Mobile live-display reference sizing: match the verse text. */
@media (max-width:760px){
  .abrcp-display-only-ref{font-size:clamp(11px,.82vw,15px)!important;}
}

/* Operator live monitor: make announcement text responsive like Bible/hymn text on mobile. */
@media (max-width:760px){
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content{
    font-size:clamp(10px,2.4vw,38px)!important;
    line-height:1.25!important;
    max-width:100%!important;
    width:100%!important;
    overflow:hidden!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    color:#fff!important;
  }
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content > *,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content p,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content div,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content span,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h1,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h2,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h3,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h4,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h5,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h6,
  .abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content li{
    font-size:inherit!important;
    line-height:1.25!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow-wrap:anywhere!important;
  }
}


/* Final announcement editor fixes: heading font/default color, dark HTML focus, clear-format control. */
.abrcp-announcement-input h1,
.abrcp-announcement-input h2,
.abrcp-announcement-input h3,
.abrcp-announcement-input h4,
.abrcp-announcement-input h5,
.abrcp-announcement-input h6,
.abrcp-announcement-projector h1,
.abrcp-announcement-projector h2,
.abrcp-announcement-projector h3,
.abrcp-announcement-projector h4,
.abrcp-announcement-projector h5,
.abrcp-announcement-projector h6{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  color:#fff;
}
.abrcp-announcement-html:focus,
.abrcp-wrap:not(.dark) .abrcp-announcement-html:focus{
  background:#071018!important;
  color:#dfe7ed!important;
  border-color:#d94a4a!important;
  box-shadow:0 0 0 2px rgba(214,40,57,.14)!important;
  outline:none!important;
}
.abrcp-announcement-toolbar .abrcp-announcement-clear-format{
  flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;
  height:34px!important;min-height:34px!important;max-height:34px!important;
  margin:0!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;
  box-sizing:border-box!important;
}
/* Operator live announcement: white is the inherited default; inline colors chosen in the editor stay visible. */
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h1,
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h2,
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h3,
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h4,
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h5,
.abrcp-projector-monitor-frame .abrcp-projector[data-mode="announcement"] .abrcp-projector-announcement-content h6{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h1,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h2,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h3,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h4,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h5,
.abrcp-display-only-canvas.is-announcement .abrcp-display-only-content h6{
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  color:#fff;
}

/* Mobile landscape Stream page: do not trap the page at 100vh. This keeps the
   Video.js control bar inside the player/viewport when the phone is rotated.
   Native fullscreen remains controlled by Video.js. */
@media (max-width: 900px) and (orientation: landscape) {
  html:has(.abrcp-stream-output:not(:fullscreen)),
  body:has(.abrcp-stream-output:not(:fullscreen)){
    overflow-x:hidden!important;
    overflow-y:auto!important;
    height:auto!important;
    min-height:100%!important;
  }
  .abrcp-stream-output:not(:fullscreen){
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    align-items:flex-start!important;
  }
  .abrcp-stream-output:not(:fullscreen) .abrcp-stream-stage{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    align-items:flex-start!important;
    justify-content:center!important;
  }
  .abrcp-stream-output:not(:fullscreen) .live-stream-wrapper{flex:0 0 auto!important;}
  .abrcp-stream-output:not(:fullscreen) .abrcp-vjs-custom.video-js{
    width:100%!important;
    max-width:none!important;
    max-height:none!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    margin-inline:auto!important;
  }
}