.dcd-demo{
  --dcd-bg:#f4f6f8;
  --dcd-card:#ffffff;
  --dcd-text:#17212b;
  --dcd-muted:#66727f;
  --dcd-line:#e4e9ee;
  --dcd-brand:#1f5f74;
  --dcd-brand-2:#2f7b69;
  --dcd-dark:#10242f;
  --dcd-soft:#eef5f6;
  --dcd-warning:#a9661c;
  --dcd-success:#25765f;
  --dcd-danger:#9f4b4b;
  width:100%;
  max-width:1480px;
  margin:0 auto;
  color:var(--dcd-text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.45;
}
.dcd-demo *{box-sizing:border-box}
.dcd-demo button,.dcd-demo input,.dcd-demo select,.dcd-demo textarea{font:inherit}
.dcd-demo button{cursor:pointer}
.dcd-demo h1,.dcd-demo h2,.dcd-demo h3,.dcd-demo p{margin:0}
.dcd-demo code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.dcd-demo__notice{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:0 0 14px;padding:11px 14px;border:1px solid #d7e7dd;border-radius:12px;background:#f5fbf7;color:#335847;font-size:13px}
.dcd-demo__notice strong{font-size:13px}
.dcd-demo__notice-dot{width:9px;height:9px;border-radius:50%;background:#2d8a69;box-shadow:0 0 0 4px rgba(45,138,105,.1)}
.dcd-role-stage{padding:26px;border:1px solid var(--dcd-line);border-radius:22px 22px 0 0;background:#fff}
.dcd-role-stage__intro{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}
.dcd-role-stage__intro h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.03em;color:var(--dcd-dark)}
.dcd-role-stage__intro p{color:var(--dcd-muted);font-size:15px}
.dcd-eyebrow{display:block;color:var(--dcd-brand);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.dcd-role-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.dcd-role-card{display:flex;align-items:flex-start;gap:11px;min-height:92px;padding:14px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff;color:var(--dcd-text);text-align:left;transition:.18s ease}
.dcd-role-card:hover{transform:translateY(-1px);border-color:#c7d6db;box-shadow:0 8px 22px rgba(23,33,43,.06)}
.dcd-role-card.is-active{border-color:#2b7183;background:#eff7f8;box-shadow:0 0 0 2px rgba(43,113,131,.08)}
.dcd-role-card__icon{display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;border-radius:10px;background:#edf2f4;color:var(--dcd-brand);font-size:18px;font-weight:800}
.dcd-role-card.is-active .dcd-role-card__icon{background:var(--dcd-brand);color:#fff}
.dcd-role-card>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
.dcd-role-card strong{font-size:13px;line-height:1.2}
.dcd-role-card small{display:-webkit-box;overflow:hidden;color:var(--dcd-muted);font-size:11px;line-height:1.35;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.dcd-app{overflow:hidden;border:1px solid #dfe5e8;border-top:0;border-radius:0 0 22px 22px;background:var(--dcd-bg);box-shadow:0 24px 70px rgba(20,40,52,.12)}
.dcd-app__topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px;padding:12px 20px;border-bottom:1px solid #dfe5e8;background:#fff}
.dcd-brand,.dcd-user{display:flex;align-items:center;gap:10px}
.dcd-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,var(--dcd-brand),var(--dcd-dark));color:#fff;font-size:17px;font-weight:900}
.dcd-brand>div:last-child,.dcd-user>div{display:flex;flex-direction:column;line-height:1.25}
.dcd-brand strong,.dcd-user strong{font-size:13px}
.dcd-brand span,.dcd-user span{color:var(--dcd-muted);font-size:11px}
.dcd-user__chevron{padding-left:2px;font-size:16px!important}
.dcd-app__body{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:760px}
.dcd-sidebar{display:flex;flex-direction:column;justify-content:space-between;padding:18px 12px;border-right:1px solid #dfe5e8;background:#fff}
.dcd-sidebar__nav{display:flex;flex-direction:column;gap:4px}
.dcd-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#53606d;text-align:left;transition:.15s ease}
.dcd-nav-item:hover{background:#f4f7f8;color:var(--dcd-text)}
.dcd-nav-item.is-active{background:#edf5f6;color:var(--dcd-brand)}
.dcd-nav-item span{display:grid;place-items:center;width:22px;font-size:14px}
.dcd-nav-item strong{font-size:12px;font-weight:700}
.dcd-sidebar__footer{display:flex;flex-direction:column;gap:2px;padding:14px 10px 4px;border-top:1px solid var(--dcd-line);color:var(--dcd-muted)}
.dcd-sidebar__footer span{font-size:11px;font-weight:800;color:#4e5a66}
.dcd-sidebar__footer small{font-size:10px}
.dcd-main{min-width:0;background:var(--dcd-bg);outline:none}
.dcd-page{display:flex;flex-direction:column;gap:16px;padding:26px;opacity:1;transform:none;transition:.18s ease}
.dcd-page--enter{opacity:.3;transform:translateY(4px)}
.dcd-welcome{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border-radius:18px;background:linear-gradient(135deg,#102a36,#1d5264 70%,#2f7b69);color:#fff;box-shadow:0 15px 30px rgba(20,50,61,.15)}
.dcd-welcome .dcd-eyebrow{color:#a8d5d7}
.dcd-welcome h1{margin-top:4px;font-size:28px;letter-spacing:-.025em}
.dcd-welcome p{margin-top:6px;color:#dbe8ea;font-size:13px;max-width:740px}
.dcd-welcome__role{display:flex;align-items:center;gap:10px;min-width:245px;padding:10px 12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.08)}
.dcd-welcome__role>div{display:flex;flex-direction:column}
.dcd-welcome__role span,.dcd-welcome__role small{color:#cfe2e4;font-size:10px}
.dcd-welcome__role strong{font-size:12px}
.dcd-avatar{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#dcebee;color:#245c6b;font-size:12px;font-weight:900;letter-spacing:.02em}
.dcd-welcome .dcd-avatar{background:#fff;color:#245c6b}
.dcd-avatar--sm{flex-basis:34px;width:34px;height:34px;font-size:10px}
.dcd-avatar--xs{display:inline-grid;flex-basis:25px;width:25px;height:25px;margin-right:7px;font-size:8px;vertical-align:middle}
.dcd-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.dcd-stat{display:flex;align-items:center;gap:12px;min-height:104px;padding:16px;border:1px solid var(--dcd-line);border-radius:15px;background:#fff;box-shadow:0 5px 16px rgba(23,33,43,.03)}
.dcd-stat__icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#eef5f6;color:var(--dcd-brand);font-weight:900}
.dcd-stat>div:last-child{display:flex;flex-direction:column;min-width:0}
.dcd-stat span{color:var(--dcd-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.dcd-stat strong{overflow:hidden;margin:2px 0;font-size:20px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
.dcd-stat small{overflow:hidden;color:#87919b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dcd-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}
.dcd-panel{min-width:0;padding:18px;border:1px solid var(--dcd-line);border-radius:16px;background:#fff;box-shadow:0 5px 18px rgba(23,33,43,.025)}
.dcd-panel--soft{background:#f9fcfc}
.dcd-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.dcd-panel__head h2{margin-top:2px;font-size:18px;letter-spacing:-.02em}
.dcd-panel__head p{margin-top:4px;color:var(--dcd-muted);font-size:12px;max-width:700px}
.dcd-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:2px;padding:2px 1px 4px}
.dcd-page-head h1{margin-top:3px;font-size:27px;letter-spacing:-.03em}
.dcd-page-head p{margin-top:5px;color:var(--dcd-muted);font-size:13px;max-width:790px}
.dcd-btn{min-height:36px;padding:8px 13px;border:1px solid var(--dcd-brand);border-radius:9px;background:var(--dcd-brand);color:#fff;font-size:11px;font-weight:800;line-height:1.15;transition:.15s ease}
.dcd-btn:hover{filter:brightness(.96);transform:translateY(-1px)}
.dcd-btn--ghost{border-color:#d4dde1;background:#fff;color:#4b5963}
.dcd-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 8px;border-radius:999px;background:#eef1f3;color:#5e6972;font-size:9px;font-weight:800;line-height:1.1;white-space:nowrap}
.dcd-pill--success{background:#e8f5ef;color:#246f59}
.dcd-pill--warning{background:#fff3df;color:#9a651f}
.dcd-pill--neutral{background:#eff2f4;color:#61707b}
.dcd-alert-stack{display:flex;flex-direction:column;gap:9px}
.dcd-alert-card{display:grid;grid-template-columns:8px 1fr;gap:10px;padding:11px;border:1px solid var(--dcd-line);border-radius:11px;background:#fbfcfd}
.dcd-alert-card>span{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#6d8e9b}
.dcd-alert-card--warning>span{background:#d29540}
.dcd-alert-card--success>span{background:#4d9a7c}
.dcd-alert-card strong{font-size:11px}
.dcd-alert-card p{margin-top:3px;color:var(--dcd-muted);font-size:10px}
.dcd-date-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 48px;width:48px;min-height:48px;border-radius:11px;background:#edf5f6;color:#2b6575;text-align:center}
.dcd-date-badge strong{font-size:12px;line-height:1.1}
.dcd-date-badge small{margin-top:2px;font-size:9px}
.dcd-progress-label{display:flex;justify-content:space-between;gap:12px;margin:8px 0 6px;color:var(--dcd-muted);font-size:9px}
.dcd-progress-label strong{color:#5a6670;font-size:9px}
.dcd-progress{overflow:hidden;height:7px;border-radius:999px;background:#e9eef1}
.dcd-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#2f7181,#2f7b69)}
.dcd-chip-list{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}
.dcd-chip-list span{padding:5px 7px;border:1px solid #dfe7ea;border-radius:7px;background:#f7f9fa;color:#596670;font-size:9px;font-weight:700}
.dcd-muted{margin-top:10px;color:var(--dcd-muted);font-size:11px}
.dcd-ministry-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dcd-ministry-mini-grid article{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--dcd-line);border-radius:10px}
.dcd-ministry-mini-grid article>div{display:flex;flex-direction:column;min-width:0}
.dcd-ministry-mini-grid strong{font-size:10px}
.dcd-ministry-mini-grid small{overflow:hidden;color:var(--dcd-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.dcd-ministry-mini-grid b{font-size:11px}
.dcd-color-dot{display:block;width:8px;height:8px;border-radius:50%;background:var(--dcd-dot,#2f7181)}
.dcd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f2}
.dcd-row:last-child{border-bottom:0}
.dcd-row>div{display:flex;align-items:center;gap:8px;min-width:0}
.dcd-row>div>div{display:flex;flex-direction:column;min-width:0}
.dcd-row strong{font-size:10px}
.dcd-row span{overflow:hidden;color:var(--dcd-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.dcd-team-stack{display:flex;flex-direction:column;gap:7px}
.dcd-person-mini{display:flex;align-items:center;gap:8px;min-width:0}
.dcd-person-mini>div{display:flex;flex-direction:column;min-width:0}
.dcd-person-mini strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dcd-person-mini span{overflow:hidden;color:var(--dcd-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.dcd-assignment{display:flex;align-items:flex-start;gap:12px;padding:10px 0}
.dcd-assignment>div{display:flex;flex-direction:column}
.dcd-assignment strong{font-size:11px}
.dcd-assignment p{margin-top:4px;color:var(--dcd-muted);font-size:10px;line-height:1.55}
.dcd-callout{display:flex;flex-direction:column;gap:3px;margin-top:12px;padding:11px 12px;border-left:3px solid #6d97a3;border-radius:0 9px 9px 0;background:#f1f7f8}
.dcd-callout strong{font-size:10px}
.dcd-callout span{color:var(--dcd-muted);font-size:9px}
.dcd-people-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.dcd-people-cards>article{padding:11px;border:1px solid var(--dcd-line);border-radius:11px}
.dcd-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding-top:8px;border-top:1px solid #edf0f2;color:var(--dcd-muted);font-size:9px}
.dcd-card-meta button{padding:0;border:0;background:none;color:var(--dcd-brand);font-size:9px;font-weight:800}
.dcd-lesson-card,.dcd-lesson-hero{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid #dce9eb;border-radius:12px;background:#f6fbfb}
.dcd-lesson-card>span,.dcd-lesson-hero>span{font-size:24px}
.dcd-lesson-card>div,.dcd-lesson-hero>div{display:flex;flex-direction:column;min-width:0}
.dcd-lesson-card strong{font-size:11px}
.dcd-lesson-card p,.dcd-lesson-hero p{margin-top:3px;color:var(--dcd-muted);font-size:10px}
.dcd-lesson-card small{margin-top:5px;color:#7a8790;font-size:9px}
.dcd-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.dcd-role-links{display:flex;flex-direction:column;gap:8px}
.dcd-role-links article{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--dcd-line);border-radius:10px}
.dcd-role-links span{color:var(--dcd-muted);font-size:9px}
.dcd-role-links strong{font-size:10px}
.dcd-approval-list{display:flex;flex-direction:column;gap:9px}
.dcd-approval-list article{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:11px;border:1px solid var(--dcd-line);border-radius:11px}
.dcd-approval-list article>div:first-child{display:flex;gap:8px;min-width:0}
.dcd-approval-list article>div:first-child>div:last-child{display:flex;flex-direction:column;min-width:0}
.dcd-approval-list strong{font-size:10px}
.dcd-approval-list span,.dcd-approval-list small{color:var(--dcd-muted);font-size:9px}
.dcd-approval-list article>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.dcd-leader-tree{display:flex;flex-direction:column;gap:6px;max-height:470px;overflow:auto;padding-right:2px}
.dcd-leader-tree article{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:9px 10px;border:1px solid var(--dcd-line);border-radius:9px}
.dcd-leader-tree article.is-warning{border-color:#ead7bb;background:#fffaf2}
.dcd-leader-tree article>div{display:flex;flex-direction:column;min-width:0}
.dcd-leader-tree strong{font-size:10px}
.dcd-leader-tree small{overflow:hidden;color:var(--dcd-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.dcd-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:13px}
.dcd-search{display:flex;align-items:center;gap:7px;flex:1;min-width:220px;height:38px;padding:0 10px;border:1px solid #d9e1e5;border-radius:9px;background:#fff}
.dcd-search span{color:#78858e}
.dcd-search input{width:100%;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--dcd-text)!important;font-size:11px!important;padding:0!important}
.dcd-toolbar select{height:38px;min-width:170px;padding:0 30px 0 10px;border:1px solid #d9e1e5;border-radius:9px;background:#fff;color:#4d5963;font-size:10px}
.dcd-toolbar__count{margin-left:auto;color:var(--dcd-muted);font-size:9px;white-space:nowrap}
.dcd-table-wrap{overflow:auto;max-width:100%}
.dcd-table{width:100%;min-width:760px;border-collapse:collapse}
.dcd-table th{padding:8px 9px;border-bottom:1px solid #dde4e7;color:#71808b;font-size:9px;font-weight:800;letter-spacing:.05em;text-align:left;text-transform:uppercase}
.dcd-table td{padding:10px 9px;border-bottom:1px solid #edf0f2;color:#4d5962;font-size:10px;vertical-align:middle}
.dcd-table tr:last-child td{border-bottom:0}
.dcd-table td>strong{display:block;color:#36434d;font-size:9px}
.dcd-table td>small{display:block;margin-top:2px;color:#7b8790;font-size:8px}
.dcd-table code{padding:4px 6px;border-radius:5px;background:#f2f5f6;color:#47606c;font-size:9px}
.dcd-link-btn{padding:0;border:0;background:none;color:var(--dcd-brand);font-size:9px;font-weight:800;white-space:nowrap}
.dcd-table-note{padding:10px 8px 0;color:var(--dcd-muted);font-size:9px;text-align:right}
.dcd-ministry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-ministry-card{display:flex;flex-direction:column;gap:12px;padding:15px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-ministry-card__top{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}
.dcd-ministry-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:color-mix(in srgb,var(--dcd-min,#2f7181) 14%,white);color:var(--dcd-min,#2f7181)}
.dcd-ministry-card__top>div{display:flex;flex-direction:column;min-width:0}
.dcd-ministry-card__top>div>span,.dcd-ministry-card__leader>span{color:#82909a;font-size:8px;font-weight:800;letter-spacing:.06em}
.dcd-ministry-card h3{font-size:15px}
.dcd-ministry-card__leader{display:flex;flex-direction:column;padding:9px 10px;border-radius:9px;background:#f7f9fa}
.dcd-ministry-card__leader strong{font-size:10px}
.dcd-ministry-card__leader small{margin-top:3px;color:#9a651f;font-size:8px}
.dcd-function-list{display:flex;flex-wrap:wrap;gap:5px}
.dcd-function-list span{padding:4px 6px;border:1px solid #e1e7ea;border-radius:6px;color:#66727c;font-size:8px}
.dcd-card-link{margin-top:auto;padding:7px 0 0;border:0;border-top:1px solid #edf0f2;background:none;color:var(--dcd-brand);font-size:9px;font-weight:800;text-align:left}
.dcd-event-grid{display:flex;flex-direction:column;gap:10px}
.dcd-event-card{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:13px;padding:15px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-event-card__date{display:flex;flex-direction:column;align-items:center;justify-content:center;height:55px;border-radius:12px;background:#edf5f6;color:#2b6575}
.dcd-event-card__date strong{font-size:14px}
.dcd-event-card__date span{font-size:9px}
.dcd-event-card__content h3{margin-top:2px;font-size:14px}
.dcd-event-card__actions{display:flex;align-items:center}
.dcd-assignment-list{display:flex;flex-direction:column;gap:8px}
.dcd-assignment-list article{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid var(--dcd-line);border-radius:11px}
.dcd-assignment-list article>div:not(.dcd-inline-actions){display:flex;flex:1;flex-direction:column;min-width:0}
.dcd-assignment-list article>div>strong{font-size:10px}
.dcd-assignment-list article>div>span{color:var(--dcd-muted);font-size:9px}
.dcd-assignment-list .dcd-inline-actions{margin-top:0}
.dcd-availability-list{display:flex;flex-direction:column;gap:8px}
.dcd-availability-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--dcd-line);border-radius:11px}
.dcd-availability-list article>div:first-child{display:flex;align-items:center;gap:10px}
.dcd-availability-list article>div:first-child>div{display:flex;flex-direction:column}
.dcd-availability-list strong{font-size:10px}
.dcd-availability-list span{color:var(--dcd-muted);font-size:9px}
.dcd-choice-group{display:flex;gap:5px}
.dcd-choice-group button{padding:6px 8px;border:1px solid #dce3e6;border-radius:7px;background:#fff;color:#65717a;font-size:8px;font-weight:700}
.dcd-choice-group button.is-selected{border-color:#92b8ad;background:#edf7f2;color:#27705b}
.dcd-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-group-card{padding:15px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-group-card__top{display:flex;align-items:center;justify-content:space-between}
.dcd-group-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#e9f4ef;color:#2f7b69;font-size:17px;font-weight:800}
.dcd-group-card h3{margin-top:12px;font-size:15px}
.dcd-group-card p{margin-top:3px;color:var(--dcd-muted);font-size:9px}
.dcd-group-meta{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:13px;padding:10px;border-radius:9px;background:#f7f9fa}
.dcd-group-meta>div{display:flex;flex-direction:column}
.dcd-group-meta span{color:#7b8891;font-size:8px}
.dcd-group-meta strong{font-size:9px}
.dcd-timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dcd-timeline article{display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--dcd-line);border-radius:10px;background:#fbfcfc}
.dcd-timeline article>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#edf1f3;color:#6d7a84;font-size:10px;font-weight:800}
.dcd-timeline article.is-complete>span{background:#e7f4ee;color:#28705b}
.dcd-timeline article>div{display:flex;flex-direction:column}
.dcd-timeline strong{font-size:10px}
.dcd-timeline small{color:var(--dcd-muted);font-size:8px}
.dcd-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-course-card{display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-course-card__icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#edf0fa;color:#5f66a6;font-weight:900}
.dcd-course-card h3{font-size:14px}
.dcd-course-card p{color:var(--dcd-muted);font-size:9px}
.dcd-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-family-card{padding:14px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-family-card__top{display:flex;align-items:center;gap:9px}
.dcd-family-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#f7efe8;color:#946949;font-size:18px}
.dcd-family-card__top>div{display:flex;flex-direction:column}
.dcd-family-card__top span:not(.dcd-family-icon){color:#8b9299;font-size:8px;font-weight:800}
.dcd-family-card h3{font-size:13px}
.dcd-family-members{display:flex;flex-direction:column;gap:5px;margin-top:11px}
.dcd-family-members>span{display:flex;align-items:center;color:#56626b;font-size:9px}
.dcd-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.dcd-detail-grid>div{display:flex;flex-direction:column;padding:10px;border:1px solid #e6eaed;border-radius:9px;background:#fbfcfc;min-width:0}
.dcd-detail-grid span{color:#7d8992;font-size:8px;font-weight:700;text-transform:uppercase}
.dcd-detail-grid strong{overflow:hidden;margin-top:2px;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.dcd-room-grid{display:flex;flex-direction:column;gap:7px}
.dcd-room-grid article{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--dcd-line);border-radius:9px}
.dcd-room-grid article>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#f7edf4;color:#9a5b86}
.dcd-room-grid article>div{display:flex;flex-direction:column}
.dcd-room-grid strong{font-size:10px}
.dcd-room-grid small{color:var(--dcd-muted);font-size:8px}
.dcd-room-grid button{padding:0;border:0;background:none;color:var(--dcd-brand);font-size:8px;font-weight:800}
.dcd-demo-form{display:flex;flex-direction:column;gap:12px}
.dcd-demo-form label{display:flex;flex-direction:column;gap:5px;color:#5c6871;font-size:9px;font-weight:700}
.dcd-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dcd-demo-form input,.dcd-demo-form textarea,.dcd-demo-edit-box input,.dcd-demo-edit-box select{width:100%;padding:10px;border:1px solid #dbe2e5!important;border-radius:9px!important;background:#fff!important;color:#3f4c55!important;font-size:10px!important;box-shadow:none!important;outline:0}
.dcd-demo-form textarea{resize:vertical}
.dcd-demo-form input[readonly]{background:#f7f9fa!important;color:#61707b!important}
.dcd-form-actions{display:flex;gap:8px;margin-top:2px}
.dcd-kids-reception{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.dcd-scan-panel{min-height:490px}
.dcd-scanner{display:grid;place-items:center;padding:15px}
.dcd-scanner__corners{position:relative;display:grid;place-items:center;width:min(270px,85%);aspect-ratio:1;border:1px dashed #c8d6db;border-radius:17px;background:#f7fbfc}
.dcd-scanner__corners>span{position:absolute;width:30px;height:30px;border-color:#2f7181;border-style:solid}
.dcd-scanner__corners>span:nth-child(1){top:10px;left:10px;border-width:3px 0 0 3px;border-radius:7px 0 0}
.dcd-scanner__corners>span:nth-child(2){top:10px;right:10px;border-width:3px 3px 0 0;border-radius:0 7px 0 0}
.dcd-scanner__corners>span:nth-child(3){bottom:10px;left:10px;border-width:0 0 3px 3px;border-radius:0 0 0 7px}
.dcd-scanner__corners>span:nth-child(4){right:10px;bottom:10px;border-width:0 3px 3px 0;border-radius:0 0 7px 0}
.dcd-scanner__corners>div{display:flex;flex-direction:column;align-items:center;gap:6px;color:#547782;font-size:32px}
.dcd-scanner__corners small{font-size:9px}
.dcd-or{display:flex;align-items:center;gap:9px;color:#8a959d;font-size:8px}
.dcd-or:before,.dcd-or:after{content:"";height:1px;flex:1;background:#e3e8ea}
.dcd-code-input{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:10px}
.dcd-code-input span{font-size:9px;font-weight:800}
.dcd-code-input input{height:40px;padding:0 10px;border:1px solid #dbe2e5!important;border-radius:9px!important;background:#fff!important;color:#344650!important;font-size:13px!important;font-weight:800;letter-spacing:.16em;text-align:center}
.dcd-code-input button{height:40px;padding:0 12px;border:0;border-radius:9px;background:var(--dcd-brand);color:#fff;font-size:9px;font-weight:800}
.dcd-badge-preview{display:grid;grid-template-columns:1fr 126px;grid-template-rows:auto 1fr;gap:10px;max-width:360px;margin:20px auto;padding:16px;border:1px solid #dfe5e7;border-radius:18px;background:#fff;box-shadow:0 14px 35px rgba(28,53,62,.12)}
.dcd-badge-preview__brand{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #e8ecee}
.dcd-badge-preview__brand strong{font-size:16px;color:#2c6676}
.dcd-badge-preview__brand span{font-size:8px;font-weight:900;letter-spacing:.12em;color:#8b969e}
.dcd-badge-preview>.dcd-qr-svg{grid-column:2;grid-row:2;width:126px;height:126px;border:8px solid #fff;box-shadow:0 0 0 1px #dfe5e7}
.dcd-badge-preview>div:last-child{grid-column:1;grid-row:2;display:flex;flex-direction:column;justify-content:center}
.dcd-badge-preview>div:last-child span{color:#88949c;font-size:8px;font-weight:800}
.dcd-badge-preview>div:last-child strong{margin:4px 0;font-size:25px;letter-spacing:.08em}
.dcd-badge-preview>div:last-child small{color:#909aa1;font-size:8px}
.dcd-qr-svg rect:not(:first-child){fill:#15232b}
.dcd-steps{margin:0;padding-left:20px;color:#53606a;font-size:10px}
.dcd-steps li{padding:7px 0;border-bottom:1px solid #edf0f2}
.dcd-steps li:last-child{border-bottom:0}
.dcd-kid-parent-list{display:flex;flex-direction:column;gap:9px}
.dcd-kid-parent-list article{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--dcd-line);border-radius:10px}
.dcd-kid-parent-list article>div{display:flex;flex-direction:column}
.dcd-kid-parent-list strong{font-size:10px}
.dcd-kid-parent-list span,.dcd-kid-parent-list small{color:var(--dcd-muted);font-size:8px}
.dcd-pin-demo{text-align:center;padding:18px}
.dcd-pin-demo>span{display:block;margin-bottom:8px;font-size:32px;letter-spacing:.25em;color:#355966}
.dcd-pin-demo p{margin:0 auto 12px;max-width:420px;color:var(--dcd-muted);font-size:10px}
.dcd-prayer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dcd-prayer-card{display:flex;flex-direction:column;padding:14px;border:1px solid var(--dcd-line);border-radius:13px;background:#fff}
.dcd-prayer-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.dcd-prayer-card__head>div{display:flex;flex-direction:column}
.dcd-prayer-card__head span{color:#87929a;font-size:8px}
.dcd-prayer-card h3{margin-top:2px;font-size:12px}
.dcd-prayer-card p{margin-top:9px;color:var(--dcd-muted);font-size:9px;line-height:1.55}
.dcd-leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-leadership-card{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-leadership-card>div:first-child{display:flex;align-items:center;gap:9px}
.dcd-leadership-card>div:first-child>div{display:flex;flex-direction:column}
.dcd-leadership-card span{color:#7d8992;font-size:8px}
.dcd-leadership-card h3{font-size:12px}
.dcd-leadership-card p{color:var(--dcd-muted);font-size:8px}
.dcd-room-booking-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.dcd-room-booking-grid>article{display:grid;grid-template-columns:42px 1fr auto;gap:10px;padding:14px;border:1px solid var(--dcd-line);border-radius:14px;background:#fff}
.dcd-room-booking__icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#edf2f6;color:#607d8b}
.dcd-room-booking-grid>article>div:nth-child(2),.dcd-room-booking__booking{display:flex;flex-direction:column}
.dcd-room-booking-grid>article>div:nth-child(2)>span,.dcd-room-booking__booking>span{color:#89939a;font-size:8px;font-weight:800}
.dcd-room-booking-grid h3{font-size:13px}
.dcd-room-booking-grid p,.dcd-room-booking__booking small{color:var(--dcd-muted);font-size:8px}
.dcd-room-booking__booking{grid-column:2 / -1;padding:9px;border-radius:9px;background:#f7f9fa}
.dcd-room-booking__booking strong{font-size:10px}
.dcd-room-booking-grid .dcd-card-link{grid-column:1 / -1}
.dcd-function-admin{display:flex;flex-direction:column;gap:7px}
.dcd-function-admin article{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--dcd-line);border-radius:9px}
.dcd-function-admin article>div{display:flex;flex-direction:column}
.dcd-function-admin strong{font-size:10px}
.dcd-function-admin span{color:var(--dcd-muted);font-size:8px}
.dcd-function-admin button{padding:0;border:0;background:none;color:var(--dcd-brand);font-size:8px;font-weight:800}
.dcd-check-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.dcd-check-list li{position:relative;padding-left:21px;color:#4f5c65;font-size:10px}
.dcd-check-list li:before{content:"✓";position:absolute;left:0;top:0;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#e8f4ef;color:#2a745e;font-size:8px;font-weight:900}
.dcd-check-list li.is-muted{color:#89949b}
.dcd-check-list li.is-muted:before{content:"—";background:#f0f2f3;color:#8e989e}
.dcd-profile-card{display:flex;align-items:center;gap:11px;margin-bottom:13px;padding-bottom:13px;border-bottom:1px solid var(--dcd-line)}
.dcd-profile-card>div{display:flex;flex-direction:column}
.dcd-profile-card span{color:#7f8a92;font-size:8px;font-weight:800;text-transform:uppercase}
.dcd-profile-card h2{font-size:17px}
.dcd-profile-card p{margin-top:3px;color:var(--dcd-muted);font-size:9px}
.dcd-event-list{display:flex;flex-direction:column;gap:7px}
.dcd-event-list article{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid var(--dcd-line);border-radius:9px}
.dcd-event-list article>div{display:flex;flex-direction:column;min-width:0}
.dcd-event-list strong{font-size:10px}
.dcd-event-list span{overflow:hidden;color:var(--dcd-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.dcd-event-list b{font-size:11px}
.dcd-toast{position:fixed;right:24px;bottom:24px;z-index:99999;max-width:360px;padding:12px 15px;border-radius:11px;background:#102a36;color:#fff;font-size:11px;box-shadow:0 15px 35px rgba(0,0,0,.22);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s ease}
.dcd-toast.is-visible{opacity:1;transform:none}
.dcd-modal[hidden]{display:none!important}
.dcd-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px}
.dcd-modal__backdrop{position:absolute;inset:0;background:rgba(9,22,28,.6);backdrop-filter:blur(4px)}
.dcd-modal__dialog{position:relative;z-index:1;width:min(640px,100%);max-height:min(760px,90vh);overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28)}
.dcd-modal__close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:#f1f4f5;color:#60707a;font-size:20px;line-height:1}
.dcd-modal-profile{display:flex;flex-direction:column;gap:15px}
.dcd-modal-profile__head{display:flex;align-items:center;gap:11px;padding-right:36px}
.dcd-modal-profile__head h2{font-size:20px}
.dcd-modal-profile__head p{color:var(--dcd-muted);font-size:10px}
.dcd-modal-section{padding-top:2px}
.dcd-demo-edit-box{padding:13px;border:1px solid #dce5e8;border-radius:12px;background:#f8fbfb}
.dcd-demo-edit-box>strong{font-size:11px}
.dcd-demo-edit-box>p{margin:3px 0 10px;color:var(--dcd-muted);font-size:9px}
.dcd-demo-edit-box label{display:flex;flex-direction:column;gap:4px;margin-top:8px;color:#64717a;font-size:8px;font-weight:800}
.dcd-demo-edit-box select[multiple]{min-height:92px;padding:7px!important}
.dcd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:130px;padding:25px;color:var(--dcd-muted);text-align:center}
.dcd-empty strong{font-size:11px}
.dcd-empty span{font-size:9px}

@supports not (background:color-mix(in srgb,#000 10%,#fff)){
  .dcd-ministry-icon{background:#edf2f4}
}

@media (max-width:1180px){
  .dcd-role-switcher{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dcd-app__body{grid-template-columns:205px minmax(0,1fr)}
  .dcd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dcd-ministry-grid,.dcd-group-grid,.dcd-course-grid,.dcd-family-grid,.dcd-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dcd-ministry-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .dcd-role-switcher{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dcd-app__body{display:block}
  .dcd-sidebar{display:block;padding:9px 10px;border-right:0;border-bottom:1px solid #dfe5e8}
  .dcd-sidebar__nav{flex-direction:row;overflow-x:auto;padding-bottom:2px}
  .dcd-nav-item{flex:0 0 auto;width:auto;padding:8px 10px;white-space:nowrap}
  .dcd-sidebar__footer{display:none}
  .dcd-two-col,.dcd-kids-reception{grid-template-columns:1fr}
  .dcd-welcome{align-items:flex-start;flex-direction:column}
  .dcd-welcome__role{min-width:0;width:100%}
  .dcd-room-booking-grid{grid-template-columns:1fr}
}
@media (max-width:680px){
  .dcd-role-stage{padding:18px 14px}
  .dcd-role-stage__intro h2{font-size:25px}
  .dcd-role-switcher{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px;scroll-snap-type:x proximity}
  .dcd-role-card{flex:0 0 210px;min-height:84px;scroll-snap-align:start}
  .dcd-app__topbar{padding:10px 12px}
  .dcd-brand span{display:none}
  .dcd-user>div{display:none}
  .dcd-page{padding:16px 12px}
  .dcd-welcome{padding:18px}
  .dcd-welcome h1{font-size:23px}
  .dcd-stats-grid{grid-template-columns:1fr 1fr;gap:8px}
  .dcd-stat{min-height:88px;padding:12px;gap:9px}
  .dcd-stat__icon{flex-basis:32px;width:32px;height:32px}
  .dcd-stat strong{font-size:16px}
  .dcd-page-head{align-items:flex-start;flex-direction:column}
  .dcd-page-head h1{font-size:23px}
  .dcd-panel{padding:14px}
  .dcd-ministry-grid,.dcd-group-grid,.dcd-course-grid,.dcd-family-grid,.dcd-leadership-grid,.dcd-prayer-grid{grid-template-columns:1fr}
  .dcd-people-cards{grid-template-columns:1fr}
  .dcd-toolbar{align-items:stretch;flex-direction:column}
  .dcd-toolbar select{width:100%}
  .dcd-toolbar__count{margin-left:0}
  .dcd-event-card{grid-template-columns:48px 1fr}
  .dcd-event-card__actions{grid-column:1 / -1}
  .dcd-choice-group{flex-wrap:wrap}
  .dcd-availability-list article{align-items:flex-start;flex-direction:column}
  .dcd-timeline{grid-template-columns:1fr 1fr}
  .dcd-form-grid{grid-template-columns:1fr}
  .dcd-code-input{grid-template-columns:1fr}
  .dcd-code-input span{display:none}
  .dcd-badge-preview{grid-template-columns:1fr 104px;max-width:320px}
  .dcd-badge-preview>.dcd-qr-svg{width:104px;height:104px}
  .dcd-toast{right:12px;bottom:12px;left:12px;max-width:none}
}
@media (max-width:430px){
  .dcd-stats-grid{grid-template-columns:1fr}
  .dcd-stat small{white-space:normal}
  .dcd-ministry-mini-grid{grid-template-columns:1fr}
  .dcd-role-links article{grid-template-columns:1fr auto}
  .dcd-role-links article>span{grid-column:1 / -1}
  .dcd-timeline{grid-template-columns:1fr}
  .dcd-badge-preview{grid-template-columns:1fr;text-align:center}
  .dcd-badge-preview>.dcd-qr-svg,.dcd-badge-preview>div:last-child{grid-column:1;grid-row:auto;margin:0 auto}
  .dcd-room-booking-grid>article{grid-template-columns:42px 1fr}
  .dcd-room-booking__booking{grid-column:1 / -1}
}


/* Tablet landscape / Elementor container responsiveness — v1.1.1 */
.dcd-demo.dcd-tablet-layout .dcd-role-stage{padding:20px 18px}
.dcd-demo.dcd-tablet-layout .dcd-role-stage__intro{margin-bottom:14px}
.dcd-demo.dcd-tablet-layout .dcd-role-stage__intro h2{font-size:clamp(24px,3vw,31px)}
.dcd-demo.dcd-tablet-layout .dcd-role-switcher{display:flex;overflow-x:auto;gap:9px;padding:2px 1px 8px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dcd-demo.dcd-tablet-layout .dcd-role-card{flex:0 0 230px;min-height:82px;padding:12px;scroll-snap-align:start}
.dcd-demo.dcd-tablet-layout .dcd-role-card small{-webkit-line-clamp:2;font-size:10.5px}
.dcd-demo.dcd-tablet-layout .dcd-app__body{grid-template-columns:176px minmax(0,1fr)}
.dcd-demo.dcd-tablet-layout .dcd-sidebar{padding:14px 8px}
.dcd-demo.dcd-tablet-layout .dcd-nav-item{min-height:42px;padding:9px 9px;gap:8px}
.dcd-demo.dcd-tablet-layout .dcd-nav-item strong{font-size:11px}
.dcd-demo.dcd-tablet-layout .dcd-page{padding:20px 18px;gap:14px}
.dcd-demo.dcd-tablet-layout .dcd-welcome{padding:18px 20px;gap:14px}
.dcd-demo.dcd-tablet-layout .dcd-welcome h1{font-size:25px}
.dcd-demo.dcd-tablet-layout .dcd-welcome__role{min-width:215px}
.dcd-demo.dcd-tablet-layout .dcd-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.dcd-demo.dcd-tablet-layout .dcd-stat{min-height:92px;padding:13px}
.dcd-demo.dcd-tablet-layout .dcd-stat strong{font-size:18px}
.dcd-demo.dcd-tablet-layout .dcd-ministry-grid,
.dcd-demo.dcd-tablet-layout .dcd-group-grid,
.dcd-demo.dcd-tablet-layout .dcd-course-grid,
.dcd-demo.dcd-tablet-layout .dcd-family-grid,
.dcd-demo.dcd-tablet-layout .dcd-leadership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcd-demo.dcd-tablet-layout .dcd-ministry-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcd-demo.dcd-tablet-layout .dcd-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}
.dcd-demo.dcd-tablet-layout .dcd-toolbar{flex-wrap:wrap}
.dcd-demo.dcd-tablet-layout .dcd-search{min-width:min(100%,280px)}
.dcd-demo.dcd-tablet-layout .dcd-table-wrap{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}
.dcd-demo.dcd-tablet-layout .dcd-table th{font-size:9.5px}
.dcd-demo.dcd-tablet-layout .dcd-table td{font-size:11px}
.dcd-demo.dcd-tablet-layout .dcd-table td>strong{font-size:10px}
.dcd-demo.dcd-tablet-layout .dcd-table td>small{font-size:9px}
.dcd-demo.dcd-tablet-layout .dcd-ministry-card__top>div>span,
.dcd-demo.dcd-tablet-layout .dcd-ministry-card__leader>span,
.dcd-demo.dcd-tablet-layout .dcd-function-list span,
.dcd-demo.dcd-tablet-layout .dcd-group-card p,
.dcd-demo.dcd-tablet-layout .dcd-family-members>span,
.dcd-demo.dcd-tablet-layout .dcd-course-card p{font-size:9.5px}
.dcd-demo.dcd-tablet-layout .dcd-btn{min-height:40px}
.dcd-demo.dcd-tablet-layout .dcd-choice-group button{min-height:36px;padding:7px 9px}

.dcd-demo.dcd-tablet-narrow .dcd-app__body{display:block}
.dcd-demo.dcd-tablet-narrow .dcd-sidebar{display:block;padding:9px 10px;border-right:0;border-bottom:1px solid #dfe5e8}
.dcd-demo.dcd-tablet-narrow .dcd-sidebar__nav{flex-direction:row;overflow-x:auto;padding-bottom:4px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dcd-demo.dcd-tablet-narrow .dcd-nav-item{flex:0 0 auto;width:auto;min-height:40px;padding:8px 11px;white-space:nowrap}
.dcd-demo.dcd-tablet-narrow .dcd-sidebar__footer{display:none}
.dcd-demo.dcd-tablet-narrow .dcd-two-col,
.dcd-demo.dcd-tablet-narrow .dcd-kids-reception,
.dcd-demo.dcd-tablet-narrow .dcd-room-booking-grid{grid-template-columns:1fr}
.dcd-demo.dcd-tablet-narrow .dcd-welcome__role{min-width:0}
.dcd-demo.dcd-tablet-narrow .dcd-prayer-grid{grid-template-columns:1fr}

/* Digitalizar Church Demo 1.2.0 — alinhada ao alpha.23 */
.dcd-demo{
  --dcd-bg:#edf1f4;
  --dcd-card:#ffffff;
  --dcd-text:#162635;
  --dcd-muted:#5e6d79;
  --dcd-line:#d2dce3;
  --dcd-brand:#173d5b;
  --dcd-brand-2:#2f6f70;
  --dcd-dark:#0d2739;
  --dcd-sidebar:#102e43;
  --dcd-sidebar-hover:#173f59;
  --dcd-sidebar-active:#1d506e;
  --dcd-soft:#f4f7f9;
}
.dcd-app{border-color:#cfd9e0;background:var(--dcd-bg)}
.dcd-app__topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;padding:10px 16px;border-color:#d1dbe2;background:#fff}
.dcd-menu-toggle{display:grid;place-content:center;gap:4px;width:38px;height:38px;padding:0;border:1px solid #cdd8df;border-radius:10px;background:#f7f9fa;color:var(--dcd-brand)}
.dcd-menu-toggle:hover{background:#eef3f6;border-color:#b7c7d1}
.dcd-menu-toggle span{display:block;width:17px;height:2px;border-radius:999px;background:currentColor}
.dcd-brand{min-width:0}.dcd-brand>div:last-child{min-width:0}.dcd-brand strong{color:#173d5b;font-size:13px}.dcd-brand span{color:#687985}
.dcd-user{justify-self:end;min-width:0}
.dcd-app__body{position:relative;grid-template-columns:218px minmax(0,1fr);min-height:760px}
.dcd-sidebar{position:relative;z-index:4;padding:14px 10px;border-right:1px solid #0b2536;background:var(--dcd-sidebar);color:#dce9f0;transition:width .18s ease,transform .2s ease,padding .18s ease}
.dcd-sidebar__nav{gap:4px}
.dcd-nav-item{min-height:42px;padding:9px 10px;border-radius:9px;color:#d8e4eb}
.dcd-nav-item:hover{background:var(--dcd-sidebar-hover);color:#fff}
.dcd-nav-item.is-active{background:var(--dcd-sidebar-active);color:#fff;box-shadow:inset 3px 0 0 #83bdc5}
.dcd-nav-item strong{font-size:11px;color:inherit}
.dcd-nav-icon{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;color:currentColor}
.dcd-icon-svg{display:block;width:18px;height:18px;max-width:100%;max-height:100%}
.dcd-role-card__icon .dcd-icon-svg{width:19px;height:19px}
.dcd-sidebar__footer{border-top-color:rgba(255,255,255,.13);color:#9fb5c1}
.dcd-sidebar__footer span{color:#edf5f8}.dcd-sidebar__footer small{color:#9fb5c1}
.dcd-main{background:var(--dcd-bg)}
.dcd-panel,.dcd-stat,.dcd-event-card,.dcd-ministry-card,.dcd-group-card,.dcd-course-card,.dcd-family-card,.dcd-leadership-card,.dcd-room-booking-grid>article{border-color:#d2dce3;box-shadow:0 3px 12px rgba(19,43,59,.035)}
.dcd-eyebrow{color:#245b7a}
.dcd-role-card.is-active{border-color:#2f6988;background:#eef4f7;box-shadow:0 0 0 2px rgba(47,105,136,.08)}
.dcd-role-card.is-active .dcd-role-card__icon{background:#173d5b}
.dcd-welcome{background:linear-gradient(135deg,#0d2d42,#174d68 66%,#2f6f70)}

/* Sidebar recolhível no desktop */
.dcd-demo.dcd-sidebar-collapsed .dcd-app__body{grid-template-columns:66px minmax(0,1fr)}
.dcd-demo.dcd-sidebar-collapsed .dcd-sidebar{padding-left:8px;padding-right:8px}
.dcd-demo.dcd-sidebar-collapsed .dcd-nav-item{justify-content:center;padding-left:8px;padding-right:8px}
.dcd-demo.dcd-sidebar-collapsed .dcd-nav-item strong,.dcd-demo.dcd-sidebar-collapsed .dcd-sidebar__footer{display:none}
.dcd-demo.dcd-sidebar-collapsed .dcd-nav-icon{flex-basis:24px;width:24px}

/* Off-canvas para tablet/celular: botão fica dentro da topbar do Church */
.dcd-sidebar-overlay{display:none;border:0;background:rgba(7,25,36,.38);padding:0}
.dcd-demo.dcd-compact-nav .dcd-app__body{display:block;min-height:720px}
.dcd-demo.dcd-compact-nav .dcd-sidebar{display:flex!important;position:absolute!important;top:0;bottom:0;left:0;width:min(82vw,286px);min-height:100%;padding:14px 10px!important;border-right:1px solid #0b2536!important;border-bottom:0!important;transform:translateX(-103%);box-shadow:16px 0 42px rgba(7,25,36,.18);transition:transform .2s ease;overflow-y:auto}
.dcd-demo.dcd-compact-nav .dcd-sidebar__nav{display:flex!important;flex-direction:column!important;overflow:visible!important;padding:0!important}
.dcd-demo.dcd-compact-nav .dcd-nav-item{display:flex;flex:0 0 auto!important;width:100%!important;min-height:43px!important;padding:9px 10px!important;white-space:normal!important}
.dcd-demo.dcd-compact-nav .dcd-sidebar__footer{display:flex!important;margin-top:auto}
.dcd-demo.dcd-compact-nav.dcd-sidebar-open .dcd-sidebar{transform:translateX(0)}
.dcd-demo.dcd-compact-nav.dcd-sidebar-open .dcd-sidebar-overlay{display:block;position:absolute;z-index:3;inset:0;width:100%;height:100%}
.dcd-demo.dcd-compact-nav .dcd-main{position:relative;z-index:1;width:100%}

/* Calendário interno */
.dcd-calendar-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dcd-calendar-summary article{display:flex;flex-direction:column;gap:4px;padding:14px 15px;border:1px solid var(--dcd-line);border-radius:13px;background:#fff}
.dcd-calendar-summary span{color:#6c7b86;font-size:9px;font-weight:800;letter-spacing:.07em}
.dcd-calendar-summary strong{font-size:13px;color:#173d5b}
.dcd-calendar-summary small{color:var(--dcd-muted);font-size:9px;line-height:1.4}
.dcd-calendar-panel{padding:14px}
.dcd-calendar-head{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-bottom:10px}
.dcd-calendar-head h2{text-align:center;font-size:17px;color:#183a52}
.dcd-calendar-head button{width:36px;height:34px;border:1px solid #ccd8df;border-radius:9px;background:#fff;color:#173d5b;font-size:20px;line-height:1}
.dcd-calendar-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.dcd-calendar-grid{min-width:780px;border:1px solid #ccd8df;border-radius:12px;overflow:hidden;background:#fff}
.dcd-calendar-weekdays,.dcd-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.dcd-calendar-weekdays{background:#e8eef2;border-bottom:1px solid #cbd7df}
.dcd-calendar-weekdays span{padding:8px 6px;color:#496171;font-size:9px;font-weight:800;text-align:center;text-transform:uppercase}
.dcd-calendar-day{min-height:104px;padding:6px;border-right:1px solid #dde5ea;border-bottom:1px solid #dde5ea;background:#fff}
.dcd-calendar-day:nth-child(7n){border-right:0}.dcd-calendar-day.is-empty{background:#f4f6f8}
.dcd-calendar-day>b{display:block;margin-bottom:5px;color:#405461;font-size:9px}
.dcd-calendar-event{display:flex;flex-direction:column;gap:1px;margin-top:4px;padding:6px;border:1px solid #cadbe2;border-radius:7px;background:#eff6f8;color:#173d5b}
.dcd-calendar-event.is-team{border-color:#b9d3d8;background:#e6f2f2}
.dcd-calendar-event strong{font-size:8px;letter-spacing:.03em}
.dcd-calendar-event span{font-size:8px;font-weight:800;line-height:1.25}
.dcd-calendar-event small,.dcd-calendar-event em{color:#59717d;font-size:7px;font-style:normal;line-height:1.3}
.dcd-calendar-list{display:flex;flex-direction:column;gap:8px}
.dcd-calendar-list>article{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--dcd-line);border-radius:10px;background:#fbfcfd}
.dcd-calendar-list>article>div:nth-child(2){display:flex;flex-direction:column;min-width:0}
.dcd-calendar-list>article>div:nth-child(2)>strong{font-size:10px}.dcd-calendar-list>article>div:nth-child(2)>span,.dcd-calendar-list>article>div:nth-child(2)>small{color:var(--dcd-muted);font-size:8px}
.dcd-event-window{margin-top:4px!important;color:#5f707c!important;font-size:9px!important}
.dcd-event-time-note{display:flex;flex-direction:column;gap:2px;margin-top:11px;padding:9px 10px;border:1px solid #d5e0e5;border-radius:9px;background:#f4f8fa}
.dcd-event-time-note strong{color:#1f536d;font-size:10px}.dcd-event-time-note span{color:#63747f;font-size:9px}

/* Acessos e funções */
.dcd-access-list{display:flex;flex-direction:column;gap:8px}
.dcd-access-list article{display:grid;grid-template-columns:minmax(150px,.7fr) 1fr 1fr;gap:10px;padding:11px;border:1px solid var(--dcd-line);border-radius:10px;background:#fbfcfd}
.dcd-access-list article>div{display:flex;flex-direction:column}.dcd-access-list strong{font-size:10px}.dcd-access-list span{color:#71808a;font-size:8px}.dcd-access-list p{color:#5c6d78;font-size:9px;line-height:1.4}.dcd-access-list b{color:#344d5d}
.dcd-pastoral-ministry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.dcd-pastoral-ministry-grid>article{padding:11px;border:1px solid var(--dcd-line);border-radius:10px;background:#fbfcfd}
.dcd-pastoral-ministry-head{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;margin-bottom:8px}.dcd-pastoral-ministry-head>div{display:flex;flex-direction:column;min-width:0}.dcd-pastoral-ministry-head strong{font-size:9.5px}.dcd-pastoral-ministry-head small{overflow:hidden;color:#71808a;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.dcd-pastoral-ministry-head b{font-size:10px}
.dcd-room-booking__icon .dcd-icon-svg{width:19px;height:19px}
.dcd-room-booking-grid>article>.dcd-pill{align-self:start}

@media (max-width:1180px){
  .dcd-calendar-summary{grid-template-columns:1fr 1fr}.dcd-calendar-summary article:last-child{grid-column:1 / -1}
  .dcd-pastoral-ministry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dcd-access-list article{grid-template-columns:1fr 1fr}.dcd-access-list article>div{grid-column:1 / -1}
}
@media (max-width:680px){
  .dcd-app__topbar{grid-template-columns:auto minmax(0,1fr);padding:9px 10px}.dcd-user{grid-column:1 / -1;justify-self:stretch;padding:8px 2px 0;border-top:1px solid #e1e7eb}.dcd-user__chevron{margin-left:auto}
  .dcd-brand strong{font-size:12px}.dcd-brand span{font-size:9px}
  .dcd-calendar-summary{grid-template-columns:1fr}.dcd-calendar-summary article:last-child{grid-column:auto}
  .dcd-calendar-list>article{grid-template-columns:44px 1fr}.dcd-calendar-list>article>.dcd-pill,.dcd-calendar-list>article>.dcd-inline-actions{grid-column:1 / -1}
  .dcd-pastoral-ministry-grid{grid-template-columns:1fr}
  .dcd-access-list article{grid-template-columns:1fr}
}
.dcd-availability-summary{display:flex;flex-direction:column;gap:8px}
.dcd-availability-summary>article{display:grid;grid-template-columns:minmax(230px,1fr) auto auto;align-items:center;gap:12px;padding:11px;border:1px solid var(--dcd-line);border-radius:11px;background:#fbfcfd}
.dcd-availability-summary>article>div:first-child{display:flex;align-items:center;gap:9px;min-width:0}.dcd-availability-summary>article>div:first-child>div{display:flex;flex-direction:column;min-width:0}.dcd-availability-summary strong{font-size:10px}.dcd-availability-summary span{color:var(--dcd-muted);font-size:8px}.dcd-availability-counts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:5px}
@media (max-width:760px){.dcd-availability-summary>article{grid-template-columns:1fr}.dcd-availability-counts{justify-content:flex-start}}

/* =========================================================
   Digitalizar Church Demo 1.2.1 — contraste e isolamento
   Impede estilos globais do Elementor/tema de sobrescrever
   botões, hovers e o menu lateral da demonstração.
   ========================================================= */
.dcd-demo{
  --dcd-bg:#e9eef2;
  --dcd-card:#ffffff;
  --dcd-text:#102536;
  --dcd-muted:#465968;
  --dcd-line:#c5d1d9;
  --dcd-brand:#123f5d;
  --dcd-brand-2:#246b68;
  --dcd-dark:#09283b;
  --dcd-sidebar:#0c2d43;
  --dcd-sidebar-hover:#164b68;
  --dcd-sidebar-active:#1d617f;
  --dcd-soft:#f2f6f8;
  color:var(--dcd-text)!important;
}

/* Reset defensivo somente dentro da demo. */
.dcd-demo button,
.dcd-demo [type="button"]{
  text-transform:none!important;
  letter-spacing:normal!important;
  text-decoration:none!important;
  font-family:inherit!important;
  box-shadow:none;
}

/* Área de seleção de perfis: nunca herdar o hover do Elementor. */
.dcd-demo button.dcd-role-card{
  border:1px solid #c7d3db!important;
  background:#ffffff!important;
  color:#12283a!important;
  box-shadow:none!important;
}
.dcd-demo button.dcd-role-card strong{color:#102536!important}
.dcd-demo button.dcd-role-card small{color:#4b5e6d!important}
.dcd-demo button.dcd-role-card .dcd-role-card__icon{
  background:#e8f0f3!important;
  color:#174f6d!important;
}
.dcd-demo button.dcd-role-card:hover,
.dcd-demo button.dcd-role-card:focus-visible{
  border-color:#356d8a!important;
  background:#eaf2f6!important;
  color:#0d2c40!important;
  box-shadow:0 8px 22px rgba(13,44,64,.11)!important;
  transform:translateY(-1px);
}
.dcd-demo button.dcd-role-card:hover strong,
.dcd-demo button.dcd-role-card:focus-visible strong{color:#082a40!important}
.dcd-demo button.dcd-role-card:hover small,
.dcd-demo button.dcd-role-card:focus-visible small{color:#3f5565!important}
.dcd-demo button.dcd-role-card:hover .dcd-role-card__icon,
.dcd-demo button.dcd-role-card:focus-visible .dcd-role-card__icon{
  background:#d9e9ef!important;
  color:#0b4566!important;
}
.dcd-demo button.dcd-role-card.is-active,
.dcd-demo button.dcd-role-card.is-active:hover,
.dcd-demo button.dcd-role-card.is-active:focus-visible{
  border-color:#174f70!important;
  background:#dfeef4!important;
  color:#092b41!important;
  box-shadow:0 0 0 2px rgba(23,79,112,.14)!important;
}
.dcd-demo button.dcd-role-card.is-active .dcd-role-card__icon,
.dcd-demo button.dcd-role-card.is-active:hover .dcd-role-card__icon{
  background:#123f5d!important;
  color:#ffffff!important;
}
.dcd-demo button.dcd-role-card.is-active strong{color:#09283b!important}
.dcd-demo button.dcd-role-card.is-active small{color:#365365!important}

/* Menu lateral — fundo e contraste não podem ser herdados do tema. */
.dcd-demo aside.dcd-sidebar{
  background:#0c2d43!important;
  background-image:none!important;
  border-color:#092436!important;
  color:#e9f2f6!important;
}
.dcd-demo .dcd-sidebar button.dcd-nav-item{
  border:1px solid transparent!important;
  background:transparent!important;
  color:#d8e8f0!important;
  box-shadow:none!important;
}
.dcd-demo .dcd-sidebar button.dcd-nav-item strong,
.dcd-demo .dcd-sidebar button.dcd-nav-item .dcd-nav-icon,
.dcd-demo .dcd-sidebar button.dcd-nav-item svg{
  color:inherit!important;
  opacity:1!important;
}
.dcd-demo .dcd-sidebar button.dcd-nav-item:hover,
.dcd-demo .dcd-sidebar button.dcd-nav-item:focus-visible{
  border-color:#2d6682!important;
  background:#164b68!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
.dcd-demo .dcd-sidebar button.dcd-nav-item.is-active,
.dcd-demo .dcd-sidebar button.dcd-nav-item.is-active:hover,
.dcd-demo .dcd-sidebar button.dcd-nav-item.is-active:focus-visible{
  border-color:#3f7893!important;
  background:#1d617f!important;
  color:#ffffff!important;
  box-shadow:inset 4px 0 0 #9ed2da!important;
}
.dcd-demo .dcd-sidebar__footer{
  border-top-color:rgba(255,255,255,.18)!important;
  color:#b7cbd5!important;
}
.dcd-demo .dcd-sidebar__footer span{color:#ffffff!important}
.dcd-demo .dcd-sidebar__footer small{color:#b7cbd5!important}

/* Cabeçalho do painel e botão hambúrguer. */
.dcd-demo button.dcd-menu-toggle{
  border-color:#b8c8d2!important;
  background:#f2f6f8!important;
  color:#123f5d!important;
}
.dcd-demo button.dcd-menu-toggle:hover,
.dcd-demo button.dcd-menu-toggle:focus-visible{
  border-color:#123f5d!important;
  background:#123f5d!important;
  color:#ffffff!important;
}
.dcd-demo .dcd-brand strong,.dcd-demo .dcd-user strong{color:#102f45!important}
.dcd-demo .dcd-brand span,.dcd-demo .dcd-user span{color:#506575!important}

/* Maior contraste entre conteúdo e cards. */
.dcd-demo .dcd-main{background:#e9eef2!important}
.dcd-demo .dcd-panel,
.dcd-demo .dcd-stat,
.dcd-demo .dcd-event-card,
.dcd-demo .dcd-ministry-card,
.dcd-demo .dcd-group-card,
.dcd-demo .dcd-course-card,
.dcd-demo .dcd-family-card,
.dcd-demo .dcd-leadership-card,
.dcd-demo .dcd-prayer-card,
.dcd-demo .dcd-room-booking-grid>article,
.dcd-demo .dcd-calendar-summary article{
  border-color:#c5d1d9!important;
  background:#ffffff!important;
}
.dcd-demo .dcd-panel--soft{background:#f7fafb!important}
.dcd-demo .dcd-page-head h1,
.dcd-demo .dcd-panel__head h2,
.dcd-demo .dcd-leadership-card h3,
.dcd-demo .dcd-ministry-card h3,
.dcd-demo .dcd-group-card h3,
.dcd-demo .dcd-course-card h3,
.dcd-demo .dcd-family-card h3{color:#102536!important}
.dcd-demo .dcd-page-head p,
.dcd-demo .dcd-panel__head p,
.dcd-demo .dcd-muted,
.dcd-demo .dcd-stat span,
.dcd-demo .dcd-stat small,
.dcd-demo .dcd-leadership-card span,
.dcd-demo .dcd-leadership-card p,
.dcd-demo .dcd-progress-label,
.dcd-demo .dcd-progress-label strong,
.dcd-demo .dcd-ministry-card p,
.dcd-demo .dcd-group-card p,
.dcd-demo .dcd-course-card p,
.dcd-demo .dcd-prayer-card p,
.dcd-demo .dcd-event-list span,
.dcd-demo .dcd-calendar-summary small{
  color:#4a5e6d!important;
}
.dcd-demo .dcd-eyebrow{color:#154f73!important}

/* Botões e links da aplicação: sem magenta/cores globais do site. */
.dcd-demo button.dcd-btn{
  border-color:#123f5d!important;
  background:#123f5d!important;
  color:#ffffff!important;
}
.dcd-demo button.dcd-btn:hover,
.dcd-demo button.dcd-btn:focus-visible{
  border-color:#082d45!important;
  background:#082d45!important;
  color:#ffffff!important;
  filter:none!important;
}
.dcd-demo button.dcd-btn.dcd-btn--ghost{
  border-color:#b9c8d1!important;
  background:#ffffff!important;
  color:#29485c!important;
}
.dcd-demo button.dcd-btn.dcd-btn--ghost:hover,
.dcd-demo button.dcd-btn.dcd-btn--ghost:focus-visible{
  border-color:#55788c!important;
  background:#edf3f6!important;
  color:#123f5d!important;
}
.dcd-demo button.dcd-link-btn,
.dcd-demo button.dcd-card-link,
.dcd-demo .dcd-function-admin button,
.dcd-demo .dcd-room-grid button{
  background:transparent!important;
  color:#0d5278!important;
  border-color:transparent!important;
  box-shadow:none!important;
}
.dcd-demo button.dcd-link-btn:hover,
.dcd-demo button.dcd-link-btn:focus-visible,
.dcd-demo button.dcd-card-link:hover,
.dcd-demo button.dcd-card-link:focus-visible,
.dcd-demo .dcd-function-admin button:hover,
.dcd-demo .dcd-room-grid button:hover{
  background:transparent!important;
  color:#072f49!important;
  text-decoration:underline!important;
}
.dcd-demo .dcd-choice-group button{
  border-color:#bdcad2!important;
  background:#ffffff!important;
  color:#3e5565!important;
}
.dcd-demo .dcd-choice-group button:hover,
.dcd-demo .dcd-choice-group button:focus-visible{
  border-color:#52778a!important;
  background:#edf3f6!important;
  color:#153f58!important;
}
.dcd-demo .dcd-choice-group button.is-selected,
.dcd-demo .dcd-choice-group button.is-selected:hover{
  border-color:#3b786d!important;
  background:#e1f1eb!important;
  color:#175b4c!important;
}

/* Calendário com leitura mais firme. */
.dcd-demo .dcd-calendar-grid{border-color:#b9c7d0!important}
.dcd-demo .dcd-calendar-weekdays{background:#dde6eb!important;border-bottom-color:#b9c7d0!important}
.dcd-demo .dcd-calendar-weekdays span{color:#2f4c5f!important}
.dcd-demo .dcd-calendar-day{border-color:#ccd6dd!important}
.dcd-demo .dcd-calendar-day>b{color:#2f4655!important}
.dcd-demo .dcd-calendar-event{
  border-color:#a9c5d1!important;
  background:#e6f1f5!important;
  color:#0d354e!important;
}
.dcd-demo .dcd-calendar-event.is-team{
  border-color:#91bdbd!important;
  background:#dceeed!important;
}
.dcd-demo .dcd-calendar-event small,
.dcd-demo .dcd-calendar-event em{color:#405d6d!important}
.dcd-demo .dcd-calendar-head button{
  border-color:#b7c7d1!important;
  background:#ffffff!important;
  color:#123f5d!important;
}
.dcd-demo .dcd-calendar-head button:hover,
.dcd-demo .dcd-calendar-head button:focus-visible{
  border-color:#123f5d!important;
  background:#123f5d!important;
  color:#ffffff!important;
}

/* Pills e estados com contraste suficiente. */
.dcd-demo .dcd-pill{background:#e7ecef!important;color:#425462!important}
.dcd-demo .dcd-pill--success{background:#dcefe7!important;color:#175b48!important}
.dcd-demo .dcd-pill--warning{background:#f8ead0!important;color:#7a4a0d!important}
.dcd-demo .dcd-pill--neutral{background:#e6ebee!important;color:#405462!important}

/* Foco visível para teclado e acessibilidade. */
.dcd-demo button:focus-visible,
.dcd-demo input:focus-visible,
.dcd-demo select:focus-visible,
.dcd-demo textarea:focus-visible{
  outline:3px solid rgba(30,111,151,.32)!important;
  outline-offset:2px!important;
}

/* Em off-canvas, manter exatamente o mesmo fundo escuro. */
.dcd-demo.dcd-compact-nav aside.dcd-sidebar{
  background:#0c2d43!important;
  border-right-color:#092436!important;
}