/* ============================================
     BauDoku Design System – Scoped to #baudoku-app
     Kein Einfluss auf die umgebende Seite.
     ============================================ */
  #baudoku-app {
    --bd-primary:      #1F4E79;
    --bd-primary-dark: #163A5C;
    --bd-primary-light:#2E75B6;
    --bd-accent:       #00B4D8;
    --bd-bg:           #F0F4F8;
    --bd-bg-card:      #FFFFFF;
    --bd-text:         #1A2332;
    --bd-text-light:   #5A6A7E;
    --bd-text-muted:   #8B97A8;
    --bd-border:       #E2E8F0;
    --bd-success:      #10B981;
    --bd-danger:       #EF4444;
    --bd-warning:      #F59E0B;
    --bd-shadow-sm:    0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
    --bd-shadow-md:    0 4px 12px rgba(0,0,0,0.08), 0 2px 6px rgba(0,0,0,0.06);
    --bd-shadow-lg:    0 10px 30px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.08);
    --bd-radius:       12px;
    --bd-radius-sm:    8px;
    --bd-radius-lg:    16px;
    --bd-transition:   all 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    color: var(--bd-text);
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    box-sizing: border-box;
  }

  #baudoku-app *, #baudoku-app *::before, #baudoku-app *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  #baudoku-app .bd-hidden { display: none !important; }

  /* ── SVG Logo (inline, kein externer Asset) ── */
  #baudoku-app .bd-logo-svg {
    width: 60px;
    height: 60px;
    margin-bottom: 12px;
  }

  /* ── Login View ────────────────────────── */
  #baudoku-app .bd-login {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0F2B46 0%, #1F4E79 40%, #2E75B6 100%);
    border-radius: var(--bd-radius-lg);
    padding: 40px 20px;
    position: relative;
    overflow: hidden;
  }

  #baudoku-app .bd-login::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -30%;
    width: 80%;
    height: 200%;
    background: radial-gradient(ellipse, rgba(0,180,216,0.12) 0%, transparent 70%);
    pointer-events: none;
  }

  #baudoku-app .bd-login-card {
    position: relative;
    z-index: 1;
    background: rgba(255,255,255,0.97);
    backdrop-filter: blur(20px);
    border-radius: var(--bd-radius-lg);
    padding: 44px 36px;
    width: 100%;
    max-width: 400px;
    box-shadow: 0 25px 60px rgba(0,0,0,0.3);
    animation: bdSlideUp 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }

  @keyframes bdSlideUp {
    from { opacity: 0; transform: translateY(30px); }
    to   { opacity: 1; transform: translateY(0); }
  }

  #baudoku-app .bd-login-logo {
    text-align: center;
    margin-bottom: 28px;
  }

  #baudoku-app .bd-login-logo h2 {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: var(--bd-primary) !important;
    letter-spacing: -0.5px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
  }

  #baudoku-app .bd-login-logo p {
    font-size: 13px !important;
    color: var(--bd-text-muted) !important;
    margin-top: 4px !important;
    padding: 0 !important;
    line-height: 1.4 !important;
  }

  #baudoku-app .bd-form-group {
    margin-bottom: 18px;
  }

  #baudoku-app .bd-form-group label {
    display: block;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--bd-text) !important;
    margin-bottom: 6px !important;
    letter-spacing: 0.01em;
  }

  #baudoku-app .bd-form-group input {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--bd-border) !important;
    border-radius: var(--bd-radius-sm) !important;
    font-size: 15px !important;
    font-family: inherit !important;
    color: var(--bd-text) !important;
    background: var(--bd-bg) !important;
    transition: var(--bd-transition);
    outline: none !important;
    box-shadow: none !important;
    height: auto !important;
    line-height: 1.4 !important;
    margin: 0 !important;
  }

  #baudoku-app .bd-form-group input:focus {
    border-color: var(--bd-primary-light) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(46,117,182,0.12) !important;
  }

  #baudoku-app .bd-form-group input::placeholder {
    color: var(--bd-text-muted) !important;
  }

  /* ── Buttons ─────────────────────────── */
  #baudoku-app .bd-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 24px;
    border: none !important;
    border-radius: var(--bd-radius-sm) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: pointer;
    transition: var(--bd-transition);
    text-decoration: none !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
  }

  #baudoku-app .bd-btn-primary {
    width: 100%;
    background: linear-gradient(135deg, var(--bd-primary) 0%, var(--bd-primary-light) 100%) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(31,78,121,0.35);
  }

  #baudoku-app .bd-btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(31,78,121,0.45);
  }

  #baudoku-app .bd-btn-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
    transform: none !important;
  }

  #baudoku-app .bd-btn-outline {
    background: transparent !important;
    color: var(--bd-primary-light) !important;
    border: 2px solid var(--bd-border) !important;
  }

  #baudoku-app .bd-btn-outline:hover {
    border-color: var(--bd-primary-light) !important;
    background: rgba(46,117,182,0.05) !important;
  }

  /* ── Login Error ─────────────────────── */
  #baudoku-app .bd-login-error {
    background: rgba(239,68,68,0.08);
    border: 1px solid rgba(239,68,68,0.2);
    color: var(--bd-danger);
    padding: 12px 16px;
    border-radius: var(--bd-radius-sm);
    font-size: 13px;
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: bdShake 0.4s ease-in-out;
  }

  @keyframes bdShake {
    0%, 100% { transform: translateX(0); }
    25% { transform: translateX(-6px); }
    75% { transform: translateX(6px); }
  }

  #baudoku-app .bd-login-links {
    text-align: center;
    margin-top: 18px;
  }

  #baudoku-app .bd-login-links a {
    color: var(--bd-primary-light) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    font-weight: 500 !important;
  }

  #baudoku-app .bd-login-links a:hover {
    color: var(--bd-primary) !important;
    text-decoration: underline !important;
  }

  #baudoku-app .bd-login-footer {
    text-align: center;
    margin-top: 28px;
    padding-top: 18px;
    border-top: 1px solid var(--bd-border);
  }

  #baudoku-app .bd-login-footer span {
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
  }

  /* Spinner */
  #baudoku-app .bd-spinner {
    display: none;
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255,255,255,0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: bdSpin 0.6s linear infinite;
  }

  #baudoku-app .bd-btn.bd-loading .bd-spinner { display: block; }
  #baudoku-app .bd-btn.bd-loading .bd-btn-text { display: none; }

  @keyframes bdSpin { to { transform: rotate(360deg); } }

  /* ── Reset Dialog ────────────────────── */
  #baudoku-app .bd-reset-dialog {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    animation: bdFadeIn 0.2s ease;
  }

  @keyframes bdFadeIn { from { opacity: 0; } to { opacity: 1; } }

  #baudoku-app .bd-reset-content {
    background: #fff;
    border-radius: var(--bd-radius-lg);
    padding: 32px;
    width: 90%;
    max-width: 400px;
    box-shadow: var(--bd-shadow-lg);
    animation: bdSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  }

  #baudoku-app .bd-reset-content h3 {
    font-size: 18px !important;
    margin-bottom: 8px !important;
    color: var(--bd-text) !important;
  }

  #baudoku-app .bd-reset-content > p {
    font-size: 14px !important;
    color: var(--bd-text-light) !important;
    margin-bottom: 20px !important;
  }

  #baudoku-app .bd-reset-actions {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    margin-top: 20px;
  }

  #baudoku-app .bd-reset-actions .bd-btn { width: auto; }

  #baudoku-app .bd-reset-success {
    color: var(--bd-success);
    font-size: 14px;
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  /* ============================================
     App Shell (Header + Dashboard)
     ============================================ */
  #baudoku-app .bd-app-header {
    background: var(--bd-primary);
    color: #fff;
    padding: 0 24px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--bd-radius-lg) var(--bd-radius-lg) 0 0;
    position: sticky;
    top: 0;
    z-index: 100;
  }

  #baudoku-app .bd-header-left {
    display: flex;
    align-items: center;
    gap: 10px;
  }

  #baudoku-app .bd-header-left h2 {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  #baudoku-app .bd-header-right {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  #baudoku-app .bd-user-menu {
    position: relative;
  }

  #baudoku-app .bd-user-trigger {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    padding: 6px 10px;
    border-radius: var(--bd-radius-sm);
    transition: var(--bd-transition);
    border: none !important;
    background: rgba(255,255,255,0.12) !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: 14px !important;
  }

  #baudoku-app .bd-user-trigger:hover {
    background: rgba(255,255,255,0.22) !important;
  }

  #baudoku-app .bd-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--bd-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    flex-shrink: 0;
  }

  #baudoku-app .bd-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: #fff;
    border-radius: var(--bd-radius);
    box-shadow: var(--bd-shadow-lg);
    min-width: 190px;
    padding: 6px;
    z-index: 99999;
    animation: bdSlideUp 0.2s ease;
  }

  #baudoku-app .bd-dropdown button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none !important;
    background: transparent !important;
    color: var(--bd-text) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    cursor: pointer;
    border-radius: var(--bd-radius-sm) !important;
    transition: var(--bd-transition);
    text-align: left;
  }

  #baudoku-app .bd-dropdown button:hover {
    background: var(--bd-bg) !important;
  }

  #baudoku-app .bd-dropdown .material-icons-round {
    font-size: 18px;
    color: var(--bd-text-light);
  }

  #baudoku-app .bd-dropdown .bd-logout {
    color: var(--bd-danger) !important;
  }

  #baudoku-app .bd-dropdown .bd-logout .material-icons-round {
    color: var(--bd-danger);
  }

  #baudoku-app .bd-dropdown .bd-divider {
    height: 1px;
    background: var(--bd-border);
    margin: 4px 0;
  }

  /* ── Dashboard ─────────────────────── */
  #baudoku-app .bd-dashboard {
    background: var(--bd-bg);
    border-radius: 0 0 var(--bd-radius-lg) var(--bd-radius-lg);
  }

  #baudoku-app .bd-dash-inner {
    max-width: 1100px;
    margin: 0 auto;
    padding: 28px 24px;
  }

  #baudoku-app .bd-welcome h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: var(--bd-text) !important;
    letter-spacing: -0.5px;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
  }

  #baudoku-app .bd-welcome p {
    font-size: 14px !important;
    color: var(--bd-text-light) !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
  }

  #baudoku-app .bd-toolbar {
    display: flex;
    gap: 12px;
    margin-bottom: 20px;
    flex-wrap: wrap;
  }

  #baudoku-app .bd-search {
    flex: 1;
    min-width: 200px;
    position: relative;
  }

  #baudoku-app .bd-search .material-icons-round {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--bd-text-muted);
    font-size: 20px;
  }

  #baudoku-app .bd-search input {
    width: 100%;
    padding: 10px 14px 10px 42px;
    border: 2px solid var(--bd-border) !important;
    border-radius: var(--bd-radius-sm) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--bd-text) !important;
    background: #fff !important;
    transition: var(--bd-transition);
    outline: none !important;
    box-shadow: none !important;
    height: auto !important;
    margin: 0 !important;
  }

  #baudoku-app .bd-search input:focus {
    border-color: var(--bd-primary-light) !important;
    box-shadow: 0 0 0 4px rgba(46,117,182,0.08) !important;
  }

  #baudoku-app .bd-filter {
    padding: 10px 14px;
    border: 2px solid var(--bd-border) !important;
    border-radius: var(--bd-radius-sm) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--bd-text) !important;
    background: #fff !important;
    cursor: pointer;
    outline: none !important;
    height: auto !important;
    margin: 0 !important;
  }

  #baudoku-app .bd-project-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 18px;
  }

  #baudoku-app .bd-card {
    background: var(--bd-bg-card);
    border-radius: var(--bd-radius);
    overflow: hidden;
    box-shadow: var(--bd-shadow-sm);
    transition: var(--bd-transition);
    cursor: pointer;
    border: 1px solid var(--bd-border);
    -webkit-user-drag: none;
    user-select: none;
    -webkit-touch-callout: none;
  }

  #baudoku-app .bd-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--bd-shadow-md);
    border-color: var(--bd-primary-light);
  }

  #baudoku-app .bd-card-cover {
    height: 130px;
    background: linear-gradient(135deg, var(--bd-primary) 0%, var(--bd-primary-light) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
  }

  #baudoku-app .bd-card-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  #baudoku-app .bd-card-cover .material-icons-round {
    font-size: 44px;
    color: rgba(255,255,255,0.3);
  }

  #baudoku-app .bd-status-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff !important;
  }

  #baudoku-app .bd-s-active    { background: rgba(16,185,129,0.9); }
  #baudoku-app .bd-s-archived  { background: rgba(139,151,168,0.9); }
  #baudoku-app .bd-s-completed { background: rgba(59,130,246,0.9); }

  #baudoku-app .bd-card-body {
    padding: 16px;
  }

  #baudoku-app .bd-card-body h3 {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--bd-text) !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    line-height: 1.3 !important;
  }

  #baudoku-app .bd-card-body .bd-pnr {
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
    font-weight: 500;
  }

  #baudoku-app .bd-card-body .bd-client {
    font-size: 13px !important;
    color: var(--bd-text-light) !important;
    margin-top: 8px !important;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  #baudoku-app .bd-card-body .bd-client .material-icons-round {
    font-size: 16px;
  }

  #baudoku-app .bd-card-foot {
    padding: 10px 16px;
    border-top: 1px solid var(--bd-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
  }

  .bd-location-link {
    color: inherit;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 2px;
    transition: color 0.2s;
  }
  .bd-location-link:hover {
    color: #2196F3;
  }


  #baudoku-app .bd-card-foot span {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  #baudoku-app .bd-card-foot .material-icons-round {
    font-size: 14px;
  }

  #baudoku-app .bd-empty {
    text-align: center;
    padding: 60px 24px;
    color: var(--bd-text-muted);
  }

  #baudoku-app .bd-empty .material-icons-round {
    font-size: 56px;
    color: var(--bd-border);
    margin-bottom: 12px;
  }

  #baudoku-app .bd-empty h3 {
    font-size: 16px !important;
    color: var(--bd-text-light) !important;
    margin-bottom: 6px !important;
  }

  /* ── Toast ────────────────────────────── */
  #baudoku-app .bd-toasts {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99999;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }

  #baudoku-app .bd-toast {
    background: var(--bd-text);
    color: #fff;
    padding: 12px 18px;
    border-radius: var(--bd-radius-sm);
    font-size: 14px;
    box-shadow: var(--bd-shadow-lg);
    animation: bdSlideUp 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #baudoku-app .bd-toast.bd-t-success { background: var(--bd-success); }
  #baudoku-app .bd-toast.bd-t-error   { background: var(--bd-danger); }

  /* ── Responsive ───────────────────────── */
  @media (max-width: 768px) {
    #baudoku-app .bd-login-card { padding: 28px 20px; }
    #baudoku-app .bd-login { min-height: 420px; padding: 24px 12px; }
    #baudoku-app .bd-app-header { padding: 0 12px; }
    #baudoku-app .bd-dash-inner { padding: 20px 12px; }
    #baudoku-app .bd-project-grid { grid-template-columns: 1fr; }
    #baudoku-app .bd-toolbar { flex-direction: column; }
    #baudoku-app .bd-welcome h2 { font-size: 20px !important; }
    #baudoku-app .bd-stat-grid { grid-template-columns: repeat(2, 1fr); }
    #baudoku-app .bd-entry-grid { grid-template-columns: 1fr; }
    #baudoku-app .bd-photo-grid { grid-template-columns: repeat(2, 1fr) !important; }
    #baudoku-app .bd-quick-actions { flex-direction: column; }
  }

  /* ============================================
     Phase 2b–2e: Projekt-Detail, Ordner, Fotos, Notizen
     ============================================ */

  /* ── Back-Header (reusable sub-page header) ── */
  #baudoku-app .bd-sub-header {
    background: var(--bd-primary);
    color: #fff;
    padding: 0 24px;
    height: 54px;
    display: flex;
    align-items: center;
    gap: 12px;
    position: sticky;
    top: 60px;
    z-index: 90;
  }

  #baudoku-app .bd-back-btn {
    background: rgba(255,255,255,0.12) !important;
    border: none !important;
    color: #fff !important;
    padding: 6px 12px;
    border-radius: var(--bd-radius-sm) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
    transition: var(--bd-transition);
  }

  #baudoku-app .bd-back-btn:hover { background: rgba(255,255,255,0.22) !important; }

  #baudoku-app .bd-sub-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #fff !important;
    margin: 0 !important;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  /* ── Projekt-Detail (2b) ─────────────── */
  #baudoku-app .bd-project-content {
    background: var(--bd-bg);
    padding: 24px;
  }

  #baudoku-app .bd-project-info {
    background: var(--bd-bg-card);
    border-radius: var(--bd-radius);
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid var(--bd-border);
  }

  #baudoku-app .bd-project-info p {
    font-size: 14px !important;
    color: var(--bd-text-light) !important;
    margin: 4px 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #baudoku-app .bd-project-info p .material-icons-round {
    font-size: 18px;
    color: var(--bd-text-muted);
    flex-shrink: 0;
  }

  #baudoku-app .bd-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    margin-bottom: 20px;
  }

  #baudoku-app .bd-stat-card {
    background: var(--bd-bg-card);
    border-radius: var(--bd-radius);
    padding: 16px;
    text-align: center;
    box-shadow: var(--bd-shadow-sm);
    border: 1px solid var(--bd-border);
    cursor: pointer;
    transition: var(--bd-transition);
  }

  #baudoku-app .bd-stat-card:hover {
    border-color: var(--bd-primary-light);
    transform: translateY(-2px);
    box-shadow: var(--bd-shadow-md);
  }

  #baudoku-app .bd-stat-card .material-icons-round {
    font-size: 28px;
    color: var(--bd-primary-light);
    margin-bottom: 6px;
  }

  #baudoku-app .bd-stat-card .bd-stat-num {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--bd-text) !important;
    display: block;
  }

  #baudoku-app .bd-stat-card .bd-stat-label {
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
  }

  /* Quick Actions */
  #baudoku-app .bd-quick-actions {
    display: flex;
    gap: 10px;
    margin-bottom: 24px;
    flex-wrap: wrap;
  }

  #baudoku-app .bd-action-btn {
    flex: 1;
    min-width: 120px;
    padding: 14px 16px;
    background: var(--bd-bg-card) !important;
    border: 2px dashed var(--bd-border) !important;
    border-radius: var(--bd-radius) !important;
    color: var(--bd-primary-light) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: var(--bd-transition);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  #baudoku-app .bd-action-btn:hover {
    border-color: var(--bd-primary-light) !important;
    background: rgba(46,117,182,0.04) !important;
    transform: translateY(-1px);
  }

  #baudoku-app .bd-action-btn .material-icons-round {
    font-size: 26px;
  }

  /* ── Breadcrumb ─────────────────────── */
  #baudoku-app .bd-breadcrumb {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 10px 0;
    margin-bottom: 16px;
    flex-wrap: wrap;
  }

  #baudoku-app .bd-crumb {
    font-size: 13px !important;
    color: var(--bd-primary-light) !important;
    cursor: pointer;
    background: none !important;
    border: none !important;
    font-family: inherit !important;
    font-weight: 500 !important;
    padding: 2px 4px;
    border-radius: 4px;
    transition: var(--bd-transition);
  }

  #baudoku-app .bd-crumb:hover { background: rgba(46,117,182,0.08) !important; }
  #baudoku-app .bd-crumb-sep { color: var(--bd-text-muted); font-size: 12px; }
  #baudoku-app .bd-crumb-current {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--bd-text) !important;
  }

  /* ── Entry Grid (Ordner + Dateien) ──── */
  #baudoku-app .bd-entry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
  }

  #baudoku-app .bd-entry-card {
    background: var(--bd-bg-card);
    border: 1px solid var(--bd-border);
    border-radius: var(--bd-radius);
    padding: 14px;
    cursor: pointer;
    transition: var(--bd-transition);
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }

  #baudoku-app .bd-entry-card:hover {
    border-color: var(--bd-primary-light);
    box-shadow: var(--bd-shadow-sm);
  }

  #baudoku-app .bd-entry-icon {
    width: 42px;
    height: 42px;
    border-radius: var(--bd-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  #baudoku-app .bd-entry-icon.bd-ic-folder  { background: rgba(245,158,11,0.12); color: var(--bd-warning); }
  #baudoku-app .bd-entry-icon.bd-ic-photo   { background: rgba(46,117,182,0.12); color: var(--bd-primary-light); }
  #baudoku-app .bd-entry-icon.bd-ic-doc     { background: rgba(239,68,68,0.1);   color: var(--bd-danger); }
  #baudoku-app .bd-entry-icon.bd-ic-note    { background: rgba(16,185,129,0.12); color: var(--bd-success); }

  #baudoku-app .bd-entry-icon .material-icons-round { font-size: 22px; }

  #baudoku-app .bd-entry-info { flex: 1; overflow: hidden; }
  #baudoku-app .bd-entry-info h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: var(--bd-text) !important;
    margin: 0 0 2px 0 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #baudoku-app .bd-entry-info small {
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
  }

  #baudoku-app .bd-entry-delete {
    background: none !important;
    border: none !important;
    color: var(--bd-text-muted) !important;
    cursor: pointer;
    padding: 4px !important;
    border-radius: 4px !important;
    transition: var(--bd-transition);
    flex-shrink: 0;
  }

  #baudoku-app .bd-entry-delete:hover { color: var(--bd-danger) !important; background: rgba(239,68,68,0.08) !important; }
  #baudoku-app .bd-entry-delete .material-icons-round { font-size: 18px; }

  /* ── Photo Grid ────────────────────── */
  #baudoku-app .bd-photo-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 10px;
  }

  #baudoku-app .bd-photo-card {
    border-radius: var(--bd-radius-sm);
    overflow: hidden;
    border: 1px solid var(--bd-border);
    cursor: pointer;
    transition: var(--bd-transition);
    background: var(--bd-bg-card);
  }

  #baudoku-app .bd-photo-card:hover {
    border-color: var(--bd-primary-light);
    box-shadow: var(--bd-shadow-md);
    transform: translateY(-2px);
  }

  #baudoku-app .bd-photo-card img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
  }

  #baudoku-app .bd-photo-card-info {
    padding: 8px 10px;
    font-size: 12px !important;
    color: var(--bd-text-muted) !important;
  }

  /* ── Photo Detail ──────────────────── */
  #baudoku-app .bd-photo-detail {
    background: #0a0f14;
    max-height: 800px;
    overflow: hidden;
  }

  #baudoku-app .bd-pd-img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    height: 70vh;
    max-height: 800px;
    background: #0a0f14;
  }

  #baudoku-app .bd-pd-img-wrap img {
    max-width: 100%;
    max-height: 55vh;
    object-fit: contain;
    border-radius: 4px;
    display: block;
  }

  #baudoku-app .bd-pd-nav {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 16px;
    background: #111820;
  }

  #baudoku-app .bd-pd-nav button {
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 24px !important;
    cursor: pointer;
    padding: 4px !important;
    opacity: 0.7;
    transition: var(--bd-transition);
  }

  #baudoku-app .bd-pd-nav button:hover { opacity: 1; }

  #baudoku-app .bd-pd-meta {
    flex: 1;
    text-align: center;
    color: #d4d4d4;
    font-size: 13px !important;
  }

  #baudoku-app .bd-pd-meta strong { color: #fff; }

  #baudoku-app .bd-pd-actions {
    display: flex;
    gap: 10px;
    padding: 12px 16px 20px;
    justify-content: center;
    background: #111820;
    flex-wrap: wrap;
  }

  #baudoku-app .bd-pd-actions button {
    padding: 8px 18px;
    border-radius: var(--bd-radius-sm) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    transition: var(--bd-transition);
    display: flex;
    align-items: center;
    gap: 6px;
  }

  /* ── Modal ─────────────────────────── */
  #baudoku-app .bd-modal {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    animation: bdFadeIn 0.2s ease;
  }

  #baudoku-app .bd-modal-content {
    background: #fff;
    border-radius: var(--bd-radius-lg);
    padding: 28px;
    width: 90%;
    max-width: 440px;
    box-shadow: var(--bd-shadow-lg);
    animation: bdSlideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    max-height: 90vh;
    overflow-y: auto;
  }

  #baudoku-app .bd-modal-content h3 {
    font-size: 18px !important;
    color: var(--bd-text) !important;
    margin: 0 0 16px 0 !important;
  }

  #baudoku-app .bd-modal-actions {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 20px;
  }

  #baudoku-app .bd-modal-actions .bd-btn { width: auto; }

  /* ── Upload Progress ───────────────── */
  #baudoku-app .bd-progress-wrap {
    background: var(--bd-border);
    border-radius: 20px;
    height: 6px;
    margin-top: 12px;
    overflow: hidden;
  }

  #baudoku-app .bd-progress-bar {
    height: 100%;
    background: linear-gradient(90deg, var(--bd-primary), var(--bd-accent));
    border-radius: 20px;
    width: 0%;
    transition: width 0.3s ease;
  }

  /* ── Textarea ──────────────────────── */
  #baudoku-app textarea {
    width: 100%;
    padding: 12px 16px;
    border: 2px solid var(--bd-border) !important;
    border-radius: var(--bd-radius-sm) !important;
    font-size: 14px !important;
    font-family: inherit !important;
    color: var(--bd-text) !important;
    background: var(--bd-bg) !important;
    resize: vertical;
    min-height: 100px;
    outline: none !important;
    transition: var(--bd-transition);
  }

  #baudoku-app textarea:focus {
    border-color: var(--bd-primary-light) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(46,117,182,0.12) !important;
  }

  /* ── Section title ─────────────────── */
  #baudoku-app .bd-section-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--bd-text) !important;
    margin: 20px 0 12px 0 !important;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  #baudoku-app .bd-section-title .material-icons-round {
    font-size: 20px;
    color: var(--bd-text-muted);
  }

  /* ── Dokument-Detail (Inline Viewer) ──── */
  #baudoku-app .bd-doc-detail {
    background: var(--bd-bg);
    min-height: 400px;
    display: flex;
    flex-direction: column;
  }

  #baudoku-app .bd-doc-frame {
    flex: 1;
    min-height: 60vh;
    border: none;
    background: #fff;
  }

  #baudoku-app .bd-doc-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 24px;
    text-align: center;
    flex: 1;
  }

  #baudoku-app .bd-doc-fallback .material-icons-round {
    font-size: 64px;
    color: var(--bd-border);
    margin-bottom: 16px;
  }

  #baudoku-app .bd-doc-fallback h3 {
    font-size: 16px !important;
    color: var(--bd-text) !important;
    margin-bottom: 8px !important;
  }

  #baudoku-app .bd-doc-fallback p {
    font-size: 14px !important;
    color: var(--bd-text-light) !important;
    margin-bottom: 20px !important;
  }

  #baudoku-app .bd-doc-actions {
    display: flex;
    gap: 10px;
    padding: 12px 24px;
    background: var(--bd-bg-card);
    border-top: 1px solid var(--bd-border);
    justify-content: center;
    flex-wrap: wrap;
  }

  #baudoku-app .bd-doc-actions button {
    padding: 10px 20px;
    border-radius: var(--bd-radius-sm) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    cursor: pointer;
    transition: var(--bd-transition);
    display: flex;
    align-items: center;
    gap: 6px;
  }
  /* -- Folder Tree View -- */
  #baudoku-app .bd-folder-tree { margin-top:8px; border:1px solid var(--bd-border); border-radius:var(--bd-radius); background:var(--bd-bg-card); }
  #baudoku-app .bd-tree-node { display:block; }
  #baudoku-app .bd-tree-row { display:flex; align-items:center; gap:6px; padding:10px 14px; cursor:pointer; transition:var(--bd-transition); border-bottom:1px solid var(--bd-border); user-select:none; }
  #baudoku-app .bd-tree-node:last-child>.bd-tree-row { border-bottom:none; }
  #baudoku-app .bd-tree-row:hover { background:rgba(46,117,182,0.05); }
  #baudoku-app .bd-tree-toggle { font-size:18px!important; color:var(--bd-text-muted); flex-shrink:0; cursor:pointer; width:20px; }
  #baudoku-app .bd-tree-folder { font-size:20px!important; color:var(--bd-warning); flex-shrink:0; }
  #baudoku-app .bd-tree-label { font-size:14px!important; font-weight:500!important; color:var(--bd-text)!important; flex:1; }
  #baudoku-app .bd-tree-children { background:rgba(248,250,252,0.6); }
  #baudoku-app .bd-tree-children .bd-tree-row { border-bottom:1px solid rgba(203,213,225,0.5); }
  #baudoku-app .bd-tree-children .bd-tree-children { background:rgba(241,245,249,0.7); }

  /* -- Card-Tree-View -- */
  #baudoku-app .bd-tree-card-wrap { display:flex; flex-direction:column; margin-bottom:4px; }
  #baudoku-app .bd-tree-card-row { display:flex; align-items:stretch; gap:6px; }
  #baudoku-app .bd-tree-card-row .bd-entry-card { flex:1; margin:0; }
  #baudoku-app .bd-tree-card-toggle { background:none!important; border:none!important; color:var(--bd-text-muted); cursor:pointer; padding:0 4px!important; flex-shrink:0; display:flex; align-items:center; justify-content:center; min-width:24px; }
  #baudoku-app .bd-tree-card-toggle .material-icons-round { font-size:18px; }
  #baudoku-app .bd-tree-card-children { margin-left:30px; border-left:2px solid var(--bd-border); padding-left:10px; padding-top:4px; display:flex; flex-direction:column; gap:4px; }

  /* -- Nav Sidebar Split Layout -- */
  #baudoku-app .bd-split-layout { display:flex; height:calc(100vh - 54px); overflow:hidden; }
  #baudoku-app .bd-nav-sidebar { width:200px; min-width:200px; background:#f8fafc; border-right:1px solid var(--bd-border); overflow-y:auto; flex-shrink:0; }
  #baudoku-app .bd-nav-sidebar-header { padding:10px 12px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--bd-text-muted); border-bottom:1px solid var(--bd-border); display:flex; align-items:center; gap:6px; }
  #baudoku-app .bd-nav-sidebar-header .material-icons-round { font-size:16px; }
  #baudoku-app .bd-main-content { flex:1; overflow-y:auto; min-width:0; }
  #baudoku-app .bd-nav-row { display:flex; align-items:center; gap:5px; padding:8px 10px; cursor:pointer; transition:background .12s; border-bottom:1px solid rgba(0,0,0,.03); }
  #baudoku-app .bd-nav-row:hover { background:rgba(46,117,182,.07); }
  #baudoku-app .bd-nav-active { background:rgba(46,117,182,.12)!important; }
  #baudoku-app .bd-nav-active .bd-nav-label { color:var(--bd-primary)!important; font-weight:600!important; }
  #baudoku-app .bd-nav-active .bd-nav-folder { color:var(--bd-primary)!important; }
  #baudoku-app .bd-nav-toggle { font-size:16px!important; color:var(--bd-text-muted); width:16px; flex-shrink:0; }
  #baudoku-app .bd-nav-folder { font-size:18px!important; color:var(--bd-warning); flex-shrink:0; }
  #baudoku-app .bd-nav-label { font-size:13px!important; color:var(--bd-text)!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; flex:1; }
  #baudoku-app .bd-nav-children { margin-left:0; }
  @media (max-width:600px) { #baudoku-app .bd-nav-sidebar { display:none; } }

  /* -- Folder Card: Content-Badges + Permission-Icons -- */
  #baudoku-app .bd-fc-content { display:flex; gap:6px; flex-wrap:wrap; margin-top:5px; }
  #baudoku-app .bd-fc-cat { display:flex; align-items:center; gap:3px; font-size:12px!important; color:var(--bd-primary-light); cursor:pointer; border-radius:4px; padding:2px 5px; transition:background .12s; border:1px solid transparent; }
  #baudoku-app .bd-fc-cat:hover { background:rgba(46,117,182,.1); border-color:rgba(46,117,182,.2); }
  #baudoku-app .bd-fc-cat.bd-fc-zero { color:var(--bd-text-muted); cursor:default; }
  #baudoku-app .bd-fc-cat.bd-fc-zero:hover { background:none; border-color:transparent; }
  #baudoku-app .bd-fc-cat .material-icons-round { font-size:14px!important; }
  #baudoku-app .bd-fc-perms { display:flex; gap:8px; margin-top:5px; }
  #baudoku-app .bd-fc-perm { display:flex; align-items:center; gap:2px; font-size:11px!important; color:var(--bd-text-muted); font-weight:500; }
  #baudoku-app .bd-fc-perm.bd-fp-on { color:var(--bd-primary-light); }
  #baudoku-app .bd-fc-perm .material-icons-round { font-size:14px!important; }

  /* -- Photo Multi-Select -- */
  #baudoku-app .bd-photo-card { position:relative; }
  #baudoku-app .bd-photo-sel-check { display:none; position:absolute; top:6px; left:6px; z-index:3; color:rgba(255,255,255,.8); filter:drop-shadow(0 1px 2px rgba(0,0,0,.4)); }
  #baudoku-app .bd-photo-sel-check .material-icons-round { font-size:24px!important; }
  #baudoku-app #bd-cat-photos.bd-sel-mode .bd-photo-sel-check { display:block; }
  #baudoku-app #bd-cat-photos.bd-sel-mode .bd-photo-card { cursor:pointer; }
  #baudoku-app #bd-cat-photos.bd-sel-mode .bd-photo-card:hover { outline:2px solid var(--bd-primary); }
  #baudoku-app .bd-photo-card.bd-sel { outline:2.5px solid var(--bd-primary)!important; }
  #baudoku-app .bd-photo-card.bd-sel .bd-photo-sel-check .material-icons-round { color:var(--bd-primary); filter:none; }

  /* -- Pan+Zoom: Photo Viewer -- */
  #baudoku-app .bd-pd-img-wrap { overflow:hidden!important; user-select:none; position:relative; }
  #baudoku-app .bd-pd-img-wrap img { display:block; max-width:none; max-height:none; width:auto; height:auto; transition:transform 0.1s ease; }
  /* -- Zoom: Doc Viewer scrollable -- */
  #baudoku-app .bd-doc-detail { overflow:auto!important; }
  #baudoku-app .bd-doc-frame { transition:none; }

  /* -- Fullscreen Photo Viewer -- */
  #baudoku-app .bd-photo-detail { position: relative; }
  #baudoku-app.bd-photo-fs #bd-view-photo-detail {
    position: fixed !important; top: 0; left: 0; width: 100vw !important; height: 100vh !important;
    z-index: 9999; display: flex !important; flex-direction: column;
  }
  #baudoku-app.bd-photo-fs .bd-photo-detail { flex: 1; overflow: hidden; max-height: none !important; }
  #baudoku-app.bd-photo-fs .bd-pd-img-wrap  { flex: 1; height: auto !important; max-height: none !important; }

  /* -- Doc Viewer: same height constraints as Photo Viewer -- */
  #baudoku-app .bd-doc-detail { height: 70vh; max-height: 800px; overflow: auto !important; }
  /* -- Fix: Photo viewer layout corrections -- */
  #baudoku-app .bd-photo-detail { max-height: none !important; overflow: visible !important; position: relative; display: flex; flex-direction: column; }
  #baudoku-app .bd-pd-img-wrap { display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; position:relative!important; padding:0!important; }
  #baudoku-app .bd-pd-img-wrap img { position:absolute!important; left:50%!important; top:50%!important; max-width:100%!important; max-height:100%!important; width:auto!important; height:auto!important; transform-origin:center center!important; user-select:none!important; pointer-events:none!important; }
  /* Fullscreen: override wrapper height */
  #baudoku-app.bd-photo-fs .bd-photo-detail > div:first-child { height:calc(100vh - 140px)!important; max-height:none!important; }
  /* Doc viewer: fix height, ignore zoom on container */
  #baudoku-app .bd-doc-detail { height:70vh!important; max-height:800px!important; overflow:auto!important; flex-shrink:0!important; zoom:1!important; }

  /* -- Accordion Inline Folder Panel -- */
  #baudoku-app .bd-folder-inline-wrap {
    margin: 4px 0 8px 0;
    padding: 12px;
    background: rgba(46,117,182,0.04);
    border: 1px solid rgba(46,117,182,0.18);
    border-radius: 0 0 10px 10px;
    border-top: none;
    animation: bdSlideDown 0.2s ease;
  }
  #baudoku-app .bd-folder-inline-panel .bd-stat-grid { margin-bottom:4px; }
  #baudoku-app .bd-folder-card-open .bd-entry-card {
    border-color: var(--bd-primary-light) !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-shadow: 0 2px 8px rgba(46,117,182,0.12) !important;
  }
  #baudoku-app .bd-tree-card-row .bd-entry-card { width:100%; }

  /* -- Newsfeed -- */
  #baudoku-app .bd-feed-row {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 5px 0;
    border-bottom: 1px solid var(--bd-border);
    font-size:12px;
    line-height:1.4;
  }
  #baudoku-app .bd-feed-row:last-child { border-bottom:none; }
  #baudoku-app .bd-feed-time {
    color: var(--bd-text-muted);
    white-space: nowrap;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
    font-size:11px;
    margin-top:1px;
  }
  #baudoku-app .bd-feed-text { color:var(--bd-text-light); flex:1; }
  #baudoku-app .bd-feed-text strong { color:var(--bd-text); font-weight:600; }
  #baudoku-app .bd-feed-text em { color:var(--bd-primary-light); font-style:normal; font-weight:500; transition:opacity .15s; }
  #baudoku-app .bd-feed-text em[style*="cursor"] { text-decoration:underline dotted; }
  #baudoku-app .bd-feed-text em[style*="cursor"]:hover { opacity:.7; }
  #baudoku-app .bd-feed-name { color:var(--bd-text); font-style:italic; font-weight:600; }

  @keyframes bdSlideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }

  /* -- Stat-Card active (inline content open) -- */
  #baudoku-app .bd-stat-card.bd-stat-active {
    border-color: var(--bd-primary-light) !important;
    background: rgba(46,117,182,0.08);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: none;
  }
  #baudoku-app .bd-inline-content-area {
    border: 1px solid rgba(46,117,182,0.18);
    border-top: none;
    border-radius: 0 0 8px 8px;
    padding: 8px 10px 10px;
    background: rgba(46,117,182,0.03);
    margin-bottom: 4px;
  }

  /* -- Mobile Optimizations -- */
  @media (max-width: 768px) {
    #baudoku-app .bd-stat-grid {
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10px !important;
    }
    #baudoku-app .bd-stat-card {
      padding: 10px 8px !important;
    }
    #baudoku-app .bd-stat-card .material-icons-round {
      font-size: 22px !important;
      margin-bottom: 4px !important;
    }
    #baudoku-app .bd-stat-card .bd-stat-num {
      font-size: 19px !important;
    }
    #baudoku-app .bd-stat-card .bd-stat-label {
      font-size: 9px !important;
    }
  }

/* Interactive icon links on company cards */
.bd-comp-icon-link {
  display:inline-flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:8px;
  background:#f0f4f8;color:var(--bd-primary);
  text-decoration:none;transition:all 0.15s ease;
}
.bd-comp-icon-link:hover {
  background:var(--bd-primary);color:#fff;
  transform:scale(1.1);
}

/* =========================================================================
   Mobile Overrides
   ========================================================================= */
@media (max-width: 768px) {
  /* Header User-Kürzel anpassen, Name verbergen */
  #bd-user-name, 
  #bd-user-btn > .material-icons-round {
    display: none !important;
  }
  #bd-user-btn {
    padding: 4px !important;
    background: transparent !important;
  }
  #bd-user-btn:hover {
    background: rgba(255,255,255,0.1) !important;
  }
  /* Tabs durch Mobile-Select austauschen */
  #bd-dash-tabs {
    display: none !important;
  }
  #bd-mobile-dash-tabs-container {
    display: block !important;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

/* =========================================================================
   Mobile Overrides (Folder UI V2)
   ========================================================================= */

/* Desktop Default: Hide mobile-only inline accordion actions */
#baudoku-app .bd-mobile-inline-actions {
  display: none;
}

@media (max-width: 768px) {

  /* Reduce global horizontal spacing on mobile to maximize screen width */
  #baudoku-app .bd-project-content {
    padding: 12px 6px !important;
  }
  
  /* HIDE row-level actions to save space on mobile */
  #baudoku-app .bd-tree-card-row .bd-entry-edit,
  #baudoku-app .bd-tree-card-row .bd-entry-delete,
  #baudoku-app .bd-tree-card-row .bd-fc-perms {
    display: none !important;
  }
  
  /* SHOW them inside the accordion when opened */
  #baudoku-app .bd-mobile-inline-actions {
    display: flex !important;
  }
  
  /* Pack content badges densely to match permission badges */
  #baudoku-app .bd-fc-content {
    gap: 4px !important;
  }
  #baudoku-app .bd-fc-cat {
    padding: 2px 4px !important;
    font-size: 10px !important;
  }
  #baudoku-app .bd-fc-cat .material-icons-round {
    font-size: 13px !important;
  }

  /* Reduce tree indent for deep folder branching */
  #baudoku-app .bd-tree-card-children {
    margin-left: 12px !important;
  }

  /* 4-column compact stat grid inside folder modal */
  #baudoku-app .bd-stat-grid {
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 4px !important;
  }
  /* Force exact equal sizing & prevent text-wrapping layout breaks */
  #baudoku-app .bd-stat-card {
    padding: 6px 2px !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #baudoku-app .bd-stat-card .material-icons-round {
    font-size: 18px !important;
    margin-bottom: 2px !important;
  }
  #baudoku-app .bd-stat-card .bd-stat-num {
    font-size: 16px !important;
  }
  #baudoku-app .bd-stat-card .bd-stat-label {
    font-size: 8px !important;
    letter-spacing: -0.2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    width: 100% !important;
    text-align: center !important;
  }
}