/* 2026-10-05 — BEKALku parent preview + consent flow */
.aps-bekal-flow-modal>section{
  width:min(610px,94vw);
}
.aps-bekal-topic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:14px 0 12px;
}
.aps-bekal-topic-card{
  min-height:74px;
  border:1px solid #e5ddec;
  background:#fcfbfd;
  border-radius:16px;
  padding:12px;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-rows:auto auto;
  gap:3px 9px;
  text-align:left;
  color:#3d3348;
  cursor:pointer;
}
.aps-bekal-topic-card>span{
  grid-row:1/3;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#f5effa;
  font-size:18px;
}
.aps-bekal-topic-card>b{font-size:11px;line-height:1.3}
.aps-bekal-topic-card>em{font-size:8.5px;font-style:normal;color:#7f68a2;font-weight:800}
.aps-bekal-topic-card:hover,
.aps-bekal-topic-card:focus-visible{
  border-color:#cdbbe3;
  box-shadow:0 8px 20px rgba(76,55,104,.08);
  outline:none;
}
.aps-bekal-control-note{margin-top:12px}
.aps-bekal-preview-purpose,
.aps-bekal-why,
.aps-bekal-sample,
.aps-bekal-privacy,
.aps-bekal-sensitive-summary{
  margin:10px 0;
  padding:13px 14px;
  border:1px solid #e7dfee;
  border-radius:15px;
  background:#fbf9fd;
}
.aps-bekal-preview-purpose>b,
.aps-bekal-why>b,
.aps-bekal-privacy>b{
  font-size:11px;
  color:#3c3148;
}
.aps-bekal-preview-purpose>p,
.aps-bekal-why>p,
.aps-bekal-privacy>p,
.aps-bekal-sensitive-summary>p{
  margin:5px 0 0!important;
  color:#776d81!important;
  font-size:10px!important;
  line-height:1.58!important;
}
.aps-bekal-example-list{
  display:grid;
  gap:7px;
  margin:12px 0;
  padding:12px 14px;
  border-radius:15px;
  background:#f7f3fb;
}
.aps-bekal-example-list>small,
.aps-bekal-sample>small{
  font-size:7.5px;
  letter-spacing:.12em;
  color:#8b77a3;
  font-weight:850;
}
.aps-bekal-example-list>span{
  font-size:10px;
  color:#4d4358;
  font-weight:700;
}
.aps-bekal-sample{
  background:#fffaf0;
  border-color:#efe2c8;
}
.aps-bekal-sample>p{
  margin:6px 0 0!important;
  color:#5f5141!important;
  font-size:10px!important;
  line-height:1.6!important;
  font-style:italic;
}
.aps-bekal-section-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:14px 0 8px;
}
.aps-bekal-section-title>div{display:grid;gap:2px}
.aps-bekal-section-title small{
  font-size:7.5px;
  letter-spacing:.13em;
  color:#8e7e9c;
  font-weight:850;
}
.aps-bekal-section-title b{font-size:12px;color:#3a3045}
.aps-bekal-section-title>span{
  flex:0 0 auto;
  padding:5px 8px;
  border-radius:999px;
  background:#eef7f1;
  color:#3e7650;
  font-size:7.5px;
  font-weight:850;
}
.aps-bekal-section-title.sensitive>span{
  background:#f6f0fb;
  color:#765c98;
}
.aps-bekal-safe-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.aps-bekal-safe-list>div{
  display:grid;
  grid-template-columns:28px 1fr;
  grid-template-rows:auto auto;
  align-items:center;
  gap:1px 8px;
  min-height:54px;
  padding:9px 10px;
  border:1px solid #e4ece5;
  border-radius:14px;
  background:#fbfdfb;
}
.aps-bekal-safe-list span{grid-row:1/3;font-size:16px}
.aps-bekal-safe-list b{font-size:9.5px;color:#44394f}
.aps-bekal-safe-list em{font-size:7.5px;font-style:normal;color:#4f865f;font-weight:800}
.aps-bekal-sensitive-list{display:grid;gap:7px}
.aps-bekal-sensitive-list>button{
  width:100%;
  min-height:57px;
  border:1px solid #e7dfee;
  border-radius:14px;
  background:#fcfbfd;
  padding:10px 11px;
  display:grid;
  grid-template-columns:30px 1fr auto;
  align-items:center;
  gap:8px;
  text-align:left;
  color:#40364a;
  cursor:pointer;
}
.aps-bekal-sensitive-list>button>span{font-size:17px}
.aps-bekal-sensitive-list>button>div{display:grid;gap:3px}
.aps-bekal-sensitive-list>button b{font-size:10px;line-height:1.25}
.aps-bekal-sensitive-list>button small{
  width:max-content;
  padding:3px 6px;
  border-radius:999px;
  font-size:7px;
  font-weight:850;
}
.aps-bekal-sensitive-list>button small.allow,
.aps-bekal-status.allow{background:#eaf5ed;color:#3e7550}
.aps-bekal-sensitive-list>button small.later,
.aps-bekal-status.later{background:#f3f1f4;color:#7b7381}
.aps-bekal-sensitive-list>button small.unreviewed,
.aps-bekal-status.unreviewed{background:#fff3d9;color:#8a6715}
.aps-bekal-sensitive-list>button em{
  font-size:8px;
  font-style:normal;
  color:#7b6499;
  font-weight:800;
}
.aps-bekal-status{
  display:inline-flex;
  width:max-content;
  padding:4px 7px;
  border-radius:999px;
  font-size:7.5px;
  font-weight:850;
}
.aps-bekal-choice-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0 14px;
}
.aps-bekal-choice-row button{
  min-height:42px;
  border-radius:13px;
  font:800 10px/1.2 inherit;
  cursor:pointer;
}
.aps-bekal-choice-row .allow{
  border:1px solid #bcd8c4;
  background:#edf7f0;
  color:#356b47;
}
.aps-bekal-choice-row .later{
  border:1px solid #ded8e3;
  background:#faf9fb;
  color:#6f6677;
}
.aps-bekal-summary-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:12px 0;
}
.aps-bekal-summary-card>div{
  min-height:68px;
  padding:11px;
  border:1px solid #e5ddec;
  border-radius:15px;
  background:#fbf9fd;
  display:flex;
  gap:9px;
  align-items:center;
}
.aps-bekal-summary-card>div>span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:10px;
  background:#eee5f8;color:#74599a;font-size:13px;font-weight:900;
}
.aps-bekal-summary-card p{margin:0!important;display:grid;gap:3px}
.aps-bekal-summary-card b{font-size:9.5px;color:#40364a}
.aps-bekal-summary-card small{font-size:7.5px;color:#817687}
.aps-bekal-summary-sensitive{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  margin-bottom:12px;
}
.aps-bekal-summary-sensitive span{
  padding:7px 9px;
  border-radius:11px;
  font-size:8px;
  font-weight:750;
}
.aps-bekal-summary-sensitive .on{background:#edf7f0;color:#3d744d}
.aps-bekal-summary-sensitive .off{background:#f3f1f4;color:#807781}
.aps-bekal-consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:12px 0;
  padding:13px;
  border:1px solid #dcd2e6;
  border-radius:15px;
  background:#faf8fc;
  cursor:pointer;
}
.aps-bekal-consent input{margin-top:2px;accent-color:#8063a8}
.aps-bekal-consent>span{display:grid;gap:4px}
.aps-bekal-consent b{font-size:10px;color:#3d3348}
.aps-bekal-consent small{font-size:8px;line-height:1.5;color:#786e80}
.aps-bekal-flow-modal [data-bekal-modal-primary]:disabled{
  opacity:.45!important;
  cursor:not-allowed;
}
.aps-bekal-activated{
  display:flex;
  gap:12px;
  align-items:center;
  padding:14px;
  margin:12px 0;
  border:1px solid #cfe2d4;
  border-radius:16px;
  background:#f2f9f4;
}
.aps-bekal-activated>span{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  background:#dcefe1;color:#2d7544;font-weight:900;
}
.aps-bekal-activated b{font-size:11px;color:#31523a}
.aps-bekal-activated p{margin:4px 0 0!important;font-size:9px!important;color:#66806d!important}

@media(max-width:700px){
  .aps-bekal-flow-modal>section{max-height:92dvh}
  .aps-bekal-topic-grid,
  .aps-bekal-safe-list,
  .aps-bekal-summary-card,
  .aps-bekal-summary-sensitive{grid-template-columns:1fr}
  .aps-bekal-topic-card{min-height:62px}
  .aps-bekal-sensitive-list>button{grid-template-columns:28px 1fr auto}
}