:root {
    --bh-app-width: 700px;
}

.bh-login-shell,
.bh-shell,
.bh-wrap {
    max-width: var(--bh-app-width);
}

.bh-shell,
.bh-wrap,
.bh-login-shell,
.bh-card { width:100%; box-sizing:border-box; }
.bh-shell,.bh-wrap { margin:0 auto; padding:0 12px; }

.bh-login-shell { min-height:70vh; display:flex; align-items:center; justify-content:center; padding:24px 12px; }
.bh-login-card,.bh-card { background:#fff; border-radius:18px; box-shadow:0 10px 30px rgba(0,0,0,.08); padding:20px; margin:0 auto 20px; }
.bh-login-card { max-width:430px; background:linear-gradient(180deg,#fff 0%,#f5f7fb 100%); }
.bh-card-compact { max-width:var(--bh-app-width); }

.bh-login-card h2,.bh-card h2,.bh-card h3,.bh-tile h2,.bh-tile h3 { margin-top:0; }

.bh-tiles { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:18px; margin:0 0 24px; }
.bh-tile { display:block; text-decoration:none; color:#1e293b; background:linear-gradient(135deg,#fff 0%,#eef4ff 100%); border:1px solid #dbe6f6; border-radius:20px; padding:22px; box-shadow:0 10px 25px rgba(15,23,42,.06); }
.bh-tile-admin { background:linear-gradient(135deg,#fff7ed 0%,#ffedd5 100%); border-color:#fed7aa; }

.bh-form label { display:block; font-weight:600; margin-bottom:6px; }
.bh-form input,.bh-form textarea,.bh-form select,.bh-login-card input[type="text"],.bh-login-card input[type="password"] { width:100%; padding:10px 12px; border-radius:10px; border:1px solid #cbd5e1; background:#fff; box-sizing:border-box; }
.bh-form input[readonly] { background:#f8fafc; color:#475569; }

.bh-grid { display:grid; gap:14px; }
.bh-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.bh-grid-4 { grid-template-columns:180px 130px 130px minmax(0,1fr); }
.bh-grid-5 { grid-template-columns:180px 110px 110px 100px minmax(0,1fr); }
.bh-grid-compact { align-items:end; }

.bh-btn,.bh-login-card input[type="submit"] { display:inline-block; background:#2563eb; color:#fff !important; border:none; border-radius:10px; padding:11px 16px; text-decoration:none; cursor:pointer; font-weight:600; }
.bh-btn-light { background:#e2e8f0; color:#0f172a !important; }
.bh-btn-secondary { background:#0f172a; }
.bh-btn-small { padding:8px 12px; font-size:14px; }

.bh-topbar,.bh-admin-topbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:18px; }
.bh-topbar-actions { display:flex; gap:10px; flex-wrap:wrap; }
.bh-topbar-left:empty { display:none; }

.bh-table th,.bh-table td { vertical-align:middle; }
.bh-plan-table input[type="time"], .bh-plan-table input[type="text"] { width:110px; min-width:110px; max-width:110px; }
.bh-field-date input[type="date"], .bh-einsatz-row input[type="date"] { width:160px !important; min-width:160px; max-width:160px; }
.bh-field-time input[type="time"], .bh-einsatz-row input[type="time"] { width:110px !important; min-width:110px; max-width:110px; }
.bh-einsatz-row input[type="text"] { width:100%; }
.bh-inline-form { max-width:360px; }
.bh-login-badge { display:inline-block; padding:6px 12px; border-radius:999px; background:#dbeafe; color:#1d4ed8; font-weight:700; margin-bottom:12px; }

body.page-template-default .entry-content .bh-shell,
body.page-template-default .entry-content .bh-login-shell,
body.page-template-default .entry-content .bh-card,
body.page .entry-content,
body.page .site-main,
body.page article,
body.page .content-area { max-width:100% !important; width:100% !important; }

@media (max-width: 760px) {
    .bh-topbar,.bh-admin-topbar { flex-direction:column; align-items:flex-start; }
    .bh-grid-2,.bh-grid-4 { grid-template-columns:1fr; }
    .bh-field-date input[type="date"], .bh-einsatz-row input[type="date"], .bh-field-time input[type="time"], .bh-einsatz-row input[type="time"], .bh-plan-table input[type="time"], .bh-plan-table input[type="text"] { width:100% !important; min-width:0; max-width:none; }
}

.bh-subtitle { margin:18px 0 10px; }
.bh-field-duration input[type="text"] { width:100px !important; min-width:100px; max-width:100px; }
.bh-calculated-block { margin:8px 0 18px; }
.bh-calculated-empty { margin:8px 0 18px; color:#64748b; }
.bh-segment-row-einsatz td { background:#f8fafc; }