
/* DDCC v2.0 styling (inherits v1.4 with extras) */
:root{
  --ddcc-blue:#1e73be; --ddcc-green:#28a745; --ddcc-amber:#ffb300; --ddcc-red:#d93025;
  --ddcc-grey:#f5f7fb; --ddcc-text:#1f2937; --ddcc-radius:14px; --ddcc-shadow:0 6px 18px rgba(0,0,0,.08);
}
.ddcc-ef{font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ddcc-text)}
.ddcc-ef__toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin:8px 0 12px}
.ddcc-ef__search{display:flex;gap:8px;align-items:center}
.ddcc-ef-input{padding:10px 12px;border:1px solid #d9e1ee;border-radius:10px;min-width:260px}
.ddcc-ef-btn{padding:10px 14px;border:none;border-radius:10px;background:var(--ddcc-blue);color:#fff;cursor:pointer;box-shadow:var(--ddcc-shadow)}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;background:#e9eef7;margin-right:6px}
.badge--pending{background:#fff1d6;color:#7a5300}
.badge--approved{background:#e7f8ee;color:#0f5a2a}
.badge--rejected{background:#fde7e5;color:#7b1a12}
.badge--review{background:#e6edff;color:#183a7a}
.ddcc-ef__list{background:#fff;border:1px solid #e6eaf2;border-radius:var(--ddcc-radius);box-shadow:var(--ddcc-shadow);overflow:hidden}
.ddcc-ef__row{display:grid;grid-template-columns:120px 1fr 200px 120px;gap:10px;padding:12px;border-bottom:1px solid #eef1f7}
.ddcc-ef__footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px}
/* Drawer for related entries / details */
.ddcc-ef__drawer[aria-hidden="true"]{display:none}
.ddcc-ef__drawer{position:fixed;top:0;right:0;width:460px;max-width:90vw;height:100%;background:#fff;border-left:1px solid #e6eaf2;box-shadow:-4px 0 18px rgba(0,0,0,.08);z-index:10001}
.ddcc-ef-drawer__close{position:absolute;top:14px;left:14px;background:#fff;border:1px solid #e6eaf2;border-radius:999px;width:32px;height:32px;cursor:pointer}
.ddcc-ef-drawer__content{padding:20px;overflow:auto;height:100%}
/* Lightbox */
.ddcc-ef-lightbox[aria-hidden="true"]{display:none}
.ddcc-ef-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10000}
.ddcc-ef-lightbox__content{background:#fff;max-width:90vw;max-height:80vh;overflow:auto;border-radius:14px;padding:16px;box-shadow:var(--ddcc-shadow)}
.ddcc-ef-lightbox__close{position:absolute;top:20px;right:24px;background:#fff;border:none;border-radius:999px;width:36px;height:36px;cursor:pointer;box-shadow:var(--ddcc-shadow)}
