.bei-wrap{max-width:none;width:100%;margin:0 auto;padding:16px;}
.bei-card{background:var(--bsd-surface, #fff);border:1px solid var(--bsd-border, #e5e7eb);color:var(--bsd-text, #233244);border-radius:14px;padding:16px;margin:14px 0;box-shadow:0 1px 2px rgba(0,0,0,.04);width:100%!important;max-width:none!important;box-sizing:border-box;}
.bei-full{width:100%!important;max-width:none!important;}
.bei-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.bei-row{margin-top:12px;}
.bei-form label{display:block;font-weight:600;}
.bei-form input[type=text],.bei-form input[type=number],.bei-form input[type=datetime-local],.bei-form select,.bei-form textarea{width:100%;padding:8px 10px;border:1px solid var(--bsd-border, #d1d5db);border-radius:10px;margin-top:6px;box-sizing:border-box;font-weight:400;}
.bei-inline-fields{display:flex;gap:10px;align-items:center;margin-top:6px;}
.bei-multi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-top:6px;}
.bei-check{font-weight:400;}
.bei-btn{display:inline-block;padding:8px 12px;border:1px solid #cbd5e1;border-radius:10px;text-decoration:none;background:var(--bsd-surface, #f8fafc);color:var(--bsd-text, #111);cursor:pointer;}
.bei-btn{white-space:nowrap;}
.bei-btn:hover{background:#f1f5f9;}
.bei-primary{background:#1e73be;border-color:#1e73be;color:#fff;}
.bei-primary:hover{filter:brightness(.95);}
.bei-danger{background:#dc2626;border-color:#dc2626;color:#fff;}
.bei-danger:hover{filter:brightness(.95);}
.bei-muted{color:#6b7280;font-size:13px;}
.bei-hr{border:0;border-top:1px solid #e5e7eb;margin:16px 0;}
.bei-table{width:100%;border-collapse:collapse;margin-top:8px;}
.bei-table th,.bei-table td{border-bottom:1px solid #e5e7eb;padding:10px;text-align:left;vertical-align:top;}
.bei-badge{display:inline-block;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid transparent;}
.bei-good{background:#16a34a !important;border-color:#16a34a !important;color:#ffffff !important;}
.bei-warn{background:#facc15 !important;border-color:#facc15 !important;color:#111827 !important;}
.bei-bad{background:#dc2626 !important;border-color:#dc2626 !important;color:#ffffff !important;}
.bei-neutral{background:#f3f4f6;border-color:#e5e7eb;}
.bei-notice{padding:10px 12px;border-radius:12px;margin:10px 0;border:1px solid #e5e7eb;background:var(--bsd-bg, #f9fafb);}
.bei-success{border-color:#a7f3d0;background:#ecfdf5;}
.bei-error{border-color:#fecaca;background:#fef2f2;}
.bei-photo{width:100%;height:auto;border-radius:14px;margin-top:12px;}
.bei-equip-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;}
.bei-equip-qr{min-width:140px;}
.bei-qr{width:260px;height:260px;}
.bei-qr img,.bei-qr canvas{width:260px;height:260px;}
.bei-modal{position:fixed;inset:0;display:none;z-index:9999;}
.bei-modal[aria-hidden="false"]{display:block;}
.bei-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);}
.bei-modal-card{position:relative;max-width:560px;margin:7vh auto;background:#fff;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);}
.bei-modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.bei-modal-x{border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;}


/* Full-width enforcement inside flex/columns */
.bei-wrap,.bei-card{display:block!important;}
.bei-card{flex:0 0 100%!important;align-self:stretch!important;}
/* List grid */
.bei-list{width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;}
.bei-list-row{display:grid;grid-template-columns:1.2fr .8fr 1.4fr .8fr 140px;gap:10px;align-items:center;}
.bei-list-row>div{padding:10px 12px;border-bottom:1px solid #e5e7eb;box-sizing:border-box;}
.bei-list-row>div:last-child{justify-self:end;}
.bei-list-head>div{font-weight:700;background:var(--bsd-bg, #f9fafb);border-bottom:1px solid #e5e7eb;}
.bei-list-row:last-child>div{border-bottom:none;}
@media (max-width: 720px){
  .bei-list-row{grid-template-columns:1fr;gap:0;}
  .bei-list-row>div{display:flex;gap:8px;}
  .bei-list-row>div:before{content:attr(data-label);font-weight:700;min-width:130px;}
  .bei-list-head{display:none;}
}
/* Equipment photo sizing */
.bei-photo{max-width:25%;height:auto;display:block;margin-top:12px;border-radius:12px;}
@media (max-width: 720px){.bei-photo{max-width:100%;}}


/* Equipment single header layout */
.bei-equip-top{display:grid;grid-template-columns:1fr 2fr 1fr;gap:16px;align-items:start;margin-bottom:12px;}
.bei-equip-photo-col .bei-photo{max-width:100%;height:auto;display:block;border-radius:12px;}
.bei-photo-placeholder{width:100%;padding-top:56.25%;background:var(--bsd-bg, #f3f4f6);border:1px dashed var(--bsd-border, #d1d5db);border-radius:12px;}
.bei-equip-info-inner{margin-top:50px;}
.bei-equip-type{font-size:22px;font-weight:800;line-height:1.1;}
.bei-equip-num{font-size:18px;font-weight:700;margin-top:6px;}
.bei-equip-loc{margin-top:8px;color:var(--bsd-text, #233244);opacity:.85;}
.bei-equip-qr-col{text-align:right;}
.bei-equip-qr-col img{display:inline-block;max-width:100%;height:auto;}
@media(max-width:900px){
  .bei-equip-top{grid-template-columns:1fr; }
  .bei-equip-info-inner{margin-top:12px;}
  .bei-equip-qr-col{text-align:left;}
}

@media (max-width: 640px){
  .bei-table-mobile-cards thead{display:none;}
  .bei-table-mobile-cards,
  .bei-table-mobile-cards tbody,
  .bei-table-mobile-cards tr,
  .bei-table-mobile-cards td{display:block;width:100%;max-width:none !important;}
  .bei-table-mobile-cards tr{
    display:flex;
    flex-direction:column;
    border:1px solid #e5e7eb;
    border-radius:12px;
    margin:0 0 12px;
    padding:8px 12px;
    background:var(--bsd-surface, #fff);
    overflow:hidden;
  }
  .bei-table-mobile-cards td{
    border-bottom:1px solid #e5e7eb;
    padding:10px 0;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .bei-table-mobile-cards td:last-child{border-bottom:0;}
  .bei-table-mobile-cards td::before{
    content:attr(data-label);
    display:block;
    font-size:12px;
    font-weight:700;
    color:#6b7280;
    text-transform:uppercase;
    letter-spacing:.04em;
    margin-bottom:4px;
  }
  .bei-table-mobile-cards tbody tr td:nth-child(3):nth-last-child(3):not([data-label])::before{content:"Next Due";}
  .bei-table-mobile-cards tbody tr td:nth-child(1):nth-last-child(6):not([data-label])::before{content:"Date";}
  .bei-table-mobile-cards tbody tr td:nth-child(2):nth-last-child(5):not([data-label])::before{content:"Inspection Type";}
  .bei-table-mobile-cards tbody tr td:nth-child(3):nth-last-child(4):not([data-label])::before{content:"Completed By";}
  .bei-table-mobile-cards tbody tr td:nth-child(4):nth-last-child(3):not([data-label])::before{content:"Notes";}
  .bei-table-mobile-cards .bei-actions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
  }
  .bei-table-mobile-cards .bei-actions .bei-btn,
  .bei-table-mobile-cards td[data-label="Action"] .bei-btn{
    width:100%;
    text-align:center;
  }
  .bei-table-mobile-cards .bei-actions .bei-muted{
    display:block;
    width:100%;
  }
  .bei-table-mobile-cards .bei-badge{white-space:normal;}
}